antd-mobile 5.16.1 → 5.17.0

package/2x/cjs/components/tab-bar/tab-bar.d.ts

@@ -1,18 +0,0 @@
-import { FC, ReactNode } from 'react';
-import React from 'react';
-import { NativeProps } from '../../utils/native-props';
-import { BadgeProps } from '../badge';
-export declare type TabBarItemProps = {
-    icon?: ReactNode | ((active: boolean) => ReactNode);
-    title?: ReactNode | ((active: boolean) => ReactNode);
-    badge?: BadgeProps['content'];
-} & NativeProps;
-export declare const TabBarItem: FC<TabBarItemProps>;
-export declare type TabBarProps = {
-    activeKey?: string | null;
-    defaultActiveKey?: string | null;
-    onChange?: (key: string) => void;
-    safeArea?: boolean;
-    children?: React.ReactNode;
-} & NativeProps;
-export declare const TabBar: FC<TabBarProps>;

package/2x/cjs/components/tab-bar/tab-bar.js

@@ -1,113 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TabBarItem = exports.TabBar = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _nativeProps = require("../../utils/native-props");
-
-var _withDefaultProps = require("../../utils/with-default-props");
-
-var _badge = _interopRequireDefault(require("../badge"));
-
-var _safeArea = _interopRequireDefault(require("../safe-area"));
-
-var _usePropsValue = require("../../utils/use-props-value");
-
-var _traverseReactNode = require("../../utils/traverse-react-node");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* istanbul ignore next */
-const TabBarItem = () => {
-  return null;
-};
-
-exports.TabBarItem = TabBarItem;
-const classPrefix = `adm-tab-bar`;
-const defaultProps = {
-  safeArea: false
-};
-
-const TabBar = p => {
-  var _a;
-
-  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  let firstActiveKey = null;
-  const items = [];
-  (0, _traverseReactNode.traverseReactNode)(props.children, (child, index) => {
-    if (!_react.default.isValidElement(child)) return;
-    const key = child.key;
-    if (typeof key !== 'string') return;
-
-    if (index === 0) {
-      firstActiveKey = key;
-    }
-
-    items.push(child);
-  });
-  const [activeKey, setActiveKey] = (0, _usePropsValue.usePropsValue)({
-    value: props.activeKey,
-    defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : firstActiveKey,
-    onChange: v => {
-      var _a;
-
-      if (v === null) return;
-      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v);
-    }
-  });
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: classPrefix
-  }, _react.default.createElement("div", {
-    className: `${classPrefix}-wrap`
-  }, items.map(item => {
-    const active = item.key === activeKey;
-
-    function renderContent() {
-      const iconElement = item.props.icon && _react.default.createElement("div", {
-        className: `${classPrefix}-item-icon`
-      }, typeof item.props.icon === 'function' ? item.props.icon(active) : item.props.icon);
-
-      const titleElement = item.props.title && _react.default.createElement("div", {
-        className: (0, _classnames.default)(`${classPrefix}-item-title`, Boolean(iconElement) && `${classPrefix}-item-title-with-icon`)
-      }, typeof item.props.title === 'function' ? item.props.title(active) : item.props.title);
-
-      if (iconElement) {
-        return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_badge.default, {
-          content: item.props.badge,
-          className: `${classPrefix}-icon-badge`
-        }, iconElement), titleElement);
-      } else if (titleElement) {
-        return _react.default.createElement(_badge.default, {
-          content: item.props.badge,
-          className: `${classPrefix}-title-badge`
-        }, titleElement);
-      }
-
-      return null;
-    }
-
-    return (0, _nativeProps.withNativeProps)(item.props, _react.default.createElement("div", {
-      key: item.key,
-      onClick: () => {
-        const {
-          key
-        } = item;
-        if (key === undefined || key === null) return;
-        setActiveKey(key.toString());
-      },
-      className: (0, _classnames.default)(`${classPrefix}-item`, {
-        [`${classPrefix}-item-active`]: active
-      })
-    }, renderContent()));
-  })), props.safeArea && _react.default.createElement(_safeArea.default, {
-    position: 'bottom'
-  })));
-};
-
-exports.TabBar = TabBar;

package/2x/cjs/components/tabs/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import './tabs.less';
-export type { TabsProps, TabProps } from './tabs';
-declare const _default: import("react").FC<import("./tabs").TabsProps> & {
-    Tab: import("react").FC<import("./tabs").TabProps>;
-};
-export default _default;

package/2x/cjs/components/tabs/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("./tabs.css");
-
-var _tabs2 = require("./tabs");
-
-var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
-
-var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_tabs2.Tabs, {
-  Tab: _tabs2.Tab
-});
-
-exports.default = _default;

package/2x/cjs/components/tabs/tabs.css

@@ -1,88 +0,0 @@
-.adm-tabs {
-  --title-font-size: var(--adm-font-size-9);
-  --content-padding: 24px;
-  --active-line-height: 4px;
-  --active-line-border-radius: var(--active-line-height);
-  --active-line-color: var(--adm-color-primary);
-  --active-title-color: var(--adm-color-primary);
-  position: relative;
-  min-width: 0;
-}
-
-.adm-tabs-header {
-  position: relative;
-  border-bottom: solid 2px var(--adm-color-border);
-}
-
-.adm-tabs-tab-list {
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  position: relative;
-  overflow-x: scroll;
-  scrollbar-width: none;
-}
-
-.adm-tabs-tab-list::-webkit-scrollbar {
-  display: none;
-}
-
-.adm-tabs-tab-wrapper {
-  padding: 0 24px;
-}
-
-.adm-tabs-tab-wrapper-stretch {
-  flex: auto;
-}
-
-.adm-tabs-tab {
-  white-space: nowrap;
-  padding: 16px 0 20px;
-  width: min-content;
-  margin: 0 auto;
-  font-size: var(--title-font-size);
-  position: relative;
-  cursor: pointer;
-}
-
-.adm-tabs-tab-active {
-  color: var(--active-title-color);
-}
-
-.adm-tabs-tab-disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.adm-tabs-tab-line {
-  position: absolute;
-  bottom: 0;
-  height: var(--active-line-height);
-  background: var(--active-line-color);
-  border-radius: var(--active-line-border-radius);
-}
-
-.adm-tabs-content {
-  padding: var(--content-padding);
-}
-
-.adm-tabs-header-mask {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  z-index: 1;
-  width: 60px;
-  height: 100%;
-  pointer-events: none;
-}
-
-.adm-tabs-header-mask-left {
-  left: 0;
-  background: linear-gradient(to right, var(--adm-color-background), rgba(255, 255, 255, 0));
-}
-
-.adm-tabs-header-mask-right {
-  right: 0;
-  background: linear-gradient(to left, var(--adm-color-background), rgba(255, 255, 255, 0));
-}

package/2x/cjs/components/tabs/tabs.d.ts

@@ -1,19 +0,0 @@
-import React, { FC, ReactNode } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type TabProps = {
-    title: ReactNode;
-    disabled?: boolean;
-    forceRender?: boolean;
-    destroyOnClose?: boolean;
-    children?: ReactNode;
-} & NativeProps;
-export declare const Tab: FC<TabProps>;
-export declare type TabsProps = {
-    activeKey?: string | null;
-    defaultActiveKey?: string | null;
-    activeLineMode?: 'auto' | 'full' | 'fixed';
-    stretch?: boolean;
-    onChange?: (key: string) => void;
-    children?: React.ReactNode;
-} & NativeProps<'--fixed-active-line-width' | '--active-line-height' | '--active-line-border-radius' | '--title-font-size' | '--content-padding' | '--active-title-color' | '--active-line-color'>;
-export declare const Tabs: FC<TabsProps>;

package/2x/cjs/components/tabs/tabs.js

@@ -1,275 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Tabs = exports.Tab = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _web = require("@react-spring/web");
-
-var _nativeProps = require("../../utils/native-props");
-
-var _usePropsValue = require("../../utils/use-props-value");
-
-var _bound = require("../../utils/bound");
-
-var _ahooks = require("ahooks");
-
-var _useMutationEffect = require("../../utils/use-mutation-effect");
-
-var _useResizeEffect = require("../../utils/use-resize-effect");
-
-var _withDefaultProps = require("../../utils/with-default-props");
-
-var _useIsomorphicUpdateLayoutEffect = require("../../utils/use-isomorphic-update-layout-effect");
-
-var _shouldRender = require("../../utils/should-render");
-
-var _traverseReactNode = require("../../utils/traverse-react-node");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const classPrefix = `adm-tabs`;
-
-const Tab = () => {
-  return null;
-};
-
-exports.Tab = Tab;
-const defaultProps = {
-  activeLineMode: 'auto',
-  stretch: true
-};
-
-const Tabs = p => {
-  var _a;
-
-  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  const tabListContainerRef = (0, _react.useRef)(null);
-  const activeLineRef = (0, _react.useRef)(null);
-  const keyToIndexRecord = {};
-  let firstActiveKey = null;
-  const panes = [];
-  (0, _traverseReactNode.traverseReactNode)(props.children, (child, index) => {
-    if (!_react.default.isValidElement(child)) return;
-    const key = child.key;
-    if (typeof key !== 'string') return;
-
-    if (index === 0) {
-      firstActiveKey = key;
-    }
-
-    const length = panes.push(child);
-    keyToIndexRecord[key] = length - 1;
-  });
-  const [activeKey, setActiveKey] = (0, _usePropsValue.usePropsValue)({
-    value: props.activeKey,
-    defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : firstActiveKey,
-    onChange: v => {
-      var _a;
-
-      if (v === null) return;
-      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v);
-    }
-  });
-  const [{
-    x,
-    width
-  }, api] = (0, _web.useSpring)(() => ({
-    x: 0,
-    width: 0,
-    config: {
-      tension: 300,
-      clamp: true
-    }
-  }));
-  const [{
-    scrollLeft
-  }, scrollApi] = (0, _web.useSpring)(() => ({
-    scrollLeft: 0,
-    config: {
-      tension: 300,
-      clamp: true
-    }
-  }));
-  const [{
-    leftMaskOpacity,
-    rightMaskOpacity
-  }, maskApi] = (0, _web.useSpring)(() => ({
-    leftMaskOpacity: 0,
-    rightMaskOpacity: 0,
-    config: {
-      clamp: true
-    }
-  }));
-
-  function animate(immediate = false) {
-    const container = tabListContainerRef.current;
-    if (!container) return;
-    const activeIndex = keyToIndexRecord[activeKey];
-
-    if (activeIndex === undefined) {
-      api.start({
-        x: 0,
-        width: 0,
-        immediate: true
-      });
-      return;
-    }
-
-    const activeLine = activeLineRef.current;
-    if (!activeLine) return;
-    const activeTabWrapper = container.children.item(activeIndex + 1);
-    const activeTab = activeTabWrapper.children.item(0);
-    const activeTabLeft = activeTab.offsetLeft;
-    const activeTabWidth = activeTab.offsetWidth;
-    const activeTabWrapperLeft = activeTabWrapper.offsetLeft;
-    const activeTabWrapperWidth = activeTabWrapper.offsetWidth;
-    const containerWidth = container.offsetWidth;
-    const containerScrollWidth = container.scrollWidth;
-    const containerScrollLeft = container.scrollLeft;
-    const activeLineWidth = activeLine.offsetWidth;
-    let x = 0;
-    let width = 0;
-
-    if (props.activeLineMode === 'auto') {
-      x = activeTabLeft;
-      width = activeTabWidth;
-    } else if (props.activeLineMode === 'full') {
-      x = activeTabWrapperLeft;
-      width = activeTabWrapperWidth;
-    } else {
-      x = activeTabLeft + (activeTabWidth - activeLineWidth) / 2;
-    }
-
-    api.start({
-      x,
-      width,
-      immediate
-    });
-    const maxScrollDistance = containerScrollWidth - containerWidth;
-    if (maxScrollDistance <= 0) return;
-    const nextScrollLeft = (0, _bound.bound)(activeTabLeft - (containerWidth - activeTabWidth) / 2, 0, containerScrollWidth - containerWidth);
-    scrollApi.start({
-      scrollLeft: nextScrollLeft,
-      from: {
-        scrollLeft: containerScrollLeft
-      },
-      immediate
-    });
-  }
-
-  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
-    animate(!x.isAnimating);
-  }, []);
-  (0, _useIsomorphicUpdateLayoutEffect.useIsomorphicUpdateLayoutEffect)(() => {
-    animate();
-  }, [activeKey]);
-  (0, _useResizeEffect.useResizeEffect)(() => {
-    animate(!x.isAnimating);
-  }, tabListContainerRef);
-  (0, _useMutationEffect.useMutationEffect)(() => {
-    animate(!x.isAnimating);
-  }, tabListContainerRef, {
-    subtree: true,
-    childList: true,
-    characterData: true
-  });
-  const {
-    run: updateMask
-  } = (0, _ahooks.useThrottleFn)((immediate = false) => {
-    const container = tabListContainerRef.current;
-    if (!container) return;
-    const scrollLeft = container.scrollLeft;
-    const showLeftMask = scrollLeft > 0;
-    const showRightMask = scrollLeft + container.offsetWidth < container.scrollWidth;
-    maskApi.start({
-      leftMaskOpacity: showLeftMask ? 1 : 0,
-      rightMaskOpacity: showRightMask ? 1 : 0,
-      immediate
-    });
-  }, {
-    wait: 100,
-    trailing: true,
-    leading: true
-  });
-  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
-    updateMask(true);
-  }, []);
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: classPrefix
-  }, _react.default.createElement("div", {
-    className: `${classPrefix}-header`
-  }, _react.default.createElement(_web.animated.div, {
-    className: (0, _classnames.default)(`${classPrefix}-header-mask`, `${classPrefix}-header-mask-left`),
-    style: {
-      opacity: leftMaskOpacity
-    }
-  }), _react.default.createElement(_web.animated.div, {
-    className: (0, _classnames.default)(`${classPrefix}-header-mask`, `${classPrefix}-header-mask-right`),
-    style: {
-      opacity: rightMaskOpacity
-    }
-  }), _react.default.createElement(_web.animated.div, {
-    className: `${classPrefix}-tab-list`,
-    ref: tabListContainerRef,
-    scrollLeft: scrollLeft,
-    onScroll: updateMask
-  }, _react.default.createElement(_web.animated.div, {
-    ref: activeLineRef,
-    className: `${classPrefix}-tab-line`,
-    style: {
-      width: props.activeLineMode === 'fixed' ? 'var(--fixed-active-line-width, 30px)' : width,
-      x
-    }
-  }), panes.map(pane => (0, _nativeProps.withNativeProps)(pane.props, _react.default.createElement("div", {
-    key: pane.key,
-    className: (0, _classnames.default)(`${classPrefix}-tab-wrapper`, {
-      [`${classPrefix}-tab-wrapper-stretch`]: props.stretch
-    })
-  }, _react.default.createElement("div", {
-    onClick: () => {
-      const {
-        key
-      } = pane;
-      if (pane.props.disabled) return;
-
-      if (key === undefined || key === null) {
-        return;
-      }
-
-      setActiveKey(key.toString());
-    },
-    className: (0, _classnames.default)(`${classPrefix}-tab`, {
-      [`${classPrefix}-tab-active`]: pane.key === activeKey,
-      [`${classPrefix}-tab-disabled`]: pane.props.disabled
-    })
-  }, pane.props.title)))))), panes.map(pane => {
-    if (pane.props.children === undefined) {
-      return null;
-    }
-
-    const active = pane.key === activeKey;
-    return _react.default.createElement(_shouldRender.ShouldRender, {
-      key: pane.key,
-      active: active,
-      forceRender: pane.props.forceRender,
-      destroyOnClose: pane.props.destroyOnClose
-    }, _react.default.createElement("div", {
-      className: `${classPrefix}-content`,
-      style: {
-        display: active ? 'block' : 'none'
-      }
-    }, pane.props.children));
-  })));
-};
-
-exports.Tabs = Tabs;

package/2x/cjs/components/tabs/tabs.patch.css

@@ -1,29 +0,0 @@
-.adm-tabs-header {
-  border-bottom: solid 2px #eeeeee;
-}
-
-.adm-tabs-tab {
-  font-size: 34px;
-}
-
-.adm-tabs-tab-active {
-  color: #1677ff;
-}
-
-.adm-tabs-tab-line {
-  height: 4px;
-  background: #1677ff;
-  border-radius: 4px;
-}
-
-.adm-tabs-content {
-  padding: 24px;
-}
-
-.adm-tabs-header-mask-left {
-  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
-}
-
-.adm-tabs-header-mask-right {
-  background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
-}

package/2x/cjs/components/tag/index.d.ts

@@ -1,4 +0,0 @@
-import './tag.less';
-import { Tag } from './tag';
-export type { TagProps } from './tag';
-export default Tag;

package/2x/cjs/components/tag/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("./tag.css");
-
-var _tag2 = require("./tag");
-
-var _default = _tag2.Tag;
-exports.default = _default;

package/2x/cjs/components/tag/tag.css

@@ -1,18 +0,0 @@
-.adm-tag {
-  --border-radius: var(--adm-tag-border-radius, 4px);
-  padding: 4px 8px;
-  font-size: var(--adm-font-size-3);
-  line-height: 1;
-  font-weight: normal;
-  background: var(--background-color);
-  color: var(--text-color);
-  display: inline-block;
-  white-space: nowrap;
-  border-radius: var(--border-radius);
-  border: 2px solid var(--border-color);
-  box-sizing: border-box;
-}
-
-.adm-tag-round {
-  border-radius: 200px;
-}

package/2x/cjs/components/tag/tag.d.ts

@@ -1,10 +0,0 @@
-import React, { FC } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type TagProps = {
-    color?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | (string & {});
-    fill?: 'solid' | 'outline';
-    round?: boolean;
-    onClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
-    children?: React.ReactNode;
-} & NativeProps<'--border-color' | '--background-color' | '--text-color' | '--border-radius'>;
-export declare const Tag: FC<TagProps>;

package/2x/cjs/components/tag/tag.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Tag = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _withDefaultProps = require("../../utils/with-default-props");
-
-var _nativeProps = require("../../utils/native-props");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const classPrefix = `adm-tag`;
-const colorRecord = {
-  default: '#666666',
-  primary: 'var(--adm-color-primary, #1677ff)',
-  success: 'var(--adm-color-success, #00b578)',
-  warning: 'var(--adm-color-warning, #ff8f1f)',
-  danger: 'var(--adm-color-danger, #ff3141)'
-};
-const defaultProps = {
-  color: 'default',
-  fill: 'solid',
-  round: false
-};
-
-const Tag = p => {
-  var _a;
-
-  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  const color = (_a = colorRecord[props.color]) !== null && _a !== void 0 ? _a : props.color;
-  const style = {
-    '--border-color': color,
-    '--text-color': props.fill === 'outline' ? color : '#ffffff',
-    '--background-color': props.fill === 'outline' ? 'transparent' : color
-  };
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("span", {
-    style: style,
-    onClick: props.onClick,
-    className: (0, _classnames.default)(classPrefix, {
-      [`${classPrefix}-round`]: props.round
-    })
-  }, props.children));
-};
-
-exports.Tag = Tag;

package/2x/cjs/components/text-area/index.d.ts

@@ -1,4 +0,0 @@
-import './text-area.less';
-import { TextArea } from './text-area';
-export type { TextAreaProps, TextAreaRef } from './text-area';
-export default TextArea;

package/2x/cjs/components/text-area/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("./text-area.css");
-
-var _textArea2 = require("./text-area");
-
-var _default = _textArea2.TextArea;
-exports.default = _default;