react-vant-nova 1.0.0-test

package/lib/floating-panel/FloatingPanel.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _jsxRuntime() {
+  const data = require("react/jsx-runtime");
+  _jsxRuntime = function () {
+    return data;
+  };
+  return data;
+}
+function _clsx() {
+  const data = _interopRequireDefault(require("clsx"));
+  _clsx = function () {
+    return data;
+  };
+  return data;
+}
+var _utils = require("../utils");
+var _useEventListener = _interopRequireDefault(require("../hooks/use-event-listener"));
+var _hooks = require("../hooks");
+function _web() {
+  const data = require("@react-spring/web");
+  _web = function () {
+    return data;
+  };
+  return data;
+}
+var _bound = require("../utils/bound");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const [bem] = (0, _utils.createNamespace)('floating-panel');
+/** Check if EL is scrolling reach its bottom */
+function scrollReachBottom(el) {
+  const scrollTop = (0, _utils.getScrollTop)(el);
+  return scrollTop >= el.scrollHeight - (0, _utils.getVisibleHeight)(el);
+}
+const FloatingPanel = (0, _react().forwardRef)((props, ref) => {
+  const {
+    className,
+    style,
+    onHeightChange,
+    anchors = [100]
+  } = props;
+  const sortAnchors = (0, _react().useMemo)(() => anchors.sort((a, b) => a - b), [anchors]);
+  const [minAnchor, maxAnchor] = [sortAnchors[0], sortAnchors[Math.max(0, sortAnchors.length - 1)]];
+  const root = (0, _react().useRef)();
+  const header = (0, _react().useRef)();
+  const body = (0, _react().useRef)();
+  const dragging = (0, _react().useRef)(false);
+  const draggingStartAt = (0, _react().useRef)(null);
+  const touch = (0, _hooks.useTouch)();
+  (0, _react().useImperativeHandle)(ref, () => ({
+    moveTo: height => api.start({
+      visibleH: height
+    })
+  }));
+  const [{
+    visibleH
+  }, api] = (0, _web().useSpring)(() => ({
+    visibleH: minAnchor,
+    config: {
+      tension: 300
+    },
+    onChange: () => onHeightChange === null || onHeightChange === void 0 ? void 0 : onHeightChange(visibleH.get())
+  }), [minAnchor]);
+  const onTouchStart = event => {
+    touch.start(event);
+    draggingStartAt.current = visibleH.get();
+    dragging.current = true;
+  };
+  const onTouchMove = event => {
+    const [headerEL, bodyEL] = [header.current, body.current];
+    touch.move(event);
+    if (visibleH.goal >= maxAnchor && bodyEL) {
+      if (touch.firstMove.current && (
+      // try going up to body top
+      touch.deltaY.current > 0 && (0, _utils.getScrollTop)(bodyEL) > 0 ||
+      // try going down to body bottom
+      touch.deltaY.current < 0 && !scrollReachBottom(bodyEL))) {
+        dragging.current = false;
+      }
+    }
+    if (headerEL && headerEL.contains(event.target)) {
+      dragging.current = true;
+    }
+    if (!dragging.current) return;
+    (0, _utils.preventDefault)(event, true);
+    api.start({
+      visibleH: (0, _bound.bound)(draggingStartAt.current + -touch.deltaY.current, minAnchor, maxAnchor)
+    });
+  };
+  const onTouchEnd = () => {
+    const memoDraggingStartAt = draggingStartAt.current;
+    dragging.current = false;
+    draggingStartAt.current = null;
+    touch.reset();
+    if (memoDraggingStartAt) {
+      const nearestAnchor = findNearestAnchor(sortAnchors, visibleH.get());
+      api.start({
+        visibleH: nearestAnchor,
+        from: {
+          visibleH: visibleH.get()
+        }
+      });
+    }
+  };
+  (0, _useEventListener.default)('touchstart', onTouchStart, {
+    target: root,
+    passive: false
+  });
+  (0, _useEventListener.default)('touchmove', onTouchMove, {
+    target: root,
+    passive: false
+  });
+  (0, _useEventListener.default)('touchend', onTouchEnd, {
+    target: root,
+    passive: false
+  });
+  return (0, _jsxRuntime().jsxs)(_web().animated.div, Object.assign({
+    ref: root,
+    className: (0, _clsx().default)(bem(), className),
+    style: Object.assign({
+      height: maxAnchor,
+      transform: visibleH.to(h => `translateY(calc(100% - ${h}px))`)
+    }, style)
+  }, {
+    children: [(0, _jsxRuntime().jsx)("div", Object.assign({
+      ref: header,
+      className: (0, _clsx().default)(bem('header'))
+    }, {
+      children: (0, _jsxRuntime().jsx)("div", {
+        className: (0, _clsx().default)(bem('thumb'))
+      })
+    })), (0, _jsxRuntime().jsx)(_web().animated.div, Object.assign({
+      ref: body,
+      className: (0, _clsx().default)(bem('body'))
+    }, {
+      children: props.children
+    }))]
+  }));
+});
+function findNearestAnchor(anchors, target) {
+  return anchors.reduce((pre, cur) => {
+    return Math.abs(target - pre) < Math.abs(target - cur) ? pre : cur;
+  });
+}
+var _default = exports.default = FloatingPanel;

package/lib/floating-panel/PropsType.d.ts

@@ -0,0 +1,8 @@
+import { BaseTypeProps } from '../utils';
+export interface FloatingPanelProps extends BaseTypeProps {
+    anchors?: number[];
+    onHeightChange?: (height: number) => void;
+}
+export declare type FloatingPanelInstance = {
+    moveTo: (height: number) => void;
+};

package/lib/floating-panel/PropsType.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/floating-panel/index.d.ts

@@ -0,0 +1,6 @@
+import './style/index.less';
+import FloatingPanel from './FloatingPanel';
+import type { FloatingPanelInstance, FloatingPanelProps } from './PropsType';
+export { FloatingPanel };
+export type { FloatingPanelInstance, FloatingPanelProps };
+export default FloatingPanel;

package/lib/floating-panel/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FloatingPanel", {
+  enumerable: true,
+  get: function () {
+    return _FloatingPanel.default;
+  }
+});
+exports.default = void 0;
+require("./style/index.css");
+var _FloatingPanel = _interopRequireDefault(require("./FloatingPanel"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _FloatingPanel.default;

package/lib/floating-panel/style/index.css

@@ -0,0 +1,38 @@
+:root {
+  --rv-floating-panel-z-index: 1001;
+  --rv-floating-panel-background-color: #fff;
+  --rv-floating-panel-header-background-color: #fff;
+  --rv-floating-panel-header-padding: 8px;
+  --rv-floating-panel-thumb-background-color: #c8c9cc;
+  --rv-floating-panel-thumb-width: 20px;
+  --rv-floating-panel-thumb-height: 4px;
+}
+.rv-floating-panel {
+  z-index: var(--rv-floating-panel-z-index);
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100vw;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--rv-floating-panel-background-color);
+  touch-action: none;
+  user-select: none;
+}
+.rv-floating-panel__header {
+  flex: none;
+  padding: var(--rv-floating-panel-header-padding);
+  background-color: var(--rv-floating-panel-header-background-color);
+}
+.rv-floating-panel__thumb {
+  background-color: var(--rv-floating-panel-thumb-background-color);
+  width: var(--rv-floating-panel-thumb-width);
+  height: var(--rv-floating-panel-thumb-height);
+  margin: 0 auto;
+  border-radius: calc(var(--rv-floating-panel-thumb-height) / 2);
+}
+.rv-floating-panel__body {
+  flex: 1;
+  width: 100%;
+  overflow: scroll;
+}

package/lib/form/Form.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { FormInstance } from 'rc-field-form';
+declare const Form: React.ForwardRefExoticComponent<{
+    layout?: import("./PropsType").FormLayout;
+    colon?: boolean;
+    footer?: React.ReactNode;
+    showValidateMessage?: boolean;
+    required?: boolean;
+} & Omit<import("rc-field-form").FormProps<any>, "style"> & import("../utils").BaseTypeProps & Pick<import("..").FieldProps, "border" | "labelAlign" | "controlAlign"> & React.RefAttributes<FormInstance<any>>>;
+export default Form;

package/lib/form/Form.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _tslib() {
+  const data = require("tslib");
+  _tslib = function () {
+    return data;
+  };
+  return data;
+}
+function _jsxRuntime() {
+  const data = require("react/jsx-runtime");
+  _jsxRuntime = function () {
+    return data;
+  };
+  return data;
+}
+function _clsx() {
+  const data = _interopRequireDefault(require("clsx"));
+  _clsx = function () {
+    return data;
+  };
+  return data;
+}
+function _rcFieldForm() {
+  const data = _interopRequireDefault(require("rc-field-form"));
+  _rcFieldForm = function () {
+    return data;
+  };
+  return data;
+}
+var _FormContext = require("./FormContext");
+var _utils = require("../utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const [bem] = (0, _utils.createNamespace)('form');
+const Form = (0, _react().forwardRef)((props, ref) => {
+  const {
+      className,
+      style,
+      layout,
+      footer,
+      children,
+      colon,
+      required,
+      border,
+      labelAlign,
+      controlAlign,
+      showValidateMessage = true
+    } = props,
+    formProps = (0, _tslib().__rest)(props, ["className", "style", "layout", "footer", "children", "colon", "required", "border", "labelAlign", "controlAlign", "showValidateMessage"]);
+  return (0, _jsxRuntime().jsxs)(_rcFieldForm().default, Object.assign({
+    className: (0, _clsx().default)(bem(), className),
+    style: style,
+    ref: ref
+  }, formProps, {
+    children: [(0, _jsxRuntime().jsx)(_FormContext.FormContext.Provider, Object.assign({
+      value: {
+        layout,
+        colon,
+        border,
+        required,
+        showValidateMessage,
+        controlAlign,
+        labelAlign
+      }
+    }, {
+      children: children
+    })), footer && (0, _jsxRuntime().jsx)("div", Object.assign({
+      className: (0, _clsx().default)(bem('footer'))
+    }, {
+      children: footer
+    }))]
+  }));
+});
+var _default = exports.default = Form;

package/lib/form/FormContext.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { FormLayout, FormItemProps } from './PropsType';
+export declare type FormContextType = {
+    layout?: FormLayout;
+    colon?: boolean;
+    border?: boolean;
+    required?: boolean;
+    showValidateMessage?: boolean;
+} & Pick<FormItemProps, 'labelAlign' | 'controlAlign' | 'border'>;
+export declare const DEFAULT_FORM_CONTEXT: FormContextType;
+export declare const FormContext: React.Context<FormContextType>;

package/lib/form/FormContext.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormContext = exports.DEFAULT_FORM_CONTEXT = void 0;
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DEFAULT_FORM_CONTEXT = exports.DEFAULT_FORM_CONTEXT = {
+  colon: false,
+  showValidateMessage: true,
+  border: true,
+  labelAlign: 'left',
+  controlAlign: 'left'
+};
+const FormContext = exports.FormContext = _react().default.createContext(DEFAULT_FORM_CONTEXT);

package/lib/form/FormItem.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import type { FormItemProps } from './PropsType';
+declare const FormItem: FC<FormItemProps>;
+export default FormItem;

package/lib/form/FormItem.js

@@ -0,0 +1,233 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _tslib() {
+  const data = require("tslib");
+  _tslib = function () {
+    return data;
+  };
+  return data;
+}
+function _jsxRuntime() {
+  const data = require("react/jsx-runtime");
+  _jsxRuntime = function () {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _clsx() {
+  const data = _interopRequireDefault(require("clsx"));
+  _clsx = function () {
+    return data;
+  };
+  return data;
+}
+function _rcFieldForm() {
+  const data = require("rc-field-form");
+  _rcFieldForm = function () {
+    return data;
+  };
+  return data;
+}
+var _field = _interopRequireDefault(require("../field"));
+var _utils = require("../uploader/utils");
+var _FormContext = require("./FormContext");
+var _devLog = require("../utils/dev-log");
+var _utils2 = require("../utils");
+var _utils3 = require("./utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function undefinedFallback(...items) {
+  let i;
+  for (i = 0; i < items.length; i++) {
+    if (items[i] !== undefined) break;
+  }
+  return items[i];
+}
+const MemoInput = _react().default.memo(_a => {
+  var {
+      children
+    } = _a,
+    props = (0, _tslib().__rest)(_a, ["children"]);
+  return _react().default.cloneElement(children, props);
+}, (prev, next) => prev.value === next.value && prev.update === next.update);
+const [bem] = (0, _utils2.createNamespace)('form-item');
+const FormItemLayout = props => {
+  var _a, _b, _c, _d, _e, _f;
+  const {
+      meta
+    } = props,
+    fieldProps = (0, _tslib().__rest)(props, ["meta"]);
+  const context = _react().default.useContext(_FormContext.FormContext);
+  const layout = (_a = props.layout) !== null && _a !== void 0 ? _a : context.layout;
+  const border = (_b = props.border) !== null && _b !== void 0 ? _b : context.border;
+  const colon = (_c = props.colon) !== null && _c !== void 0 ? _c : context.colon;
+  const showValidateMessage = (_d = props.showValidateMessage) !== null && _d !== void 0 ? _d : context.showValidateMessage;
+  const labelAlign = (_e = props.labelAlign) !== null && _e !== void 0 ? _e : context.labelAlign;
+  const controlAlign = (_f = props.controlAlign) !== null && _f !== void 0 ? _f : context.controlAlign;
+  const error = meta && meta.errors.length > 0;
+  const errorMessage = showValidateMessage && error ? meta.errors[0] : null;
+  const attrs = Object.assign(Object.assign({}, fieldProps), {
+    className: (0, _clsx().default)(bem({
+      vertical: layout === 'vertical'
+    }), props.className),
+    colon,
+    error: showValidateMessage ? false : error,
+    errorMessage,
+    labelAlign,
+    controlAlign,
+    border
+  });
+  return (0, _jsxRuntime().jsx)(_field.default, Object.assign({}, attrs, {
+    children: props.children
+  }));
+};
+// 移植自antd mobile: https://github.com/ant-design/ant-design-mobile/blob/master/src/components/form/form-item.tsx
+const FormItem = props => {
+  const formContext = _react().default.useContext(_FormContext.FormContext);
+  const {
+      // RcFiled props
+      name,
+      noStyle,
+      rules,
+      trigger = 'onChange',
+      validateTrigger = trigger,
+      shouldUpdate,
+      dependencies,
+      messageVariables,
+      // Field props
+      label,
+      required,
+      disabled,
+      children,
+      onClick
+    } = props,
+    rcFieldProps = (0, _tslib().__rest)(props
+    // Pick Field props
+    , ["name", "noStyle", "rules", "trigger", "validateTrigger", "shouldUpdate", "dependencies", "messageVariables", "label", "required", "disabled", "children", "onClick"]);
+  // Pick Field props
+  const fieldProps = (0, _utils2.pick)(props, ['style', 'className', 'tooltip', 'intro', 'colon', 'labelWidth', 'labelAlign', 'labelClass', 'showValidateMessage', 'controlAlign', 'errorMessageAlign', 'border', 'layout', 'isLink', 'size', 'arrowDirection', 'leftIcon', 'rightIcon', 'prefix', 'suffix']);
+  const {
+    validateTrigger: contextValidateTrigger
+  } = _react().default.useContext(_rcFieldForm().FieldContext);
+  const mergedValidateTrigger = undefinedFallback(validateTrigger, contextValidateTrigger, trigger);
+  const widgetRef = _react().default.useRef(null);
+  const updateRef = _react().default.useRef(0);
+  updateRef.current += 1;
+  function renderLayout(baseChildren, fieldId, meta, isRequired) {
+    if (noStyle) {
+      return baseChildren;
+    }
+    return (0, _jsxRuntime().jsx)(FormItemLayout, Object.assign({
+      htmlFor: fieldId,
+      meta: meta
+    }, fieldProps, {
+      required: isRequired,
+      label: label,
+      disabled: disabled,
+      onClick: e => onClick === null || onClick === void 0 ? void 0 : onClick(e, widgetRef)
+    }, {
+      children: baseChildren
+    }));
+  }
+  const isRenderProps = typeof children === 'function';
+  if (!name && !isRenderProps && !props.dependencies) {
+    return renderLayout(children);
+  }
+  let variables = {};
+  if (typeof label === 'string') {
+    variables.label = label;
+  }
+  if (messageVariables) {
+    variables = Object.assign(Object.assign({}, variables), messageVariables);
+  }
+  return (0, _jsxRuntime().jsx)(_rcFieldForm().Field, Object.assign({}, rcFieldProps, {
+    name: name,
+    shouldUpdate: shouldUpdate,
+    dependencies: dependencies,
+    rules: rules,
+    trigger: trigger,
+    validateTrigger: mergedValidateTrigger
+  }, {
+    children: (control, meta, context) => {
+      var _a;
+      let childNode = null;
+      const isRequired = required !== undefined ? required : (_a = formContext.required) !== null && _a !== void 0 ? _a : rules && rules.some(rule => !!(rule && typeof rule === 'object' && rule.required));
+      const fieldId = ((0, _utils.toArray)(name).length && meta ? meta.name : []).join('_');
+      if (shouldUpdate && dependencies) {
+        (0, _devLog.devWarning)('Form.Item', "`shouldUpdate` and `dependencies` shouldn't be used together.");
+      }
+      if (isRenderProps) {
+        if ((shouldUpdate || dependencies) && !name) {
+          childNode = children(context);
+        } else {
+          if (!(shouldUpdate || dependencies)) {
+            (0, _devLog.devWarning)('Form.Item', '`children` of render props only work with `shouldUpdate` or `dependencies`.');
+          }
+          if (name) {
+            (0, _devLog.devWarning)('Form.Item', "Do not use `name` with `children` of render props since it's not a field.");
+          }
+        }
+        // not render props
+      } else if (dependencies && !name) {
+        (0, _devLog.devWarning)('Form.Item', 'Must set `name` or use render props when `dependencies` is set.');
+      } else if (_react().default.isValidElement(children)) {
+        if (children.props.defaultValue) {
+          (0, _devLog.devWarning)('Form.Item', '`defaultValue` will not work on controlled Field. You should use `initialValues` of Form instead.');
+        }
+        const childProps = Object.assign(Object.assign({}, children.props), control);
+        if ((0, _utils3.isSafeSetRefComponent)(children)) {
+          childProps.ref = instance => {
+            const originRef = children.ref;
+            if (originRef) {
+              if (typeof originRef === 'function') {
+                originRef(instance);
+              }
+              if ('current' in originRef) {
+                originRef.current = instance;
+              }
+            }
+            widgetRef.current = instance;
+          };
+        }
+        if (!childProps.id) {
+          childProps.id = fieldId;
+        }
+        if (disabled) {
+          childProps.disabled = disabled;
+        }
+        // We should keep user origin event handler
+        const triggers = new Set([...(0, _utils.toArray)(trigger), ...(0, _utils.toArray)(mergedValidateTrigger)]);
+        triggers.forEach(eventName => {
+          childProps[eventName] = (...args) => {
+            var _a, _b, _c;
+            (_a = control[eventName]) === null || _a === void 0 ? void 0 : _a.call(control, ...args);
+            (_c = (_b = children.props)[eventName]) === null || _c === void 0 ? void 0 : _c.call(_b, ...args);
+          };
+        });
+        childNode = (0, _jsxRuntime().jsx)(MemoInput, Object.assign({
+          value: control[props.valuePropName || 'value'],
+          update: updateRef.current
+        }, {
+          children: _react().default.cloneElement(children, childProps)
+        }));
+      } else {
+        if (name) {
+          (0, _devLog.devWarning)('Form.Item', '`name` is only used for validate React element. If you are using Form.Item as layout display, please remove `name` instead.');
+        }
+        childNode = children;
+      }
+      return renderLayout(childNode, fieldId, meta, isRequired);
+    }
+  }));
+};
+var _default = exports.default = FormItem;

package/lib/form/FormSubscribe.d.ts

@@ -0,0 +1,16 @@
+import React, { FC } from 'react';
+import type { FormInstance } from 'rc-field-form';
+import type { NamePath } from 'rc-field-form/es/interface';
+declare type RenderChildren<Values = any> = (changedValues: Record<string, any>, form: FormInstance<Values>) => React.ReactNode;
+declare type ChildrenType<Values = any> = RenderChildren<Values>;
+export interface FormSubscribeProps {
+    to: NamePath[];
+    children: ChildrenType;
+}
+export declare const FormSubscribe: FC<FormSubscribeProps>;
+export declare const Watcher: React.NamedExoticComponent<{
+    form: FormInstance;
+    namePath: NamePath;
+    onChange: () => void;
+}>;
+export {};

package/lib/form/FormSubscribe.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Watcher = exports.FormSubscribe = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _jsxRuntime() {
+  const data = require("react/jsx-runtime");
+  _jsxRuntime = function () {
+    return data;
+  };
+  return data;
+}
+function _rcFieldForm() {
+  const data = require("rc-field-form");
+  _rcFieldForm = function () {
+    return data;
+  };
+  return data;
+}
+var _hooks = require("../hooks");
+var _useIsomorphicLayoutEffect = require("../hooks/use-isomorphic-layout-effect");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+//  移植自antd mobile: https://github.com/ant-design/ant-design-mobile/blob/master/src/components/form/form-subscribe.tsx
+const FormSubscribe = props => {
+  const update = (0, _hooks.useUpdate)();
+  const form = (0, _react().useContext)(_rcFieldForm().FieldContext);
+  return (0, _jsxRuntime().jsxs)(_jsxRuntime().Fragment, {
+    children: [props.children(form.getFieldsValue(props.to), form), props.to.map(namePath => (0, _jsxRuntime().jsx)(Watcher, {
+      form: form,
+      namePath: namePath,
+      onChange: update
+    }, namePath.toString()))]
+  });
+};
+exports.FormSubscribe = FormSubscribe;
+const Watcher = exports.Watcher = (0, _react().memo)(props => {
+  const value = (0, _rcFieldForm().useWatch)(props.namePath, props.form);
+  (0, _useIsomorphicLayoutEffect.useIsomorphicUpdateLayoutEffect)(() => {
+    props.onChange();
+  }, [value]);
+  return null;
+});