@nickeylin/antd-mobile-pro 2.0.0

package/dist/cjs/components/index.js

@@ -0,0 +1,141 @@
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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/index.ts
+var components_exports = {};
+__export(components_exports, {
+  ActionSheetPicker: () => import_action_sheet_picker.default,
+  BarCode: () => import_bar_code.default,
+  BarCodeCanvas: () => import_bar_code.BarCodeCanvas,
+  BarCodeImg: () => import_bar_code.BarCodeImg,
+  BarCodeSvg: () => import_bar_code.BarCodeSvg,
+  Card: () => import_card.default,
+  CardTabs: () => import_card_tabs.default,
+  Checkbox: () => import_checkbox.default,
+  Container: () => import_container.default,
+  DatePicker: () => import_date_picker.default,
+  Descriptions: () => import_descriptions.default,
+  DropdownMenu: () => import_dropdown_menu.default,
+  ErrorBlock: () => import_error_block.default,
+  GridMenu: () => import_grid_menu.default,
+  InputCaptcha: () => import_input_captcha.default,
+  InputNumber: () => import_input_number.default,
+  InputPassword: () => import_input_password.default,
+  Money: () => import_money.default,
+  Page: () => import_page.default,
+  PopupPage: () => import_popup_page.default,
+  ProCalendarPicker: () => import_pro_calendar_picker.default,
+  ProList: () => import_pro_list.default,
+  ProListPicker: () => import_pro_list_picker.default,
+  QrCode: () => import_qr_code.default,
+  SegmentControl: () => import_segment_control.default,
+  StepperRange: () => import_stepper_range.default,
+  TabBarLayout: () => import_tabbar_layout.default,
+  Table: () => import_table.default,
+  Toast: () => import_toast.default,
+  Tree: () => import_tree.default,
+  TreePicker: () => import_tree_picker.default,
+  createErrorBlock: () => import_error_block.createErrorBlock,
+  createPopupPickerPrompt: () => import_popup_picker_base.createPopupPickerPrompt,
+  usePopupPickerMixin: () => import_popup_picker_base.usePopupPickerMixin
+});
+module.exports = __toCommonJS(components_exports);
+var import_global = require("./styles/global.less");
+__reExport(components_exports, require("./action-sheet"), module.exports);
+var import_action_sheet_picker = __toESM(require("./action-sheet-picker"));
+var import_bar_code = __toESM(require("./bar-code"));
+var import_card = __toESM(require("./card"));
+var import_card_tabs = __toESM(require("./card-tabs"));
+var import_checkbox = __toESM(require("./checkbox"));
+__reExport(components_exports, require("./config-provider"), module.exports);
+var import_container = __toESM(require("./container"));
+var import_date_picker = __toESM(require("./date-picker"));
+var import_descriptions = __toESM(require("./descriptions"));
+var import_dropdown_menu = __toESM(require("./dropdown-menu"));
+var import_error_block = __toESM(require("./error-block"));
+var import_grid_menu = __toESM(require("./grid-menu"));
+var import_input_captcha = __toESM(require("./input-captcha"));
+var import_input_number = __toESM(require("./input-number"));
+var import_input_password = __toESM(require("./input-password"));
+var import_money = __toESM(require("./money"));
+var import_page = __toESM(require("./page"));
+var import_popup_page = __toESM(require("./popup-page"));
+var import_popup_picker_base = require("./popup-picker-base");
+var import_pro_calendar_picker = __toESM(require("./pro-calendar-picker"));
+__reExport(components_exports, require("./pro-form"), module.exports);
+var import_pro_list = __toESM(require("./pro-list"));
+var import_pro_list_picker = __toESM(require("./pro-list-picker"));
+var import_qr_code = __toESM(require("./qr-code"));
+var import_segment_control = __toESM(require("./segment-control"));
+var import_stepper_range = __toESM(require("./stepper-range"));
+var import_tabbar_layout = __toESM(require("./tabbar-layout"));
+var import_table = __toESM(require("./table"));
+var import_toast = __toESM(require("./toast"));
+var import_tree = __toESM(require("./tree"));
+var import_tree_picker = __toESM(require("./tree-picker"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionSheetPicker,
+  BarCode,
+  BarCodeCanvas,
+  BarCodeImg,
+  BarCodeSvg,
+  Card,
+  CardTabs,
+  Checkbox,
+  Container,
+  DatePicker,
+  Descriptions,
+  DropdownMenu,
+  ErrorBlock,
+  GridMenu,
+  InputCaptcha,
+  InputNumber,
+  InputPassword,
+  Money,
+  Page,
+  PopupPage,
+  ProCalendarPicker,
+  ProList,
+  ProListPicker,
+  QrCode,
+  SegmentControl,
+  StepperRange,
+  TabBarLayout,
+  Table,
+  Toast,
+  Tree,
+  TreePicker,
+  createErrorBlock,
+  createPopupPickerPrompt,
+  usePopupPickerMixin,
+  ...require("./action-sheet"),
+  ...require("./config-provider"),
+  ...require("./pro-form")
+});

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

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

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

@@ -0,0 +1,38 @@
+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/input-captcha/index.ts
+var input_captcha_exports = {};
+__export(input_captcha_exports, {
+  default: () => input_captcha_default
+});
+module.exports = __toCommonJS(input_captcha_exports);
+var import_input_captcha = __toESM(require("./input-captcha"));
+var import_style = require("./style.less");
+var import_input_captcha2 = require("./input-captcha");
+var input_captcha_default = import_input_captcha.default;

package/dist/cjs/components/input-captcha/input-captcha.d.ts

@@ -0,0 +1,40 @@
+import { ButtonProps, InputProps } from 'antd-mobile';
+import { NativeProps } from 'antd-mobile/es/utils/native-props';
+import { ReactNode } from 'react';
+export type InputCaptchaProps = NativeProps & Omit<InputProps, 'className' | 'style'> & {
+    inputClassName?: string;
+    inputStyle?: InputProps['style'];
+    /** 获取验证码按钮的 props */
+    captchaProps?: ButtonProps;
+    /** 倒计时秒数，默认值：60s */
+    countDown?: number;
+    /** 渲染计时的文案 */
+    renderCaptchaText?: (timing: boolean, count: number) => ReactNode;
+    /** 获取验证码的自定义请求，resolve后开始倒计时 */
+    request?(): Promise<void>;
+    /** 计时监听 */
+    onTiming?(count: number): void;
+};
+export interface InputCaptchaAction {
+    startTiming(): void;
+    stopTiming(): void;
+}
+declare const InputCaptcha: import("react").ForwardRefExoticComponent<{
+    className?: string | undefined;
+    style?: (import("react").CSSProperties & Partial<Record<never, string>>) | undefined;
+    tabIndex?: number | undefined;
+} & import("react").AriaAttributes & Omit<InputProps, "style" | "className"> & {
+    inputClassName?: string | undefined;
+    inputStyle?: InputProps['style'];
+    /** 获取验证码按钮的 props */
+    captchaProps?: ButtonProps | undefined;
+    /** 倒计时秒数，默认值：60s */
+    countDown?: number | undefined;
+    /** 渲染计时的文案 */
+    renderCaptchaText?: ((timing: boolean, count: number) => ReactNode) | undefined;
+    /** 获取验证码的自定义请求，resolve后开始倒计时 */
+    request?(): Promise<void>;
+    /** 计时监听 */
+    onTiming?(count: number): void;
+} & import("react").RefAttributes<InputCaptchaAction>>;
+export default InputCaptcha;

package/dist/cjs/components/input-captcha/input-captcha.js

@@ -0,0 +1,125 @@
+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/input-captcha/input-captcha.tsx
+var input_captcha_exports = {};
+__export(input_captcha_exports, {
+  default: () => input_captcha_default
+});
+module.exports = __toCommonJS(input_captcha_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 import_config_provider = require("../config-provider");
+var bem = (0, import_bem.cn)("input-captcha");
+var InputCaptcha = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const { locale } = (0, import_config_provider.useConfig)();
+    const {
+      className,
+      style,
+      placeholder = locale.common.inputPlaceholder,
+      inputClassName,
+      inputStyle,
+      captchaProps,
+      countDown = 60,
+      renderCaptchaText = (timing2, count2) => timing2 ? `${count2}s` : locale.InputCaptcha.getCaptcha,
+      request,
+      onTiming,
+      readOnly,
+      ...inputProps
+    } = props;
+    const [timing, setTiming] = (0, import_react.useState)(false);
+    const [count, setCount] = (0, import_react.useState)(countDown);
+    const countDownRef = (0, import_react.useRef)(countDown);
+    countDownRef.current = countDown;
+    const onTimingRef = (0, import_react.useRef)(onTiming);
+    onTimingRef.current = onTiming;
+    (0, import_react.useEffect)(() => {
+      if (timing) {
+        const timerId = window.setInterval(() => {
+          setCount((prevCount) => {
+            if (prevCount < 1) {
+              setTiming(false);
+              window.clearInterval(timerId);
+              return countDownRef.current;
+            }
+            return prevCount - 1;
+          });
+        }, 1e3);
+        return () => window.clearInterval(timerId);
+      } else {
+        setCount(countDownRef.current);
+      }
+    }, [timing]);
+    (0, import_react.useEffect)(() => {
+      var _a;
+      (_a = onTimingRef.current) == null ? void 0 : _a.call(onTimingRef, count);
+    }, [count]);
+    (0, import_react.useImperativeHandle)(ref, () => ({
+      startTiming() {
+        setTiming(true);
+      },
+      stopTiming() {
+        setTiming(false);
+      }
+    }));
+    return /* @__PURE__ */ React.createElement("div", { className: (0, import_classnames.default)(bem(), className), style }, /* @__PURE__ */ React.createElement(
+      import_antd_mobile.Input,
+      {
+        className: bem("input", inputClassName),
+        style: inputStyle,
+        placeholder,
+        readOnly,
+        ...inputProps
+      }
+    ), !readOnly && /* @__PURE__ */ React.createElement(
+      import_antd_mobile.Button,
+      {
+        fill: "none",
+        size: "small",
+        color: "primary",
+        loading: "auto",
+        ...captchaProps,
+        className: (0, import_classnames.default)(bem("send-btn"), captchaProps == null ? void 0 : captchaProps.className),
+        disabled: timing,
+        onClick: async () => {
+          try {
+            await (request == null ? void 0 : request());
+            setTiming(true);
+          } catch (e) {
+            console.error(e);
+          }
+        }
+      },
+      renderCaptchaText(timing, count)
+    ));
+  }
+);
+var input_captcha_default = InputCaptcha;

package/dist/cjs/components/input-captcha/style.less

@@ -0,0 +1,12 @@
+@class-prefix-input-captcha: ~'suid-input-captcha';
+
+.@{class-prefix-input-captcha} {
+  display: flex;
+  align-items: center;
+  &__input {
+    flex: 1;
+  }
+  &__send-btn {
+    padding: 8px;
+  }
+}

package/dist/cjs/components/input-number/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './input-number.less';
+declare const InputNumber: import("react").ForwardRefExoticComponent<import("./input-number").InputNumberProps & import("react").RefAttributes<import("./input-number").InputNumberRef>> & {
+    Money: import("react").ForwardRefExoticComponent<import("./input-money").InputMoneyProps & import("react").RefAttributes<import("./input-number").InputNumberRef>>;
+};
+export default InputNumber;
+export { type InputMoneyProps } from './input-money';
+export { type InputNumberProps, type InputNumberRef } from './input-number';

package/dist/cjs/components/input-number/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/input-number/index.ts
+var input_number_exports = {};
+__export(input_number_exports, {
+  default: () => input_number_default
+});
+module.exports = __toCommonJS(input_number_exports);
+var import_input_money = __toESM(require("./input-money"));
+var import_input_number = __toESM(require("./input-number"));
+var import_input_number2 = require("./input-number.less");
+var import_input_money2 = require("./input-money");
+var import_input_number3 = require("./input-number");
+var InputNumber = Object.assign(import_input_number.default, { Money: import_input_money.default });
+var input_number_default = InputNumber;

package/dist/cjs/components/input-number/input-money.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { InputNumberProps, InputNumberRef } from './input-number';
+export type InputMoneyProps = InputNumberProps & {
+    thousands?: boolean;
+};
+declare const InputMoney: import("react").ForwardRefExoticComponent<InputMoneyProps & import("react").RefAttributes<InputNumberRef>>;
+export default InputMoney;

package/dist/cjs/components/input-number/input-money.js

@@ -0,0 +1,85 @@
+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/input-number/input-money.tsx
+var input_money_exports = {};
+__export(input_money_exports, {
+  default: () => input_money_default
+});
+module.exports = __toCommonJS(input_money_exports);
+var import_rc_utils = require("@nickeylin/rc-utils");
+var import_react = require("react");
+var import_config_provider = require("../config-provider");
+var import_input_number = __toESM(require("./input-number"));
+var InnerInputMoney = ({
+  thousands: thousandsProp,
+  allowEmpty = true,
+  digits = 2,
+  min = 0,
+  formatter,
+  parser,
+  ...props
+}, ref) => {
+  const { inputMoney } = (0, import_config_provider.useConfig)();
+  const thousands = (0, import_react.useMemo)(
+    () => thousandsProp ?? (inputMoney == null ? void 0 : inputMoney.thousands) ?? true,
+    [inputMoney == null ? void 0 : inputMoney.thousands, thousandsProp]
+  );
+  const defaultFormatter = (0, import_react.useCallback)(
+    (value) => {
+      if (value === 0)
+        return 0;
+      if (thousands) {
+        return (0, import_rc_utils.toThousandsAmount)(value) ?? "";
+      }
+      if (typeof value == "undefined")
+        return "";
+      return `${value}`;
+    },
+    [thousands]
+  );
+  const defaultParser = (0, import_react.useCallback)((text) => {
+    if (!text)
+      return "";
+    return text.replace(/,*/g, "");
+  }, []);
+  return /* @__PURE__ */ React.createElement(
+    import_input_number.default,
+    {
+      min,
+      ...props,
+      ref,
+      allowEmpty,
+      digits,
+      formatter: formatter ?? defaultFormatter,
+      parser: parser ?? defaultParser
+    }
+  );
+};
+var InputMoney = (0, import_react.forwardRef)(InnerInputMoney);
+var input_money_default = InputMoney;

package/dist/cjs/components/input-number/input-number.d.ts

@@ -0,0 +1,38 @@
+import { InputProps, InputRef } from 'antd-mobile';
+import { NativeProps } from 'antd-mobile/es/utils/native-props';
+import React, { ReactNode } from 'react';
+type ValueProps<ValueType> = {
+    allowEmpty: true;
+    value?: ValueType | null;
+    defaultValue?: ValueType | null;
+    onChange?: (value: ValueType | null) => void;
+};
+type ValuePropsWithNull<ValueType> = {
+    allowEmpty?: false;
+    value?: ValueType;
+    defaultValue?: ValueType;
+    onChange?: (value: ValueType) => void;
+};
+export type BaseInputNumberProps<ValueType> = Pick<InputProps, 'onFocus' | 'onBlur' | 'placeholder' | 'readOnly'> & (ValuePropsWithNull<ValueType> | ValueProps<ValueType>) & {
+    min?: ValueType;
+    max?: ValueType;
+    step?: ValueType;
+    digits?: number;
+    disabled?: boolean;
+    showStepper?: boolean;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    parser?: (text: string) => ValueType;
+    formatter?: (value?: ValueType) => string;
+} & NativeProps<'--input-font-size' | '--input-color' | '--input-placeholder-color' | '--input-text-align' | '--stepper-height' | '--stepper-background-color' | '--input-prefix-color' | '--input-suffix-color'>;
+export type InputNumberNumberProps = BaseInputNumberProps<number> & {
+    stringMode?: false;
+};
+export type InputNumberStringProps = BaseInputNumberProps<string> & {
+    stringMode: true;
+};
+export type InputNumberProps = InputNumberNumberProps | InputNumberStringProps;
+export type InputNumberRef = Pick<InputRef, 'blur' | 'focus' | 'nativeElement'>;
+export declare function InnerInputNumber<ValueType extends number | string>(p: InputNumberProps, ref: React.ForwardedRef<InputNumberRef>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<InputNumberRef>>;
+export default InputNumber;