@nickeylin/antd-mobile-pro 2.0.0

package/dist/es/components/page/page.js

@@ -0,0 +1,149 @@
+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 = ["className", "navbar", "showNavBar", "children", "loading", "error", "errorProps", "onBack"],
+  _excluded2 = ["children", "onBack", "back", "backArrow", "backIcon"],
+  _excluded3 = ["title"];
+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 { NavBar, SpinLoading } from 'antd-mobile';
+import classNames from 'classnames';
+import { Children, cloneElement, isValidElement, useMemo } from 'react';
+import { cn } from "../../utils/bem";
+import { devWarning } from "../../utils/dev-log";
+import { useConfig } from "../config-provider";
+import PageBody from "./body";
+import PageFooter from "./footer";
+import { PageProvider, usePage } from "./page-context";
+import PageToolbar from "./toolbar";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var bem = cn('page');
+function usePageChildren(_ref) {
+  var children = _ref.children,
+    error = _ref.error,
+    errorProps = _ref.errorProps;
+  var _children_ = [];
+  var _footer_ = null;
+  var _body_ = null;
+  var _toolbar_ = null;
+  if (typeof children === 'function') {
+    _body_ = /*#__PURE__*/_jsx(PageBody, {
+      error: error,
+      children: children
+    });
+  } else {
+    Children.forEach(children, function (child) {
+      if ( /*#__PURE__*/isValidElement(child) && child.type === PageFooter) {
+        if (_footer_) {
+          devWarning('Page.Footer', "More than one Page.Footer be found, only the last one will be available.");
+        }
+        _footer_ = /*#__PURE__*/cloneElement(child, {
+          error: error
+        });
+      } else if ( /*#__PURE__*/isValidElement(child) && child.type === PageBody) {
+        if (_body_) {
+          devWarning('Page.Body', "More than one Page.Body be found, only the last one will be available.");
+        }
+        _body_ = /*#__PURE__*/cloneElement(child, {
+          error: error
+        });
+      } else if ( /*#__PURE__*/isValidElement(child) && child.type === PageToolbar) {
+        if (_toolbar_) {
+          devWarning('Page.Toolbar', "More than one Page.Toolbar be found, only the last one will be available.");
+        }
+        _toolbar_ = child;
+      } else {
+        _children_.push(child);
+      }
+    });
+    if (!_body_) {
+      _body_ = /*#__PURE__*/_jsx(PageBody, {
+        error: error,
+        errorProps: errorProps,
+        children: _children_
+      });
+    }
+  }
+  return [_toolbar_, _body_, _footer_];
+}
+var InnerPage = function InnerPage(p) {
+  var className = p.className,
+    navbar = p.navbar,
+    showNavBarProp = p.showNavBar,
+    children = p.children,
+    loading = p.loading,
+    error = p.error,
+    errorProps = p.errorProps,
+    onBackProp = p.onBack,
+    props = _objectWithoutProperties(p, _excluded);
+  var pageCtx = usePage();
+  var title = pageCtx.title,
+    headerRef = pageCtx.headerRef;
+  var _useConfig = useConfig(),
+    page = _useConfig.page;
+  var _usePageChildren = usePageChildren({
+      children: children,
+      error: error,
+      errorProps: errorProps !== null && errorProps !== void 0 ? errorProps : page === null || page === void 0 ? void 0 : page.errorProps
+    }),
+    _usePageChildren2 = _slicedToArray(_usePageChildren, 3),
+    pageToolbar = _usePageChildren2[0],
+    pageBody = _usePageChildren2[1],
+    pageFooter = _usePageChildren2[2];
+  var showNavBar = useMemo(function () {
+    var _page$showNavBar;
+    if (typeof showNavBarProp === 'boolean') return showNavBarProp;
+    return (_page$showNavBar = page === null || page === void 0 ? void 0 : page.showNavBar) !== null && _page$showNavBar !== void 0 ? _page$showNavBar : true;
+  }, [page === null || page === void 0 ? void 0 : page.showNavBar, showNavBarProp]);
+  var renderNavbar = function renderNavbar() {
+    var _ref3;
+    if (!showNavBar) return null;
+    if (!title && !navbar) return null;
+    var _ref2 = navbar !== null && navbar !== void 0 ? navbar : {},
+      _ref2$children = _ref2.children,
+      children = _ref2$children === void 0 ? title : _ref2$children,
+      navBarOnBack = _ref2.onBack,
+      navbarBack = _ref2.back,
+      navbarBackArrow = _ref2.backArrow,
+      navbarBackIcon = _ref2.backIcon,
+      navbarProps = _objectWithoutProperties(_ref2, _excluded2);
+    var onBack = onBackProp !== null && onBackProp !== void 0 ? onBackProp : navBarOnBack;
+    var needBack = !!onBack;
+    var backIcon = (_ref3 = navbarBackArrow !== null && navbarBackArrow !== void 0 ? navbarBackArrow : navbarBackIcon) !== null && _ref3 !== void 0 ? _ref3 : needBack;
+    var back = navbarBack !== null && navbarBack !== void 0 ? navbarBack : !needBack && !backIcon ? null : undefined;
+    return /*#__PURE__*/_jsx(NavBar, _objectSpread(_objectSpread({}, navbarProps), {}, {
+      back: back,
+      backIcon: backIcon,
+      className: bem('navbar'),
+      onBack: onBack,
+      children: children
+    }));
+  };
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+    className: classNames(bem(), className)
+  }, props), {}, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: bem('header'),
+      ref: headerRef,
+      children: [renderNavbar(), pageToolbar]
+    }), pageBody, pageFooter, loading && /*#__PURE__*/_jsx("div", {
+      className: bem('loading'),
+      children: /*#__PURE__*/_jsx("div", {
+        className: bem('loading-body'),
+        children: /*#__PURE__*/_jsx(SpinLoading, {
+          color: "white"
+        })
+      })
+    })]
+  }));
+};
+var Page = function Page(_ref4) {
+  var title = _ref4.title,
+    props = _objectWithoutProperties(_ref4, _excluded3);
+  return /*#__PURE__*/_jsx(PageProvider, {
+    title: title,
+    children: /*#__PURE__*/_jsx(InnerPage, _objectSpread({}, props))
+  });
+};
+export default Page;

package/dist/es/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/es/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/es/components/page/toolbar.js

@@ -0,0 +1,20 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "children"];
+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 classNames from 'classnames';
+import { cn } from "../../utils/bem";
+import { jsx as _jsx } from "react/jsx-runtime";
+var bem = cn('page');
+var PageToolbar = function PageToolbar(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: classNames(bem('header-toolbar'), className)
+  }, props), {}, {
+    children: children
+  }));
+};
+export default PageToolbar;

package/dist/es/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/es/components/picker-toolbar/index.js

@@ -0,0 +1,3 @@
+import PickerToolBar from "./picker-toolbar";
+import "./style.less";
+export default PickerToolBar;

package/dist/es/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/es/components/picker-toolbar/picker-toolbar.js

@@ -0,0 +1,120 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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 { Button } from 'antd-mobile';
+import { isPromise } from 'antd-mobile/es/utils/validate';
+import classNames from 'classnames';
+import { useMemo, useState } from 'react';
+import { cn } from "../../utils/bem";
+import { useConfig } from "../config-provider";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var admClassPrefix = "adm-picker";
+var bem = cn('picker-toolbar');
+var PickerToolBar = function PickerToolBar(props) {
+  var _confirmProps$loading;
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var onCancel = props.onCancel,
+    cancelProps = props.cancelProps,
+    confirmProps = props.confirmProps,
+    onConfirm = props.onConfirm,
+    clearProps = props.clearProps,
+    onClear = props.onClear,
+    title = props.title,
+    loading = props.loading,
+    className = props.className,
+    style = props.style;
+  var cancelButton = useMemo(function () {
+    return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+      fill: "none",
+      size: "small",
+      color: "primary"
+    }, cancelProps), {}, {
+      onClick: function onClick() {
+        return onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+      },
+      children: (cancelProps === null || cancelProps === void 0 ? void 0 : cancelProps.children) || locale.common.cancel
+    }));
+  }, [cancelProps, locale.common.cancel, onCancel]);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    confirmLoading = _useState2[0],
+    setConfirmLoading = _useState2[1];
+  var handleConfirm = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var res;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (onConfirm) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            res = onConfirm();
+            if (!isPromise(res)) {
+              _context.next = 15;
+              break;
+            }
+            _context.prev = 4;
+            setConfirmLoading(true);
+            _context.next = 8;
+            return res;
+          case 8:
+            setConfirmLoading(false);
+            _context.next = 15;
+            break;
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](4);
+            setConfirmLoading(false);
+            throw _context.t0;
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[4, 11]]);
+    }));
+    return function handleConfirm() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/_jsxs("div", {
+    className: classNames("".concat(admClassPrefix, "-header"), bem(), className),
+    style: style,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: bem('left'),
+      children: cancelButton
+    }), /*#__PURE__*/_jsx("div", {
+      className: classNames("".concat(admClassPrefix, "-header-title"), bem('title')),
+      children: title
+    }), /*#__PURE__*/_jsxs("div", {
+      className: bem('right'),
+      children: [(clearProps || onClear) && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+        color: "primary",
+        fill: "none",
+        size: "small"
+      }, clearProps), {}, {
+        onClick: function onClick() {
+          return onClear === null || onClear === void 0 ? void 0 : onClear();
+        },
+        children: (clearProps === null || clearProps === void 0 ? void 0 : clearProps.children) || locale.common.clear
+      })), (confirmProps || onConfirm) && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+        color: "primary",
+        fill: "none",
+        size: "small"
+      }, confirmProps), {}, {
+        loading: (_confirmProps$loading = confirmProps === null || confirmProps === void 0 ? void 0 : confirmProps.loading) !== null && _confirmProps$loading !== void 0 ? _confirmProps$loading : confirmLoading,
+        onClick: handleConfirm,
+        disabled: loading || (confirmProps === null || confirmProps === void 0 ? void 0 : confirmProps.disabled),
+        children: (confirmProps === null || confirmProps === void 0 ? void 0 : confirmProps.children) || locale.common.confirm
+      }))]
+    })]
+  });
+};
+export default PickerToolBar;

package/dist/es/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/es/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/es/components/popup-page/default-action-footer.js

@@ -0,0 +1,50 @@
+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 { Button, Grid } from 'antd-mobile';
+import { useMemo } from 'react';
+import { cn } from "../../utils/bem";
+import { createElement as _createElement } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+var bem = cn('popup-page');
+var DefaultActionFooter = function DefaultActionFooter(_ref) {
+  var cancel = _ref.cancel,
+    onCancel = _ref.onCancel,
+    confirm = _ref.confirm,
+    onConfirm = _ref.onConfirm;
+  var actions = useMemo(function () {
+    var result = [];
+    if (cancel !== false) {
+      var _cancel$children;
+      result.push( /*#__PURE__*/_createElement(Button, _objectSpread(_objectSpread({
+        block: true
+      }, cancel), {}, {
+        onClick: onCancel,
+        key: "cancel"
+      }), (_cancel$children = cancel === null || cancel === void 0 ? void 0 : cancel.children) !== null && _cancel$children !== void 0 ? _cancel$children : '取消'));
+    }
+    if (confirm !== false) {
+      var _confirm$children;
+      result.push( /*#__PURE__*/_createElement(Button, _objectSpread(_objectSpread({
+        block: true,
+        color: "primary",
+        loading: "auto"
+      }, confirm), {}, {
+        onClick: onConfirm,
+        key: "confirm"
+      }), (_confirm$children = confirm === null || confirm === void 0 ? void 0 : confirm.children) !== null && _confirm$children !== void 0 ? _confirm$children : '确定'));
+    }
+    return result;
+  }, [cancel, confirm, onCancel, onConfirm]);
+  return /*#__PURE__*/_jsx(Grid, {
+    columns: actions.length,
+    className: bem('default-action-footer'),
+    gap: 16,
+    children: actions.map(function (a, index) {
+      return /*#__PURE__*/_jsx(Grid.Item, {
+        children: a
+      }, index);
+    })
+  });
+};
+export default DefaultActionFooter;

package/dist/es/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/es/components/popup-page/index.js

@@ -0,0 +1,7 @@
+import DefaultActionFooter from "./default-action-footer";
+import _PopupPage from "./popup-page";
+import "./style.less";
+var PopupPage = Object.assign(_PopupPage, {
+  DefaultActionFooter: DefaultActionFooter
+});
+export default PopupPage;

package/dist/es/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/es/components/popup-page/popup-page.js

@@ -0,0 +1,61 @@
+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 = ["children", "className", "visible", "onClose", "pageStyle", "pageClassName", "navbar", "loading", "error", "onBack", "title"];
+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 { useMergedState } from '@nickeylin/rc-utils';
+import { Popup } from 'antd-mobile';
+import { CloseOutline } from 'antd-mobile-icons';
+import classNames from 'classnames';
+import { cn } from "../../utils/bem";
+import Page from "../page";
+import { jsx as _jsx } from "react/jsx-runtime";
+var bem = cn('popup-page');
+var PopupPage = function PopupPage(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    visibleProp = _ref.visible,
+    onClose = _ref.onClose,
+    pageStyle = _ref.pageStyle,
+    pageClassName = _ref.pageClassName,
+    navbar = _ref.navbar,
+    loading = _ref.loading,
+    error = _ref.error,
+    _onBack = _ref.onBack,
+    title = _ref.title,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useMergedState = useMergedState(false, {
+      value: visibleProp,
+      onChange: function onChange(value) {
+        if (!value) onClose === null || onClose === void 0 || onClose();
+      }
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    visible = _useMergedState2[0],
+    setVisible = _useMergedState2[1];
+  return /*#__PURE__*/_jsx(Popup, _objectSpread(_objectSpread({}, props), {}, {
+    visible: visible,
+    onClose: function onClose() {
+      return setVisible(false);
+    },
+    className: classNames(bem(), className),
+    children: /*#__PURE__*/_jsx(Page, {
+      style: pageStyle,
+      className: pageClassName,
+      navbar: _objectSpread({
+        backIcon: /*#__PURE__*/_jsx(CloseOutline, {})
+      }, navbar),
+      loading: loading,
+      error: error,
+      title: title,
+      showNavBar: true,
+      onBack: function onBack() {
+        setVisible(false);
+        _onBack === null || _onBack === void 0 || _onBack();
+      },
+      children: children
+    })
+  }));
+};
+export default PopupPage;

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

package/dist/es/components/popup-picker-base/index.js

@@ -0,0 +1,5 @@
+import PopupPickerBase from "./popup-picker-base";
+import "./style.less";
+export default PopupPickerBase;
+export { default as createPopupPickerPrompt } from "./prompt";
+export { default as usePopupPickerMixin } from "./use-popup-picker-mixin";