tntd 2.6.7 → 2.7.0

package/es/select/select.js

@@ -9,19 +9,31 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { default as AntdSelect } from 'antd/es/select';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import classNames from 'classnames';
-export const Select = (_a) => {
-    var { className, borderStyle } = _a, props = __rest(_a, ["className", "borderStyle"]);
+import { get } from 'lodash';
+import { connectReadonlyComponent } from '../connect';
+import PreviewText from '../preview-text';
+const { Option } = AntdSelect;
+export const InternalSelect = forwardRef((_a, ref) => {
+    var { className, borderStyle, options, fieldNames, children } = _a, props = __rest(_a, ["className", "borderStyle", "options", "fieldNames", "children"]);
     return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
         const prefixCls = getPrefixCls('select');
         return (React.createElement(AntdSelect, Object.assign({}, props, { className: classNames(className, {
                 [`${prefixCls}-outline`]: borderStyle === 'outline',
-            }) })));
+            }), ref: ref }), children
+            ? children
+            : options === null || options === void 0 ? void 0 : options.map((option) => {
+                if (typeof option === 'object') {
+                    return (React.createElement(Option, { key: get(option, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value'), value: get(option, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value'), disabled: !!option.disabled }, get(option, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label')));
+                }
+                return (React.createElement(Option, { key: option, value: option }, option));
+            })));
     }));
-};
+});
+export const Select = connectReadonlyComponent(InternalSelect, PreviewText.Select);
 Select.OptGroup = AntdSelect.OptGroup;
 Select.Option = AntdSelect.Option;
 //# sourceMappingURL=select.js.map

package/es/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAiD,EAAE,EAAE;QAArD,EAAE,SAAS,EAAE,WAAW,OAAyB,EAApB,KAAK,cAAlC,4BAAoC,CAAF;IACvD,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QAExC,OAAO,CACL,oBAAC,UAAU,oBACL,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;gBAC/B,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,WAAW,KAAK,SAAS;aACpD,CAAC,IACF,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAA;AACrC,MAAM,CAAC,MAAM,GAAG,UAAU,CAAC,MAAM,CAAA","sourcesContent":["import React, { ReactNode } from 'react'\nimport { default as AntdSelect } from 'antd/es/select'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport type { SelectProps as AntdSelectProps } from 'antd/es/select'\nimport classNames from 'classnames'\n\nexport interface SelectProps extends AntdSelectProps {\n  // 线框风格\n  borderStyle?: 'outline'\n  children?: ReactNode\n}\n\nexport const Select = ({ className, borderStyle, ...props }: SelectProps) => {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('select')\n\n        return (\n          <AntdSelect\n            {...props}\n            className={classNames(className, {\n              [`${prefixCls}-outline`]: borderStyle === 'outline',\n            })}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nSelect.OptGroup = AntdSelect.OptGroup\nSelect.Option = AntdSelect.Option\n"]}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,WAAW,MAAM,iBAAiB,CAAA;AA6BzC,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAA;AAE7B,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,CAAC,EAAmE,EAAE,GAAG,EAAE,EAAE;QAA5E,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,OAAY,EAAP,KAAK,cAAjE,iEAAmE,CAAF;IAAY,OAAA,CAC5E,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QAExC,OAAO,CACL,oBAAC,UAAU,oBACL,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;gBAC/B,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,WAAW,KAAK,SAAS;aACpD,CAAC,EACF,GAAG,EAAE,GAAG,KAEP,QAAQ;YACP,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACtB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;oBAC9B,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,CAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,EAC9C,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,EAChD,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,IAE1B,GAAG,CAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,CACnC,CACV,CAAA;iBACF;gBAED,OAAO,CACL,oBAAC,MAAM,IAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAC/B,MAAM,CACA,CACV,CAAA;YACH,CAAC,CAAC,CACK,CACd,CAAA;IACH,CAAC,CACc,CAClB,CAAA;CAAA,CACiB,CAAA;AAEpB,MAAM,CAAC,MAAM,MAAM,GAAG,wBAAwB,CAC5C,cAAc,EACd,WAAW,CAAC,MAAM,CACA,CAAA;AAEpB,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAA;AACrC,MAAM,CAAC,MAAM,GAAG,UAAU,CAAC,MAAM,CAAA","sourcesContent":["import React, { ReactNode, forwardRef } from 'react'\nimport { default as AntdSelect } from 'antd/es/select'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport type { SelectProps as AntdSelectProps } from 'antd/es/select'\nimport classNames from 'classnames'\nimport { get } from 'lodash'\nimport { connectReadonlyComponent } from '../connect'\nimport PreviewText from '../preview-text'\n\nexport interface SelectProps extends AntdSelectProps {\n  // 线框风格\n  borderStyle?: 'outline'\n  children?: ReactNode\n  options?: Array<\n    | string\n    | number\n    | {\n        label: string\n        value: string | number\n        disabled?: boolean\n      }\n  >\n  fieldNames?: {\n    label?: string\n    value?: string\n    options?: string\n  }\n  readonly?: boolean\n}\n\ninterface SelectComponent\n  extends React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<AntdSelect>> {\n  OptGroup: typeof AntdSelect.OptGroup\n  Option: typeof AntdSelect.Option\n}\n\nconst { Option } = AntdSelect\n\nexport const InternalSelect = forwardRef<AntdSelect, SelectProps>(\n  ({ className, borderStyle, options, fieldNames, children, ...props }, ref) => (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('select')\n\n        return (\n          <AntdSelect\n            {...props}\n            className={classNames(className, {\n              [`${prefixCls}-outline`]: borderStyle === 'outline',\n            })}\n            ref={ref}\n          >\n            {children\n              ? children\n              : options?.map((option) => {\n                  if (typeof option === 'object') {\n                    return (\n                      <Option\n                        key={get(option, fieldNames?.value || 'value')}\n                        value={get(option, fieldNames?.value || 'value')}\n                        disabled={!!option.disabled}\n                      >\n                        {get(option, fieldNames?.label || 'label')}\n                      </Option>\n                    )\n                  }\n\n                  return (\n                    <Option key={option} value={option}>\n                      {option}\n                    </Option>\n                  )\n                })}\n          </AntdSelect>\n        )\n      }}\n    </ConfigConsumer>\n  )\n) as SelectComponent\n\nexport const Select = connectReadonlyComponent(\n  InternalSelect,\n  PreviewText.Select\n) as SelectComponent\n\nSelect.OptGroup = AntdSelect.OptGroup\nSelect.Option = AntdSelect.Option\n"]}

package/es/switch/index.js

@@ -1,5 +1,4 @@
-import Switch from 'antd/es/switch';
-import 'antd/es/switch/style';
-export * from 'antd/es/switch';
+import Switch from './switch';
+export * from './switch';
 export default Switch;
 //# sourceMappingURL=index.js.map

package/es/switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,gBAAgB,CAAA;AAEnC,OAAO,sBAAsB,CAAA;AAE7B,cAAc,gBAAgB,CAAA;AAE9B,eAAe,MAAM,CAAA","sourcesContent":["import Switch from 'antd/es/switch'\n\nimport 'antd/es/switch/style'\n\nexport * from 'antd/es/switch'\n\nexport default Switch\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,cAAc,UAAU,CAAA;AAExB,eAAe,MAAM,CAAA","sourcesContent":["import Switch from './switch'\n\nexport * from './switch'\n\nexport default Switch\n"]}

package/es/switch/switch.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import AntdSwitch from 'antd/es/switch';
+import { connectReadonlyComponent } from '../connect';
+import 'antd/es/switch/style';
+export * from 'antd/es/switch';
+export const Switch = connectReadonlyComponent(AntdSwitch, (props) => (React.createElement(AntdSwitch, Object.assign({}, props, { disabled: true }))));
+Switch.displayName = 'Switch';
+export default Switch;
+//# sourceMappingURL=switch.js.map

package/es/switch/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,UAAU,MAAM,gBAAgB,CAAA;AAEvC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AAErD,OAAO,sBAAsB,CAAA;AAE7B,cAAc,gBAAgB,CAAA;AAM9B,MAAM,CAAC,MAAM,MAAM,GAAG,wBAAwB,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACpE,oBAAC,UAAU,oBAAK,KAAK,IAAE,QAAQ,UAAG,CACnC,CAAC,CAAA;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,eAAe,MAAM,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport AntdSwitch from 'antd/es/switch'\nimport type { SwitchProps as AntdSwitchProps } from 'antd/es/switch'\nimport { connectReadonlyComponent } from '../connect'\n\nimport 'antd/es/switch/style'\n\nexport * from 'antd/es/switch'\n\nexport type SwitchProps = AntdSwitchProps & {\n  readonly?: boolean\n}\n\nexport const Switch = connectReadonlyComponent(AntdSwitch, (props) => (\n  <AntdSwitch {...props} disabled />\n))\n\nSwitch.displayName = 'Switch'\n\nexport default Switch\n"]}

package/es/table/table.less

@@ -6,6 +6,8 @@
 .@{table-prefix-cls} {
   background-color: @white;
   border-radius: @border-radius-base;
+  background-color: red;;
+  padding: 20px;
 
   &.@{table-prefix-cls}-borderless {
     .@{table-prefix-cls}-small {

package/es/time-picker/index.js

@@ -1,5 +1,7 @@
 import TimePicker from 'antd/es/time-picker';
+import { connectReadonlyComponent } from '../connect';
+import { PreviewText } from '../preview-text';
 import 'antd/es/time-picker/style';
 export * from 'antd/es/time-picker';
-export default TimePicker;
+export default connectReadonlyComponent(TimePicker, PreviewText.TimePicker);
 //# sourceMappingURL=index.js.map

package/es/time-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/time-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,qBAAqB,CAAA;AAE5C,OAAO,2BAA2B,CAAA;AAElC,cAAc,qBAAqB,CAAA;AAEnC,eAAe,UAAU,CAAA","sourcesContent":["import TimePicker from 'antd/es/time-picker'\n\nimport 'antd/es/time-picker/style'\n\nexport * from 'antd/es/time-picker'\n\nexport default TimePicker\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/time-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,qBAAqB,CAAA;AAE5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,OAAO,2BAA2B,CAAA;AAElC,cAAc,qBAAqB,CAAA;AAMnC,eAAe,wBAAwB,CAAC,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC,CAAA","sourcesContent":["import TimePicker from 'antd/es/time-picker'\nimport type { TimePickerProps as AntdTimePickerProps } from 'antd/es/time-picker'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nimport 'antd/es/time-picker/style'\n\nexport * from 'antd/es/time-picker'\n\nexport type TimePickerProps = AntdTimePickerProps & {\n  readonly?: boolean\n}\n\nexport default connectReadonlyComponent(TimePicker, PreviewText.TimePicker)\n"]}

package/es/tntd-form/ErrorList.js

@@ -0,0 +1,53 @@
+import classNames from 'classnames';
+import CSSMotion, { CSSMotionList } from 'rc-motion';
+import * as React from 'react';
+import { ConfigContext } from '../config-provider';
+import collapseMotion from './_util/motion';
+import { FormItemPrefixContext } from './context';
+import useDebounce from './hooks/useDebounce';
+const EMPTY_LIST = [];
+function toErrorEntity(error, errorStatus, prefix, index = 0) {
+    return {
+        key: typeof error === 'string' ? error : `${prefix}-${index}`,
+        error,
+        errorStatus,
+    };
+}
+export default function ErrorList({ help, helpStatus, errors = EMPTY_LIST, warnings = EMPTY_LIST, className: rootClassName, fieldId, onVisibleChanged, }) {
+    const { prefixCls } = React.useContext(FormItemPrefixContext);
+    // TODO
+    // @ts-ignore
+    const { getPrefixCls } = React.useContext(ConfigContext);
+    const baseClassName = `${prefixCls}-item-explain`;
+    // TODO:
+    // @ts-ignore
+    const rootPrefixCls = getPrefixCls();
+    // We have to debounce here again since somewhere use ErrorList directly still need no shaking
+    // ref: https://github.com/ant-design/ant-design/issues/36336
+    const debounceErrors = useDebounce(errors);
+    const debounceWarnings = useDebounce(warnings);
+    const fullKeyList = React.useMemo(() => {
+        if (help !== undefined && help !== null) {
+            return [toErrorEntity(help, helpStatus, 'help')];
+        }
+        return [
+            ...debounceErrors.map((error, index) => toErrorEntity(error, 'error', 'error', index)),
+            ...debounceWarnings.map((warning, index) => toErrorEntity(warning, 'warning', 'warning', index)),
+        ];
+    }, [help, helpStatus, debounceErrors, debounceWarnings]);
+    const helpProps = {};
+    if (fieldId) {
+        helpProps.id = `${fieldId}_help`;
+    }
+    return (React.createElement(CSSMotion, { motionDeadline: collapseMotion.motionDeadline, motionName: `${rootPrefixCls}-show-help`, visible: !!fullKeyList.length, onVisibleChanged: onVisibleChanged }, (holderProps) => {
+        const { className: holderClassName, style: holderStyle } = holderProps;
+        return (React.createElement("div", Object.assign({}, helpProps, { className: classNames(baseClassName, holderClassName, rootClassName), style: holderStyle, role: "alert" }),
+            React.createElement(CSSMotionList, Object.assign({ keys: fullKeyList }, collapseMotion, { motionName: `${rootPrefixCls}-show-help-item`, component: false }), (itemProps) => {
+                const { key, error, errorStatus, className: itemClassName, style: itemStyle, } = itemProps;
+                return (React.createElement("div", { key: key, className: classNames(itemClassName, {
+                        [`${baseClassName}-${errorStatus}`]: errorStatus,
+                    }), style: itemStyle }, error));
+            })));
+    }));
+}
+//# sourceMappingURL=ErrorList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorList.js","sourceRoot":"","sources":["../../src/tntd-form/ErrorList.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport CSSMotion, { CSSMotionList } from 'rc-motion'\nimport * as React from 'react'\nimport { ConfigContext } from '../config-provider'\nimport collapseMotion from './_util/motion'\nimport { FormItemPrefixContext } from './context'\nimport useDebounce from './hooks/useDebounce'\nimport type { ValidateStatus } from './FormItem'\n\nconst EMPTY_LIST: React.ReactNode[] = []\n\ninterface ErrorEntity {\n  error: React.ReactNode\n  errorStatus?: ValidateStatus\n  key: string\n}\n\nfunction toErrorEntity(\n  error: React.ReactNode,\n  errorStatus: ValidateStatus | undefined,\n  prefix: string,\n  index: number = 0\n): ErrorEntity {\n  return {\n    key: typeof error === 'string' ? error : `${prefix}-${index}`,\n    error,\n    errorStatus,\n  }\n}\n\nexport interface ErrorListProps {\n  fieldId?: string\n  help?: React.ReactNode\n  helpStatus?: ValidateStatus\n  errors?: React.ReactNode[]\n  warnings?: React.ReactNode[]\n  className?: string\n  onVisibleChanged?: (visible: boolean) => void\n}\n\nexport default function ErrorList({\n  help,\n  helpStatus,\n  errors = EMPTY_LIST,\n  warnings = EMPTY_LIST,\n  className: rootClassName,\n  fieldId,\n  onVisibleChanged,\n}: ErrorListProps) {\n  const { prefixCls } = React.useContext(FormItemPrefixContext)\n  // TODO\n  // @ts-ignore\n  const { getPrefixCls } = React.useContext(ConfigContext)\n\n  const baseClassName = `${prefixCls}-item-explain`\n  // TODO:\n  // @ts-ignore\n  const rootPrefixCls = getPrefixCls()\n\n  // We have to debounce here again since somewhere use ErrorList directly still need no shaking\n  // ref: https://github.com/ant-design/ant-design/issues/36336\n  const debounceErrors = useDebounce(errors)\n  const debounceWarnings = useDebounce(warnings)\n\n  const fullKeyList = React.useMemo(() => {\n    if (help !== undefined && help !== null) {\n      return [toErrorEntity(help, helpStatus, 'help')]\n    }\n\n    return [\n      ...debounceErrors.map((error, index) => toErrorEntity(error, 'error', 'error', index)),\n      ...debounceWarnings.map((warning, index) =>\n        toErrorEntity(warning, 'warning', 'warning', index)\n      ),\n    ]\n  }, [help, helpStatus, debounceErrors, debounceWarnings])\n\n  const helpProps: { id?: string } = {}\n\n  if (fieldId) {\n    helpProps.id = `${fieldId}_help`\n  }\n\n  return (\n    <CSSMotion\n      motionDeadline={collapseMotion.motionDeadline}\n      motionName={`${rootPrefixCls}-show-help`}\n      visible={!!fullKeyList.length}\n      onVisibleChanged={onVisibleChanged}\n    >\n      {(holderProps) => {\n        const { className: holderClassName, style: holderStyle } = holderProps\n\n        return (\n          <div\n            {...helpProps}\n            className={classNames(baseClassName, holderClassName, rootClassName)}\n            style={holderStyle}\n            role=\"alert\"\n          >\n            <CSSMotionList\n              keys={fullKeyList}\n              {...collapseMotion}\n              motionName={`${rootPrefixCls}-show-help-item`}\n              component={false}\n            >\n              {(itemProps) => {\n                const {\n                  key,\n                  error,\n                  errorStatus,\n                  className: itemClassName,\n                  style: itemStyle,\n                } = itemProps\n\n                return (\n                  <div\n                    key={key}\n                    className={classNames(itemClassName, {\n                      [`${baseClassName}-${errorStatus}`]: errorStatus,\n                    })}\n                    style={itemStyle}\n                  >\n                    {error}\n                  </div>\n                )\n              }}\n            </CSSMotionList>\n          </div>\n        )\n      }}\n    </CSSMotion>\n  )\n}\n"]}

package/es/tntd-form/Form.js

@@ -0,0 +1,101 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import classNames from 'classnames';
+import FieldForm, { List, useWatch } from 'rc-field-form';
+import * as React from 'react';
+import { useMemo } from 'react';
+import { ConfigContext } from '../config-provider';
+import DisabledContext, { DisabledContextProvider } from '../config-provider/DisabledContext';
+import SizeContext, { SizeContextProvider } from '../config-provider/SizeContext';
+import { FormContext, FormProvider } from './context';
+import ValidateMessagesContext from './validateMessagesContext';
+import useForm from './hooks/useForm';
+const InternalForm = (props, ref) => {
+    const contextSize = React.useContext(SizeContext);
+    const contextDisabled = React.useContext(DisabledContext);
+    // TODO
+    // @ts-ignore
+    const { getPrefixCls, direction, form: contextForm } = React.useContext(ConfigContext);
+    const { prefixCls: customizePrefixCls, className = '', size = contextSize, disabled = contextDisabled, form, colon, labelAlign, labelWrap, labelCol, wrapperCol, hideRequiredMark, layout = 'horizontal', scrollToFirstError, requiredMark, onFinishFailed, name, readonly } = props, restFormProps = __rest(props, ["prefixCls", "className", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "readonly"]);
+    const contextValidateMessages = React.useContext(ValidateMessagesContext);
+    const mergedRequiredMark = useMemo(() => {
+        if (requiredMark !== undefined) {
+            return requiredMark;
+        }
+        if (contextForm && contextForm.requiredMark !== undefined) {
+            return contextForm.requiredMark;
+        }
+        if (hideRequiredMark) {
+            return false;
+        }
+        return true;
+    }, [hideRequiredMark, requiredMark, contextForm]);
+    const mergedColon = colon !== null && colon !== void 0 ? colon : contextForm === null || contextForm === void 0 ? void 0 : contextForm.colon;
+    const prefixCls = getPrefixCls('form', customizePrefixCls);
+    const formClassName = classNames(prefixCls, {
+        [`${prefixCls}-tntd`]: true,
+        [`${prefixCls}-${layout}`]: true,
+        [`${prefixCls}-hide-required-mark`]: mergedRequiredMark === false,
+        [`${prefixCls}-rtl`]: direction === 'rtl',
+        [`${prefixCls}-${size}`]: size,
+    }, className);
+    const [wrapForm] = useForm(form);
+    const { __INTERNAL__ } = wrapForm;
+    __INTERNAL__.name = name;
+    const formContextValue = useMemo(() => ({
+        name,
+        labelAlign,
+        labelCol,
+        labelWrap,
+        wrapperCol,
+        vertical: layout === 'vertical',
+        colon: mergedColon,
+        requiredMark: mergedRequiredMark,
+        itemRef: __INTERNAL__.itemRef,
+        form: wrapForm,
+        readonly,
+    }), [
+        name,
+        labelAlign,
+        labelCol,
+        labelWrap,
+        wrapperCol,
+        layout,
+        mergedColon,
+        mergedRequiredMark,
+        wrapForm,
+        readonly,
+    ]);
+    React.useImperativeHandle(ref, () => wrapForm);
+    const onInternalFinishFailed = (errorInfo) => {
+        onFinishFailed === null || onFinishFailed === void 0 ? void 0 : onFinishFailed(errorInfo);
+        let defaultScrollToFirstError = { block: 'nearest' };
+        if (scrollToFirstError && errorInfo.errorFields.length) {
+            if (typeof scrollToFirstError === 'object') {
+                defaultScrollToFirstError = scrollToFirstError;
+            }
+            wrapForm.scrollToField(errorInfo.errorFields[0].name, defaultScrollToFirstError);
+        }
+    };
+    return (React.createElement(DisabledContextProvider, { disabled: disabled },
+        React.createElement(SizeContextProvider, { size: size },
+            React.createElement(FormProvider, Object.assign({}, {
+                // This is not list in API, we pass with spread
+                validateMessages: contextValidateMessages,
+            }),
+                React.createElement(FormContext.Provider, { value: formContextValue },
+                    React.createElement(FieldForm, Object.assign({ id: name }, restFormProps, { name: name, onFinishFailed: onInternalFinishFailed, form: wrapForm, className: formClassName })))))));
+};
+const Form = React.forwardRef(InternalForm);
+export { useForm, List, useWatch };
+export default Form;
+//# sourceMappingURL=Form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/tntd-form/Form.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport FieldForm, { List, useWatch } from 'rc-field-form'\nimport type { FormProps as RcFormProps } from 'rc-field-form/lib/Form'\nimport type { ValidateErrorEntity } from 'rc-field-form/lib/interface'\nimport * as React from 'react'\nimport { useMemo } from 'react'\nimport type { Options } from 'scroll-into-view-if-needed'\nimport { ConfigContext } from '../config-provider'\nimport DisabledContext, { DisabledContextProvider } from '../config-provider/DisabledContext'\nimport type { SizeType } from '../config-provider/SizeContext'\nimport SizeContext, { SizeContextProvider } from '../config-provider/SizeContext'\nimport type { ColProps } from '../col'\nimport type { FormContextProps } from './context'\nimport { FormContext, FormProvider } from './context'\nimport ValidateMessagesContext from './validateMessagesContext'\nimport useForm, { FormInstance } from './hooks/useForm'\nimport type { FormLabelAlign } from './interface'\n\nexport type RequiredMark = boolean | 'optional'\nexport type FormLayout = 'horizontal' | 'inline' | 'vertical'\n\nexport interface FormProps<Values = any> extends Omit<RcFormProps<Values>, 'form'> {\n  prefixCls?: string\n  colon?: boolean\n  name?: string\n  layout?: FormLayout\n  labelAlign?: FormLabelAlign\n  labelWrap?: boolean\n  labelCol?: ColProps\n  wrapperCol?: ColProps\n  form?: FormInstance<Values>\n  size?: SizeType\n  disabled?: boolean\n  readonly?: boolean\n  scrollToFirstError?: Options | boolean\n  requiredMark?: RequiredMark\n  /** @deprecated Will warning in future branch. Pls use `requiredMark` instead. */\n  hideRequiredMark?: boolean\n}\n\nconst InternalForm: React.ForwardRefRenderFunction<FormInstance, FormProps> = (props, ref) => {\n  const contextSize = React.useContext(SizeContext)\n  const contextDisabled = React.useContext(DisabledContext)\n  // TODO\n  // @ts-ignore\n  const { getPrefixCls, direction, form: contextForm } = React.useContext(ConfigContext)\n\n  const {\n    prefixCls: customizePrefixCls,\n    className = '',\n    size = contextSize,\n    disabled = contextDisabled,\n    form,\n    colon,\n    labelAlign,\n    labelWrap,\n    labelCol,\n    wrapperCol,\n    hideRequiredMark,\n    layout = 'horizontal',\n    scrollToFirstError,\n    requiredMark,\n    onFinishFailed,\n    name,\n    readonly,\n    ...restFormProps\n  } = props\n\n  const contextValidateMessages = React.useContext(ValidateMessagesContext)\n\n  const mergedRequiredMark = useMemo(() => {\n    if (requiredMark !== undefined) {\n      return requiredMark\n    }\n\n    if (contextForm && contextForm.requiredMark !== undefined) {\n      return contextForm.requiredMark\n    }\n\n    if (hideRequiredMark) {\n      return false\n    }\n\n    return true\n  }, [hideRequiredMark, requiredMark, contextForm])\n\n  const mergedColon = colon ?? contextForm?.colon\n\n  const prefixCls = getPrefixCls('form', customizePrefixCls)\n\n  const formClassName = classNames(\n    prefixCls,\n    {\n      [`${prefixCls}-tntd`]: true,\n      [`${prefixCls}-${layout}`]: true,\n      [`${prefixCls}-hide-required-mark`]: mergedRequiredMark === false,\n      [`${prefixCls}-rtl`]: direction === 'rtl',\n      [`${prefixCls}-${size}`]: size,\n    },\n    className\n  )\n\n  const [wrapForm] = useForm(form)\n  const { __INTERNAL__ } = wrapForm\n  __INTERNAL__.name = name\n\n  const formContextValue = useMemo<FormContextProps>(\n    () => ({\n      name,\n      labelAlign,\n      labelCol,\n      labelWrap,\n      wrapperCol,\n      vertical: layout === 'vertical',\n      colon: mergedColon,\n      requiredMark: mergedRequiredMark,\n      itemRef: __INTERNAL__.itemRef,\n      form: wrapForm,\n      readonly,\n    }),\n    [\n      name,\n      labelAlign,\n      labelCol,\n      labelWrap,\n      wrapperCol,\n      layout,\n      mergedColon,\n      mergedRequiredMark,\n      wrapForm,\n      readonly,\n    ]\n  )\n\n  React.useImperativeHandle(ref, () => wrapForm)\n\n  const onInternalFinishFailed = (errorInfo: ValidateErrorEntity) => {\n    onFinishFailed?.(errorInfo)\n\n    let defaultScrollToFirstError: Options = { block: 'nearest' }\n\n    if (scrollToFirstError && errorInfo.errorFields.length) {\n      if (typeof scrollToFirstError === 'object') {\n        defaultScrollToFirstError = scrollToFirstError\n      }\n      wrapForm.scrollToField(errorInfo.errorFields[0].name, defaultScrollToFirstError)\n    }\n  }\n\n  return (\n    <DisabledContextProvider disabled={disabled}>\n      <SizeContextProvider size={size}>\n        <FormProvider\n          {...{\n            // This is not list in API, we pass with spread\n            validateMessages: contextValidateMessages,\n          }}\n        >\n          <FormContext.Provider value={formContextValue}>\n            <FieldForm\n              id={name}\n              {...restFormProps}\n              name={name}\n              onFinishFailed={onInternalFinishFailed}\n              form={wrapForm}\n              className={formClassName}\n            />\n          </FormContext.Provider>\n        </FormProvider>\n      </SizeContextProvider>\n    </DisabledContextProvider>\n  )\n}\n\nconst Form = React.forwardRef<FormInstance, FormProps>(InternalForm) as <Values = any>(\n  props: React.PropsWithChildren<FormProps<Values>> & { ref?: React.Ref<FormInstance<Values>> }\n) => React.ReactElement\n\nexport { useForm, List, FormInstance, useWatch }\n\nexport default Form\n"]}

package/es/tntd-form/FormItem/ItemHolder.js

@@ -0,0 +1,135 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
+import classNames from 'classnames';
+import * as React from 'react';
+import omit from 'rc-util/lib/omit';
+import Row from '../../row';
+import FormItemLabel from '../FormItemLabel';
+import FormItemInput from '../FormItemInput';
+import { FormContext, FormItemInputContext, NoStyleItemContext } from '../context';
+import useDebounce from '../hooks/useDebounce';
+import Icon from '../../icon';
+const iconMap = {
+    success: () => React.createElement(Icon, { type: "check-circle" }),
+    warning: () => React.createElement(Icon, { type: "exclamation-circle" }),
+    error: () => React.createElement(Icon, { type: "close-circle" }),
+    validating: () => React.createElement(Icon, { type: "loading" }),
+};
+export default function ItemHolder(props) {
+    const { prefixCls, className, style, help, errors, warnings, validateStatus, meta, hasFeedback, hidden, children, fieldId, isRequired, onSubItemMetaChange } = props, restProps = __rest(props, ["prefixCls", "className", "style", "help", "errors", "warnings", "validateStatus", "meta", "hasFeedback", "hidden", "children", "fieldId", "isRequired", "onSubItemMetaChange"]);
+    const itemPrefixCls = `${prefixCls}-item`;
+    const { requiredMark } = React.useContext(FormContext);
+    // ======================== Margin ========================
+    const itemRef = React.useRef(null);
+    const debounceErrors = useDebounce(errors);
+    const debounceWarnings = useDebounce(warnings);
+    const hasHelp = help !== undefined && help !== null;
+    const hasError = !!(hasHelp || errors.length || warnings.length);
+    const [marginBottom, setMarginBottom] = React.useState(null);
+    useLayoutEffect(() => {
+        if (hasError && itemRef.current) {
+            const itemStyle = getComputedStyle(itemRef.current);
+            setMarginBottom(parseInt(itemStyle.marginBottom, 10));
+        }
+    }, [hasError]);
+    const onErrorVisibleChanged = (nextVisible) => {
+        if (!nextVisible) {
+            setMarginBottom(null);
+        }
+    };
+    // ======================== Status ========================
+    let mergedValidateStatus = '';
+    if (validateStatus !== undefined) {
+        mergedValidateStatus = validateStatus;
+    }
+    else if (meta.validating) {
+        mergedValidateStatus = 'validating';
+    }
+    else if (debounceErrors.length) {
+        mergedValidateStatus = 'error';
+    }
+    else if (debounceWarnings.length) {
+        mergedValidateStatus = 'warning';
+    }
+    else if (meta.touched) {
+        mergedValidateStatus = 'success';
+    }
+    const formItemStatusContext = React.useMemo(() => {
+        let feedbackIcon;
+        if (hasFeedback) {
+            const IconNode = mergedValidateStatus && iconMap[mergedValidateStatus];
+            feedbackIcon = IconNode ? (React.createElement("span", { className: classNames(`${itemPrefixCls}-feedback-icon`, `${itemPrefixCls}-feedback-icon-${mergedValidateStatus}`) },
+                React.createElement(IconNode, null))) : null;
+        }
+        return {
+            status: mergedValidateStatus,
+            hasFeedback,
+            feedbackIcon,
+            isFormItemInput: true,
+        };
+    }, [mergedValidateStatus, hasFeedback]);
+    // ======================== Render ========================
+    const itemClassName = {
+        [itemPrefixCls]: true,
+        [`${itemPrefixCls}-with-help`]: hasHelp || debounceErrors.length || debounceWarnings.length,
+        [`${className}`]: !!className,
+        // Status
+        [`${itemPrefixCls}-has-feedback has-feedback`]: mergedValidateStatus && hasFeedback,
+        [`${itemPrefixCls}-has-success has-success`]: mergedValidateStatus === 'success',
+        [`${itemPrefixCls}-has-warning has-warning`]: mergedValidateStatus === 'warning',
+        [`${itemPrefixCls}-has-error has-error`]: mergedValidateStatus === 'error',
+        [`${itemPrefixCls}-is-validating is-validating`]: mergedValidateStatus === 'validating',
+        [`${itemPrefixCls}-hidden hidden`]: hidden,
+    };
+    return (React.createElement("div", { className: classNames(itemClassName), style: style, ref: itemRef },
+        React.createElement(Row, Object.assign({ className: `${itemPrefixCls}-row` }, omit(restProps, [
+            '_internalItemRender',
+            'colon',
+            'dependencies',
+            'extra',
+            'fieldKey',
+            'getValueFromEvent',
+            'getValueProps',
+            'htmlFor',
+            'id',
+            'initialValue',
+            'isListField',
+            'label',
+            'labelAlign',
+            'labelCol',
+            'labelWrap',
+            'messageVariables',
+            'name',
+            'normalize',
+            'noStyle',
+            'preserve',
+            'required',
+            'requiredMark',
+            'rules',
+            'shouldUpdate',
+            'trigger',
+            'tooltip',
+            'validateFirst',
+            'validateTrigger',
+            'valuePropName',
+            'wrapperCol',
+        ])),
+            React.createElement(FormItemLabel, Object.assign({ htmlFor: fieldId, required: isRequired, requiredMark: requiredMark }, props, { prefixCls: prefixCls })),
+            React.createElement(FormItemInput, Object.assign({}, props, meta, { errors: debounceErrors, warnings: debounceWarnings, prefixCls: prefixCls, status: mergedValidateStatus, help: help, marginBottom: marginBottom, onErrorVisibleChanged: onErrorVisibleChanged }),
+                React.createElement(NoStyleItemContext.Provider, { value: onSubItemMetaChange },
+                    React.createElement(FormItemInputContext.Provider, { value: formItemStatusContext }, children)))),
+        !!marginBottom && (React.createElement("div", { className: `${itemPrefixCls}-margin-offset`, style: {
+                marginBottom: -marginBottom,
+            } }))));
+}
+//# sourceMappingURL=ItemHolder.js.map

package/es/tntd-form/FormItem/ItemHolder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemHolder.js","sourceRoot":"","sources":["../../../src/tntd-form/FormItem/ItemHolder.tsx"],"names":[],"mappings":"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","sourcesContent":["import useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect'\nimport classNames from 'classnames'\nimport * as React from 'react'\nimport omit from 'rc-util/lib/omit'\nimport type { Meta } from 'rc-field-form/lib/interface'\nimport Row from '../../row'\nimport FormItemLabel from '../FormItemLabel'\nimport FormItemInput from '../FormItemInput'\nimport type { FormItemStatusContextProps, ReportMetaChange } from '../context'\nimport { FormContext, FormItemInputContext, NoStyleItemContext } from '../context'\nimport type { FormItemProps, ValidateStatus } from '.'\nimport useDebounce from '../hooks/useDebounce'\nimport Icon from '../../icon'\n\nconst iconMap = {\n  success: () => <Icon type=\"check-circle\" />,\n  warning: () => <Icon type=\"exclamation-circle\" />,\n  error: () => <Icon type=\"close-circle\" />,\n  validating: () => <Icon type=\"loading\" />,\n}\n\nexport interface ItemHolderProps extends FormItemProps {\n  prefixCls: string\n  className?: string\n  style?: React.CSSProperties\n  errors: React.ReactNode[]\n  warnings: React.ReactNode[]\n  meta: Meta\n  children?: React.ReactNode\n  fieldId?: string\n  isRequired?: boolean\n  onSubItemMetaChange: ReportMetaChange\n}\n\nexport default function ItemHolder(props: ItemHolderProps) {\n  const {\n    prefixCls,\n    className,\n    style,\n    help,\n    errors,\n    warnings,\n    validateStatus,\n    meta,\n    hasFeedback,\n    hidden,\n    children,\n    fieldId,\n    isRequired,\n    onSubItemMetaChange,\n    ...restProps\n  } = props\n\n  const itemPrefixCls = `${prefixCls}-item`\n  const { requiredMark } = React.useContext(FormContext)\n\n  // ======================== Margin ========================\n  const itemRef = React.useRef<HTMLDivElement>(null)\n  const debounceErrors = useDebounce(errors)\n  const debounceWarnings = useDebounce(warnings)\n  const hasHelp = help !== undefined && help !== null\n  const hasError = !!(hasHelp || errors.length || warnings.length)\n  const [marginBottom, setMarginBottom] = React.useState<number | null>(null)\n\n  useLayoutEffect(() => {\n    if (hasError && itemRef.current) {\n      const itemStyle = getComputedStyle(itemRef.current)\n      setMarginBottom(parseInt(itemStyle.marginBottom, 10))\n    }\n  }, [hasError])\n\n  const onErrorVisibleChanged = (nextVisible: boolean) => {\n    if (!nextVisible) {\n      setMarginBottom(null)\n    }\n  }\n\n  // ======================== Status ========================\n  let mergedValidateStatus: ValidateStatus = ''\n  if (validateStatus !== undefined) {\n    mergedValidateStatus = validateStatus\n  } else if (meta.validating) {\n    mergedValidateStatus = 'validating'\n  } else if (debounceErrors.length) {\n    mergedValidateStatus = 'error'\n  } else if (debounceWarnings.length) {\n    mergedValidateStatus = 'warning'\n  } else if (meta.touched) {\n    mergedValidateStatus = 'success'\n  }\n\n  const formItemStatusContext = React.useMemo<FormItemStatusContextProps>(() => {\n    let feedbackIcon: React.ReactNode\n    if (hasFeedback) {\n      const IconNode = mergedValidateStatus && iconMap[mergedValidateStatus]\n      feedbackIcon = IconNode ? (\n        <span\n          className={classNames(\n            `${itemPrefixCls}-feedback-icon`,\n            `${itemPrefixCls}-feedback-icon-${mergedValidateStatus}`\n          )}\n        >\n          <IconNode />\n        </span>\n      ) : null\n    }\n\n    return {\n      status: mergedValidateStatus,\n      hasFeedback,\n      feedbackIcon,\n      isFormItemInput: true,\n    }\n  }, [mergedValidateStatus, hasFeedback])\n\n  // ======================== Render ========================\n  const itemClassName = {\n    [itemPrefixCls]: true,\n    [`${itemPrefixCls}-with-help`]: hasHelp || debounceErrors.length || debounceWarnings.length,\n    [`${className}`]: !!className,\n\n    // Status\n    [`${itemPrefixCls}-has-feedback has-feedback`]: mergedValidateStatus && hasFeedback,\n    [`${itemPrefixCls}-has-success has-success`]: mergedValidateStatus === 'success',\n    [`${itemPrefixCls}-has-warning has-warning`]: mergedValidateStatus === 'warning',\n    [`${itemPrefixCls}-has-error has-error`]: mergedValidateStatus === 'error',\n    [`${itemPrefixCls}-is-validating is-validating`]: mergedValidateStatus === 'validating',\n    [`${itemPrefixCls}-hidden hidden`]: hidden,\n  }\n\n  return (\n    <div className={classNames(itemClassName)} style={style} ref={itemRef}>\n      <Row\n        className={`${itemPrefixCls}-row`}\n        {...omit(restProps, [\n          '_internalItemRender' as any,\n          'colon',\n          'dependencies',\n          'extra',\n          'fieldKey',\n          'getValueFromEvent',\n          'getValueProps',\n          'htmlFor',\n          'id', // It is deprecated because `htmlFor` is its replacement.\n          'initialValue',\n          'isListField',\n          'label',\n          'labelAlign',\n          'labelCol',\n          'labelWrap',\n          'messageVariables',\n          'name',\n          'normalize',\n          'noStyle',\n          'preserve',\n          'required',\n          'requiredMark',\n          'rules',\n          'shouldUpdate',\n          'trigger',\n          'tooltip',\n          'validateFirst',\n          'validateTrigger',\n          'valuePropName',\n          'wrapperCol',\n        ])}\n      >\n        {/* Label */}\n        <FormItemLabel\n          htmlFor={fieldId}\n          required={isRequired}\n          requiredMark={requiredMark}\n          {...props}\n          prefixCls={prefixCls}\n        />\n        {/* Input Group */}\n        <FormItemInput\n          {...props}\n          {...meta}\n          errors={debounceErrors}\n          warnings={debounceWarnings}\n          prefixCls={prefixCls}\n          status={mergedValidateStatus}\n          help={help}\n          marginBottom={marginBottom}\n          onErrorVisibleChanged={onErrorVisibleChanged}\n        >\n          <NoStyleItemContext.Provider value={onSubItemMetaChange}>\n            <FormItemInputContext.Provider value={formItemStatusContext}>\n              {children}\n            </FormItemInputContext.Provider>\n          </NoStyleItemContext.Provider>\n        </FormItemInput>\n      </Row>\n\n      {!!marginBottom && (\n        <div\n          className={`${itemPrefixCls}-margin-offset`}\n          style={{\n            marginBottom: -marginBottom,\n          }}\n        />\n      )}\n    </div>\n  )\n}\n"]}