tntd 2.6.8 → 2.6.10

package/lib/tntd-form/context.d.ts

@@ -0,0 +1,51 @@
+import type { FormProviderProps as RcFormProviderProps } from 'rc-field-form/lib/FormContext';
+import type { Meta } from 'rc-field-form/lib/interface';
+import type { FC, PropsWithChildren, ReactNode } from 'react';
+import * as React from 'react';
+import type { ColProps } from '../col';
+import type { FormInstance, RequiredMark } from './Form';
+import type { ValidateStatus } from './FormItem';
+import type { FormLabelAlign } from './interface';
+/** Form Context. Set top form style and pass to Form Item usage. */
+export interface FormContextProps {
+    vertical: boolean;
+    name?: string;
+    colon?: boolean;
+    labelAlign?: FormLabelAlign;
+    labelWrap?: boolean;
+    labelCol?: ColProps;
+    wrapperCol?: ColProps;
+    requiredMark?: RequiredMark;
+    itemRef: (name: (string | number)[]) => (node: React.ReactElement) => void;
+    form?: FormInstance;
+    readonly?: boolean;
+    placeholder?: string | React.ReactNode;
+}
+export declare const FormContext: React.Context<FormContextProps>;
+/** `noStyle` Form Item Context. Used for error collection */
+export declare type ReportMetaChange = (meta: Meta, uniqueKeys: React.Key[]) => void;
+export declare const NoStyleItemContext: React.Context<ReportMetaChange | null>;
+/** Form Provider */
+export interface FormProviderProps extends Omit<RcFormProviderProps, 'validateMessages'> {
+    prefixCls?: string;
+}
+export declare const FormProvider: React.FC<FormProviderProps>;
+/** Used for ErrorList only */
+export interface FormItemPrefixContextProps {
+    prefixCls: string;
+    status?: ValidateStatus;
+}
+export declare const FormItemPrefixContext: React.Context<FormItemPrefixContextProps>;
+export interface FormItemStatusContextProps {
+    isFormItemInput?: boolean;
+    status?: ValidateStatus;
+    hasFeedback?: boolean;
+    feedbackIcon?: ReactNode;
+}
+export declare const FormItemInputContext: React.Context<FormItemStatusContextProps>;
+export declare type NoFormStyleProps = PropsWithChildren<{
+    status?: boolean;
+    override?: boolean;
+}>;
+export declare const NoFormStyle: FC<NoFormStyleProps>;
+//# sourceMappingURL=context.d.ts.map

package/lib/tntd-form/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/tntd-form/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,IAAI,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAC7F,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAEvD,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,oEAAoE;AACpE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,UAAU,CAAC,EAAE,QAAQ,CAAA;IACrB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAA;IAC1E,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CACvC;AAED,eAAO,MAAM,WAAW,iCAItB,CAAA;AAEF,6DAA6D;AAC7D,oBAAY,gBAAgB,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,IAAI,CAAA;AAC5E,eAAO,MAAM,kBAAkB,wCAAqD,CAAA;AAEpF,oBAAoB;AACpB,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,kBAAkB,CAAC;IACtF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAGpD,CAAA;AAED,8BAA8B;AAC9B,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AAED,eAAO,MAAM,qBAAqB,2CAEhC,CAAA;AAEF,MAAM,WAAW,0BAA0B;IACzC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB;AAED,eAAO,MAAM,oBAAoB,2CAAsD,CAAA;AAEvF,oBAAY,gBAAgB,GAAG,iBAAiB,CAAC;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAqB5C,CAAA"}

package/lib/tntd-form/context.js

@@ -0,0 +1,54 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NoStyleItemContext = exports.NoFormStyle = exports.FormProvider = exports.FormItemPrefixContext = exports.FormItemInputContext = exports.FormContext = void 0;
+var _rcFieldForm = require("rc-field-form");
+var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var FormContext = React.createContext({
+  labelAlign: 'right',
+  vertical: false,
+  itemRef: function itemRef() {}
+});
+exports.FormContext = FormContext;
+var NoStyleItemContext = React.createContext(null);
+exports.NoStyleItemContext = NoStyleItemContext;
+var FormProvider = function FormProvider(props) {
+  var providerProps = (0, _omit["default"])(props, ['prefixCls']);
+  return React.createElement(_rcFieldForm.FormProvider, Object.assign({}, providerProps));
+};
+exports.FormProvider = FormProvider;
+var FormItemPrefixContext = React.createContext({
+  prefixCls: ''
+});
+exports.FormItemPrefixContext = FormItemPrefixContext;
+var FormItemInputContext = React.createContext({});
+exports.FormItemInputContext = FormItemInputContext;
+var NoFormStyle = function NoFormStyle(_ref) {
+  var children = _ref.children,
+    status = _ref.status,
+    override = _ref.override;
+  var formItemInputContext = (0, React.useContext)(FormItemInputContext);
+  var newFormItemInputContext = (0, React.useMemo)(function () {
+    var 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);
+};
+exports.NoFormStyle = NoFormStyle;

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/tntd-form/context.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA8D;AAG9D,4DAAmC;AAEnC,6CAA8B;AAC9B,iCAA2C;AAsB9B,QAAA,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;AAIW,QAAA,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAA0B,IAAI,CAAC,CAAA;AAO7E,MAAM,YAAY,GAAgC,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,aAAa,GAAG,IAAA,cAAI,EAAC,KAAK,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAChD,OAAO,oBAAC,4BAAc,oBAAK,aAAa,EAAI,CAAA;AAC9C,CAAC,CAAA;AAHY,QAAA,YAAY,gBAGxB;AAQY,QAAA,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA6B;IACnF,SAAS,EAAE,EAAE;CACd,CAAC,CAAA;AASW,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA6B,EAAE,CAAC,CAAA;AAOhF,MAAM,WAAW,GAAyB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClF,MAAM,oBAAoB,GAAG,IAAA,kBAAU,EAAC,4BAAoB,CAAC,CAAA;IAE7D,MAAM,uBAAuB,GAAG,IAAA,eAAO,EAAC,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,4BAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,uBAAuB,IAC1D,QAAQ,CACqB,CACjC,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,WAAW,eAqBvB","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/lib/tntd-form/hooks/useDebounce.d.ts

@@ -0,0 +1,2 @@
+export default function useDebounce<T>(value: T[]): T[];
+//# sourceMappingURL=useDebounce.d.ts.map

package/lib/tntd-form/hooks/useDebounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/hooks/useDebounce.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAgBtD"}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useDebounce;
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function useDebounce(value) {
+  var _React$useState = React.useState(value),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    cacheValue = _React$useState2[0],
+    setCacheValue = _React$useState2[1];
+  React.useEffect(function () {
+    var timeout = setTimeout(function () {
+      setCacheValue(value);
+    }, value.length ? 0 : 10);
+    return function () {
+      clearTimeout(timeout);
+    };
+  }, [value]);
+  return cacheValue;
+}

package/lib/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,6CAA8B;AAE9B,SAAwB,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;AAhBD,8BAgBC","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/lib/tntd-form/hooks/useForm.d.ts

@@ -0,0 +1,16 @@
+import type { FormInstance as RcFormInstance } from 'rc-field-form';
+import * as React from 'react';
+import type { InternalNamePath, NamePath, ScrollOptions } from '../interface';
+export interface FormInstance<Values = any> extends RcFormInstance<Values> {
+    scrollToField: (name: NamePath, options?: ScrollOptions) => void;
+    /** @internal: This is an internal usage. Do not use in your prod */
+    __INTERNAL__: {
+        /** No! Do not use this in your code! */
+        name?: string;
+        /** No! Do not use this in your code! */
+        itemRef: (name: InternalNamePath) => (node: React.ReactElement) => void;
+    };
+    getFieldInstance: (name: NamePath) => any;
+}
+export default function useForm<Values = any>(form?: FormInstance<Values>): [FormInstance<Values>];
+//# sourceMappingURL=useForm.d.ts.map

package/lib/tntd-form/hooks/useForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/hooks/useForm.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAG7E,MAAM,WAAW,YAAY,CAAC,MAAM,GAAG,GAAG,CAAE,SAAQ,cAAc,CAAC,MAAM,CAAC;IACxE,aAAa,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;IAChE,oEAAoE;IACpE,YAAY,EAAE;QACZ,wCAAwC;QACxC,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,wCAAwC;QACxC,OAAO,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAA;KACxE,CAAA;IACD,gBAAgB,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,GAAG,CAAA;CAC1C;AAOD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,MAAM,GAAG,GAAG,EAAE,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAwCjG"}

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

@@ -0,0 +1,63 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useForm;
+var _rcFieldForm = require("rc-field-form");
+var React = _interopRequireWildcard(require("react"));
+var _scrollIntoViewIfNeeded = _interopRequireDefault(require("scroll-into-view-if-needed"));
+var _util = require("../util");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function toNamePathStr(name) {
+  var namePath = (0, _util.toArray)(name);
+  return namePath.join('_');
+}
+function useForm(form) {
+  var _useRcForm = (0, _rcFieldForm.useForm)(),
+    _useRcForm2 = _slicedToArray(_useRcForm, 1),
+    rcForm = _useRcForm2[0];
+  var itemsRef = React.useRef({});
+  var wrapForm = React.useMemo(function () {
+    return form !== null && form !== void 0 ? form : Object.assign(Object.assign({}, rcForm), {
+      __INTERNAL__: {
+        itemRef: function itemRef(name) {
+          return function (node) {
+            var namePathStr = toNamePathStr(name);
+            if (node) {
+              itemsRef.current[namePathStr] = node;
+            } else {
+              delete itemsRef.current[namePathStr];
+            }
+          };
+        }
+      },
+      scrollToField: function scrollToField(name) {
+        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+        var namePath = (0, _util.toArray)(name);
+        var fieldId = (0, _util.getFieldId)(namePath, wrapForm.__INTERNAL__.name);
+        var node = fieldId ? document.getElementById(fieldId) : null;
+        if (node) {
+          (0, _scrollIntoViewIfNeeded["default"])(node, Object.assign({
+            scrollMode: 'if-needed',
+            block: 'nearest'
+          }, options));
+        }
+      },
+      getFieldInstance: function getFieldInstance(name) {
+        var namePathStr = toNamePathStr(name);
+        return itemsRef.current[namePathStr];
+      }
+    });
+  }, [form, rcForm]);
+  return [wrapForm];
+}

package/lib/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,iDAAoD;AACpD,6CAA8B;AAC9B,4FAAuD;AAEvD,kCAA6C;AAc7C,SAAS,aAAa,CAAC,IAAc;IACnC,MAAM,QAAQ,GAAG,IAAA,cAAO,EAAC,IAAI,CAAC,CAAA;IAC9B,OAAO,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC3B,CAAC;AAED,SAAwB,OAAO,CAAe,IAA2B;IACvE,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,uBAAS,GAAE,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,IAAA,cAAO,EAAC,IAAI,CAAC,CAAA;YAC9B,MAAM,OAAO,GAAG,IAAA,iBAAU,EAAC,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,IAAA,oCAAc,EAAC,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;AAxCD,0BAwCC","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/lib/tntd-form/hooks/useFormInstance.d.ts

@@ -0,0 +1,3 @@
+import type { FormInstance } from './useForm';
+export default function useFormInstance<Value = any>(): FormInstance<Value>;
+//# sourceMappingURL=useFormInstance.d.ts.map

package/lib/tntd-form/hooks/useFormInstance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormInstance.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/hooks/useFormInstance.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAE7C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,GAAG,GAAG,KAAK,YAAY,CAAC,KAAK,CAAC,CAI1E"}

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useFormInstance;
+var _react = require("react");
+var _context = require("../context");
+function useFormInstance() {
+  var _useContext = (0, _react.useContext)(_context.FormContext),
+    form = _useContext.form;
+  return form;
+}

package/lib/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,iCAAkC;AAClC,wCAAwC;AAGxC,SAAwB,eAAe;IACrC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,kBAAU,EAAC,qBAAW,CAAC,CAAA;IAExC,OAAO,IAAK,CAAA;AACd,CAAC;AAJD,kCAIC","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/lib/tntd-form/hooks/useFormItemStatus.d.ts

@@ -0,0 +1,7 @@
+import type { ValidateStatus } from '../FormItem';
+declare type UseFormItemStatus = () => {
+    status?: ValidateStatus;
+};
+declare const useFormItemStatus: UseFormItemStatus;
+export default useFormItemStatus;
+//# sourceMappingURL=useFormItemStatus.d.ts.map

package/lib/tntd-form/hooks/useFormItemStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormItemStatus.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/hooks/useFormItemStatus.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAIjD,aAAK,iBAAiB,GAAG,MAAM;IAC7B,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB,CAAA;AAED,QAAA,MAAM,iBAAiB,EAAE,iBAUxB,CAAA;AAED,eAAe,iBAAiB,CAAA"}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _context = require("../context");
+var _warning = _interopRequireDefault(require("../_util/warning"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var useFormItemStatus = function useFormItemStatus() {
+  var _useContext = (0, _react.useContext)(_context.FormItemInputContext),
+    status = _useContext.status;
+  (0, _warning["default"])(status !== undefined, 'Form.Item', "Form.Item.useStatus should be used under Form.Item component. For more information: ".concat(window.location.protocol, "//").concat(window.location.host, "/components/form-cn/#Form.Item.useStatus"));
+  return {
+    status: status
+  };
+};
+var _default = useFormItemStatus;
+exports["default"] = _default;

package/lib/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,iCAAkC;AAElC,wCAAiD;AACjD,+DAAsC;AAMtC,MAAM,iBAAiB,GAAsB,GAAG,EAAE;IAChD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,kBAAU,EAAC,8BAAoB,CAAC,CAAA;IAEnD,IAAA,iBAAO,EACL,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,kBAAe,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/lib/tntd-form/hooks/useFrameState.d.ts

@@ -0,0 +1,4 @@
+declare type Updater<ValueType> = (prev?: ValueType) => ValueType;
+export default function useFrameState<ValueType>(defaultValue: ValueType): [ValueType, (updater: Updater<ValueType>) => void];
+export {};
+//# sourceMappingURL=useFrameState.d.ts.map

package/lib/tntd-form/hooks/useFrameState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFrameState.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/hooks/useFrameState.ts"],"names":[],"mappings":"AAIA,aAAK,OAAO,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,EAAE,SAAS,KAAK,SAAS,CAAA;AAEzD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,SAAS,EAC7C,YAAY,EAAE,SAAS,GACtB,CAAC,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC,CAwCpD"}

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

@@ -0,0 +1,55 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useFrameState;
+var _raf = _interopRequireDefault(require("rc-util/lib/raf"));
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function useFrameState(defaultValue) {
+  var _React$useState = React.useState(defaultValue),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    value = _React$useState2[0],
+    setValue = _React$useState2[1];
+  var frameRef = (0, React.useRef)(null);
+  var batchRef = (0, React.useRef)([]);
+  var destroyRef = (0, React.useRef)(false);
+  React.useEffect(function () {
+    destroyRef.current = false;
+    return function () {
+      destroyRef.current = true;
+      _raf["default"].cancel(frameRef.current);
+      frameRef.current = null;
+    };
+  }, []);
+  function setFrameValue(updater) {
+    if (destroyRef.current) {
+      return;
+    }
+    if (frameRef.current === null) {
+      batchRef.current = [];
+      frameRef.current = (0, _raf["default"])(function () {
+        frameRef.current = null;
+        setValue(function (prevValue) {
+          var current = prevValue;
+          batchRef.current.forEach(function (func) {
+            current = func(current);
+          });
+          return current;
+        });
+      });
+    }
+    batchRef.current.push(updater);
+  }
+  return [value, setFrameValue];
+}

package/lib/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,0DAAiC;AACjC,6CAA8B;AAC9B,iCAA8B;AAI9B,SAAwB,aAAa,CACnC,YAAuB;IAEvB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;IACtD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAA;IAC5C,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAuB,EAAE,CAAC,CAAA;IACjD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,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,aAAG,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,IAAA,aAAG,EAAC,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;AA1CD,gCA0CC","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"]}

package/lib/tntd-form/hooks/useItemRef.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { InternalNamePath } from '../interface';
+export default function useItemRef(): (name: InternalNamePath, children: any) => React.Ref<any> | undefined;
+//# sourceMappingURL=useItemRef.d.ts.map

package/lib/tntd-form/hooks/useItemRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useItemRef.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/hooks/useItemRef.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEpD,MAAM,CAAC,OAAO,UAAU,UAAU,uCAQkB,GAAG,gCActD"}

package/lib/tntd-form/hooks/useItemRef.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useItemRef;
+var _ref = require("rc-util/lib/ref");
+var React = _interopRequireWildcard(require("react"));
+var _context = require("../context");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function useItemRef() {
+  var _React$useContext = React.useContext(_context.FormContext),
+    itemRef = _React$useContext.itemRef;
+  var cacheRef = React.useRef({});
+  function getRef(name, children) {
+    var childrenRef = children && _typeof(children) === 'object' && children.ref;
+    var nameStr = name.join('_');
+    if (cacheRef.current.name !== nameStr || cacheRef.current.originRef !== childrenRef) {
+      cacheRef.current.name = nameStr;
+      cacheRef.current.originRef = childrenRef;
+      cacheRef.current.ref = (0, _ref.composeRef)(itemRef(name), childrenRef);
+    }
+    return cacheRef.current.ref;
+  }
+  return getRef;
+}

package/lib/tntd-form/hooks/useItemRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useItemRef.js","sourceRoot":"","sources":["../../../src/tntd-form/hooks/useItemRef.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4C;AAC5C,6CAA8B;AAC9B,wCAAwC;AAGxC,SAAwB,UAAU;IAChC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAW,CAAC,CAAA;IACjD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAI1B,EAAE,CAAC,CAAA;IAEN,SAAS,MAAM,CAAC,IAAsB,EAAE,QAAa;QACnD,MAAM,WAAW,GACf,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,CAAC,GAAG,CAAA;QAC1D,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAC9B,IAAI,QAAQ,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,SAAS,KAAK,WAAW,EAAE;YACnF,QAAQ,CAAC,OAAO,CAAC,IAAI,GAAG,OAAO,CAAA;YAC/B,QAAQ,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW,CAAA;YACxC,QAAQ,CAAC,OAAO,CAAC,GAAG,GAAG,IAAA,gBAAU,EAAC,OAAO,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,CAAA;SAC9D;QAED,OAAO,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAA;IAC7B,CAAC;IAED,OAAO,MAAM,CAAA;AACf,CAAC;AAtBD,6BAsBC","sourcesContent":["import { composeRef } from 'rc-util/lib/ref'\nimport * as React from 'react'\nimport { FormContext } from '../context'\nimport type { InternalNamePath } from '../interface'\n\nexport default function useItemRef() {\n  const { itemRef } = React.useContext(FormContext)\n  const cacheRef = React.useRef<{\n    name?: string\n    originRef?: React.Ref<any>\n    ref?: React.Ref<any>\n  }>({})\n\n  function getRef(name: InternalNamePath, children: any) {\n    const childrenRef: React.Ref<React.ReactElement> =\n      children && typeof children === 'object' && children.ref\n    const nameStr = name.join('_')\n    if (cacheRef.current.name !== nameStr || cacheRef.current.originRef !== childrenRef) {\n      cacheRef.current.name = nameStr\n      cacheRef.current.originRef = childrenRef\n      cacheRef.current.ref = composeRef(itemRef(name), childrenRef)\n    }\n\n    return cacheRef.current.ref\n  }\n\n  return getRef\n}\n"]}

package/lib/tntd-form/index.d.ts

@@ -1,2 +1,24 @@
-export { default } from './TntdForm';
+import type { Rule, RuleObject, RuleRender } from 'rc-field-form/lib/interface';
+import { FormProvider } from './context';
+import ErrorList, { ErrorListProps } from './ErrorList';
+import InternalForm, { FormInstance, FormProps, useForm, useWatch } from './Form';
+import Item, { FormItemProps } from './FormItem';
+import List, { FormListFieldData, FormListOperation, FormListProps } from './FormList';
+import useFormInstance from './hooks/useFormInstance';
+import './style/index.less';
+declare type InternalFormType = typeof InternalForm;
+declare type CompoundedComponent = InternalFormType & {
+    useForm: typeof useForm;
+    useFormInstance: typeof useFormInstance;
+    useWatch: typeof useWatch;
+    Item: typeof Item;
+    List: typeof List;
+    ErrorList: typeof ErrorList;
+    Provider: typeof FormProvider;
+    /** @deprecated Only for warning usage. Do not use. */
+    create: () => void;
+};
+declare const Form: CompoundedComponent;
+export { FormInstance, FormProps, FormItemProps, ErrorListProps, Rule, RuleObject, RuleRender, FormListProps, FormListFieldData, FormListOperation, };
+export default Form;
 //# sourceMappingURL=index.d.ts.map

package/lib/tntd-form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tntd-form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tntd-form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAE/E,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,SAAS,EAAE,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACvD,OAAO,YAAY,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjF,OAAO,IAAI,EAAE,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,IAAI,EAAE,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AACtF,OAAO,eAAe,MAAM,yBAAyB,CAAA;AAErD,OAAO,oBAAoB,CAAA;AAE3B,aAAK,gBAAgB,GAAG,OAAO,YAAY,CAAA;AAE3C,aAAK,mBAAmB,GAAG,gBAAgB,GAAG;IAC5C,OAAO,EAAE,OAAO,OAAO,CAAA;IACvB,eAAe,EAAE,OAAO,eAAe,CAAA;IACvC,QAAQ,EAAE,OAAO,QAAQ,CAAA;IACzB,IAAI,EAAE,OAAO,IAAI,CAAA;IACjB,IAAI,EAAE,OAAO,IAAI,CAAA;IACjB,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,YAAY,CAAA;IAE7B,sDAAsD;IACtD,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,IAAI,qBAAsC,CAAA;AAiBhD,OAAO,EACL,YAAY,EACZ,SAAS,EACT,aAAa,EACb,cAAc,EACd,IAAI,EACJ,UAAU,EACV,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,iBAAiB,GAClB,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/tntd-form/index.js

@@ -1,13 +1,29 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _TntdForm["default"];
-  }
-});
-var _TntdForm = _interopRequireDefault(require("./TntdForm"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+exports["default"] = void 0;
+var _context = require("./context");
+var _ErrorList = _interopRequireDefault(require("./ErrorList"));
+var _Form = _interopRequireWildcard(require("./Form"));
+var _FormItem = _interopRequireDefault(require("./FormItem"));
+var _FormList = _interopRequireDefault(require("./FormList"));
+var _useFormInstance = _interopRequireDefault(require("./hooks/useFormInstance"));
+require("./style/index.less");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+// import warning from '../_util/warning';
+
+var Form = _Form["default"];
+Form.Item = _FormItem["default"];
+Form.List = _FormList["default"];
+Form.ErrorList = _ErrorList["default"];
+Form.useForm = _Form.useForm;
+Form.useFormInstance = _useFormInstance["default"];
+Form.useWatch = _Form.useWatch;
+Form.Provider = _context.FormProvider;
+var _default = Form;
+exports["default"] = _default;

package/lib/tntd-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-form/index.tsx"],"names":[],"mappings":";;;;;;AAAA,uCAAoC;AAA3B,oHAAA,OAAO,OAAA","sourcesContent":["export { default } from './TntdForm'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0CAA0C;AAC1C,uCAAwC;AACxC,4DAAuD;AACvD,+CAAiF;AACjF,0DAAgD;AAChD,0DAAsF;AACtF,8EAAqD;AAErD,8BAA2B;AAiB3B,MAAM,IAAI,GAAG,cAAmC,CAAA;AAEhD,IAAI,CAAC,IAAI,GAAG,kBAAI,CAAA;AAChB,IAAI,CAAC,IAAI,GAAG,kBAAI,CAAA;AAChB,IAAI,CAAC,SAAS,GAAG,mBAAS,CAAA;AAC1B,IAAI,CAAC,OAAO,GAAG,cAAO,CAAA;AACtB,IAAI,CAAC,eAAe,GAAG,yBAAe,CAAA;AACtC,IAAI,CAAC,QAAQ,GAAG,eAAQ,CAAA;AACxB,IAAI,CAAC,QAAQ,GAAG,sBAAY,CAAA;AAsB5B,kBAAe,IAAI,CAAA","sourcesContent":["import type { Rule, RuleObject, RuleRender } from 'rc-field-form/lib/interface'\n// import warning from '../_util/warning';\nimport { FormProvider } from './context'\nimport ErrorList, { ErrorListProps } from './ErrorList'\nimport InternalForm, { FormInstance, FormProps, useForm, useWatch } from './Form'\nimport Item, { FormItemProps } from './FormItem'\nimport List, { FormListFieldData, FormListOperation, FormListProps } from './FormList'\nimport useFormInstance from './hooks/useFormInstance'\n\nimport './style/index.less'\n\ntype InternalFormType = typeof InternalForm\n\ntype CompoundedComponent = InternalFormType & {\n  useForm: typeof useForm\n  useFormInstance: typeof useFormInstance\n  useWatch: typeof useWatch\n  Item: typeof Item\n  List: typeof List\n  ErrorList: typeof ErrorList\n  Provider: typeof FormProvider\n\n  /** @deprecated Only for warning usage. Do not use. */\n  create: () => void\n}\n\nconst Form = InternalForm as CompoundedComponent\n\nForm.Item = Item\nForm.List = List\nForm.ErrorList = ErrorList\nForm.useForm = useForm\nForm.useFormInstance = useFormInstance\nForm.useWatch = useWatch\nForm.Provider = FormProvider\n// Form.create = () => {\n//   warning(\n//     false,\n//     'Form',\n//     'antd v4 removed `Form.create`. Please remove or use `@ant-design/compatible` instead.',\n//   );\n// };\n\nexport {\n  FormInstance,\n  FormProps,\n  FormItemProps,\n  ErrorListProps,\n  Rule,\n  RuleObject,\n  RuleRender,\n  FormListProps,\n  FormListFieldData,\n  FormListOperation,\n}\n\nexport default Form\n"]}

package/lib/tntd-form/interface.d.ts

@@ -0,0 +1,4 @@
+export { InternalNamePath, NamePath, Store, StoreValue } from 'rc-field-form/lib/interface';
+export { Options as ScrollOptions } from 'scroll-into-view-if-needed';
+export declare type FormLabelAlign = 'left' | 'right';
+//# sourceMappingURL=interface.d.ts.map

package/lib/tntd-form/interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../src/tntd-form/interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAC3F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAA;AACrE,oBAAY,cAAc,GAAG,MAAM,GAAG,OAAO,CAAA"}

package/lib/tntd-form/interface.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+require("rc-field-form/lib/interface");
+require("scroll-into-view-if-needed");

package/lib/tntd-form/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../src/tntd-form/interface.ts"],"names":[],"mappings":";;AAAA,yDAA2F;AAC3F,yEAAqE","sourcesContent":["export { InternalNamePath, NamePath, Store, StoreValue } from 'rc-field-form/lib/interface'\nexport { Options as ScrollOptions } from 'scroll-into-view-if-needed'\nexport type FormLabelAlign = 'left' | 'right'\n"]}

package/lib/tntd-form/style/components.less

@@ -0,0 +1,16 @@
+// @import (reference) '../../style/themes/index';
+
+@form-prefix-cls: ~'@{ant-prefix}-form';
+@form-item-prefix-cls: ~'@{form-prefix-cls}-item';
+
+// ================================================================
+// =                      Children Component                      =
+// ================================================================
+// FIXME: useless, remove in v5
+.@{form-item-prefix-cls} {
+  .@{ant-prefix}-input-number {
+    + .@{form-prefix-cls}-text {
+      margin-left: 8px;
+    }
+  }
+}