@nickeylin/antd-mobile-pro 2.0.0

package/dist/cjs/components/page/page.less

@@ -0,0 +1,79 @@
+@class-prefix-page: ~'suid-page';
+
+.@{class-prefix-page} {
+  position: relative;
+  background-color: var(--background-color);
+  min-height: 100vh;
+
+  &__header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    box-sizing: border-box;
+    z-index: var(--fixed-z-index);
+  }
+  &__navbar {
+    color: var(--navbar-color);
+    background-color: var(--navbar-background-color);
+  }
+  &__body-wrapper {
+    box-sizing: border-box;
+  }
+  &__body {
+    .adm-error-block-description {
+      margin-top: 12px;
+    }
+    .adm-error-block-full-page .adm-error-block-description-title {
+      font-size: var(--error-title-font-size);
+    }
+    .adm-error-block-content {
+      margin-top: 20px;
+    }
+  }
+  &__footer {
+    padding: 1px 0;
+
+    &--fixed {
+      position: fixed;
+      z-index: var(--fixed-z-index);
+      bottom: 0;
+      left: 0;
+      width: 100vw;
+      background-color: var(--fixed-footer-background-color);
+      border-top: 1px solid var(--adm-border-color);
+    }
+  }
+
+  &__loading {
+    position: fixed;
+    top: 0;
+    height: 100vh;
+    left: 0;
+    right: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: var(--loading-z-index);
+
+    &-body {
+      background-color: rgba(0, 0, 0, 0.7);
+      padding: 30px;
+      border-radius: var(--adm-radius-l);
+    }
+  }
+
+  --fixed-z-index: var(--suid-page-fixed-z-index, 99);
+  --loading-z-index: var(--suid-page-loading-z-index, 100);
+  --navbar-color: var(--suid-page-navbar-color, var(--adm-color-text));
+  --navbar-background-color: var(--suid-page-navbar-background-color, #ffffff);
+  --background-color: var(--suid-page-background-color);
+  --fixed-footer-background-color: var(
+    --suid-page-fixed-footer-background-color,
+    var(--adm-color-background)
+  );
+  --error-title-font-size: var(
+    --suid-page-error-title-font-size,
+    var(--adm-font-size-9)
+  );
+}

package/dist/cjs/components/page/toolbar.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+import { NativeProps } from 'antd-mobile/es/utils/native-props';
+export interface PageToolbarProps extends NativeProps {
+    children?: ReactNode;
+}
+declare const PageToolbar: FC<PageToolbarProps>;
+export default PageToolbar;

package/dist/cjs/components/page/toolbar.js

@@ -0,0 +1,45 @@
+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/page/toolbar.tsx
+var toolbar_exports = {};
+__export(toolbar_exports, {
+  default: () => toolbar_default
+});
+module.exports = __toCommonJS(toolbar_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_bem = require("../../utils/bem");
+var bem = (0, import_bem.cn)("page");
+var PageToolbar = ({
+  className,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ React.createElement("div", { className: (0, import_classnames.default)(bem("header-toolbar"), className), ...props }, children);
+};
+var toolbar_default = PageToolbar;

package/dist/cjs/components/picker-toolbar/index.d.ts

@@ -0,0 +1,4 @@
+import PickerToolBar from './picker-toolbar';
+import './style.less';
+export default PickerToolBar;
+export type { PickerToolBarProps } from './picker-toolbar';

package/dist/cjs/components/picker-toolbar/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/picker-toolbar/index.ts
+var picker_toolbar_exports = {};
+__export(picker_toolbar_exports, {
+  default: () => picker_toolbar_default
+});
+module.exports = __toCommonJS(picker_toolbar_exports);
+var import_picker_toolbar = __toESM(require("./picker-toolbar"));
+var import_style = require("./style.less");
+var picker_toolbar_default = import_picker_toolbar.default;

package/dist/cjs/components/picker-toolbar/picker-toolbar.d.ts

@@ -0,0 +1,15 @@
+import { ButtonProps } from 'antd-mobile';
+import { NativeProps } from 'antd-mobile/es/utils/native-props';
+import { FC, ReactNode } from 'react';
+export interface PickerToolBarProps extends Pick<NativeProps<'--title-font-size'>, 'className' | 'style'> {
+    confirmProps?: Omit<ButtonProps, 'onClick'>;
+    onConfirm?: () => void | Promise<void>;
+    cancelProps?: Omit<ButtonProps, 'onClick'>;
+    onCancel?: () => void;
+    clearProps?: Omit<ButtonProps, 'onClick'>;
+    onClear?(): void;
+    title?: ReactNode;
+    loading?: boolean;
+}
+declare const PickerToolBar: FC<PickerToolBarProps>;
+export default PickerToolBar;

package/dist/cjs/components/picker-toolbar/picker-toolbar.js

@@ -0,0 +1,126 @@
+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/picker-toolbar/picker-toolbar.tsx
+var picker_toolbar_exports = {};
+__export(picker_toolbar_exports, {
+  default: () => picker_toolbar_default
+});
+module.exports = __toCommonJS(picker_toolbar_exports);
+var import_antd_mobile = require("antd-mobile");
+var import_validate = require("antd-mobile/es/utils/validate");
+var import_classnames = __toESM(require("classnames"));
+var import_react = require("react");
+var import_bem = require("../../utils/bem");
+var import_config_provider = require("../config-provider");
+var admClassPrefix = `adm-picker`;
+var bem = (0, import_bem.cn)("picker-toolbar");
+var PickerToolBar = (props) => {
+  const { locale } = (0, import_config_provider.useConfig)();
+  const {
+    onCancel,
+    cancelProps,
+    confirmProps,
+    onConfirm,
+    clearProps,
+    onClear,
+    title,
+    loading,
+    className,
+    style
+  } = props;
+  const cancelButton = (0, import_react.useMemo)(
+    () => /* @__PURE__ */ React.createElement(
+      import_antd_mobile.Button,
+      {
+        fill: "none",
+        size: "small",
+        color: "primary",
+        ...cancelProps,
+        onClick: () => onCancel == null ? void 0 : onCancel()
+      },
+      (cancelProps == null ? void 0 : cancelProps.children) || locale.common.cancel
+    ),
+    [cancelProps, locale.common.cancel, onCancel]
+  );
+  const [confirmLoading, setConfirmLoading] = (0, import_react.useState)(false);
+  const handleConfirm = async () => {
+    if (!onConfirm)
+      return;
+    const res = onConfirm();
+    if ((0, import_validate.isPromise)(res)) {
+      try {
+        setConfirmLoading(true);
+        await res;
+        setConfirmLoading(false);
+      } catch (error) {
+        setConfirmLoading(false);
+        throw error;
+      }
+    }
+  };
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(`${admClassPrefix}-header`, bem(), className),
+      style
+    },
+    /* @__PURE__ */ React.createElement("div", { className: bem("left") }, cancelButton),
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(`${admClassPrefix}-header-title`, bem("title"))
+      },
+      title
+    ),
+    /* @__PURE__ */ React.createElement("div", { className: bem("right") }, (clearProps || onClear) && /* @__PURE__ */ React.createElement(
+      import_antd_mobile.Button,
+      {
+        color: "primary",
+        fill: "none",
+        size: "small",
+        ...clearProps,
+        onClick: () => onClear == null ? void 0 : onClear()
+      },
+      (clearProps == null ? void 0 : clearProps.children) || locale.common.clear
+    ), (confirmProps || onConfirm) && /* @__PURE__ */ React.createElement(
+      import_antd_mobile.Button,
+      {
+        color: "primary",
+        fill: "none",
+        size: "small",
+        ...confirmProps,
+        loading: (confirmProps == null ? void 0 : confirmProps.loading) ?? confirmLoading,
+        onClick: handleConfirm,
+        disabled: loading || (confirmProps == null ? void 0 : confirmProps.disabled)
+      },
+      (confirmProps == null ? void 0 : confirmProps.children) || locale.common.confirm
+    ))
+  );
+};
+var picker_toolbar_default = PickerToolBar;

package/dist/cjs/components/picker-toolbar/style.less

@@ -0,0 +1,57 @@
+@class-prefix-picker-toolbar: ~'suid-picker-toolbar';
+
+.adm-picker-header {
+  flex-shrink: 0;
+  border-bottom: solid 1px var(--adm-color-border);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 4px 4px;
+  &-button {
+    font-size: var(--header-button-font-size);
+    display: inline-block;
+    padding: 8px 8px;
+    &-disabled {
+      &,
+      &:active {
+        opacity: 0.4;
+        cursor: not-allowed;
+      }
+    }
+  }
+  &-title {
+    padding: 4px 4px;
+    font-size: var(--title-font-size);
+    color: var(--adm-color-text);
+    text-align: center;
+    flex: 1;
+  }
+}
+
+.adm-picker-header.@{class-prefix-picker-toolbar} {
+  --title-font-size: var(
+    --suid-picker-toolbar-title-font-size,
+    var(--adm-font-size-7)
+  );
+
+  .@{class-prefix-picker-toolbar}__title {
+    flex: auto;
+  }
+  .adm-button {
+    padding: 8px 6px;
+  }
+  .adm-button + .adm-button {
+    margin-left: 4px;
+  }
+}
+
+.@{class-prefix-picker-toolbar} {
+  &__left,
+  &__right {
+    flex: 1;
+  }
+
+  &__right {
+    text-align: right;
+  }
+}

package/dist/cjs/components/popup-page/default-action-footer.d.ts

@@ -0,0 +1,10 @@
+import { ButtonProps } from 'antd-mobile';
+import { FC } from 'react';
+export interface DefaultActionFooterProps {
+    cancel?: ButtonProps | false;
+    onCancel?: ButtonProps['onClick'];
+    confirm?: ButtonProps | false;
+    onConfirm?: ButtonProps['onClick'];
+}
+declare const DefaultActionFooter: FC<DefaultActionFooterProps>;
+export default DefaultActionFooter;

package/dist/cjs/components/popup-page/default-action-footer.js

@@ -0,0 +1,70 @@
+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/popup-page/default-action-footer.tsx
+var default_action_footer_exports = {};
+__export(default_action_footer_exports, {
+  default: () => default_action_footer_default
+});
+module.exports = __toCommonJS(default_action_footer_exports);
+var import_antd_mobile = require("antd-mobile");
+var import_react = require("react");
+var import_bem = require("../../utils/bem");
+var bem = (0, import_bem.cn)("popup-page");
+var DefaultActionFooter = ({
+  cancel,
+  onCancel,
+  confirm,
+  onConfirm
+}) => {
+  const actions = (0, import_react.useMemo)(() => {
+    const result = [];
+    if (cancel !== false) {
+      result.push(
+        /* @__PURE__ */ React.createElement(import_antd_mobile.Button, { block: true, ...cancel, onClick: onCancel, key: "cancel" }, (cancel == null ? void 0 : cancel.children) ?? "取消")
+      );
+    }
+    if (confirm !== false) {
+      result.push(
+        /* @__PURE__ */ React.createElement(
+          import_antd_mobile.Button,
+          {
+            block: true,
+            color: "primary",
+            loading: "auto",
+            ...confirm,
+            onClick: onConfirm,
+            key: "confirm"
+          },
+          (confirm == null ? void 0 : confirm.children) ?? "确定"
+        )
+      );
+    }
+    return result;
+  }, [cancel, confirm, onCancel, onConfirm]);
+  return /* @__PURE__ */ React.createElement(
+    import_antd_mobile.Grid,
+    {
+      columns: actions.length,
+      className: bem("default-action-footer"),
+      gap: 16
+    },
+    actions.map((a, index) => /* @__PURE__ */ React.createElement(import_antd_mobile.Grid.Item, { key: index }, a))
+  );
+};
+var default_action_footer_default = DefaultActionFooter;

package/dist/cjs/components/popup-page/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './style.less';
+export { type DefaultActionFooterProps } from './default-action-footer';
+export { type PopupPageProps } from './popup-page';
+declare const PopupPage: import("react").FC<import("./popup-page").PopupPageProps> & {
+    DefaultActionFooter: import("react").FC<import("./default-action-footer").DefaultActionFooterProps>;
+};
+export default PopupPage;

package/dist/cjs/components/popup-page/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/popup-page/index.ts
+var popup_page_exports = {};
+__export(popup_page_exports, {
+  default: () => popup_page_default
+});
+module.exports = __toCommonJS(popup_page_exports);
+var import_default_action_footer = __toESM(require("./default-action-footer"));
+var import_popup_page = __toESM(require("./popup-page"));
+var import_style = require("./style.less");
+var import_default_action_footer2 = require("./default-action-footer");
+var import_popup_page2 = require("./popup-page");
+var PopupPage = Object.assign(import_popup_page.default, { DefaultActionFooter: import_default_action_footer.default });
+var popup_page_default = PopupPage;

package/dist/cjs/components/popup-page/popup-page.d.ts

@@ -0,0 +1,10 @@
+import { PopupProps } from 'antd-mobile';
+import { NativeProps } from 'antd-mobile/es/utils/native-props';
+import { FC } from 'react';
+import { PageProps } from '../page';
+export type PopupPageProps = Omit<PopupProps, 'showCloseButton' | 'children'> & Omit<PageProps, 'style'> & {
+    pageStyle?: PageProps['style'];
+    pageClassName?: PageProps['className'];
+} & NativeProps<'--page-height'>;
+declare const PopupPage: FC<PopupPageProps>;
+export default PopupPage;

package/dist/cjs/components/popup-page/popup-page.js

@@ -0,0 +1,90 @@
+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/popup-page/popup-page.tsx
+var popup_page_exports = {};
+__export(popup_page_exports, {
+  default: () => popup_page_default
+});
+module.exports = __toCommonJS(popup_page_exports);
+var import_rc_utils = require("@nickeylin/rc-utils");
+var import_antd_mobile = require("antd-mobile");
+var import_antd_mobile_icons = require("antd-mobile-icons");
+var import_classnames = __toESM(require("classnames"));
+var import_bem = require("../../utils/bem");
+var import_page = __toESM(require("../page"));
+var bem = (0, import_bem.cn)("popup-page");
+var PopupPage = ({
+  children,
+  className,
+  visible: visibleProp,
+  onClose,
+  // page props
+  pageStyle,
+  pageClassName,
+  navbar,
+  loading,
+  error,
+  onBack,
+  title,
+  // popup prps
+  ...props
+}) => {
+  const [visible, setVisible] = (0, import_rc_utils.useMergedState)(false, {
+    value: visibleProp,
+    onChange(value) {
+      if (!value)
+        onClose == null ? void 0 : onClose();
+    }
+  });
+  return /* @__PURE__ */ React.createElement(
+    import_antd_mobile.Popup,
+    {
+      ...props,
+      visible,
+      onClose: () => setVisible(false),
+      className: (0, import_classnames.default)(bem(), className)
+    },
+    /* @__PURE__ */ React.createElement(
+      import_page.default,
+      {
+        style: pageStyle,
+        className: pageClassName,
+        navbar: { backIcon: /* @__PURE__ */ React.createElement(import_antd_mobile_icons.CloseOutline, null), ...navbar },
+        ...{ loading, error, title },
+        showNavBar: true,
+        onBack: () => {
+          setVisible(false);
+          onBack == null ? void 0 : onBack();
+        }
+      },
+      children
+    )
+  );
+};
+var popup_page_default = PopupPage;

package/dist/cjs/components/popup-page/style.less

@@ -0,0 +1,21 @@
+@import '../styles/variable.less';
+
+@class-prefix-popup-page:~ '@{suid-prefix}-popup-page';
+
+.@{class-prefix-popup-page} {
+  --page-height: 90vh;
+
+  .adm-popup-body {
+    height: var(--page-height);
+  }
+
+  .@{suid-prefix}-page {
+    height: 100%;
+    overflow: auto;
+    min-height: var(--page-height, unset);
+  }
+
+  &__default-action-footer {
+    padding: 8px 14px;
+  }
+}

package/dist/cjs/components/popup-picker-base/index.d.ts

@@ -0,0 +1,6 @@
+import PopupPickerBase from './popup-picker-base';
+import './style.less';
+export default PopupPickerBase;
+export type { PopupPickerBaseProps } from './popup-picker-base';
+export { default as createPopupPickerPrompt } from './prompt';
+export { default as usePopupPickerMixin, type PopupPickerActions, type PopupPickerMixinProps, } from './use-popup-picker-mixin';