tntd 2.6.7 → 2.7.0

package/es/tntd-form/__tests__/type.test.js

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import Form from '..';
+import Input from '../../input';
+describe('Form.typescript', () => {
+    it('Form.Item', () => {
+        const form = (React.createElement(Form, null,
+            React.createElement(Form.Item, { name: "test" },
+                React.createElement(Input, null))));
+        expect(form).toBeTruthy();
+    });
+    describe('generic', () => {
+        it('hooks', () => {
+            const Demo = () => {
+                const [form] = Form.useForm();
+                form.setFieldsValue({ path1: { path2: 2333 } });
+                return (React.createElement(Form, { form: form, onFinish: values => {
+                        var _a;
+                        expect(values).toBeTruthy();
+                        expect(values.username).toBeTruthy();
+                        expect((_a = values.path1) === null || _a === void 0 ? void 0 : _a.path2).toBeTruthy();
+                    } }));
+            };
+            expect(Demo).toBeTruthy();
+        });
+        it('ref', () => {
+            class Demo extends React.Component {
+                constructor() {
+                    super(...arguments);
+                    Object.defineProperty(this, "formRef", {
+                        enumerable: true,
+                        configurable: true,
+                        writable: true,
+                        value: React.createRef()
+                    });
+                }
+                componentDidMount() {
+                    var _a;
+                    (_a = this.formRef.current) === null || _a === void 0 ? void 0 : _a.setFieldsValue({ path1: { path2: 233 } });
+                }
+                render() {
+                    return (React.createElement(Form, { ref: this.formRef, onFinish: values => {
+                            var _a;
+                            expect(values).toBeTruthy();
+                            expect(values.username).toBeTruthy();
+                            expect((_a = values.path1) === null || _a === void 0 ? void 0 : _a.path2).toBeTruthy();
+                        } }));
+                }
+            }
+            expect(Demo).toBeTruthy();
+        });
+    });
+    it('FormItem renderProps support generic', () => {
+        const Demo = () => (React.createElement(Form, null,
+            React.createElement(Form.Item, null, ({ getFieldsValue }) => {
+                var _a;
+                const values = getFieldsValue();
+                expect(values).toBeTruthy();
+                expect(values.username).toBeTruthy();
+                expect((_a = values.path1) === null || _a === void 0 ? void 0 : _a.path2).toBeTruthy();
+                return null;
+            })));
+        expect(Demo).toBeTruthy();
+    });
+    // TODO: @crazyair fix for value types
+    it('useWatch', () => {
+        const Demo = () => {
+            const [form] = Form.useForm();
+            const value = Form.useWatch('username', form);
+            return React.createElement(Form, { form: form }, value);
+        };
+        expect(Demo).toBeTruthy();
+    });
+});
+//# sourceMappingURL=type.test.js.map

package/es/tntd-form/__tests__/type.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.test.js","sourceRoot":"","sources":["../../../src/tntd-form/__tests__/type.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport type { FormInstance } from '..';\nimport Form from '..';\nimport Input from '../../input';\n\ninterface FormValues {\n  username?: string;\n  path1?: { path2?: number };\n}\n\ndescribe('Form.typescript', () => {\n  it('Form.Item', () => {\n    const form = (\n      <Form>\n        <Form.Item name=\"test\">\n          <Input />\n        </Form.Item>\n      </Form>\n    );\n    expect(form).toBeTruthy();\n  });\n\n  describe('generic', () => {\n    it('hooks', () => {\n      const Demo: React.FC = () => {\n        const [form] = Form.useForm<FormValues>();\n\n        form.setFieldsValue({ path1: { path2: 2333 } });\n\n        return (\n          <Form\n            form={form}\n            onFinish={values => {\n              expect(values).toBeTruthy();\n              expect(values.username).toBeTruthy();\n              expect(values.path1?.path2).toBeTruthy();\n            }}\n          />\n        );\n      };\n\n      expect(Demo).toBeTruthy();\n    });\n\n    it('ref', () => {\n      class Demo extends React.Component {\n        formRef = React.createRef<FormInstance<FormValues>>();\n\n        componentDidMount() {\n          this.formRef.current?.setFieldsValue({ path1: { path2: 233 } });\n        }\n\n        render() {\n          return (\n            <Form\n              ref={this.formRef}\n              onFinish={values => {\n                expect(values).toBeTruthy();\n                expect(values.username).toBeTruthy();\n                expect(values.path1?.path2).toBeTruthy();\n              }}\n            />\n          );\n        }\n      }\n\n      expect(Demo).toBeTruthy();\n    });\n  });\n\n  it('FormItem renderProps support generic', () => {\n    const Demo: React.FC = () => (\n      <Form<FormValues>>\n        <Form.Item<FormValues>>\n          {({ getFieldsValue }) => {\n            const values = getFieldsValue();\n            expect(values).toBeTruthy();\n            expect(values.username).toBeTruthy();\n            expect(values.path1?.path2).toBeTruthy();\n            return null;\n          }}\n        </Form.Item>\n      </Form>\n    );\n\n    expect(Demo).toBeTruthy();\n  });\n\n  // TODO: @crazyair fix for value types\n  it('useWatch', () => {\n    const Demo: React.FC = () => {\n      const [form] = Form.useForm<FormValues>();\n      const value = Form.useWatch('username', form);\n\n      return <Form form={form}>{value}</Form>;\n    };\n\n    expect(Demo).toBeTruthy();\n  });\n});\n"]}

package/es/tntd-form/_util/motion.js

@@ -0,0 +1,38 @@
+import { tuple } from './type';
+// ================== Collapse Motion ==================
+const getCollapsedHeight = () => ({ height: 0, opacity: 0 });
+const getRealHeight = (node) => {
+    const { scrollHeight } = node;
+    return { height: scrollHeight, opacity: 1 };
+};
+const getCurrentHeight = (node) => ({ height: node ? node.offsetHeight : 0 });
+const skipOpacityTransition = (_, event) => (event === null || event === void 0 ? void 0 : event.deadline) === true || event.propertyName === 'height';
+const collapseMotion = {
+    motionName: 'ant-motion-collapse',
+    onAppearStart: getCollapsedHeight,
+    onEnterStart: getCollapsedHeight,
+    onAppearActive: getRealHeight,
+    onEnterActive: getRealHeight,
+    onLeaveStart: getCurrentHeight,
+    onLeaveActive: getCollapsedHeight,
+    onAppearEnd: skipOpacityTransition,
+    onEnterEnd: skipOpacityTransition,
+    onLeaveEnd: skipOpacityTransition,
+    motionDeadline: 500,
+};
+const SelectPlacements = tuple('bottomLeft', 'bottomRight', 'topLeft', 'topRight');
+const getTransitionDirection = (placement) => {
+    if (placement !== undefined && (placement === 'topLeft' || placement === 'topRight')) {
+        return `slide-down`;
+    }
+    return `slide-up`;
+};
+const getTransitionName = (rootPrefixCls, motion, transitionName) => {
+    if (transitionName !== undefined) {
+        return transitionName;
+    }
+    return `${rootPrefixCls}-${motion}`;
+};
+export { getTransitionName, getTransitionDirection };
+export default collapseMotion;
+//# sourceMappingURL=motion.js.map

package/es/tntd-form/_util/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.js","sourceRoot":"","sources":["../../../src/tntd-form/_util/motion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAE9B,wDAAwD;AACxD,MAAM,kBAAkB,GAAuB,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAA;AAChF,MAAM,aAAa,GAAuB,CAAC,IAAI,EAAE,EAAE;IACjD,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAA;IAC7B,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,EAAE,CAAA;AAC7C,CAAC,CAAA;AACD,MAAM,gBAAgB,GAAuB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;AACjG,MAAM,qBAAqB,GAA0B,CAAC,CAAC,EAAE,KAAkB,EAAE,EAAE,CAC7E,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,MAAK,IAAI,IAAK,KAAyB,CAAC,YAAY,KAAK,QAAQ,CAAA;AAElF,MAAM,cAAc,GAAmB;IACrC,UAAU,EAAE,qBAAqB;IACjC,aAAa,EAAE,kBAAkB;IACjC,YAAY,EAAE,kBAAkB;IAChC,cAAc,EAAE,aAAa;IAC7B,aAAa,EAAE,aAAa;IAC5B,YAAY,EAAE,gBAAgB;IAC9B,aAAa,EAAE,kBAAkB;IACjC,WAAW,EAAE,qBAAqB;IAClC,UAAU,EAAE,qBAAqB;IACjC,UAAU,EAAE,qBAAqB;IACjC,cAAc,EAAE,GAAG;CACpB,CAAA;AAED,MAAM,gBAAgB,GAAG,KAAK,CAAC,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC,CAAA;AAGlF,MAAM,sBAAsB,GAAG,CAAC,SAA4C,EAAE,EAAE;IAC9E,IAAI,SAAS,KAAK,SAAS,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,UAAU,CAAC,EAAE;QACpF,OAAO,YAAY,CAAA;KACpB;IACD,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAC,aAAqB,EAAE,MAAc,EAAE,cAAuB,EAAE,EAAE;IAC3F,IAAI,cAAc,KAAK,SAAS,EAAE;QAChC,OAAO,cAAc,CAAA;KACtB;IACD,OAAO,GAAG,aAAa,IAAI,MAAM,EAAE,CAAA;AACrC,CAAC,CAAA;AACD,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,CAAA;AACpD,eAAe,cAAc,CAAA","sourcesContent":["import type { CSSMotionProps, MotionEndEventHandler, MotionEventHandler } from 'rc-motion'\nimport type { MotionEvent } from 'rc-motion/lib/interface'\nimport { tuple } from './type'\n\n// ================== Collapse Motion ==================\nconst getCollapsedHeight: MotionEventHandler = () => ({ height: 0, opacity: 0 })\nconst getRealHeight: MotionEventHandler = (node) => {\n  const { scrollHeight } = node\n  return { height: scrollHeight, opacity: 1 }\n}\nconst getCurrentHeight: MotionEventHandler = (node) => ({ height: node ? node.offsetHeight : 0 })\nconst skipOpacityTransition: MotionEndEventHandler = (_, event: MotionEvent) =>\n  event?.deadline === true || (event as TransitionEvent).propertyName === 'height'\n\nconst collapseMotion: CSSMotionProps = {\n  motionName: 'ant-motion-collapse',\n  onAppearStart: getCollapsedHeight,\n  onEnterStart: getCollapsedHeight,\n  onAppearActive: getRealHeight,\n  onEnterActive: getRealHeight,\n  onLeaveStart: getCurrentHeight,\n  onLeaveActive: getCollapsedHeight,\n  onAppearEnd: skipOpacityTransition,\n  onEnterEnd: skipOpacityTransition,\n  onLeaveEnd: skipOpacityTransition,\n  motionDeadline: 500,\n}\n\nconst SelectPlacements = tuple('bottomLeft', 'bottomRight', 'topLeft', 'topRight')\nexport type SelectCommonPlacement = typeof SelectPlacements[number]\n\nconst getTransitionDirection = (placement: SelectCommonPlacement | undefined) => {\n  if (placement !== undefined && (placement === 'topLeft' || placement === 'topRight')) {\n    return `slide-down`\n  }\n  return `slide-up`\n}\n\nconst getTransitionName = (rootPrefixCls: string, motion: string, transitionName?: string) => {\n  if (transitionName !== undefined) {\n    return transitionName\n  }\n  return `${rootPrefixCls}-${motion}`\n}\nexport { getTransitionName, getTransitionDirection }\nexport default collapseMotion\n"]}

package/es/tntd-form/_util/reactNode.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export const { isValidElement } = React;
+export function isFragment(child) {
+    return child && isValidElement(child) && child.type === React.Fragment;
+}
+export function replaceElement(element, replacement, props) {
+    if (!isValidElement(element)) {
+        return replacement;
+    }
+    return React.cloneElement(element, typeof props === 'function' ? props(element.props || {}) : props);
+}
+export function cloneElement(element, props) {
+    return replaceElement(element, element, props);
+}
+//# sourceMappingURL=reactNode.js.map

package/es/tntd-form/_util/reactNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactNode.js","sourceRoot":"","sources":["../../../src/tntd-form/_util/reactNode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;AAEvC,MAAM,UAAU,UAAU,CAAC,KAAU;IACnC,OAAO,KAAK,IAAI,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,CAAA;AACxE,CAAC;AAMD,MAAM,UAAU,cAAc,CAC5B,OAAwB,EACxB,WAA4B,EAC5B,KAAmB;IAEnB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QAC5B,OAAO,WAAW,CAAA;KACnB;IACD,OAAO,KAAK,CAAC,YAAY,CACvB,OAAO,EACP,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CACjE,CAAA;AACH,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,OAAwB,EAAE,KAAmB;IACxE,OAAO,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAuB,CAAA;AACtE,CAAC","sourcesContent":["import * as React from 'react'\n\nexport const { isValidElement } = React\n\nexport function isFragment(child: any): boolean {\n  return child && isValidElement(child) && child.type === React.Fragment\n}\n\ntype AnyObject = Record<PropertyKey, any>\n\ntype RenderProps = AnyObject | ((originProps: AnyObject) => AnyObject | void)\n\nexport function replaceElement(\n  element: React.ReactNode,\n  replacement: React.ReactNode,\n  props?: RenderProps\n): React.ReactNode {\n  if (!isValidElement(element)) {\n    return replacement\n  }\n  return React.cloneElement(\n    element,\n    typeof props === 'function' ? props(element.props || {}) : props\n  )\n}\n\nexport function cloneElement(element: React.ReactNode, props?: RenderProps): React.ReactElement {\n  return replaceElement(element, element, props) as React.ReactElement\n}\n"]}

package/es/tntd-form/_util/scrollTo.js

@@ -0,0 +1,35 @@
+"use strict";
+// import raf from 'raf';
+// import getScroll from './getScroll';
+// import { easeInOutCubic } from './easings';
+// interface ScrollToOptions {
+//   /** Scroll container, default as window */
+//   getContainer?: () => HTMLElement | Window;
+//   /** Scroll end callback */
+//   callback?: () => any;
+//   /** Animation duration, default as 450 */
+//   duration?: number;
+// }
+// export default function scrollTo(y: number, options: ScrollToOptions = {}) {
+//   const { getContainer = () => window, callback, duration = 450 } = options;
+//   const container = getContainer();
+//   const scrollTop = getScroll(container, true);
+//   const startTime = Date.now();
+//   const frameFunc = () => {
+//     const timestamp = Date.now();
+//     const time = timestamp - startTime;
+//     const nextScrollTop = easeInOutCubic(time > duration ? duration : time, scrollTop, y, duration);
+//     if (container === window) {
+//       window.scrollTo(window.pageXOffset, nextScrollTop);
+//     } else {
+//       (container as HTMLElement).scrollTop = nextScrollTop;
+//     }
+//     if (time < duration) {
+//       raf(frameFunc);
+//     } else if (typeof callback === 'function') {
+//       callback();
+//     }
+//   };
+//   raf(frameFunc);
+// }
+//# sourceMappingURL=scrollTo.js.map

package/es/tntd-form/_util/scrollTo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollTo.js","sourceRoot":"","sources":["../../../src/tntd-form/_util/scrollTo.ts"],"names":[],"mappings":";AAAA,yBAAyB;AACzB,uCAAuC;AACvC,8CAA8C;AAE9C,8BAA8B;AAC9B,+CAA+C;AAC/C,+CAA+C;AAC/C,+BAA+B;AAC/B,0BAA0B;AAC1B,8CAA8C;AAC9C,uBAAuB;AACvB,IAAI;AAEJ,+EAA+E;AAC/E,+EAA+E;AAE/E,sCAAsC;AACtC,kDAAkD;AAClD,kCAAkC;AAElC,8BAA8B;AAC9B,oCAAoC;AACpC,0CAA0C;AAC1C,uGAAuG;AACvG,kCAAkC;AAClC,4DAA4D;AAC5D,eAAe;AACf,8DAA8D;AAC9D,QAAQ;AACR,6BAA6B;AAC7B,wBAAwB;AACxB,mDAAmD;AACnD,oBAAoB;AACpB,QAAQ;AACR,OAAO;AACP,oBAAoB;AACpB,IAAI","sourcesContent":["// import raf from 'raf';\n// import getScroll from './getScroll';\n// import { easeInOutCubic } from './easings';\n\n// interface ScrollToOptions {\n//   /** Scroll container, default as window */\n//   getContainer?: () => HTMLElement | Window;\n//   /** Scroll end callback */\n//   callback?: () => any;\n//   /** Animation duration, default as 450 */\n//   duration?: number;\n// }\n\n// export default function scrollTo(y: number, options: ScrollToOptions = {}) {\n//   const { getContainer = () => window, callback, duration = 450 } = options;\n\n//   const container = getContainer();\n//   const scrollTop = getScroll(container, true);\n//   const startTime = Date.now();\n\n//   const frameFunc = () => {\n//     const timestamp = Date.now();\n//     const time = timestamp - startTime;\n//     const nextScrollTop = easeInOutCubic(time > duration ? duration : time, scrollTop, y, duration);\n//     if (container === window) {\n//       window.scrollTo(window.pageXOffset, nextScrollTop);\n//     } else {\n//       (container as HTMLElement).scrollTop = nextScrollTop;\n//     }\n//     if (time < duration) {\n//       raf(frameFunc);\n//     } else if (typeof callback === 'function') {\n//       callback();\n//     }\n//   };\n//   raf(frameFunc);\n// }\n"]}

package/es/tntd-form/_util/type.js

@@ -0,0 +1,4 @@
+// https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead
+export const tuple = (...args) => args;
+export const tupleNum = (...args) => args;
+//# sourceMappingURL=type.js.map

package/es/tntd-form/_util/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/tntd-form/_util/type.ts"],"names":[],"mappings":"AACA,qHAAqH;AACrH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAqB,GAAG,IAAO,EAAE,EAAE,CAAC,IAAI,CAAA;AAE7D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAqB,GAAG,IAAO,EAAE,EAAE,CAAC,IAAI,CAAA","sourcesContent":["export type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>\n// https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead\nexport const tuple = <T extends string[]>(...args: T) => args\n\nexport const tupleNum = <T extends number[]>(...args: T) => args\n"]}

package/es/tntd-form/_util/warning.js

@@ -0,0 +1,6 @@
+import warning, { resetWarned } from 'rc-util/lib/warning';
+export { resetWarned };
+export default (valid, component, message) => {
+    warning(valid, `[antd: ${component}] ${message}`);
+};
+//# sourceMappingURL=warning.js.map

package/es/tntd-form/_util/warning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning.js","sourceRoot":"","sources":["../../../src/tntd-form/_util/warning.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,EAAE,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,CAAA;AAEtB,eAAe,CAAC,KAAc,EAAE,SAAiB,EAAE,OAAe,EAAQ,EAAE;IAC1E,OAAO,CAAC,KAAK,EAAE,UAAU,SAAS,KAAK,OAAO,EAAE,CAAC,CAAA;AACnD,CAAC,CAAA","sourcesContent":["import warning, { resetWarned } from 'rc-util/lib/warning'\n\nexport { resetWarned }\n\nexport default (valid: boolean, component: string, message: string): void => {\n  warning(valid, `[antd: ${component}] ${message}`)\n}\n"]}

package/es/tntd-form/_util/wave.js

@@ -0,0 +1,168 @@
+"use strict";
+// import * as React from 'react'
+// import { findDOMNode } from 'react-dom'
+// import TransitionEvents from 'css-animation/lib/Event'
+// import raf from './raf'
+// import { ConfigConsumer, ConfigConsumerProps, CSPConfig } from '../../config-provider'
+// let styleForPesudo: HTMLStyleElement | null
+// // Where el is the DOM element you'd like to test for visibility
+// function isHidden(element: HTMLElement) {
+//   if (process.env.NODE_ENV === 'test') {
+//     return false
+//   }
+//   return !element || element.offsetParent === null
+// }
+// function isNotGrey(color: string) {
+//   // eslint-disable-next-line no-useless-escape
+//   const match = (color || '').match(/rgba?\((\d*), (\d*), (\d*)(, [\.\d]*)?\)/)
+//   if (match && match[1] && match[2] && match[3]) {
+//     return !(match[1] === match[2] && match[2] === match[3])
+//   }
+//   return true
+// }
+// export default class Wave extends React.Component<{ insertExtraNode?: boolean }> {
+//   private instance?: {
+//     cancel: () => void
+//   }
+//   private extraNode: HTMLDivElement
+//   private clickWaveTimeoutId: number
+//   private animationStartId: number
+//   private animationStart: boolean = false
+//   private destroy: boolean = false
+//   private csp?: CSPConfig
+//   componentDidMount() {
+//     const node = findDOMNode(this) as HTMLElement
+//     if (!node || node.nodeType !== 1) {
+//       return
+//     }
+//     this.instance = this.bindAnimationEvent(node)
+//   }
+//   componentWillUnmount() {
+//     if (this.instance) {
+//       this.instance.cancel()
+//     }
+//     if (this.clickWaveTimeoutId) {
+//       clearTimeout(this.clickWaveTimeoutId)
+//     }
+//     this.destroy = true
+//   }
+//   onClick = (node: HTMLElement, waveColor: string) => {
+//     if (!node || isHidden(node) || node.className.indexOf('-leave') >= 0) {
+//       return
+//     }
+//     const { insertExtraNode } = this.props
+//     this.extraNode = document.createElement('div')
+//     const { extraNode } = this
+//     extraNode.className = 'ant-click-animating-node'
+//     const attributeName = this.getAttributeName()
+//     node.setAttribute(attributeName, 'true')
+//     // Not white or transparnt or grey
+//     styleForPesudo = styleForPesudo || document.createElement('style')
+//     if (
+//       waveColor &&
+//       waveColor !== '#ffffff' &&
+//       waveColor !== 'rgb(255, 255, 255)' &&
+//       isNotGrey(waveColor) &&
+//       !/rgba\(\d*, \d*, \d*, 0\)/.test(waveColor) && // any transparent rgba color
+//       waveColor !== 'transparent'
+//     ) {
+//       // Add nonce if CSP exist
+//       if (this.csp && this.csp.nonce) {
+//         styleForPesudo.nonce = this.csp.nonce
+//       }
+//       extraNode.style.borderColor = waveColor
+//       styleForPesudo.innerHTML = `
+//       [ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node {
+//         --antd-wave-shadow-color: ${waveColor};
+//       }`
+//       if (!document.body.contains(styleForPesudo)) {
+//         document.body.appendChild(styleForPesudo)
+//       }
+//     }
+//     if (insertExtraNode) {
+//       node.appendChild(extraNode)
+//     }
+//     TransitionEvents.addStartEventListener(node, this.onTransitionStart)
+//     TransitionEvents.addEndEventListener(node, this.onTransitionEnd)
+//   }
+//   onTransitionStart = (e: AnimationEvent) => {
+//     if (this.destroy) return
+//     const node = findDOMNode(this) as HTMLElement
+//     if (!e || e.target !== node) {
+//       return
+//     }
+//     if (!this.animationStart) {
+//       this.resetEffect(node)
+//     }
+//   }
+//   onTransitionEnd = (e: AnimationEvent) => {
+//     if (!e || e.animationName !== 'fadeEffect') {
+//       return
+//     }
+//     this.resetEffect(e.target as HTMLElement)
+//   }
+//   getAttributeName() {
+//     const { insertExtraNode } = this.props
+//     return insertExtraNode ? 'ant-click-animating' : 'ant-click-animating-without-extra-node'
+//   }
+//   bindAnimationEvent = (node: HTMLElement) => {
+//     if (
+//       !node ||
+//       !node.getAttribute ||
+//       node.getAttribute('disabled') ||
+//       node.className.indexOf('disabled') >= 0
+//     ) {
+//       return
+//     }
+//     const onClick = (e: MouseEvent) => {
+//       // Fix radio button click twice
+//       if ((e.target as HTMLElement).tagName === 'INPUT' || isHidden(e.target as HTMLElement)) {
+//         return
+//       }
+//       this.resetEffect(node)
+//       // Get wave color from target
+//       const waveColor =
+//         getComputedStyle(node).getPropertyValue('border-top-color') || // Firefox Compatible
+//         getComputedStyle(node).getPropertyValue('border-color') ||
+//         getComputedStyle(node).getPropertyValue('background-color')
+//       this.clickWaveTimeoutId = window.setTimeout(() => this.onClick(node, waveColor), 0)
+//       raf.cancel(this.animationStartId)
+//       this.animationStart = true
+//       // Render to trigger transition event cost 3 frames. Let's delay 10 frames to reset this.
+//       this.animationStartId = raf(() => {
+//         this.animationStart = false
+//       }, 10)
+//     }
+//     node.addEventListener('click', onClick, true)
+//     return {
+//       cancel: () => {
+//         node.removeEventListener('click', onClick, true)
+//       },
+//     }
+//   }
+//   resetEffect(node: HTMLElement) {
+//     if (!node || node === this.extraNode || !(node instanceof Element)) {
+//       return
+//     }
+//     const { insertExtraNode } = this.props
+//     const attributeName = this.getAttributeName()
+//     node.setAttribute(attributeName, 'false') // edge has bug on `removeAttribute` #14466
+//     if (styleForPesudo) {
+//       styleForPesudo.innerHTML = ''
+//     }
+//     if (insertExtraNode && this.extraNode && node.contains(this.extraNode)) {
+//       node.removeChild(this.extraNode)
+//     }
+//     TransitionEvents.removeStartEventListener(node, this.onTransitionStart)
+//     TransitionEvents.removeEndEventListener(node, this.onTransitionEnd)
+//   }
+//   renderWave = ({ csp }: ConfigConsumerProps) => {
+//     const { children } = this.props
+//     this.csp = csp
+//     return children
+//   }
+//   render() {
+//     return <ConfigConsumer>{this.renderWave}</ConfigConsumer>
+//   }
+// }
+//# sourceMappingURL=wave.js.map

package/es/tntd-form/_util/wave.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wave.js","sourceRoot":"","sources":["../../../src/tntd-form/_util/wave.tsx"],"names":[],"mappings":"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","sourcesContent":["// import * as React from 'react'\n// import { findDOMNode } from 'react-dom'\n// import TransitionEvents from 'css-animation/lib/Event'\n// import raf from './raf'\n// import { ConfigConsumer, ConfigConsumerProps, CSPConfig } from '../../config-provider'\n\n// let styleForPesudo: HTMLStyleElement | null\n\n// // Where el is the DOM element you'd like to test for visibility\n// function isHidden(element: HTMLElement) {\n//   if (process.env.NODE_ENV === 'test') {\n//     return false\n//   }\n//   return !element || element.offsetParent === null\n// }\n\n// function isNotGrey(color: string) {\n//   // eslint-disable-next-line no-useless-escape\n//   const match = (color || '').match(/rgba?\\((\\d*), (\\d*), (\\d*)(, [\\.\\d]*)?\\)/)\n//   if (match && match[1] && match[2] && match[3]) {\n//     return !(match[1] === match[2] && match[2] === match[3])\n//   }\n//   return true\n// }\n\n// export default class Wave extends React.Component<{ insertExtraNode?: boolean }> {\n//   private instance?: {\n//     cancel: () => void\n//   }\n\n//   private extraNode: HTMLDivElement\n\n//   private clickWaveTimeoutId: number\n\n//   private animationStartId: number\n\n//   private animationStart: boolean = false\n\n//   private destroy: boolean = false\n\n//   private csp?: CSPConfig\n\n//   componentDidMount() {\n//     const node = findDOMNode(this) as HTMLElement\n//     if (!node || node.nodeType !== 1) {\n//       return\n//     }\n//     this.instance = this.bindAnimationEvent(node)\n//   }\n\n//   componentWillUnmount() {\n//     if (this.instance) {\n//       this.instance.cancel()\n//     }\n//     if (this.clickWaveTimeoutId) {\n//       clearTimeout(this.clickWaveTimeoutId)\n//     }\n\n//     this.destroy = true\n//   }\n\n//   onClick = (node: HTMLElement, waveColor: string) => {\n//     if (!node || isHidden(node) || node.className.indexOf('-leave') >= 0) {\n//       return\n//     }\n//     const { insertExtraNode } = this.props\n//     this.extraNode = document.createElement('div')\n//     const { extraNode } = this\n//     extraNode.className = 'ant-click-animating-node'\n//     const attributeName = this.getAttributeName()\n//     node.setAttribute(attributeName, 'true')\n//     // Not white or transparnt or grey\n//     styleForPesudo = styleForPesudo || document.createElement('style')\n//     if (\n//       waveColor &&\n//       waveColor !== '#ffffff' &&\n//       waveColor !== 'rgb(255, 255, 255)' &&\n//       isNotGrey(waveColor) &&\n//       !/rgba\\(\\d*, \\d*, \\d*, 0\\)/.test(waveColor) && // any transparent rgba color\n//       waveColor !== 'transparent'\n//     ) {\n//       // Add nonce if CSP exist\n//       if (this.csp && this.csp.nonce) {\n//         styleForPesudo.nonce = this.csp.nonce\n//       }\n\n//       extraNode.style.borderColor = waveColor\n//       styleForPesudo.innerHTML = `\n//       [ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node {\n//         --antd-wave-shadow-color: ${waveColor};\n//       }`\n//       if (!document.body.contains(styleForPesudo)) {\n//         document.body.appendChild(styleForPesudo)\n//       }\n//     }\n//     if (insertExtraNode) {\n//       node.appendChild(extraNode)\n//     }\n//     TransitionEvents.addStartEventListener(node, this.onTransitionStart)\n//     TransitionEvents.addEndEventListener(node, this.onTransitionEnd)\n//   }\n\n//   onTransitionStart = (e: AnimationEvent) => {\n//     if (this.destroy) return\n\n//     const node = findDOMNode(this) as HTMLElement\n//     if (!e || e.target !== node) {\n//       return\n//     }\n\n//     if (!this.animationStart) {\n//       this.resetEffect(node)\n//     }\n//   }\n\n//   onTransitionEnd = (e: AnimationEvent) => {\n//     if (!e || e.animationName !== 'fadeEffect') {\n//       return\n//     }\n//     this.resetEffect(e.target as HTMLElement)\n//   }\n\n//   getAttributeName() {\n//     const { insertExtraNode } = this.props\n//     return insertExtraNode ? 'ant-click-animating' : 'ant-click-animating-without-extra-node'\n//   }\n\n//   bindAnimationEvent = (node: HTMLElement) => {\n//     if (\n//       !node ||\n//       !node.getAttribute ||\n//       node.getAttribute('disabled') ||\n//       node.className.indexOf('disabled') >= 0\n//     ) {\n//       return\n//     }\n//     const onClick = (e: MouseEvent) => {\n//       // Fix radio button click twice\n//       if ((e.target as HTMLElement).tagName === 'INPUT' || isHidden(e.target as HTMLElement)) {\n//         return\n//       }\n//       this.resetEffect(node)\n//       // Get wave color from target\n//       const waveColor =\n//         getComputedStyle(node).getPropertyValue('border-top-color') || // Firefox Compatible\n//         getComputedStyle(node).getPropertyValue('border-color') ||\n//         getComputedStyle(node).getPropertyValue('background-color')\n//       this.clickWaveTimeoutId = window.setTimeout(() => this.onClick(node, waveColor), 0)\n\n//       raf.cancel(this.animationStartId)\n//       this.animationStart = true\n\n//       // Render to trigger transition event cost 3 frames. Let's delay 10 frames to reset this.\n//       this.animationStartId = raf(() => {\n//         this.animationStart = false\n//       }, 10)\n//     }\n//     node.addEventListener('click', onClick, true)\n//     return {\n//       cancel: () => {\n//         node.removeEventListener('click', onClick, true)\n//       },\n//     }\n//   }\n\n//   resetEffect(node: HTMLElement) {\n//     if (!node || node === this.extraNode || !(node instanceof Element)) {\n//       return\n//     }\n//     const { insertExtraNode } = this.props\n//     const attributeName = this.getAttributeName()\n//     node.setAttribute(attributeName, 'false') // edge has bug on `removeAttribute` #14466\n\n//     if (styleForPesudo) {\n//       styleForPesudo.innerHTML = ''\n//     }\n\n//     if (insertExtraNode && this.extraNode && node.contains(this.extraNode)) {\n//       node.removeChild(this.extraNode)\n//     }\n//     TransitionEvents.removeStartEventListener(node, this.onTransitionStart)\n//     TransitionEvents.removeEndEventListener(node, this.onTransitionEnd)\n//   }\n\n//   renderWave = ({ csp }: ConfigConsumerProps) => {\n//     const { children } = this.props\n//     this.csp = csp\n\n//     return children\n//   }\n\n//   render() {\n//     return <ConfigConsumer>{this.renderWave}</ConfigConsumer>\n//   }\n// }\n"]}

package/es/tntd-form/context.js

@@ -0,0 +1,35 @@
+import { FormProvider as RcFormProvider } from 'rc-field-form';
+import omit from 'rc-util/lib/omit';
+import * as React from 'react';
+import { useContext, useMemo } from 'react';
+export const FormContext = React.createContext({
+    labelAlign: 'right',
+    vertical: false,
+    itemRef: (() => { }),
+});
+export const NoStyleItemContext = React.createContext(null);
+export const FormProvider = (props) => {
+    const providerProps = omit(props, ['prefixCls']);
+    return React.createElement(RcFormProvider, Object.assign({}, providerProps));
+};
+export const FormItemPrefixContext = React.createContext({
+    prefixCls: '',
+});
+export const FormItemInputContext = React.createContext({});
+export const NoFormStyle = ({ children, status, override }) => {
+    const formItemInputContext = useContext(FormItemInputContext);
+    const newFormItemInputContext = useMemo(() => {
+        const newContext = Object.assign({}, formItemInputContext);
+        if (override) {
+            delete newContext.isFormItemInput;
+        }
+        if (status) {
+            delete newContext.status;
+            delete newContext.hasFeedback;
+            delete newContext.feedbackIcon;
+        }
+        return newContext;
+    }, [status, override, formItemInputContext]);
+    return (React.createElement(FormItemInputContext.Provider, { value: newFormItemInputContext }, children));
+};
+//# sourceMappingURL=context.js.map

package/es/tntd-form/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/tntd-form/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AAG9D,OAAO,IAAI,MAAM,kBAAkB,CAAA;AAEnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAsB3C,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAmB;IAC/D,UAAU,EAAE,OAAO;IACnB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC,CAAQ;CAC3B,CAAC,CAAA;AAIF,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAA0B,IAAI,CAAC,CAAA;AAOpF,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAChD,OAAO,oBAAC,cAAc,oBAAK,aAAa,EAAI,CAAA;AAC9C,CAAC,CAAA;AAQD,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA6B;IACnF,SAAS,EAAE,EAAE;CACd,CAAC,CAAA;AASF,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA6B,EAAE,CAAC,CAAA;AAOvF,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClF,MAAM,oBAAoB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAE7D,MAAM,uBAAuB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3C,MAAM,UAAU,qBAAQ,oBAAoB,CAAE,CAAA;QAC9C,IAAI,QAAQ,EAAE;YACZ,OAAO,UAAU,CAAC,eAAe,CAAA;SAClC;QACD,IAAI,MAAM,EAAE;YACV,OAAO,UAAU,CAAC,MAAM,CAAA;YACxB,OAAO,UAAU,CAAC,WAAW,CAAA;YAC7B,OAAO,UAAU,CAAC,YAAY,CAAA;SAC/B;QACD,OAAO,UAAU,CAAA;IACnB,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,oBAAoB,CAAC,CAAC,CAAA;IAE5C,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,uBAAuB,IAC1D,QAAQ,CACqB,CACjC,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { FormProvider as RcFormProvider } from 'rc-field-form'\nimport type { FormProviderProps as RcFormProviderProps } from 'rc-field-form/lib/FormContext'\nimport type { Meta } from 'rc-field-form/lib/interface'\nimport omit from 'rc-util/lib/omit'\nimport type { FC, PropsWithChildren, ReactNode } from 'react'\nimport * as React from 'react'\nimport { useContext, useMemo } from 'react'\nimport type { ColProps } from '../col'\nimport type { FormInstance, RequiredMark } from './Form'\nimport type { ValidateStatus } from './FormItem'\nimport type { FormLabelAlign } from './interface'\n\n/** Form Context. Set top form style and pass to Form Item usage. */\nexport interface FormContextProps {\n  vertical: boolean\n  name?: string\n  colon?: boolean\n  labelAlign?: FormLabelAlign\n  labelWrap?: boolean\n  labelCol?: ColProps\n  wrapperCol?: ColProps\n  requiredMark?: RequiredMark\n  itemRef: (name: (string | number)[]) => (node: React.ReactElement) => void\n  form?: FormInstance\n  readonly?: boolean\n  placeholder?: string | React.ReactNode\n}\n\nexport const FormContext = React.createContext<FormContextProps>({\n  labelAlign: 'right',\n  vertical: false,\n  itemRef: (() => {}) as any,\n})\n\n/** `noStyle` Form Item Context. Used for error collection */\nexport type ReportMetaChange = (meta: Meta, uniqueKeys: React.Key[]) => void\nexport const NoStyleItemContext = React.createContext<ReportMetaChange | null>(null)\n\n/** Form Provider */\nexport interface FormProviderProps extends Omit<RcFormProviderProps, 'validateMessages'> {\n  prefixCls?: string\n}\n\nexport const FormProvider: React.FC<FormProviderProps> = (props) => {\n  const providerProps = omit(props, ['prefixCls'])\n  return <RcFormProvider {...providerProps} />\n}\n\n/** Used for ErrorList only */\nexport interface FormItemPrefixContextProps {\n  prefixCls: string\n  status?: ValidateStatus\n}\n\nexport const FormItemPrefixContext = React.createContext<FormItemPrefixContextProps>({\n  prefixCls: '',\n})\n\nexport interface FormItemStatusContextProps {\n  isFormItemInput?: boolean\n  status?: ValidateStatus\n  hasFeedback?: boolean\n  feedbackIcon?: ReactNode\n}\n\nexport const FormItemInputContext = React.createContext<FormItemStatusContextProps>({})\n\nexport type NoFormStyleProps = PropsWithChildren<{\n  status?: boolean\n  override?: boolean\n}>\n\nexport const NoFormStyle: FC<NoFormStyleProps> = ({ children, status, override }) => {\n  const formItemInputContext = useContext(FormItemInputContext)\n\n  const newFormItemInputContext = useMemo(() => {\n    const newContext = { ...formItemInputContext }\n    if (override) {\n      delete newContext.isFormItemInput\n    }\n    if (status) {\n      delete newContext.status\n      delete newContext.hasFeedback\n      delete newContext.feedbackIcon\n    }\n    return newContext\n  }, [status, override, formItemInputContext])\n\n  return (\n    <FormItemInputContext.Provider value={newFormItemInputContext}>\n      {children}\n    </FormItemInputContext.Provider>\n  )\n}\n"]}

package/es/tntd-form/hooks/useDebounce.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export default function useDebounce(value) {
+    const [cacheValue, setCacheValue] = React.useState(value);
+    React.useEffect(() => {
+        const timeout = setTimeout(() => {
+            setCacheValue(value);
+        }, value.length ? 0 : 10);
+        return () => {
+            clearTimeout(timeout);
+        };
+    }, [value]);
+    return cacheValue;
+}
+//# sourceMappingURL=useDebounce.js.map

package/es/tntd-form/hooks/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../../../src/tntd-form/hooks/useDebounce.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAI,KAAU;IAC/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,UAAU,CACxB,GAAG,EAAE;YACH,aAAa,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,EACD,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CACtB,CAAA;QAED,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAA;QACvB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,UAAU,CAAA;AACnB,CAAC","sourcesContent":["import * as React from 'react'\n\nexport default function useDebounce<T>(value: T[]): T[] {\n  const [cacheValue, setCacheValue] = React.useState(value)\n  React.useEffect(() => {\n    const timeout = setTimeout(\n      () => {\n        setCacheValue(value)\n      },\n      value.length ? 0 : 10\n    )\n\n    return () => {\n      clearTimeout(timeout)\n    }\n  }, [value])\n\n  return cacheValue\n}\n"]}

package/es/tntd-form/hooks/useForm.js

@@ -0,0 +1,35 @@
+import { useForm as useRcForm } from 'rc-field-form';
+import * as React from 'react';
+import scrollIntoView from 'scroll-into-view-if-needed';
+import { getFieldId, toArray } from '../util';
+function toNamePathStr(name) {
+    const namePath = toArray(name);
+    return namePath.join('_');
+}
+export default function useForm(form) {
+    const [rcForm] = useRcForm();
+    const itemsRef = React.useRef({});
+    const wrapForm = React.useMemo(() => form !== null && form !== void 0 ? form : Object.assign(Object.assign({}, rcForm), { __INTERNAL__: {
+            itemRef: (name) => (node) => {
+                const namePathStr = toNamePathStr(name);
+                if (node) {
+                    itemsRef.current[namePathStr] = node;
+                }
+                else {
+                    delete itemsRef.current[namePathStr];
+                }
+            },
+        }, scrollToField: (name, options = {}) => {
+            const namePath = toArray(name);
+            const fieldId = getFieldId(namePath, wrapForm.__INTERNAL__.name);
+            const node = fieldId ? document.getElementById(fieldId) : null;
+            if (node) {
+                scrollIntoView(node, Object.assign({ scrollMode: 'if-needed', block: 'nearest' }, options));
+            }
+        }, getFieldInstance: (name) => {
+            const namePathStr = toNamePathStr(name);
+            return itemsRef.current[namePathStr];
+        } }), [form, rcForm]);
+    return [wrapForm];
+}
+//# sourceMappingURL=useForm.js.map

package/es/tntd-form/hooks/useForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.js","sourceRoot":"","sources":["../../../src/tntd-form/hooks/useForm.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,cAAc,MAAM,4BAA4B,CAAA;AAEvD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAc7C,SAAS,aAAa,CAAC,IAAc;IACnC,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC9B,OAAO,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC3B,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAe,IAA2B;IACvE,MAAM,CAAC,MAAM,CAAC,GAAG,SAAS,EAAE,CAAA;IAC5B,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAqC,EAAE,CAAC,CAAA;IAErE,MAAM,QAAQ,GAAyB,KAAK,CAAC,OAAO,CAClD,GAAG,EAAE,CACH,IAAI,aAAJ,IAAI,cAAJ,IAAI,mCACC,MAAM,KACT,YAAY,EAAE;YACZ,OAAO,EAAE,CAAC,IAAsB,EAAE,EAAE,CAAC,CAAC,IAAwB,EAAE,EAAE;gBAChE,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,CAAA;gBACvC,IAAI,IAAI,EAAE;oBACR,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI,CAAA;iBACrC;qBAAM;oBACL,OAAO,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;iBACrC;YACH,CAAC;SACF,EACD,aAAa,EAAE,CAAC,IAAc,EAAE,UAAyB,EAAE,EAAE,EAAE;YAC7D,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;YAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;YAChE,MAAM,IAAI,GAAuB,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;YAElF,IAAI,IAAI,EAAE;gBACR,cAAc,CAAC,IAAI,kBACjB,UAAU,EAAE,WAAW,EACvB,KAAK,EAAE,SAAS,IACb,OAAO,EACV,CAAA;aACH;QACH,CAAC,EACD,gBAAgB,EAAE,CAAC,IAAc,EAAE,EAAE;YACnC,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,CAAA;YACvC,OAAO,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;QACtC,CAAC,GACF,EACH,CAAC,IAAI,EAAE,MAAM,CAAC,CACf,CAAA;IAED,OAAO,CAAC,QAAQ,CAAC,CAAA;AACnB,CAAC","sourcesContent":["import type { FormInstance as RcFormInstance } from 'rc-field-form'\nimport { useForm as useRcForm } from 'rc-field-form'\nimport * as React from 'react'\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport type { InternalNamePath, NamePath, ScrollOptions } from '../interface'\nimport { getFieldId, toArray } from '../util'\n\nexport interface FormInstance<Values = any> extends RcFormInstance<Values> {\n  scrollToField: (name: NamePath, options?: ScrollOptions) => void\n  /** @internal: This is an internal usage. Do not use in your prod */\n  __INTERNAL__: {\n    /** No! Do not use this in your code! */\n    name?: string\n    /** No! Do not use this in your code! */\n    itemRef: (name: InternalNamePath) => (node: React.ReactElement) => void\n  }\n  getFieldInstance: (name: NamePath) => any\n}\n\nfunction toNamePathStr(name: NamePath) {\n  const namePath = toArray(name)\n  return namePath.join('_')\n}\n\nexport default function useForm<Values = any>(form?: FormInstance<Values>): [FormInstance<Values>] {\n  const [rcForm] = useRcForm()\n  const itemsRef = React.useRef<Record<string, React.ReactElement>>({})\n\n  const wrapForm: FormInstance<Values> = React.useMemo(\n    () =>\n      form ?? {\n        ...rcForm,\n        __INTERNAL__: {\n          itemRef: (name: InternalNamePath) => (node: React.ReactElement) => {\n            const namePathStr = toNamePathStr(name)\n            if (node) {\n              itemsRef.current[namePathStr] = node\n            } else {\n              delete itemsRef.current[namePathStr]\n            }\n          },\n        },\n        scrollToField: (name: NamePath, options: ScrollOptions = {}) => {\n          const namePath = toArray(name)\n          const fieldId = getFieldId(namePath, wrapForm.__INTERNAL__.name)\n          const node: HTMLElement | null = fieldId ? document.getElementById(fieldId) : null\n\n          if (node) {\n            scrollIntoView(node, {\n              scrollMode: 'if-needed',\n              block: 'nearest',\n              ...options,\n            })\n          }\n        },\n        getFieldInstance: (name: NamePath) => {\n          const namePathStr = toNamePathStr(name)\n          return itemsRef.current[namePathStr]\n        },\n      },\n    [form, rcForm]\n  )\n\n  return [wrapForm]\n}\n"]}

package/es/tntd-form/hooks/useFormInstance.js

@@ -0,0 +1,7 @@
+import { useContext } from 'react';
+import { FormContext } from '../context';
+export default function useFormInstance() {
+    const { form } = useContext(FormContext);
+    return form;
+}
+//# sourceMappingURL=useFormInstance.js.map

package/es/tntd-form/hooks/useFormInstance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormInstance.js","sourceRoot":"","sources":["../../../src/tntd-form/hooks/useFormInstance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAGxC,MAAM,CAAC,OAAO,UAAU,eAAe;IACrC,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAExC,OAAO,IAAK,CAAA;AACd,CAAC","sourcesContent":["import { useContext } from 'react'\nimport { FormContext } from '../context'\nimport type { FormInstance } from './useForm'\n\nexport default function useFormInstance<Value = any>(): FormInstance<Value> {\n  const { form } = useContext(FormContext)\n\n  return form!\n}\n"]}

package/es/tntd-form/hooks/useFormItemStatus.js

@@ -0,0 +1,10 @@
+import { useContext } from 'react';
+import { FormItemInputContext } from '../context';
+import warning from '../_util/warning';
+const useFormItemStatus = () => {
+    const { status } = useContext(FormItemInputContext);
+    warning(status !== undefined, 'Form.Item', `Form.Item.useStatus should be used under Form.Item component. For more information: ${window.location.protocol}//${window.location.host}/components/form-cn/#Form.Item.useStatus`);
+    return { status };
+};
+export default useFormItemStatus;
+//# sourceMappingURL=useFormItemStatus.js.map

package/es/tntd-form/hooks/useFormItemStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormItemStatus.js","sourceRoot":"","sources":["../../../src/tntd-form/hooks/useFormItemStatus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,OAAO,MAAM,kBAAkB,CAAA;AAMtC,MAAM,iBAAiB,GAAsB,GAAG,EAAE;IAChD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAEnD,OAAO,CACL,MAAM,KAAK,SAAS,EACpB,WAAW,EACX,uFAAuF,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC,IAAI,0CAA0C,CACnL,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,CAAA;AACnB,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA","sourcesContent":["import { useContext } from 'react'\nimport type { ValidateStatus } from '../FormItem'\nimport { FormItemInputContext } from '../context'\nimport warning from '../_util/warning'\n\ntype UseFormItemStatus = () => {\n  status?: ValidateStatus\n}\n\nconst useFormItemStatus: UseFormItemStatus = () => {\n  const { status } = useContext(FormItemInputContext)\n\n  warning(\n    status !== undefined,\n    'Form.Item',\n    `Form.Item.useStatus should be used under Form.Item component. For more information: ${window.location.protocol}//${window.location.host}/components/form-cn/#Form.Item.useStatus`\n  )\n\n  return { status }\n}\n\nexport default useFormItemStatus\n"]}

package/es/tntd-form/hooks/useFrameState.js

@@ -0,0 +1,38 @@
+import raf from 'rc-util/lib/raf';
+import * as React from 'react';
+import { useRef } from 'react';
+export default function useFrameState(defaultValue) {
+    const [value, setValue] = React.useState(defaultValue);
+    const frameRef = useRef(null);
+    const batchRef = useRef([]);
+    const destroyRef = useRef(false);
+    React.useEffect(() => {
+        destroyRef.current = false;
+        return () => {
+            destroyRef.current = true;
+            raf.cancel(frameRef.current);
+            frameRef.current = null;
+        };
+    }, []);
+    function setFrameValue(updater) {
+        if (destroyRef.current) {
+            return;
+        }
+        if (frameRef.current === null) {
+            batchRef.current = [];
+            frameRef.current = raf(() => {
+                frameRef.current = null;
+                setValue((prevValue) => {
+                    let current = prevValue;
+                    batchRef.current.forEach((func) => {
+                        current = func(current);
+                    });
+                    return current;
+                });
+            });
+        }
+        batchRef.current.push(updater);
+    }
+    return [value, setFrameValue];
+}
+//# sourceMappingURL=useFrameState.js.map

package/es/tntd-form/hooks/useFrameState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFrameState.js","sourceRoot":"","sources":["../../../src/tntd-form/hooks/useFrameState.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,iBAAiB,CAAA;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAI9B,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,YAAuB;IAEvB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;IACtD,MAAM,QAAQ,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAA;IAC5C,MAAM,QAAQ,GAAG,MAAM,CAAuB,EAAE,CAAC,CAAA;IACjD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAEhC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,UAAU,CAAC,OAAO,GAAG,KAAK,CAAA;QAC1B,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,OAAO,GAAG,IAAI,CAAA;YACzB,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAQ,CAAC,CAAA;YAC7B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAA;QACzB,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,aAAa,CAAC,OAA2B;QAChD,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,OAAM;SACP;QAED,IAAI,QAAQ,CAAC,OAAO,KAAK,IAAI,EAAE;YAC7B,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAA;YACrB,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,EAAE;gBAC1B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAA;gBACvB,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE;oBACrB,IAAI,OAAO,GAAG,SAAS,CAAA;oBAEvB,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;wBAChC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAA;oBACzB,CAAC,CAAC,CAAA;oBAEF,OAAO,OAAO,CAAA;gBAChB,CAAC,CAAC,CAAA;YACJ,CAAC,CAAC,CAAA;SACH;QAED,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAChC,CAAC;IAED,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,CAAA;AAC/B,CAAC","sourcesContent":["import raf from 'rc-util/lib/raf'\nimport * as React from 'react'\nimport { useRef } from 'react'\n\ntype Updater<ValueType> = (prev?: ValueType) => ValueType\n\nexport default function useFrameState<ValueType>(\n  defaultValue: ValueType\n): [ValueType, (updater: Updater<ValueType>) => void] {\n  const [value, setValue] = React.useState(defaultValue)\n  const frameRef = useRef<number | null>(null)\n  const batchRef = useRef<Updater<ValueType>[]>([])\n  const destroyRef = useRef(false)\n\n  React.useEffect(() => {\n    destroyRef.current = false\n    return () => {\n      destroyRef.current = true\n      raf.cancel(frameRef.current!)\n      frameRef.current = null\n    }\n  }, [])\n\n  function setFrameValue(updater: Updater<ValueType>) {\n    if (destroyRef.current) {\n      return\n    }\n\n    if (frameRef.current === null) {\n      batchRef.current = []\n      frameRef.current = raf(() => {\n        frameRef.current = null\n        setValue((prevValue) => {\n          let current = prevValue\n\n          batchRef.current.forEach((func) => {\n            current = func(current)\n          })\n\n          return current\n        })\n      })\n    }\n\n    batchRef.current.push(updater)\n  }\n\n  return [value, setFrameValue]\n}\n"]}