@dtjoy/dt-design 1.1.2 → 1.1.5

package/lib/overflowList/index.js

@@ -1,144 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _configProvider = require("antd/es/config-provider");
-require("./style");
-var _clsx = _interopRequireDefault(require("clsx"));
-var _lodashEs = require("lodash-es");
-var _resizeObserver = _interopRequireDefault(require("../resizeObserver"));
-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; }
-class OverflowList extends _react.Component {
-  static defaultProps = {
-    items: [],
-    collapseFrom: 'end',
-    minVisibleItems: 0,
-    renderMode: 'collapse'
-  };
-  static displayName;
-  containerRef = /*#__PURE__*/(0, _react.createRef)();
-  overflowRef = /*#__PURE__*/(0, _react.createRef)();
-  itemRefs = new Map();
-  prefixCls = 'overflow-list';
-  constructor(props) {
-    super(props);
-    this.prefixCls = (0, _configProvider.globalConfig)().getPrefixCls(this.prefixCls);
-    this.state = {
-      visibleCount: props.items.length,
-      isMeasuring: props.renderMode === 'collapse'
-    };
-  }
-  componentDidMount() {
-    if (this.props.renderMode === 'collapse') {
-      this.measureAndAdjust();
-    }
-  }
-  componentUpdate(prevProps) {
-    if (prevProps.items !== this.props.items || prevProps.renderMode !== this.props.renderMode) {
-      this.setState({
-        isMeasuring: true,
-        visibleCount: this.props.items.length
-      }, this.measureAndAdjust);
-    }
-  }
-  measureAndAdjust = () => {
-    const container = this.containerRef.current;
-    if (!container || this.props.renderMode !== 'collapse') return;
-    const {
-      items,
-      minVisibleItems,
-      collapseFrom,
-      onOverflow
-    } = this.props;
-    const containerWidth = container.offsetWidth;
-    const overflowWidth = this.overflowRef.current?.offsetWidth ?? 0;
-    let totalWidth = 0;
-    let newVisibleCount = 0;
-    for (let i = 0; i < items.length; i++) {
-      const index = collapseFrom === 'end' ? i : items.length - 1 - i;
-      const itemWidth = this.itemRefs.get(index)?.getBoundingClientRect().width ?? 0;
-      const isLast = i === items.length - 1;
-      const limit = isLast ? containerWidth : containerWidth - overflowWidth;
-      if (totalWidth + itemWidth <= limit || newVisibleCount < (minVisibleItems || 0)) {
-        totalWidth += itemWidth;
-        newVisibleCount++;
-      } else {
-        break;
-      }
-    }
-    this.setState({
-      visibleCount: newVisibleCount,
-      isMeasuring: false
-    }, () => {
-      if (onOverflow) {
-        onOverflow(this.getOverflowItems(newVisibleCount));
-      }
-    });
-  };
-  getOverflowItems = count => {
-    const {
-      items,
-      collapseFrom
-    } = this.props;
-    return collapseFrom === 'end' ? items.slice(count) : items.slice(0, items.length - count);
-  };
-  renderCollapse() {
-    const {
-      items,
-      visibleItemRenderer,
-      overflowRenderer,
-      collapseFrom,
-      style,
-      className
-    } = this.props;
-    const {
-      visibleCount,
-      isMeasuring
-    } = this.state;
-    const overflowItems = this.getOverflowItems(visibleCount);
-    const hasOverflow = overflowItems.length > 0;
-    const containerStyle = {
-      maxWidth: '100%',
-      visibility: 'visible',
-      ...style
-    };
-    const renderItems = () => {
-      return items.map((item, i) => {
-        const isVisible = isMeasuring || (collapseFrom === 'end' ? i < visibleCount : i >= items.length - visibleCount);
-        if (!isVisible) return null;
-        return /*#__PURE__*/_react.default.createElement("div", {
-          key: (0, _lodashEs.uniqueId)('overflow-list-item'),
-          ref: el => {
-            if (el) this.itemRefs.set(i, el);else this.itemRefs.delete(i);
-          },
-          className: `${this.prefixCls}-item`
-        }, visibleItemRenderer(item, i));
-      });
-    };
-    const overflowNode = (hasOverflow || isMeasuring) && /*#__PURE__*/_react.default.createElement("div", {
-      ref: this.overflowRef,
-      className: `${this.prefixCls}-overflow`
-    }, overflowRenderer(isMeasuring ? items : overflowItems));
-    return /*#__PURE__*/_react.default.createElement(_resizeObserver.default, {
-      onResize: () => this.setState({
-        isMeasuring: true
-      }, this.measureAndAdjust)
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      ref: this.containerRef,
-      className: (0, _clsx.default)(this.prefixCls, className),
-      style: containerStyle
-    }, collapseFrom === 'start' && overflowNode, renderItems(), collapseFrom === 'end' && overflowNode));
-  }
-  render() {
-    return this.renderCollapse();
-  }
-}
-if (process.env.NODE_ENV === 'development') {
-  OverflowList.displayName = 'OverflowList';
-}
-var _default = exports.default = OverflowList;

package/lib/resizeObserver/index.js

@@ -1,137 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ObserverProperty = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactDom = require("react-dom");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-let ObserverProperty = exports.ObserverProperty = /*#__PURE__*/function (ObserverProperty) {
-  ObserverProperty["Width"] = "width";
-  ObserverProperty["Height"] = "height";
-  ObserverProperty["All"] = "all";
-  return ObserverProperty;
-}({});
-class ReactResizeObserver extends _react.default.Component {
-  static defaultProps = {
-    onResize: () => {},
-    observeParent: false,
-    observerProperty: ObserverProperty.All,
-    delayTick: 0
-  };
-  observer = null;
-  childNode = null;
-  element = null;
-  _parentNode = null;
-  formerPropertyValue = new Map();
-  constructor(props) {
-    super(props);
-    if (typeof window !== 'undefined' && window.ResizeObserver) {
-      this.observer = new window.ResizeObserver(this.handleResizeEventTriggered);
-    }
-  }
-  getElement = () => {
-    try {
-      // eslint-disable-next-line react-dom/no-find-dom-node
-      return (0, _reactDom.findDOMNode)(this.childNode || this);
-      // eslint-disable-next-line unused-imports/no-unused-vars
-    } catch (_error) {
-      return null;
-    }
-  };
-  handleResizeEventTriggered = entries => {
-    const {
-      observerProperty,
-      onResize
-    } = this.props;
-    if (observerProperty === ObserverProperty.All) {
-      onResize?.(entries);
-    } else {
-      const finalEntries = [];
-      for (const entry of entries) {
-        const currentValue = entry.contentRect[observerProperty];
-        if (this.formerPropertyValue.has(entry.target)) {
-          if (currentValue !== this.formerPropertyValue.get(entry.target)) {
-            this.formerPropertyValue.set(entry.target, currentValue);
-            finalEntries.push(entry);
-          }
-        } else {
-          this.formerPropertyValue.set(entry.target, currentValue);
-          finalEntries.push(entry);
-        }
-      }
-      if (finalEntries.length > 0) {
-        onResize?.(finalEntries);
-      }
-    }
-  };
-  observeElement = (force = false) => {
-    if (!this.observer) return;
-    const element = this.getElement();
-    if (!(element && element instanceof Element)) {
-      this.observer.disconnect();
-      return;
-    }
-    if (element === this.element && !force) {
-      return;
-    } else {
-      this.observer.disconnect();
-      this.element = element;
-    }
-    this.observer.observe(element);
-    if (this.props.observeParent && element.parentNode) {
-      const parentNode = element.parentNode;
-      if (parentNode.ownerDocument && parentNode.ownerDocument.defaultView && parentNode instanceof parentNode.ownerDocument.defaultView.HTMLElement) {
-        this._parentNode = parentNode;
-        this.observer.observe(parentNode);
-      }
-    }
-  };
-  mergeRef = (ref, node) => {
-    this.childNode = node;
-    // 转发外部ref
-    if (typeof ref === 'function') {
-      ref(node);
-    } else if (typeof ref === 'object' && ref && 'current' in ref) {
-      ref.current = node;
-    }
-  };
-  componentDidMount() {
-    this.observeElement?.();
-  }
-  componentDidUpdate(prevProps) {
-    if (this.props.observeParent !== prevProps.observeParent) {
-      this.observeElement?.(true);
-    }
-  }
-  componentWillUnmount() {
-    if (this.observer) {
-      this.observer.disconnect();
-      this.observer = null;
-    }
-    this.element = null;
-    this._parentNode = null;
-    this.formerPropertyValue.clear();
-  }
-  render() {
-    const {
-      children,
-      className,
-      style,
-      ...rest
-    } = this.props;
-    const child = _react.default.Children.only(children);
-    const childRef = child.ref;
-    return /*#__PURE__*/_react.default.cloneElement(child, {
-      ...rest,
-      className: className ? `${child.props.className || ''} ${className}` : child.props.className,
-      style: {
-        ...child.props.style,
-        ...style
-      },
-      ref: node => this.mergeRef(childRef, node)
-    });
-  }
-}
-exports.default = ReactResizeObserver;

package/lib/statusTag/index.js

@@ -1,125 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.STATUS_TAG_TYPES = exports.PRESET_COLOR_TYPES = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _icons = require("@ant-design/icons");
-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 _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); }
-const PRESET_COLOR_TYPES = exports.PRESET_COLOR_TYPES = Object.freeze(['blue', 'yellow', 'green', 'gray', 'red', 'purple', 'cyan', 'pink']);
-const STATUS_TAG_TYPES = exports.STATUS_TAG_TYPES = Object.freeze(['default', 'outline', 'fill']);
-const DEFAULT_OPACITY = 0.15;
-/**
- * 校验是否为预设颜色
- * @param color 待校验颜色值
- */
-function isPresetColor(color) {
-  if (!color || typeof color !== 'string') return false;
-  return PRESET_COLOR_TYPES.includes(color);
-}
-
-/**
- * 计算颜色的透明版本
- * @param color 原始颜色（支持hex/rgb/rgba）
- * @param opacity 透明度（默认0.15）
- */
-function calculateTransparentColor(color, opacity = DEFAULT_OPACITY) {
-  if (!color) return 'rgba(0, 0, 0, 0.15)';
-  if (color.startsWith('rgb')) {
-    if (color.startsWith('rgba')) return color.replace(/,\s*[\d.]+(?=\))/, `,${opacity}`);
-    return `${color.slice(0, -1)},${opacity})`;
-  }
-  let hex = color.trim().replace(/^#/, '');
-  if (hex.length === 3) {
-    hex = hex.split('').map(char => char + char).join('');
-  }
-  if (!/^[0-9A-F]{6}$/i.test(hex)) return 'rgba(0, 0, 0, 0.15)';
-  const r = Number.parseInt(hex.substring(0, 2), 16);
-  const g = Number.parseInt(hex.substring(2, 4), 16);
-  const b = Number.parseInt(hex.substring(4, 6), 16);
-  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
-}
-const StatusTag = /*#__PURE__*/_react.default.memo(props => {
-  const {
-    className,
-    type = 'default',
-    icon,
-    color = 'green',
-    loading = false,
-    rounded = false,
-    background,
-    style,
-    children,
-    ...restProps
-  } = props;
-  const prefixCls = (0, _configProvider.globalConfig)().getPrefixCls('status-tag');
-  const showDefaultIcon = (0, _react.useMemo)(() => icon === undefined, [icon]);
-  const containerClasses = (0, _react.useMemo)(() => (0, _clsx.default)(prefixCls, className, {
-    [`${prefixCls}--border`]: type === 'outline',
-    [`${prefixCls}--fill`]: type === 'fill',
-    [`${prefixCls}--rounded`]: rounded,
-    [`${prefixCls}__${color}--fill`]: type === 'fill' && isPresetColor(color)
-  }), [className, type, color, rounded, prefixCls]);
-  const customColorStyle = (0, _react.useMemo)(() => {
-    if (type !== 'fill' || isPresetColor(color)) return {};
-    return {
-      color,
-      background: background || calculateTransparentColor(color)
-    };
-  }, [type, color, background]);
-  const iconStyleConfig = (0, _react.useMemo)(() => {
-    if (isPresetColor(color)) {
-      return {
-        className: (0, _clsx.default)('anticon', {
-          [`${prefixCls}__${color}--icon`]: true,
-          [`${prefixCls}__icon--default`]: !icon,
-          [`${prefixCls}__${color}--iconBg`]: !icon
-        }),
-        style: {}
-      };
-    }
-    return {
-      className: (0, _clsx.default)('anticon', {
-        [`${prefixCls}__icon--default`]: !icon
-      }),
-      style: {
-        color: icon ? color : undefined,
-        background: !icon ? color : undefined
-      }
-    };
-  }, [color, icon, prefixCls]);
-  const loadingIndicator = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_icons.LoadingOutlined, {
-    className: `${prefixCls}__icon ${prefixCls}__icon--loading`
-  }), [prefixCls]);
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, restProps, {
-    className: containerClasses,
-    style: {
-      ...customColorStyle,
-      ...style
-    },
-    "aria-busy": loading
-  }), loading ? /*#__PURE__*/_react.default.createElement(_antd.Spin, {
-    spinning: true,
-    indicator: loadingIndicator,
-    size: "small"
-  }) : (icon || showDefaultIcon) && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}__icon`
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: iconStyleConfig.className,
-    style: iconStyleConfig.style
-  }, icon ?? null)), children && /*#__PURE__*/_react.default.createElement("span", {
-    className: `${prefixCls}__text`
-  }, children));
-});
-if (process.env.NODE_ENV !== 'production') {
-  StatusTag.displayName = 'StatusTag';
-}
-var _default = exports.default = StatusTag;