antd-mobile 5.15.1 → 5.17.0

package/cjs/components/search-bar/search-bar.css

@@ -1,57 +0,0 @@
-.adm-search-bar {
-  --height: 32px;
-  --padding-left: 8px;
-  --background: var(--adm-color-box);
-  --border-radius: 6px;
-  --placeholder-color: var(--adm-color-weak);
-  ---placeholder-color: var(--placeholder-color);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: var(--height);
-}
-.adm-search-bar .adm-search-bar-input-box {
-  flex: auto;
-  background: var(--background);
-  border-radius: var(--border-radius);
-  border: solid 1px transparent;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding-left: var(--padding-left);
-}
-.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input-box-icon {
-  flex: none;
-  color: var(--adm-color-light);
-  font-size: var(--adm-font-size-8);
-}
-.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input {
-  flex: auto;
-  padding: 4px 8px 4px 4px;
-  height: calc(var(--height) - 2px);
-  box-sizing: border-box;
-}
-.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-input {
-  --placeholder-color: var(---placeholder-color);
-  --font-size: var(--adm-font-size-7);
-}
-.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input .adm-input-element {
-  line-height: 19px;
-}
-.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-search-bar-input-without-icon {
-  padding-left: 8px;
-}
-.adm-search-bar .adm-search-bar-suffix {
-  flex: none;
-  margin-left: 4px;
-}
-.adm-search-bar .adm-search-bar-cancel-button.adm-button {
-  padding: 3px 12px;
-}
-.adm-search-bar-active .adm-input.adm-input.adm-input {
-  --placeholder-color: var(--adm-color-light);
-}
-.adm-search-bar-active .adm-search-bar-input-box {
-  border-color: var(--adm-color-primary);
-  background: var(--adm-color-background);
-}

package/cjs/components/search-bar/search-bar.d.ts

@@ -1,38 +0,0 @@
-import React, { ReactNode } from 'react';
-import { InputRef, InputProps } from '../input';
-import { NativeProps } from '../../utils/native-props';
-export declare type SearchBarRef = InputRef;
-export declare type SearchBarProps = Pick<InputProps, 'onFocus' | 'onBlur' | 'onClear'> & {
-    value?: string;
-    defaultValue?: string;
-    maxLength?: number;
-    placeholder?: string;
-    clearable?: boolean;
-    onlyShowClearWhenFocus?: boolean;
-    showCancelButton?: boolean | ((focus: boolean, value: string) => boolean);
-    cancelText?: string;
-    icon?: ReactNode;
-    clearOnCancel?: boolean;
-    onSearch?: (val: string) => void;
-    onChange?: (val: string) => void;
-    onCancel?: () => void;
-} & NativeProps<'--background' | '--border-radius' | '--placeholder-color' | '--height' | '--padding-left'>;
-export declare const SearchBar: React.ForwardRefExoticComponent<Pick<InputProps, "onFocus" | "onBlur" | "onClear"> & {
-    value?: string | undefined;
-    defaultValue?: string | undefined;
-    maxLength?: number | undefined;
-    placeholder?: string | undefined;
-    clearable?: boolean | undefined;
-    onlyShowClearWhenFocus?: boolean | undefined;
-    showCancelButton?: boolean | ((focus: boolean, value: string) => boolean) | undefined;
-    cancelText?: string | undefined;
-    icon?: ReactNode;
-    clearOnCancel?: boolean | undefined;
-    onSearch?: ((val: string) => void) | undefined;
-    onChange?: ((val: string) => void) | undefined;
-    onCancel?: (() => void) | undefined;
-} & {
-    className?: string | undefined;
-    style?: (React.CSSProperties & Partial<Record<"--height" | "--border-radius" | "--padding-left" | "--background" | "--placeholder-color", string>>) | undefined;
-    tabIndex?: number | undefined;
-} & React.AriaAttributes & React.RefAttributes<InputRef>>;

package/cjs/components/search-bar/search-bar.js

@@ -1,148 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SearchBar = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _input = _interopRequireDefault(require("../input"));
-
-var _button = _interopRequireDefault(require("../button"));
-
-var _nativeProps = require("../../utils/native-props");
-
-var _withDefaultProps = require("../../utils/with-default-props");
-
-var _antdMobileIcons = require("antd-mobile-icons");
-
-var _usePropsValue = require("../../utils/use-props-value");
-
-var _configProvider = require("../config-provider");
-
-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-search-bar`;
-const defaultProps = {
-  clearable: true,
-  onlyShowClearWhenFocus: false,
-  showCancelButton: false,
-  defaultValue: '',
-  clearOnCancel: true,
-  icon: _react.default.createElement(_antdMobileIcons.SearchOutline, null)
-};
-const SearchBar = (0, _react.forwardRef)((p, ref) => {
-  const {
-    locale
-  } = (0, _configProvider.useConfig)();
-  const props = (0, _withDefaultProps.mergeProps)(defaultProps, {
-    cancelText: locale.common.cancel
-  }, p);
-  const [value, setValue] = (0, _usePropsValue.usePropsValue)(props);
-  const [hasFocus, setHasFocus] = (0, _react.useState)(false);
-  const inputRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, () => ({
-    clear: () => {
-      var _a;
-
-      return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.clear();
-    },
-    focus: () => {
-      var _a;
-
-      return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    },
-    blur: () => {
-      var _a;
-
-      return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-    },
-
-    get nativeElement() {
-      var _a, _b;
-
-      return (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.nativeElement) !== null && _b !== void 0 ? _b : null;
-    }
-
-  }));
-
-  const renderCancelButton = () => {
-    let isShowCancel;
-
-    if (typeof props.showCancelButton === 'function') {
-      isShowCancel = props.showCancelButton(hasFocus, value);
-    } else {
-      isShowCancel = props.showCancelButton && hasFocus;
-    }
-
-    return isShowCancel && _react.default.createElement("div", {
-      className: `${classPrefix}-suffix`
-    }, _react.default.createElement(_button.default, {
-      fill: 'none',
-      className: `${classPrefix}-cancel-button`,
-      onClick: () => {
-        var _a, _b, _c;
-
-        if (props.clearOnCancel) {
-          (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.clear();
-        }
-
-        (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
-        (_c = props.onCancel) === null || _c === void 0 ? void 0 : _c.call(props);
-      },
-      onMouseDown: e => {
-        e.preventDefault();
-      }
-    }, props.cancelText));
-  };
-
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: (0, _classnames.default)(classPrefix, {
-      [`${classPrefix}-active`]: hasFocus
-    })
-  }, _react.default.createElement("div", {
-    className: `${classPrefix}-input-box`
-  }, props.icon && _react.default.createElement("div", {
-    className: `${classPrefix}-input-box-icon`
-  }, props.icon), _react.default.createElement(_input.default, {
-    ref: inputRef,
-    className: (0, _classnames.default)(`${classPrefix}-input`, {
-      [`${classPrefix}-input-without-icon`]: !props.icon
-    }),
-    value: value,
-    onChange: setValue,
-    maxLength: props.maxLength,
-    placeholder: props.placeholder,
-    clearable: props.clearable,
-    onlyShowClearWhenFocus: props.onlyShowClearWhenFocus,
-    onFocus: e => {
-      var _a;
-
-      setHasFocus(true);
-      (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    },
-    onBlur: e => {
-      var _a;
-
-      setHasFocus(false);
-      (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    },
-    onClear: props.onClear,
-    type: 'search',
-    enterKeyHint: 'search',
-    onEnterPress: () => {
-      var _a, _b;
-
-      (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-      (_b = props.onSearch) === null || _b === void 0 ? void 0 : _b.call(props, value);
-    }
-  })), renderCancelButton()));
-});
-exports.SearchBar = SearchBar;

package/cjs/components/selector/check-mark.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const CheckMark: React.MemoExoticComponent<() => JSX.Element>;

package/cjs/components/selector/check-mark.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CheckMark = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-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 CheckMark = (0, _react.memo)(() => {
-  return _react.default.createElement("svg", {
-    width: '17px',
-    height: '13px',
-    viewBox: '0 0 17 13',
-    version: '1.1',
-    xmlns: 'http://www.w3.org/2000/svg'
-  }, _react.default.createElement("g", {
-    stroke: 'none',
-    strokeWidth: '1',
-    fill: 'none',
-    fillRule: 'evenodd',
-    strokeLinecap: 'round',
-    strokeLinejoin: 'round'
-  }, _react.default.createElement("g", {
-    transform: 'translate(-2832.000000, -1103.000000)',
-    stroke: '#FFFFFF',
-    strokeWidth: '3'
-  }, _react.default.createElement("g", {
-    transform: 'translate(2610.000000, 955.000000)'
-  }, _react.default.createElement("g", {
-    transform: 'translate(24.000000, 91.000000)'
-  }, _react.default.createElement("g", {
-    transform: 'translate(179.177408, 36.687816)'
-  }, _react.default.createElement("polyline", {
-    points: '34.2767388 22 24.797043 31.4796958 21 27.6826527'
-  })))))));
-});
-exports.CheckMark = CheckMark;

package/cjs/components/selector/index.d.ts

@@ -1,4 +0,0 @@
-import './selector.less';
-import { Selector } from './selector';
-export type { SelectorProps, SelectorOption } from './selector';
-export default Selector;

package/cjs/components/selector/index.js

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

package/cjs/components/selector/selector.css

@@ -1,62 +0,0 @@
-.adm-selector {
-  --color: var(--adm-color-box);
-  --checked-color: #e7f1ff;
-  --text-color: var(--adm-color-text);
-  --checked-text-color: var(--adm-color-primary);
-  --border: none;
-  --checked-border: none;
-  --border-radius: 2px;
-  --padding: 8px 16px;
-  overflow: hidden;
-  font-size: var(--adm-font-size-7);
-  line-height: 1.4;
-}
-.adm-selector .adm-space.adm-space {
-  --gap: 12px;
-}
-.adm-selector-item {
-  padding: var(--padding);
-  position: relative;
-  background-color: var(--color);
-  border: var(--border);
-  border-radius: var(--border-radius);
-  color: var(--text-color);
-  opacity: 1;
-  cursor: pointer;
-  display: inline-block;
-  text-align: center;
-  overflow: hidden;
-  vertical-align: top;
-}
-.adm-selector-item-description {
-  font-size: var(--adm-font-size-main);
-  color: var(--adm-color-weak);
-}
-.adm-selector-item-active,
-.adm-selector-item-multiple-active {
-  color: var(--checked-text-color);
-  background-color: var(--checked-color);
-  border: var(--checked-border);
-}
-.adm-selector-item .adm-selector-check-mark-wrapper {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  width: 0;
-  height: 0;
-  border-top: solid 8px transparent;
-  border-bottom: solid 8px var(--adm-color-primary);
-  border-left: solid 10px transparent;
-  border-right: solid 10px var(--adm-color-primary);
-}
-.adm-selector-item .adm-selector-check-mark-wrapper > svg {
-  position: absolute;
-  left: 0;
-  top: 0;
-  height: 6px;
-  width: 8px;
-}
-.adm-selector-item-disabled {
-  cursor: not-allowed;
-  opacity: 0.4;
-}

package/cjs/components/selector/selector.d.ts

@@ -1,23 +0,0 @@
-import React, { ReactNode } from 'react';
-import { NativeProps } from '../../utils/native-props';
-declare type SelectorValue = string | number;
-export interface SelectorOption<V> {
-    label: ReactNode;
-    description?: ReactNode;
-    value: V;
-    disabled?: boolean;
-}
-export declare type SelectorProps<V> = {
-    options: SelectorOption<V>[];
-    columns?: number;
-    multiple?: boolean;
-    disabled?: boolean;
-    defaultValue?: V[];
-    value?: V[];
-    onChange?: (v: V[], extend: {
-        items: SelectorOption<V>[];
-    }) => void;
-    showCheckMark?: boolean;
-} & NativeProps<'--color' | '--checked-color' | '--text-color' | '--checked-text-color' | '--border' | '--checked-border' | '--border-radius' | '--padding'>;
-export declare const Selector: <V extends SelectorValue>(p: SelectorProps<V>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-export {};

package/cjs/components/selector/selector.js

@@ -1,92 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Selector = void 0;
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _nativeProps = require("../../utils/native-props");
-
-var _withDefaultProps = require("../../utils/with-default-props");
-
-var _space = _interopRequireDefault(require("../space"));
-
-var _grid = _interopRequireDefault(require("../grid"));
-
-var _convertPx = require("../../utils/convert-px");
-
-var _usePropsValue = require("../../utils/use-props-value");
-
-var _checkMark = require("./check-mark");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const classPrefix = `adm-selector`;
-const defaultProps = {
-  multiple: false,
-  defaultValue: [],
-  showCheckMark: true
-};
-
-const Selector = p => {
-  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  const [value, setValue] = (0, _usePropsValue.usePropsValue)({
-    value: props.value,
-    defaultValue: props.defaultValue,
-    onChange: val => {
-      var _a;
-
-      const extend = {
-        get items() {
-          return props.options.filter(option => val.includes(option.value));
-        }
-
-      };
-      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, val, extend);
-    }
-  });
-  const items = props.options.map(option => {
-    const active = (value || []).includes(option.value);
-    const disabled = option.disabled || props.disabled;
-    const itemCls = (0, _classnames.default)(`${classPrefix}-item`, {
-      [`${classPrefix}-item-active`]: active && !props.multiple,
-      [`${classPrefix}-item-multiple-active`]: active && props.multiple,
-      [`${classPrefix}-item-disabled`]: disabled
-    });
-    return _react.default.createElement("div", {
-      key: option.value,
-      className: itemCls,
-      onClick: () => {
-        if (disabled) {
-          return;
-        }
-
-        if (props.multiple) {
-          const val = active ? value.filter(v => v !== option.value) : [...value, option.value];
-          setValue(val);
-        } else {
-          const val = active ? [] : [option.value];
-          setValue(val);
-        }
-      }
-    }, option.label, option.description && _react.default.createElement("div", {
-      className: `${classPrefix}-item-description`
-    }, option.description), active && props.showCheckMark && _react.default.createElement("div", {
-      className: `${classPrefix}-check-mark-wrapper`
-    }, _react.default.createElement(_checkMark.CheckMark, null)));
-  });
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: classPrefix
-  }, !props.columns && _react.default.createElement(_space.default, {
-    wrap: true
-  }, items), props.columns && _react.default.createElement(_grid.default, {
-    columns: props.columns,
-    gap: (0, _convertPx.convertPx)(8)
-  }, items)));
-};
-
-exports.Selector = Selector;

package/cjs/components/side-bar/corner.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare const Corner: React.NamedExoticComponent<NativeProps<never>>;

package/cjs/components/side-bar/corner.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Corner = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _nativeProps = require("../../utils/native-props");
-
-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 Corner = (0, _react.memo)(props => (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
-  viewBox: '0 0 30 30'
-}, _react.default.createElement("g", {
-  stroke: 'none',
-  strokeWidth: '1',
-  fill: 'none',
-  fillRule: 'evenodd'
-}, _react.default.createElement("path", {
-  d: 'M30,0 C13.4314575,3.04359188e-15 -2.02906125e-15,13.4314575 0,30 L0,30 L0,0 Z',
-  fill: 'var(--adm-color-background)',
-  transform: 'translate(15.000000, 15.000000) scale(-1, -1) translate(-15.000000, -15.000000) '
-})))));
-exports.Corner = Corner;

package/cjs/components/side-bar/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import './side-bar.less';
-export type { SideBarProps, SideBarItemProps } from './side-bar';
-declare const _default: import("react").FC<import("./side-bar").SideBarProps> & {
-    Item: import("react").FC<import("./side-bar").SideBarItemProps>;
-};
-export default _default;

package/cjs/components/side-bar/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("./side-bar.css");
-
-var _sideBar2 = require("./side-bar");
-
-var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
-
-var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_sideBar2.SideBar, {
-  Item: _sideBar2.SideBarItem
-});
-
-exports.default = _default;

package/cjs/components/side-bar/side-bar.css

@@ -1,74 +0,0 @@
-.adm-side-bar {
-  --height: 100%;
-  --width: 105px;
-  --item-border-radius: 8px;
-  --background-color: var(--adm-color-box);
-  width: var(--width);
-  height: var(--height);
-  box-sizing: border-box;
-  font-size: var(--adm-font-size-main);
-  overflow-y: auto;
-  transform: translateZ(0);
-  -webkit-transform: translateZ(0);
-  background-color: var(--background-color);
-  display: flex;
-  flex-direction: column;
-}
-.adm-side-bar-items {
-  flex: none;
-  overflow: hidden;
-}
-.adm-side-bar-extra-space {
-  flex: auto;
-  overflow: hidden;
-  position: relative;
-}
-.adm-side-bar-item {
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: 16px 12px;
-  position: relative;
-  cursor: pointer;
-  background-color: var(--background-color);
-  overflow: visible;
-}
-.adm-side-bar-item-highlight {
-  position: absolute;
-  height: 100%;
-  width: 2px;
-  left: -12px;
-  top: 0;
-  background: var(--adm-color-primary);
-  border-radius: 2px;
-}
-.adm-side-bar-item-active {
-  color: var(--adm-color-primary);
-  background-color: var(--adm-color-background);
-  position: relative;
-}
-.adm-side-bar-item-corner {
-  width: var(--item-border-radius);
-  height: var(--item-border-radius);
-  position: absolute;
-  z-index: 100;
-  right: 0;
-  user-select: none;
-  pointer-events: none;
-}
-.adm-side-bar-item-corner-top {
-  top: 0;
-  transform: rotate(-90deg);
-}
-.adm-side-bar-item-corner-bottom {
-  bottom: 0;
-}
-.adm-side-bar-item-disabled {
-  cursor: not-allowed;
-}
-.adm-side-bar-item-disabled .adm-side-bar-item-title {
-  opacity: 0.4;
-}
-.adm-side-bar-badge.adm-badge {
-  --right: -4px;
-}

package/cjs/components/side-bar/side-bar.d.ts

@@ -1,17 +0,0 @@
-import { FC, ReactNode } from 'react';
-import React from 'react';
-import { BadgeProps } from '../badge';
-import { NativeProps } from '../../utils/native-props';
-export declare type SideBarItemProps = {
-    title?: ReactNode;
-    disabled?: boolean;
-    badge?: BadgeProps['content'];
-} & NativeProps;
-export declare const SideBarItem: FC<SideBarItemProps>;
-export declare type SideBarProps = {
-    activeKey?: string | null;
-    defaultActiveKey?: string | null;
-    onChange?: (key: string) => void;
-    children?: React.ReactNode;
-} & NativeProps<'--width' | '--height' | '--item-border-radius' | '--background-color'>;
-export declare const SideBar: FC<SideBarProps>;