@nickeylin/antd-mobile-pro 2.0.0

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

@@ -0,0 +1,46 @@
+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-picker-base/index.ts
+var popup_picker_base_exports = {};
+__export(popup_picker_base_exports, {
+  createPopupPickerPrompt: () => import_prompt.default,
+  default: () => popup_picker_base_default,
+  usePopupPickerMixin: () => import_use_popup_picker_mixin.default
+});
+module.exports = __toCommonJS(popup_picker_base_exports);
+var import_popup_picker_base = __toESM(require("./popup-picker-base"));
+var import_style = require("./style.less");
+var import_prompt = __toESM(require("./prompt"));
+var import_use_popup_picker_mixin = __toESM(require("./use-popup-picker-mixin"));
+var popup_picker_base_default = import_popup_picker_base.default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createPopupPickerPrompt,
+  usePopupPickerMixin
+});

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

@@ -0,0 +1,36 @@
+import { ButtonProps, PopupProps } from 'antd-mobile';
+import { NativeProps } from 'antd-mobile/es/utils/native-props';
+import { FC, ReactNode } from 'react';
+interface PopupPickerBaseToolbarProps {
+    title?: ReactNode;
+    confirm?: false | ReactNode | Omit<ButtonProps, 'onClick'>;
+    onConfirm?: () => void;
+    beforeConfirm?(): Promise<void>;
+    cancel?: false | ReactNode | Omit<ButtonProps, 'onClick'>;
+    onCancel?: () => void;
+    clear?: ReactNode | Omit<ButtonProps, 'onClick'>;
+    clearable?: boolean;
+    onClear?: () => void;
+}
+interface LegacyPickerToolbarProps {
+    /**
+     * @deprecated use `cancel` instead
+     */
+    cancelText?: ReactNode;
+    /**
+     * @deprecated use `confirm` instead
+     */
+    confirmText?: ReactNode;
+    /**
+     * @deprecated use `clear` instead
+     */
+    clearText?: ReactNode;
+}
+export type PopupPickerBaseProps = Pick<PopupProps, 'visible' | 'onClose' | 'children' | 'getContainer' | 'afterShow' | 'afterClose' | 'stopPropagation' | 'forceRender' | 'closeOnMaskClick' | 'bodyClassName' | 'bodyStyle' | 'destroyOnClose'> & NativeProps<'--border-radius'> & PopupPickerBaseToolbarProps & {
+    safearea?: boolean;
+} & LegacyPickerToolbarProps;
+/**
+ * 自定义popup选择器的基础组件，封装了popup选择器的通用行为，简化自定义选择器的封装
+ */
+declare const PopupPickerBase: FC<PopupPickerBaseProps>;
+export default PopupPickerBase;

package/dist/cjs/components/popup-picker-base/popup-picker-base.js

@@ -0,0 +1,151 @@
+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-picker-base/popup-picker-base.tsx
+var popup_picker_base_exports = {};
+__export(popup_picker_base_exports, {
+  default: () => popup_picker_base_default
+});
+module.exports = __toCommonJS(popup_picker_base_exports);
+var import_rc_utils = require("@nickeylin/rc-utils");
+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 import_picker_toolbar = __toESM(require("../picker-toolbar"));
+var bem = (0, import_bem.cn)("picker-popup");
+var PopupPickerBase = ({
+  visible: visibleProp,
+  onClose,
+  closeOnMaskClick = false,
+  children,
+  title,
+  confirm,
+  onConfirm,
+  beforeConfirm,
+  cancel,
+  onCancel,
+  clear,
+  clearable,
+  onClear,
+  safearea = true,
+  // LegacyPickerToolbarProps
+  confirmText,
+  cancelText,
+  clearText,
+  // rest popup props
+  className,
+  bodyClassName,
+  ...popupProps
+}) => {
+  const [visible, setVisible] = (0, import_rc_utils.useMergedState)(false, {
+    value: visibleProp,
+    onChange(value) {
+      if (!value) {
+        onClose == null ? void 0 : onClose();
+      }
+    }
+  });
+  const confirmProps = (0, import_react.useMemo)(() => {
+    if (confirm === false)
+      return {};
+    let p;
+    if (typeof confirmText !== "undefined") {
+      p = { children: confirmText };
+    } else {
+      p = (0, import_rc_utils.isReactNode)(confirm) ? { children: confirm } : confirm;
+    }
+    return {
+      confirmProps: p,
+      onConfirm() {
+        ((beforeConfirm == null ? void 0 : beforeConfirm()) ?? Promise.resolve()).then(() => {
+          setVisible(false);
+          onConfirm == null ? void 0 : onConfirm();
+        });
+      }
+    };
+  }, [beforeConfirm, confirm, confirmText, onConfirm, setVisible]);
+  const cancelProps = (0, import_react.useMemo)(() => {
+    if (cancel === false)
+      return {};
+    let p;
+    if (typeof cancelText !== "undefined") {
+      p = { children: cancelText };
+    } else {
+      p = (0, import_rc_utils.isReactNode)(cancel) ? { children: cancel } : cancel;
+    }
+    return {
+      cancelProps: p,
+      onCancel() {
+        setVisible(false);
+        onCancel == null ? void 0 : onCancel();
+      }
+    };
+  }, [cancel, cancelText, onCancel, setVisible]);
+  const clearProps = (0, import_react.useMemo)(() => {
+    if (!clearable)
+      return {};
+    let p;
+    if (typeof clearText !== "undefined") {
+      p = { children: clearText };
+    } else {
+      p = (0, import_rc_utils.isReactNode)(clear) ? { children: clear } : clear;
+    }
+    return {
+      clearProps: p,
+      onClear() {
+        setVisible(false);
+        onClear == null ? void 0 : onClear();
+      }
+    };
+  }, [clear, clearText, clearable, onClear, setVisible]);
+  return /* @__PURE__ */ React.createElement(
+    import_antd_mobile.Popup,
+    {
+      visible,
+      onClose: () => setVisible(false),
+      closeOnMaskClick,
+      position: "bottom",
+      className: (0, import_classnames.default)(bem(), className),
+      bodyClassName: (0, import_classnames.default)(bem("body"), bodyClassName),
+      ...popupProps
+    },
+    /* @__PURE__ */ React.createElement(
+      import_picker_toolbar.default,
+      {
+        title,
+        ...confirmProps,
+        ...cancelProps,
+        ...clearProps
+      }
+    ),
+    children,
+    safearea && /* @__PURE__ */ React.createElement(import_antd_mobile.SafeArea, { position: "bottom" })
+  );
+};
+var popup_picker_base_default = PopupPickerBase;

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { PopupPickerMixinProps } from './use-popup-picker-mixin';
+declare function createPrompt<R, P extends Omit<PopupPickerMixinProps, 'value' | 'visible' | 'children' | 'fieldNames'>>(Comp: FC<P>): (props: P) => Promise<R>;
+export default createPrompt;

package/dist/cjs/components/popup-picker-base/prompt.js

@@ -0,0 +1,66 @@
+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-picker-base/prompt.tsx
+var prompt_exports = {};
+__export(prompt_exports, {
+  default: () => prompt_default
+});
+module.exports = __toCommonJS(prompt_exports);
+var import_render_to_body = require("antd-mobile/cjs/utils/render-to-body");
+var import_react = require("react");
+function createPrompt(Comp) {
+  return (props) => {
+    return new Promise((resolve, reject) => {
+      let unmount = void 0;
+      const Wrapper = () => {
+        const [visible, setVisible] = (0, import_react.useState)(false);
+        (0, import_react.useEffect)(() => {
+          setVisible(true);
+        }, []);
+        return /* @__PURE__ */ React.createElement(
+          Comp,
+          {
+            ...props,
+            visible,
+            onConfirm: (val) => {
+              var _a;
+              (_a = props.onConfirm) == null ? void 0 : _a.call(props, val);
+              resolve(val);
+            },
+            onCancel: () => {
+              reject(Error("user cancel"));
+            },
+            onClose: () => {
+              var _a;
+              (_a = props.onClose) == null ? void 0 : _a.call(props);
+              setVisible(false);
+            },
+            afterClose: () => {
+              var _a;
+              (_a = props.afterClose) == null ? void 0 : _a.call(props);
+              unmount == null ? void 0 : unmount();
+            }
+          }
+        );
+      };
+      unmount = (0, import_render_to_body.renderToBody)(/* @__PURE__ */ React.createElement(Wrapper, null));
+    });
+  };
+}
+var prompt_default = createPrompt;

package/dist/cjs/components/popup-picker-base/style.less

@@ -0,0 +1,11 @@
+@import '../styles/variable.less';
+@class-prefix-picker-popup: ~'@{suid-prefix}-picker-popup';
+
+.@{class-prefix-picker-popup} {
+  --border-radius: var(--suid-popup-picker-border-radius, 8px);
+
+  &__body {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+  }
+}

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

@@ -0,0 +1,73 @@
+import { CSSProperties, ForwardedRef, ReactNode } from 'react';
+import { PopupPickerBaseProps } from './popup-picker-base';
+export interface PopupPickerValue<T> {
+    value?: T | null;
+    defaultValue?: T | null;
+    onSelect?(value: T | null): void;
+    onConfirm?(value: T | null): void;
+    beforeConfirm?(value: T | null): Promise<void>;
+    children?(value: T | null, text: string, action: PopupPickerActions): ReactNode;
+    /**
+     * 配置相应的属性名称
+     */
+    fieldNames?: {
+        /**
+         * 用于显示的属性名称，对应`children`渲染函数的`text`参数，默认: `'name'`
+         */
+        label?: string;
+        /**
+         * 用于取值的属性名称，若不传此参数，值将会是对象，对应`children`渲染函数的`value`参数
+         */
+        value?: string;
+    };
+}
+export type PopupPickerMixinProps<T = any> = Omit<PopupPickerBaseProps, 'className' | 'style' | 'children' | 'onConfirm'> & {
+    popupClassName?: string;
+    popupStyle?: CSSProperties;
+} & PopupPickerValue<T>;
+export type PopupPickerActions = {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+/**
+ * 封装自定义popup picker时，用来管理popup picker通用状态及行为，包括：
+ * - visible的受控/非受控
+ * - value的受控/非受控
+ * - innerValue的状态管理（需点击确认时，内部存储的临时值，提交后会同步给value）
+ * - useImperativeHandle 关联 ForwardedRef
+ * - 生成PopupPickerBaseProps
+ *
+ * 返回值包括三部分：
+ * - popup属性，用于传入给PopupPickerBase组件
+ * - 状态及更新状态的方法，及 actions
+ * - children 渲染函数返回值
+ *
+ * @example
+ *
+ * const MyPopupPicker = (props, ref) => {
+ *   const [popupProps, states, children] = usePopupPickerMixin(props, ref)
+ *   return (
+ *     <>
+ *       <PopupPickerBase {...popupProps}>
+ *         <div>implementations of picker</div>
+ *       </PopupPickerBase>
+ *       {children}
+ *     </>
+ *   )
+ * }
+ */
+declare function usePopupPickerMixin<T>({ confirm, fieldNames, ...props }: PopupPickerMixinProps<T>, ref: ForwardedRef<PopupPickerActions>): readonly [Omit<PopupPickerBaseProps, "children">, {
+    readonly actions: {
+        toggle: () => void;
+        open: () => void;
+        close: () => void;
+    };
+    readonly visible: boolean;
+    readonly setVisible: (updater: boolean | ((origin: boolean) => boolean), ignoreDestroy?: boolean | undefined) => void;
+    readonly value: T | null;
+    readonly setValue: (updater: T | ((origin: T | null) => T | null) | null, ignoreDestroy?: boolean | undefined) => void;
+    readonly innerValue: T | null;
+    readonly setInnerValue: import("react").Dispatch<import("react").SetStateAction<T | null>>;
+}, ReactNode];
+export default usePopupPickerMixin;

package/dist/cjs/components/popup-picker-base/use-popup-picker-mixin.js

@@ -0,0 +1,140 @@
+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-picker-base/use-popup-picker-mixin.tsx
+var use_popup_picker_mixin_exports = {};
+__export(use_popup_picker_mixin_exports, {
+  default: () => use_popup_picker_mixin_default
+});
+module.exports = __toCommonJS(use_popup_picker_mixin_exports);
+var import_rc_utils = require("@nickeylin/rc-utils");
+var import_lodash = require("lodash");
+var import_react = require("react");
+function getLabel(item, labelKey) {
+  if (!item)
+    return "";
+  if (Array.isArray(item)) {
+    return item.map((v) => getLabel(v, labelKey)).join(",");
+  }
+  if (typeof item === "object") {
+    return (item == null ? void 0 : item[labelKey]) ?? "";
+  }
+  return `${item}`;
+}
+function usePopupPickerMixin({ confirm, fieldNames, ...props }, ref) {
+  var _a;
+  const [visible, setVisible] = (0, import_rc_utils.useMergedState)(false, {
+    value: props.visible,
+    onChange: (v) => {
+      var _a2;
+      if (v === false)
+        (_a2 = props.onClose) == null ? void 0 : _a2.call(props);
+    }
+  });
+  const [value, setValue] = (0, import_rc_utils.useMergedState)(props.defaultValue ?? null, {
+    value: props.value,
+    onChange: props.onConfirm
+  });
+  const [innerValue, setInnerValue] = (0, import_react.useState)(value);
+  const confirmProps = (0, import_react.useMemo)(() => {
+    if (confirm === false)
+      return false;
+    if ((0, import_rc_utils.isReactNode)(confirm)) {
+      return { children: confirm, disabled: !innerValue };
+    }
+    return { disabled: !innerValue, ...confirm };
+  }, [confirm, innerValue]);
+  const actions = (0, import_react.useMemo)(
+    () => ({
+      toggle: () => {
+        setVisible((v) => !v);
+      },
+      open: () => {
+        setVisible(true);
+      },
+      close: () => {
+        setVisible(false);
+      }
+    }),
+    [setVisible]
+  );
+  (0, import_react.useImperativeHandle)(ref, () => actions);
+  (0, import_react.useEffect)(() => {
+    if (visible) {
+      setInnerValue(value);
+    }
+  }, [visible]);
+  const popupProps = {
+    style: props.popupStyle,
+    className: props.popupClassName,
+    visible,
+    onClose() {
+      setVisible(false);
+    },
+    confirm: confirmProps,
+    onConfirm() {
+      if (props.beforeConfirm) {
+        return props.beforeConfirm(innerValue).then(() => {
+          setValue(innerValue);
+          setVisible(false);
+        });
+      } else {
+        setValue(innerValue);
+        setVisible(false);
+      }
+    },
+    clearable: props.clearable && !!value,
+    onClear() {
+      setValue(null);
+      setVisible(false);
+    },
+    ...(0, import_lodash.pick)(
+      props,
+      "title",
+      "afterClose",
+      "afterShow",
+      "getContainer",
+      "stopPropagation",
+      "closeOnMaskClick",
+      "safearea",
+      "onCancel",
+      "clear",
+      "cancel"
+    )
+  };
+  return [
+    popupProps,
+    {
+      actions,
+      visible,
+      setVisible,
+      value,
+      setValue,
+      innerValue,
+      setInnerValue
+    },
+    // children
+    (_a = props.children) == null ? void 0 : _a.call(
+      props,
+      value,
+      getLabel(value, (fieldNames == null ? void 0 : fieldNames.label) ?? "name"),
+      actions
+    )
+  ];
+}
+var use_popup_picker_mixin_default = usePopupPickerMixin;

package/dist/cjs/components/pro-calendar-picker/index.d.ts

@@ -0,0 +1,3 @@
+import ProCalendarPicker from './picker';
+export default ProCalendarPicker;
+export type { ProCalendarPickerActions, ProCalendarPickerProps, } from './picker';

package/dist/cjs/components/pro-calendar-picker/index.js

@@ -0,0 +1,36 @@
+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/pro-calendar-picker/index.ts
+var pro_calendar_picker_exports = {};
+__export(pro_calendar_picker_exports, {
+  default: () => pro_calendar_picker_default
+});
+module.exports = __toCommonJS(pro_calendar_picker_exports);
+var import_picker = __toESM(require("./picker"));
+var pro_calendar_picker_default = import_picker.default;

package/dist/cjs/components/pro-calendar-picker/picker.d.ts

@@ -0,0 +1,25 @@
+import { CalendarPickerProps, CalendarPickerRef } from 'antd-mobile';
+import { PickerActions } from 'antd-mobile/es/components/picker';
+import { ReactNode } from 'react';
+export interface ProCalendarPickerActions extends Partial<CalendarPickerRef>, PickerActions {
+}
+type ValueProps<V extends string | [string, string]> = {
+    value?: V | null;
+    defaultValue?: V | null;
+    onChange?(value: V | null): void;
+    onConfirm?(value: V | null): void;
+    children?(value: V | null, actionRef: ProCalendarPickerActions): ReactNode;
+};
+export type ProCalendarPickerProps = Omit<CalendarPickerProps, 'selectionMode' | 'value' | 'defaultValue' | 'onChange' | 'onConfirm'> & {
+    onVisibleChange?(visible: boolean): void;
+    /**
+     * 日期格式，默认值：YYYY-MM-DD
+     */
+    format?: string;
+} & (({
+    mode?: 'single';
+} & ValueProps<string>) | ({
+    mode: 'range';
+} & ValueProps<[string, string]>));
+declare const ProCalendarPicker: import("react").ForwardRefExoticComponent<ProCalendarPickerProps & import("react").RefAttributes<ProCalendarPickerActions>>;
+export default ProCalendarPicker;