@nickeylin/antd-mobile-pro 2.0.0

package/dist/es/components/descriptions/descriptions.js

@@ -0,0 +1,75 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { InfoCircleOutlined } from '@ant-design/icons';
+import { Popover } from 'antd-mobile';
+import classNames from 'classnames';
+import React, { useMemo } from 'react';
+import { cn } from "../../utils/bem";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var bem = cn('descriptions');
+var Descriptions = function Descriptions(_ref) {
+  var items = _ref.items,
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? 1 : _ref$columns,
+    labelWidth = _ref.labelWidth,
+    _ref$colon = _ref.colon,
+    colon = _ref$colon === void 0 ? false : _ref$colon,
+    _ref$border = _ref.border,
+    border = _ref$border === void 0 ? false : _ref$border,
+    className = _ref.className,
+    style = _ref.style;
+  var groupedItems = useMemo(function () {
+    return items.reduce(function (prev, item) {
+      if (prev.length === 0 || prev[prev.length - 1].length === columns) {
+        prev.push([item]);
+      } else {
+        prev[prev.length - 1].push(item);
+      }
+      return prev;
+    }, []);
+  }, [columns, items]);
+  return /*#__PURE__*/_jsx("table", {
+    className: classNames(bem({
+      colon: colon,
+      border: border
+    }), className),
+    style: _objectSpread({
+      '--label-width': labelWidth
+    }, style),
+    children: /*#__PURE__*/_jsx("tbody", {
+      children: groupedItems.map(function (g, gIndex) {
+        return /*#__PURE__*/_jsx("tr", {
+          className: bem('row'),
+          children: g.map(function (gg, ggIndex) {
+            var _gg$span;
+            var ggKey = "".concat(gIndex, ".").concat(ggIndex);
+            var span = (_gg$span = gg.span) !== null && _gg$span !== void 0 ? _gg$span : 0;
+            var contentSpan = span > 1 ? 1 + 2 * span : 0;
+            return /*#__PURE__*/_jsxs(React.Fragment, {
+              children: [/*#__PURE__*/_jsxs("td", {
+                className: bem('item-label'),
+                children: [gg.label, gg.tips && /*#__PURE__*/_jsx(Popover, {
+                  content: gg.tips,
+                  trigger: "click",
+                  mode: "dark",
+                  children: /*#__PURE__*/_jsx(InfoCircleOutlined, {
+                    className: bem('item-tip')
+                  })
+                })]
+              }), /*#__PURE__*/_jsx("td", _objectSpread(_objectSpread({
+                className: bem('item-content')
+              }, contentSpan > 1 ? {
+                colSpan: contentSpan
+              } : {}), {}, {
+                children: gg.content
+              }))]
+            }, ggKey);
+          })
+        }, gIndex);
+      })
+    })
+  });
+};
+export default Descriptions;

package/dist/es/components/descriptions/index.d.ts

@@ -0,0 +1,4 @@
+import Descriptions from './descriptions';
+import './style.less';
+export default Descriptions;
+export { type DescriptionItem, type DescriptionsProps } from './descriptions';

package/dist/es/components/descriptions/index.js

@@ -0,0 +1,3 @@
+import Descriptions from "./descriptions";
+import "./style.less";
+export default Descriptions;

package/dist/es/components/descriptions/style.less

@@ -0,0 +1,49 @@
+@class-prefix-descriptions: ~'suid-descriptions';
+
+.@{class-prefix-descriptions} {
+  width: 100%;
+  border-collapse: collapse;
+
+  &__item-label,
+  &__item-content {
+    padding-left: 0;
+    padding-right: 0;
+    vertical-align: top;
+  }
+
+  &__item-label {
+    padding-right: 0.6em;
+    color: var(--label-color);
+    width: var(--label-width);
+  }
+  &__item-tip {
+    margin-left: 2px;
+  }
+
+  &--colon &__item-label::after {
+    content: ':';
+    margin-left: 2px;
+  }
+
+  &--border {
+    .@{class-prefix-descriptions}__item-label,
+    .@{class-prefix-descriptions}__item-content {
+      border: 1px solid var(--adm-color-border);
+      padding: 5px;
+    }
+    .@{class-prefix-descriptions}__item-label {
+      background-color: var(--label-background-color);
+    }
+  }
+}
+
+.@{class-prefix-descriptions} {
+  --label-color: var(
+    --suid-descriptions-label-color,
+    var(--adm-color-text-secondary)
+  );
+  --label-background-color: var(
+    --suid-descriptions-label-background-color,
+    var(--adm-color-box)
+  );
+}

package/dist/es/components/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,29 @@
+import { DropdownItemProps, DropdownProps, DropdownRef } from 'antd-mobile';
+import { useMergedState } from '@nickeylin/rc-utils';
+import { SetState } from 'ahooks/lib/useSetState';
+import { ReactNode } from 'react';
+type ValueType = Record<string, any>;
+type Updater = ReturnType<typeof useMergedState<ValueType>>[1];
+export interface DropdownMenuItem extends Pick<DropdownItemProps, 'active' | 'highlight' | 'forceRender' | 'destroyOnClose' | 'onClick' | 'arrow'> {
+    name: string;
+    title: string;
+    options?: {
+        label: ReactNode;
+        value: any;
+    }[];
+    children?(values: ValueType, action: {
+        setValues: Updater;
+        close(): void;
+        setTitles: SetState<Record<string, string>>;
+    }): ReactNode;
+}
+export interface DropdownMenuProps extends Omit<DropdownProps, 'onChange'> {
+    items: DropdownMenuItem[];
+    defaultValue?: ValueType;
+    value?: ValueType;
+    onChange?(value: ValueType): void;
+    onActiveKeyChange?(key: string | null): void;
+}
+export type DropdownMenuRef = DropdownRef;
+declare const _default: import("react").ForwardRefExoticComponent<DropdownMenuProps & import("react").RefAttributes<DropdownRef>>;
+export default _default;

package/dist/es/components/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,85 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["items", "className", "value", "defaultValue", "onChange", "onActiveKeyChange"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { Dropdown, List } from 'antd-mobile';
+import { CheckOutline } from 'antd-mobile-icons';
+import { useMergedState } from '@nickeylin/rc-utils';
+import { useSetState } from 'ahooks';
+import classNames from 'classnames';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
+import { cn } from "../../utils/bem";
+import { jsx as _jsx } from "react/jsx-runtime";
+var bem = cn('dropdown-menu');
+var DropdownMenuForward = function DropdownMenuForward(_ref, ref) {
+  var items = _ref.items,
+    className = _ref.className,
+    value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange,
+    onActiveKeyChange = _ref.onActiveKeyChange,
+    dropdownProps = _objectWithoutProperties(_ref, _excluded);
+  var dropdownRef = useRef(null);
+  var _useMergedState = useMergedState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : {}, {
+      value: value,
+      onChange: onChange
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    values = _useMergedState2[0],
+    setValues = _useMergedState2[1];
+  var _useSetState = useSetState({}),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    titles = _useSetState2[0],
+    setTitles = _useSetState2[1];
+  useImperativeHandle(ref, function () {
+    return {
+      close: function close() {
+        var _dropdownRef$current;
+        (_dropdownRef$current = dropdownRef.current) === null || _dropdownRef$current === void 0 || _dropdownRef$current.close();
+      }
+    };
+  });
+  return /*#__PURE__*/_jsx(Dropdown, _objectSpread(_objectSpread({}, dropdownProps), {}, {
+    ref: dropdownRef,
+    className: classNames(bem(), className),
+    onChange: onActiveKeyChange,
+    children: items.map(function (item) {
+      var _ref2, _item$options$find$la, _item$options, _item$options2;
+      var val = values[item.name];
+      var title = (_ref2 = (_item$options$find$la = (_item$options = item.options) === null || _item$options === void 0 || (_item$options = _item$options.find(function (opt) {
+        return opt.value === val;
+      })) === null || _item$options === void 0 ? void 0 : _item$options.label) !== null && _item$options$find$la !== void 0 ? _item$options$find$la : titles[item.name]) !== null && _ref2 !== void 0 ? _ref2 : item.title;
+      return /*#__PURE__*/_jsx(Dropdown.Item, {
+        title: title,
+        children: typeof item.children === 'function' ? item.children(values, {
+          setValues: setValues,
+          setTitles: setTitles,
+          close: function close() {
+            var _dropdownRef$current2;
+            (_dropdownRef$current2 = dropdownRef.current) === null || _dropdownRef$current2 === void 0 || _dropdownRef$current2.close();
+          }
+        }) : /*#__PURE__*/_jsx(List, {
+          className: bem('list'),
+          children: (_item$options2 = item.options) === null || _item$options2 === void 0 ? void 0 : _item$options2.map(function (opt) {
+            var selected = val === opt.value;
+            return /*#__PURE__*/_jsx(List.Item, {
+              arrow: selected ? /*#__PURE__*/_jsx(CheckOutline, {}) : null,
+              className: bem('list-item', {
+                selected: selected
+              }),
+              onClick: function onClick() {
+                var _dropdownRef$current3;
+                setValues(_objectSpread(_objectSpread({}, values), {}, _defineProperty({}, item.name, opt.value)));
+                (_dropdownRef$current3 = dropdownRef.current) === null || _dropdownRef$current3 === void 0 || _dropdownRef$current3.close();
+              },
+              children: opt.label
+            }, opt.value);
+          })
+        })
+      }, item.name);
+    })
+  }));
+};
+export default /*#__PURE__*/forwardRef(DropdownMenuForward);

package/dist/es/components/dropdown-menu/index.d.ts

@@ -0,0 +1,4 @@
+import DropdownMenu from './dropdown-menu';
+import './style.less';
+export default DropdownMenu;
+export type { DropdownMenuItem, DropdownMenuProps, DropdownMenuRef, } from './dropdown-menu';

package/dist/es/components/dropdown-menu/index.js

@@ -0,0 +1,3 @@
+import DropdownMenu from "./dropdown-menu";
+import "./style.less";
+export default DropdownMenu;

package/dist/es/components/dropdown-menu/style.less

@@ -0,0 +1,18 @@
+@class-prefix-dropdown-menu: ~'suid-dropdown-menu';
+
+.@{class-prefix-dropdown-menu} {
+  &__list {
+    &.adm-list {
+      --border-top: none;
+      --font-size: var(--adm-font-size-6);
+    }
+    &-item {
+      &--selected.adm-list-item {
+        color: var(--adm-color-primary);
+        .adm-list-item-content-arrow {
+          color: var(--adm-color-primary);
+        }
+      }
+    }
+  }
+}

package/dist/es/components/error-block/error-block.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ImageRecord } from 'antd-mobile/es/components/error-block';
+declare function setDefaultImages(records: ImageRecord): void;
+declare const ErrorBlock: import("react").FC<import("antd-mobile").ErrorBlockProps> & {
+    setDefaultImages: typeof setDefaultImages;
+};
+export default ErrorBlock;

package/dist/es/components/error-block/error-block.js

@@ -0,0 +1,20 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { createErrorBlock } from 'antd-mobile';
+import { busyImage, defaultImage, disconnectedImage, emptyImage } from "./images";
+var ErrorBlockPresetsDefault = {
+  default: defaultImage,
+  empty: emptyImage,
+  busy: busyImage,
+  disconnected: disconnectedImage
+};
+var images = _objectSpread({}, ErrorBlockPresetsDefault);
+var _ErrorBlock = createErrorBlock(images);
+function setDefaultImages(records) {
+  Object.assign(images, records);
+}
+var ErrorBlock = Object.assign(_ErrorBlock, {
+  setDefaultImages: setDefaultImages
+});
+export default ErrorBlock;

package/dist/es/components/error-block/images/index.d.ts

@@ -0,0 +1 @@
+export * from 'antd-mobile/es/components/error-block/images';

package/dist/es/components/error-block/images/index.js

@@ -0,0 +1 @@
+export * from 'antd-mobile/es/components/error-block/images';

package/dist/es/components/error-block/index.d.ts

@@ -0,0 +1,4 @@
+import 'antd-mobile/es/components/error-block/error-block.css';
+import ErrorBlock from './error-block';
+export default ErrorBlock;
+export { createErrorBlock, type ErrorBlockProps, type ErrorBlockStatus, } from 'antd-mobile';

package/dist/es/components/error-block/index.js

@@ -0,0 +1,4 @@
+import 'antd-mobile/es/components/error-block/error-block.css';
+import ErrorBlock from "./error-block";
+export default ErrorBlock;
+export { createErrorBlock } from 'antd-mobile';

package/dist/es/components/grid-menu/grid-menu-item.d.ts

@@ -0,0 +1,10 @@
+import { BadgeProps, GridItemProps } from 'antd-mobile';
+import { FC, ReactNode } from 'react';
+export interface GridMenuItemProps extends GridItemProps {
+    icon?: ReactNode;
+    title?: ReactNode;
+    /** 图标右上角徽标的内容 */
+    badge?: BadgeProps;
+}
+declare const GridMenuItem: FC<GridMenuItemProps>;
+export default GridMenuItem;

package/dist/es/components/grid-menu/grid-menu-item.js

@@ -0,0 +1,71 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["icon", "title", "children", "parent", "lastRow", "badge"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { Badge, Grid } from 'antd-mobile';
+import { useSize } from 'ahooks';
+import { useRef } from 'react';
+import { cn } from "../../utils/bem";
+import { devWarning } from "../../utils/dev-log";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var bem = cn('grid-menu-item');
+var GridMenuItem = function GridMenuItem(p) {
+  var _ref = p,
+    icon = _ref.icon,
+    title = _ref.title,
+    children = _ref.children,
+    parent = _ref.parent,
+    lastRow = _ref.lastRow,
+    badge = _ref.badge,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (!parent) {
+    if (process.env.NODE_ENV !== 'production') {
+      devWarning('GridMenuItem', '<GridMenuItem> must be a child component of <GridMenu>.');
+    }
+  }
+  var _ref2 = parent !== null && parent !== void 0 ? parent : {},
+    square = _ref2.square,
+    _ref2$border = _ref2.border,
+    border = _ref2$border === void 0 ? true : _ref2$border,
+    _ref2$gap = _ref2.gap,
+    gap = _ref2$gap === void 0 ? 0 : _ref2$gap;
+  var contentRef = useRef(null);
+  var contentSize = useSize(contentRef);
+  var renderContent = function renderContent() {
+    if (children) return children;
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [icon && /*#__PURE__*/_jsx("div", {
+        className: bem('icon'),
+        children: /*#__PURE__*/_jsx(Badge, _objectSpread(_objectSpread({}, badge), {}, {
+          style: _objectSpread({
+            '--top': '4px'
+          }, badge === null || badge === void 0 ? void 0 : badge.style),
+          children: icon
+        }))
+      }), title && /*#__PURE__*/_jsx("div", {
+        className: bem('title'),
+        children: title
+      })]
+    });
+  };
+  return /*#__PURE__*/_jsx(Grid.Item, _objectSpread(_objectSpread({}, props), {}, {
+    className: bem(),
+    children: /*#__PURE__*/_jsx("div", {
+      className: bem('content', {
+        clickable: !!props.onClick,
+        surround: border && gap > 0,
+        'border-right': border && gap <= 0,
+        'border-bottom': border && !lastRow && gap <= 0
+      }),
+      ref: contentRef,
+      style: square ? {
+        height: contentSize === null || contentSize === void 0 ? void 0 : contentSize.width
+      } : {},
+      children: renderContent()
+    })
+  }));
+};
+export default GridMenuItem;

package/dist/es/components/grid-menu/grid-menu.d.ts

@@ -0,0 +1,15 @@
+import { NativeProps } from 'antd-mobile/es/utils/native-props';
+import { FC, ReactNode } from 'react';
+export interface GridMenuProps extends NativeProps<'--icon-size' | '--title-font-size' | '--content-padding'> {
+    gap?: number;
+    columns?: number;
+    /** 是否显示边框，默认：true */
+    border?: boolean;
+    /** 是否将格子固定为正方形 */
+    square?: boolean;
+    /** 格子内容排列的方向 */
+    direction?: 'horizontal' | 'vertical';
+    children?: ReactNode;
+}
+declare const GridMenu: FC<GridMenuProps>;
+export default GridMenu;

package/dist/es/components/grid-menu/grid-menu.js

@@ -0,0 +1,45 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["columns", "className", "children", "border", "square", "gap", "direction"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { Grid } from 'antd-mobile';
+import classNames from 'classnames';
+import { Children, cloneElement } from 'react';
+import { cn } from "../../utils/bem";
+import { jsx as _jsx } from "react/jsx-runtime";
+var bem = cn('grid-menu');
+var GridMenu = function GridMenu(p) {
+  var _p$columns = p.columns,
+    columns = _p$columns === void 0 ? 4 : _p$columns,
+    className = p.className,
+    children = p.children,
+    _p$border = p.border,
+    border = _p$border === void 0 ? true : _p$border,
+    square = p.square,
+    gap = p.gap,
+    direction = p.direction,
+    gridProps = _objectWithoutProperties(p, _excluded);
+  return /*#__PURE__*/_jsx(Grid, _objectSpread(_objectSpread({
+    className: classNames(bem({
+      border: border && (!gap || gap <= 0),
+      horizontal: direction === 'horizontal'
+    }), className),
+    columns: columns,
+    gap: gap
+  }, gridProps), {}, {
+    children: Children.toArray(children).filter(Boolean).map(function (c, cIndex, arr) {
+      var rows = Math.ceil(arr.length / columns);
+      var currentRow = Math.floor(cIndex / columns) + 1;
+      return /*#__PURE__*/cloneElement(c, {
+        lastRow: currentRow == rows,
+        parent: {
+          border: border,
+          square: square,
+          gap: gap
+        }
+      });
+    })
+  }));
+};
+export default GridMenu;

package/dist/es/components/grid-menu/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './style.less';
+declare const GridMenu: import("react").FC<import("./grid-menu").GridMenuProps> & {
+    Item: import("react").FC<import("./grid-menu-item").GridMenuItemProps>;
+};
+export default GridMenu;
+export { type GridMenuProps } from './grid-menu';
+export { type GridMenuItemProps } from './grid-menu-item';

package/dist/es/components/grid-menu/index.js

@@ -0,0 +1,7 @@
+import _GridMenu from "./grid-menu";
+import GridMenuItem from "./grid-menu-item";
+import "./style.less";
+var GridMenu = Object.assign(_GridMenu, {
+  Item: GridMenuItem
+});
+export default GridMenu;

package/dist/es/components/grid-menu/style.less

@@ -0,0 +1,63 @@
+@import '../styles/variable.less';
+
+@class-prefix-grid-menu: ~'suid-grid-menu';
+@class-prefix-grid-menu-item: ~'suid-grid-menu-item';
+
+.@{class-prefix-grid-menu} {
+  --icon-size: 28px;
+  --title-font-size: var(--adm-font-size-main);
+  --content-padding: 12px 8px;
+
+  &--border {
+    border-top: 1px solid var(--adm-color-border);
+    border-bottom: 1px solid var(--adm-color-border);
+  }
+  &--horizontal {
+    .@{class-prefix-grid-menu-item} {
+      &__content {
+        flex-direction: row;
+      }
+      &__title {
+        margin-left: 4px;
+      }
+    }
+  }
+  &-item {
+    &__content {
+      height: 100%;
+      box-sizing: border-box;
+      padding: var(--content-padding);
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      background-color: #fff;
+      border: 0 solid var(--adm-color-border);
+
+      @{dark-selector} & {
+        background-color: var(--adm-color-background);
+      }
+      &--clickable:active {
+        background-color: var(--adm-color-box);
+      }
+      &--border-right {
+        border-right-width: 1px;
+      }
+      &--border-bottom {
+        border-bottom-width: 1px;
+      }
+      &--surround {
+        border-width: 1px;
+      }
+      &--border {
+        border-width: 0 1px 1px 0;
+      }
+    }
+    &__icon {
+      font-size: var(--icon-size);
+    }
+    &__title {
+      font-size: var(--title-font-size);
+    }
+  }
+}

package/dist/es/components/index.d.ts

@@ -0,0 +1,33 @@
+import './styles/global.less';
+export * from './action-sheet';
+export { default as ActionSheetPicker, type ActionSheetPickerAction, type ActionSheetPickerProps, } from './action-sheet-picker';
+export { default as BarCode, BarCodeCanvas, BarCodeImg, BarCodeSvg, type BarCodeBaseProps, type BarCodeCanvasProps, type BarCodeSvgProps, } from './bar-code';
+export { default as Card, type CardProps } from './card';
+export { default as CardTabs, type CardTabsProps, type TabItem, } from './card-tabs';
+export { default as Checkbox, type CheckboxGroupProps, type CheckboxProps, type CheckboxRef, } from './checkbox';
+export * from './config-provider';
+export { default as Container, type ContainerProps } from './container';
+export { default as DatePicker, type DatePickerProps, type DatePickerRenderLabel, type DatePrecision, type DateRangePickerProps, } from './date-picker';
+export { default as Descriptions, type DescriptionItem, type DescriptionsProps, } from './descriptions';
+export { default as DropdownMenu, type DropdownMenuItem, type DropdownMenuProps, type DropdownMenuRef, } from './dropdown-menu';
+export { default as ErrorBlock, createErrorBlock } from './error-block';
+export { default as GridMenu, type GridMenuItemProps, type GridMenuProps, } from './grid-menu';
+export { default as InputCaptcha, type InputCaptchaAction, type InputCaptchaProps, } from './input-captcha';
+export { default as InputNumber, type InputMoneyProps, type InputNumberProps, type InputNumberRef, } from './input-number';
+export { default as InputPassword, type InputPasswordProps, } from './input-password';
+export { default as Money, type MoneyProps } from './money';
+export { default as Page, type PageBodyProps, type PageFooterProps, type PageProps, type PageToolbarProps, } from './page';
+export { default as PopupPage, type PopupPageProps } from './popup-page';
+export { createPopupPickerPrompt, usePopupPickerMixin, type PopupPickerActions, type PopupPickerMixinProps, } from './popup-picker-base';
+export { default as ProCalendarPicker, type ProCalendarPickerActions, type ProCalendarPickerProps, } from './pro-calendar-picker';
+export * from './pro-form';
+export { default as ProList, type ProListAction, type ProListPaginationProps, type ProListProps, } from './pro-list';
+export { default as ProListPicker, type ForwardedProListPicker, type ListPickerActions, type ProListPickerProps, } from './pro-list-picker';
+export { default as QrCode, type QrCodeProps } from './qr-code';
+export { default as SegmentControl, type SegmentedLabeledOption, type SegmentedOptions, type SegmentedProps, type SegmentedValue, } from './segment-control';
+export { default as StepperRange, type StepperRangeProps, type StepperRangeValue, } from './stepper-range';
+export { default as TabBarLayout, type TabBarLayoutContextType, type TabBarLayoutItemProps, type TabBarLayoutProps, } from './tabbar-layout';
+export { default as Table, type TableProps } from './table';
+export { default as Toast } from './toast';
+export { default as Tree, type DirectoryTreeProps, type TreeDataNode, type TreeProps, } from './tree';
+export { default as TreePicker, type TreePickerProps } from './tree-picker';

package/dist/es/components/index.js

@@ -0,0 +1,33 @@
+import "./styles/global.less";
+export * from "./action-sheet";
+export { default as ActionSheetPicker } from "./action-sheet-picker";
+export { default as BarCode, BarCodeCanvas, BarCodeImg, BarCodeSvg } from "./bar-code";
+export { default as Card } from "./card";
+export { default as CardTabs } from "./card-tabs";
+export { default as Checkbox } from "./checkbox";
+export * from "./config-provider";
+export { default as Container } from "./container";
+export { default as DatePicker } from "./date-picker";
+export { default as Descriptions } from "./descriptions";
+export { default as DropdownMenu } from "./dropdown-menu";
+export { default as ErrorBlock, createErrorBlock } from "./error-block";
+export { default as GridMenu } from "./grid-menu";
+export { default as InputCaptcha } from "./input-captcha";
+export { default as InputNumber } from "./input-number";
+export { default as InputPassword } from "./input-password";
+export { default as Money } from "./money";
+export { default as Page } from "./page";
+export { default as PopupPage } from "./popup-page";
+export { createPopupPickerPrompt, usePopupPickerMixin } from "./popup-picker-base";
+export { default as ProCalendarPicker } from "./pro-calendar-picker";
+export * from "./pro-form";
+export { default as ProList } from "./pro-list";
+export { default as ProListPicker } from "./pro-list-picker";
+export { default as QrCode } from "./qr-code";
+export { default as SegmentControl } from "./segment-control";
+export { default as StepperRange } from "./stepper-range";
+export { default as TabBarLayout } from "./tabbar-layout";
+export { default as Table } from "./table";
+export { default as Toast } from "./toast";
+export { default as Tree } from "./tree";
+export { default as TreePicker } from "./tree-picker";

package/dist/es/components/input-captcha/index.d.ts

@@ -0,0 +1,4 @@
+import InputCaptcha from './input-captcha';
+import './style.less';
+export default InputCaptcha;
+export { type InputCaptchaAction, type InputCaptchaProps, } from './input-captcha';

package/dist/es/components/input-captcha/index.js

@@ -0,0 +1,3 @@
+import InputCaptcha from "./input-captcha";
+import "./style.less";
+export default InputCaptcha;