@nickeylin/antd-mobile-pro 2.0.0

package/dist/cjs/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/cjs/components/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,105 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dropdown-menu/dropdown-menu.tsx
+var dropdown_menu_exports = {};
+__export(dropdown_menu_exports, {
+  default: () => dropdown_menu_default
+});
+module.exports = __toCommonJS(dropdown_menu_exports);
+var import_antd_mobile = require("antd-mobile");
+var import_antd_mobile_icons = require("antd-mobile-icons");
+var import_rc_utils = require("@nickeylin/rc-utils");
+var import_ahooks = require("ahooks");
+var import_classnames = __toESM(require("classnames"));
+var import_react = require("react");
+var import_bem = require("../../utils/bem");
+var bem = (0, import_bem.cn)("dropdown-menu");
+var DropdownMenuForward = ({
+  items,
+  className,
+  value,
+  defaultValue,
+  onChange,
+  onActiveKeyChange,
+  ...dropdownProps
+}, ref) => {
+  const dropdownRef = (0, import_react.useRef)(null);
+  const [values, setValues] = (0, import_rc_utils.useMergedState)(defaultValue ?? {}, {
+    value,
+    onChange
+  });
+  const [titles, setTitles] = (0, import_ahooks.useSetState)({});
+  (0, import_react.useImperativeHandle)(ref, () => {
+    return {
+      close() {
+        var _a;
+        (_a = dropdownRef.current) == null ? void 0 : _a.close();
+      }
+    };
+  });
+  return /* @__PURE__ */ React.createElement(
+    import_antd_mobile.Dropdown,
+    {
+      ...dropdownProps,
+      ref: dropdownRef,
+      className: (0, import_classnames.default)(bem(), className),
+      onChange: onActiveKeyChange
+    },
+    items.map((item) => {
+      var _a, _b, _c;
+      const val = values[item.name];
+      const title = ((_b = (_a = item.options) == null ? void 0 : _a.find((opt) => opt.value === val)) == null ? void 0 : _b.label) ?? titles[item.name] ?? item.title;
+      return /* @__PURE__ */ React.createElement(import_antd_mobile.Dropdown.Item, { key: item.name, title }, typeof item.children === "function" ? item.children(values, {
+        setValues,
+        setTitles,
+        close() {
+          var _a2;
+          (_a2 = dropdownRef.current) == null ? void 0 : _a2.close();
+        }
+      }) : /* @__PURE__ */ React.createElement(import_antd_mobile.List, { className: bem("list") }, (_c = item.options) == null ? void 0 : _c.map((opt) => {
+        const selected = val === opt.value;
+        return /* @__PURE__ */ React.createElement(
+          import_antd_mobile.List.Item,
+          {
+            key: opt.value,
+            arrow: selected ? /* @__PURE__ */ React.createElement(import_antd_mobile_icons.CheckOutline, null) : null,
+            className: bem("list-item", { selected }),
+            onClick: () => {
+              var _a2;
+              setValues({ ...values, [item.name]: opt.value });
+              (_a2 = dropdownRef.current) == null ? void 0 : _a2.close();
+            }
+          },
+          opt.label
+        );
+      })));
+    })
+  );
+};
+var dropdown_menu_default = (0, import_react.forwardRef)(DropdownMenuForward);

package/dist/cjs/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/cjs/components/dropdown-menu/index.js

@@ -0,0 +1,37 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dropdown-menu/index.ts
+var dropdown_menu_exports = {};
+__export(dropdown_menu_exports, {
+  default: () => dropdown_menu_default
+});
+module.exports = __toCommonJS(dropdown_menu_exports);
+var import_dropdown_menu = __toESM(require("./dropdown-menu"));
+var import_style = require("./style.less");
+var dropdown_menu_default = import_dropdown_menu.default;

package/dist/cjs/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/cjs/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/cjs/components/error-block/error-block.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/error-block/error-block.ts
+var error_block_exports = {};
+__export(error_block_exports, {
+  default: () => error_block_default
+});
+module.exports = __toCommonJS(error_block_exports);
+var import_antd_mobile = require("antd-mobile");
+var import_images = require("./images");
+var ErrorBlockPresetsDefault = {
+  default: import_images.defaultImage,
+  empty: import_images.emptyImage,
+  busy: import_images.busyImage,
+  disconnected: import_images.disconnectedImage
+};
+var images = {
+  ...ErrorBlockPresetsDefault
+};
+var _ErrorBlock = (0, import_antd_mobile.createErrorBlock)(images);
+function setDefaultImages(records) {
+  Object.assign(images, records);
+}
+var ErrorBlock = Object.assign(_ErrorBlock, { setDefaultImages });
+var error_block_default = ErrorBlock;

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

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

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

@@ -0,0 +1,23 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/error-block/images/index.ts
+var images_exports = {};
+module.exports = __toCommonJS(images_exports);
+__reExport(images_exports, require("antd-mobile/es/components/error-block/images"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("antd-mobile/es/components/error-block/images")
+});

package/dist/cjs/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/cjs/components/error-block/index.js

@@ -0,0 +1,43 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/error-block/index.ts
+var error_block_exports = {};
+__export(error_block_exports, {
+  createErrorBlock: () => import_antd_mobile.createErrorBlock,
+  default: () => error_block_default
+});
+module.exports = __toCommonJS(error_block_exports);
+var import_error_block = require("antd-mobile/es/components/error-block/error-block.css");
+var import_error_block2 = __toESM(require("./error-block"));
+var import_antd_mobile = require("antd-mobile");
+var error_block_default = import_error_block2.default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createErrorBlock
+});

package/dist/cjs/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/cjs/components/grid-menu/grid-menu-item.js

@@ -0,0 +1,64 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/grid-menu/grid-menu-item.tsx
+var grid_menu_item_exports = {};
+__export(grid_menu_item_exports, {
+  default: () => grid_menu_item_default
+});
+module.exports = __toCommonJS(grid_menu_item_exports);
+var import_antd_mobile = require("antd-mobile");
+var import_ahooks = require("ahooks");
+var import_react = require("react");
+var import_bem = require("../../utils/bem");
+var import_dev_log = require("../../utils/dev-log");
+var bem = (0, import_bem.cn)("grid-menu-item");
+var GridMenuItem = (p) => {
+  const { icon, title, children, parent, lastRow, badge, ...props } = p;
+  if (!parent) {
+    if (process.env.NODE_ENV !== "production") {
+      (0, import_dev_log.devWarning)(
+        "GridMenuItem",
+        "<GridMenuItem> must be a child component of <GridMenu>."
+      );
+    }
+  }
+  const { square, border = true, gap = 0 } = parent ?? {};
+  const contentRef = (0, import_react.useRef)(null);
+  const contentSize = (0, import_ahooks.useSize)(contentRef);
+  const renderContent = () => {
+    if (children)
+      return children;
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, icon && /* @__PURE__ */ React.createElement("div", { className: bem("icon") }, /* @__PURE__ */ React.createElement(import_antd_mobile.Badge, { ...badge, style: { "--top": "4px", ...badge == null ? void 0 : badge.style } }, icon)), title && /* @__PURE__ */ React.createElement("div", { className: bem("title") }, title));
+  };
+  return /* @__PURE__ */ React.createElement(import_antd_mobile.Grid.Item, { ...props, className: bem() }, /* @__PURE__ */ React.createElement(
+    "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 ? void 0 : contentSize.width } : {}
+    },
+    renderContent()
+  ));
+};
+var grid_menu_item_default = GridMenuItem;

package/dist/cjs/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/cjs/components/grid-menu/grid-menu.js

@@ -0,0 +1,79 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/grid-menu/grid-menu.tsx
+var grid_menu_exports = {};
+__export(grid_menu_exports, {
+  default: () => grid_menu_default
+});
+module.exports = __toCommonJS(grid_menu_exports);
+var import_antd_mobile = require("antd-mobile");
+var import_classnames = __toESM(require("classnames"));
+var import_react = require("react");
+var import_bem = require("../../utils/bem");
+var bem = (0, import_bem.cn)("grid-menu");
+var GridMenu = (p) => {
+  const {
+    columns = 4,
+    className,
+    children,
+    border = true,
+    square,
+    gap,
+    direction,
+    ...gridProps
+  } = p;
+  return /* @__PURE__ */ React.createElement(
+    import_antd_mobile.Grid,
+    {
+      className: (0, import_classnames.default)(
+        bem({
+          border: border && (!gap || gap <= 0),
+          horizontal: direction === "horizontal"
+        }),
+        className
+      ),
+      columns,
+      gap,
+      ...gridProps
+    },
+    import_react.Children.toArray(children).filter(Boolean).map((c, cIndex, arr) => {
+      const rows = Math.ceil(arr.length / columns);
+      const currentRow = Math.floor(cIndex / columns) + 1;
+      return (0, import_react.cloneElement)(c, {
+        lastRow: currentRow == rows,
+        parent: {
+          border,
+          square,
+          gap
+        }
+      });
+    })
+  );
+};
+var grid_menu_default = GridMenu;

package/dist/cjs/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/cjs/components/grid-menu/index.js

@@ -0,0 +1,41 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/grid-menu/index.ts
+var grid_menu_exports = {};
+__export(grid_menu_exports, {
+  default: () => grid_menu_default
+});
+module.exports = __toCommonJS(grid_menu_exports);
+var import_grid_menu = __toESM(require("./grid-menu"));
+var import_grid_menu_item = __toESM(require("./grid-menu-item"));
+var import_style = require("./style.less");
+var import_grid_menu2 = require("./grid-menu");
+var import_grid_menu_item2 = require("./grid-menu-item");
+var GridMenu = Object.assign(import_grid_menu.default, { Item: import_grid_menu_item.default });
+var grid_menu_default = GridMenu;

package/dist/cjs/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/cjs/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';