tntd 2.8.0-beta.2 → 2.8.0-beta.3

package/es/time-picker/style/index.less

@@ -0,0 +1,246 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import '../../input/style/mixin';
+
+@timepicker-prefix-cls: ~'@{ant-prefix}-time-picker';
+@timepicker-item-height: 32px;
+
+.@{timepicker-prefix-cls}-panel {
+  .reset-component;
+
+  position: absolute;
+  z-index: @zindex-picker;
+  font-family: @font-family;
+
+  &-inner {
+    position: relative;
+    left: -2px;
+    font-size: @font-size-base;
+    text-align: left;
+    list-style: none;
+    background-color: @component-background;
+    background-clip: padding-box;
+    border-radius: @border-radius-base;
+    outline: none;
+    box-shadow: @box-shadow-base;
+  }
+
+  &-input {
+    width: 100%;
+    max-width: calc(@time-picker-panel-column-width * 3 - @control-padding-horizontal - 2px);
+    margin: 0;
+    padding: 0;
+    line-height: normal;
+    border: 0;
+    outline: 0;
+    cursor: auto;
+
+    .placeholder;
+
+    &-wrap {
+      position: relative;
+      padding: 7px 2px 7px @control-padding-horizontal;
+      border-bottom: @border-width-base @border-style-base @border-color-split;
+    }
+
+    &-invalid {
+      border-color: @error-color;
+    }
+  }
+
+  &-narrow &-input-wrap {
+    max-width: calc(@time-picker-panel-column-width * 2);
+  }
+
+  &-select {
+    position: relative; // Fix chrome weird render bug
+    float: left;
+    width: @time-picker-panel-column-width;
+    max-height: calc(@timepicker-item-height * 6);
+    overflow: hidden;
+    font-size: @font-size-base;
+    border-left: @border-width-base @border-style-base @border-color-split;
+
+    &:hover {
+      overflow-y: auto;
+    }
+
+    &:first-child {
+      margin-left: 0;
+      border-left: 0;
+    }
+
+    &:last-child {
+      border-right: 0;
+    }
+
+    &:only-child {
+      width: 100%;
+    }
+
+    ul {
+      // use fixed width instead of 100%
+      // to fix strange render bug in safari: https://github.com/ant-design/ant-design/issues/17842
+      width: @time-picker-panel-column-width;
+      margin: 0;
+      padding: 0 0 calc(@timepicker-item-height * 5);
+      list-style: none;
+    }
+
+    li {
+      width: 100%;
+      height: @timepicker-item-height;
+      margin: 0;
+      padding: 0 0 0 @control-padding-horizontal;
+      line-height: @timepicker-item-height;
+      text-align: left;
+      list-style: none;
+      cursor: pointer;
+      transition: all 0.3s;
+      user-select: none;
+
+      &:focus {
+        color: @primary-color;
+        font-weight: 600;
+        outline: none;
+      }
+    }
+
+    li:hover {
+      background: @item-hover-bg;
+    }
+
+    li&-option-selected {
+      font-weight: 600;
+      background: @time-picker-selected-bg;
+      &:hover {
+        background: @time-picker-selected-bg;
+      }
+    }
+
+    li&-option-disabled {
+      color: @btn-disable-color;
+      &:hover {
+        background: transparent;
+        cursor: not-allowed;
+      }
+      &:focus {
+        color: @btn-disable-color;
+        font-weight: inherit;
+      }
+    }
+  }
+
+  &-combobox {
+    .clearfix;
+  }
+
+  &-addon {
+    padding: 8px;
+    border-top: @border-width-base @border-style-base @border-color-split;
+  }
+
+  &.slide-up-enter.slide-up-enter-active&-placement-topLeft,
+  &.slide-up-enter.slide-up-enter-active&-placement-topRight,
+  &.slide-up-appear.slide-up-appear-active&-placement-topLeft,
+  &.slide-up-appear.slide-up-appear-active&-placement-topRight {
+    animation-name: antSlideDownIn;
+  }
+
+  &.slide-up-enter.slide-up-enter-active&-placement-bottomLeft,
+  &.slide-up-enter.slide-up-enter-active&-placement-bottomRight,
+  &.slide-up-appear.slide-up-appear-active&-placement-bottomLeft,
+  &.slide-up-appear.slide-up-appear-active&-placement-bottomRight {
+    animation-name: antSlideUpIn;
+  }
+
+  &.slide-up-leave.slide-up-leave-active&-placement-topLeft,
+  &.slide-up-leave.slide-up-leave-active&-placement-topRight {
+    animation-name: antSlideDownOut;
+  }
+
+  &.slide-up-leave.slide-up-leave-active&-placement-bottomLeft,
+  &.slide-up-leave.slide-up-leave-active&-placement-bottomRight {
+    animation-name: antSlideUpOut;
+  }
+}
+
+.@{timepicker-prefix-cls} {
+  .reset-component;
+
+  position: relative;
+  display: inline-block;
+  width: 128px;
+  outline: none;
+  cursor: text;
+  transition: opacity 0.3s;
+
+  &-input {
+    .input;
+    &[disabled] {
+      .disabled;
+    }
+  }
+
+  &-open {
+    opacity: 0;
+  }
+
+  &-icon,
+  &-clear {
+    position: absolute;
+    top: 50%;
+    right: calc(@control-padding-horizontal - 1px);
+    z-index: 1;
+    width: 14px;
+    height: 14px;
+    margin-top: -7px;
+    color: @disabled-color;
+    line-height: 14px;
+    transition: all 0.3s @ease-in-out;
+    user-select: none;
+    .@{timepicker-prefix-cls}-clock-icon {
+      display: block;
+      color: @disabled-color;
+      line-height: 1;
+    }
+  }
+
+  &-clear {
+    z-index: 2;
+    background: @input-bg;
+    opacity: 0;
+    pointer-events: none;
+    &:hover {
+      color: @text-color-secondary;
+    }
+  }
+  &:hover &-clear {
+    opacity: 1;
+    pointer-events: auto;
+  }
+
+  &-large &-input {
+    .input-lg;
+  }
+
+  &-small &-input {
+    .input-sm;
+  }
+
+  &-small &-icon,
+  &-small &-clear {
+    right: calc(@control-padding-horizontal-sm - 1px);
+  }
+}
+
+// Fix cursor height in safari
+// https://stackoverflow.com/q/3843408/3040605
+// https://browserstrangeness.github.io/css_hacks.html#safari
+@media not all and (min-resolution: 0.001dpcm) {
+  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
+    .@{ant-prefix}-input {
+      line-height: @line-height-base;
+    }
+  }
+}

package/es/timeline/index.js

@@ -1,4 +1,4 @@
 import Timeline from 'antd/es/timeline';
-import 'antd/es/timeline/style';
+import './style';
 export * from 'antd/es/timeline';
 export default Timeline;

package/es/timeline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,kBAAkB,CAAA;AAEvC,OAAO,wBAAwB,CAAA;AAE/B,cAAc,kBAAkB,CAAA;AAEhC,eAAe,QAAQ,CAAA","sourcesContent":["import Timeline from 'antd/es/timeline'\n\nimport 'antd/es/timeline/style'\n\nexport * from 'antd/es/timeline'\n\nexport default Timeline\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,kBAAkB,CAAA;AAEvC,OAAO,SAAS,CAAA;AAEhB,cAAc,kBAAkB,CAAA;AAEhC,eAAe,QAAQ,CAAA","sourcesContent":["import Timeline from 'antd/es/timeline'\n\nimport './style'\n\nexport * from 'antd/es/timeline'\n\nexport default Timeline\n"]}

package/es/timeline/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/timeline/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n"]}

package/es/timeline/style/index.less

@@ -0,0 +1,167 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@timeline-prefix-cls: ~'@{ant-prefix}-timeline';
+
+.@{timeline-prefix-cls} {
+  .reset-component;
+
+  margin: 0;
+  padding: 0;
+  list-style: none;
+
+  &-item {
+    position: relative;
+    margin: 0;
+    padding: 0 0 20px;
+    font-size: @font-size-base;
+    list-style: none;
+
+    &-tail {
+      position: absolute;
+      top: 10px;
+      left: 4px;
+      height: calc(100% - 10px);
+      border-left: @timeline-width solid @timeline-color;
+    }
+
+    &-pending &-head {
+      font-size: @font-size-sm;
+      background-color: transparent;
+    }
+
+    &-pending &-tail {
+      display: none;
+    }
+
+    &-head {
+      position: absolute;
+      width: 10px;
+      height: 10px;
+      background-color: @timeline-dot-bg;
+      border: @timeline-dot-border-width solid transparent;
+      border-radius: 100px;
+
+      &-blue {
+        color: @primary-color;
+        border-color: @primary-color;
+      }
+
+      &-red {
+        color: @error-color;
+        border-color: @error-color;
+      }
+
+      &-green {
+        color: @success-color;
+        border-color: @success-color;
+      }
+
+      &-gray {
+        color: @disabled-color;
+        border-color: @disabled-color;
+      }
+    }
+
+    &-head-custom {
+      position: absolute;
+      top: 5.5px;
+      left: 5px;
+      width: auto;
+      height: auto;
+      margin-top: 0;
+      padding: 3px 1px;
+      line-height: 1;
+      text-align: center;
+      border: 0;
+      border-radius: 0;
+      transform: translate(-50%, -50%);
+    }
+
+    &-content {
+      position: relative;
+      top: calc(-(@font-size-base * @line-height-base - @font-size-base) + 1px);
+      margin: 0 0 0 18px;
+      word-break: break-word;
+    }
+
+    &-last {
+      > .@{timeline-prefix-cls}-item-tail {
+        display: none;
+      }
+      > .@{timeline-prefix-cls}-item-content {
+        min-height: 48px;
+      }
+    }
+  }
+
+  &.@{timeline-prefix-cls}-alternate,
+  &.@{timeline-prefix-cls}-right {
+    .@{timeline-prefix-cls}-item {
+      &-tail,
+      &-head,
+      &-head-custom {
+        left: 50%;
+      }
+
+      &-head {
+        margin-left: -4px;
+        &-custom {
+          margin-left: 1px;
+        }
+      }
+
+      &-left {
+        .@{timeline-prefix-cls}-item-content {
+          left: calc(50% - 4px);
+          width: calc(50% - 14px);
+          text-align: left;
+        }
+      }
+
+      &-right {
+        .@{timeline-prefix-cls}-item-content {
+          width: calc(50% - 12px);
+          margin: 0;
+          text-align: right;
+        }
+      }
+    }
+  }
+
+  &.@{timeline-prefix-cls}-right {
+    .@{timeline-prefix-cls}-item-right {
+      .@{timeline-prefix-cls}-item-tail,
+      .@{timeline-prefix-cls}-item-head,
+      .@{timeline-prefix-cls}-item-head-custom {
+        // stylelint-disable-next-line function-calc-no-invalid
+        left: calc(100% - 4px - @timeline-width);
+      }
+      .@{timeline-prefix-cls}-item-content {
+        width: calc(100% - 18px);
+      }
+    }
+  }
+
+  &&-pending &-item-last &-item-tail {
+    display: block;
+    height: calc(100% - 14px);
+    border-left: 2px dotted @timeline-color;
+  }
+
+  &&-reverse &-item-last &-item-tail {
+    display: none;
+  }
+
+  &&-reverse &-item-pending {
+    .@{timeline-prefix-cls}-item-tail {
+      top: 15px;
+      display: block;
+      height: calc(100% - 15px);
+      border-left: 2px dotted @timeline-color;
+    }
+    .@{timeline-prefix-cls}-item-content {
+      min-height: 48px;
+    }
+  }
+}

package/es/tntd-action/index.js

@@ -0,0 +1,7 @@
+import 'react';
+// 空组件，为了保持tntd两个版本使用上统一
+export default function ({
+  children
+}) {
+  return children;
+}

package/es/tntd-action/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-action/index.js"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAA;AAEzB,wBAAwB;AACxB,MAAM,CAAC,OAAO,WAAW,EAAE,QAAQ,EAAE;IACnC,OAAO,QAAQ,CAAA;AACjB,CAAC","sourcesContent":["import React from 'react'\n\n// 空组件，为了保持tntd两个版本使用上统一\nexport default function ({ children }) {\n  return children\n}\n"]}

package/es/tntd-cascader/rc-cascader/OptionList/index.js

@@ -136,7 +136,6 @@ const RefOptionList = React.forwardRef((props, ref) => {
       const cellKeyPath = toPathKey(cellPath);
       const ele = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`li[data-path-key="${cellKeyPath.replace(/\\{0,2}"/g, '\\"')}"]` // matches unescaped double quotes
       );
-
       if (ele) {
         scrollIntoParentView(ele);
       }

package/es/tntd-cascader/rc-cascader/OptionList/useActive.js

@@ -24,6 +24,5 @@ export default (() => {
   }, /* eslint-disable react-hooks/exhaustive-deps */
   [open]
   /* eslint-enable react-hooks/exhaustive-deps */);
-
   return [activeValueCells, setActiveValueCells];
 });

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

@@ -1 +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, useEffect } 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  useEffect(() => {\n    // set initial values\n    if (restFormProps.initialValues) {\n      form?.setFieldsValue(restFormProps.initialValues)\n    }\n\n    // clear form fields value after unmount\n    return () =>\n      form?.setFieldsValue(\n        Object.keys(form?.getFieldsValue() || {}).reduce((acc: any, cur: string) => {\n          acc[cur] = undefined\n          return acc\n        }, {})\n      )\n    // eslint-disable-next-line react-hooks/exhaustive-deps\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"]}
+{"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, useEffect } 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 '../grid-v4/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  useEffect(() => {\n    // set initial values\n    if (restFormProps.initialValues) {\n      form?.setFieldsValue(restFormProps.initialValues)\n    }\n\n    // clear form fields value after unmount\n    return () =>\n      form?.setFieldsValue(\n        Object.keys(form?.getFieldsValue() || {}).reduce((acc: any, cur: string) => {\n          acc[cur] = undefined\n          return acc\n        }, {})\n      )\n    // eslint-disable-next-line react-hooks/exhaustive-deps\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

@@ -10,7 +10,7 @@ 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 '../../grid';
+import { Row } from '../../grid-v4';
 import FormItemLabel from '../FormItemLabel';
 import FormItemInput from '../FormItemInput';
 import { FormContext, FormItemInputContext, NoStyleItemContext } from '../context';

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

@@ -1 +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 '../../grid'\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"]}
+{"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 '../../grid-v4'\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"]}

package/es/tntd-form/FormItemInput.js

@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 import * as React from 'react';
-import Col from '../grid/col';
+import Col from '../grid-v4/col';
 import { FormContext, FormItemPrefixContext } from './context';
 import ErrorList from './ErrorList';
 const FormItemInput = props => {

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

@@ -1 +1 @@
-{"version":3,"file":"FormItemInput.js","sourceRoot":"","sources":["../../src/tntd-form/FormItemInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport * as React from 'react'\nimport type { ColProps } from '../grid/col'\nimport Col from '../grid/col'\nimport { FormContext, FormItemPrefixContext } from './context'\nimport ErrorList from './ErrorList'\nimport type { ValidateStatus } from './FormItem'\n\ninterface FormItemInputMiscProps {\n  prefixCls: string\n  children: React.ReactNode\n  errors: React.ReactNode[]\n  warnings: React.ReactNode[]\n  marginBottom?: number | null\n  onErrorVisibleChanged?: (visible: boolean) => void\n  /** @internal do not use in any of your production. */\n  _internalItemRender?: {\n    mark: string\n    render: (\n      props: FormItemInputProps & FormItemInputMiscProps,\n      domList: {\n        input: JSX.Element\n        errorList: JSX.Element | null\n        extra: JSX.Element | null\n      }\n    ) => React.ReactNode\n  }\n}\n\nexport interface FormItemInputProps {\n  wrapperCol?: ColProps\n  extra?: React.ReactNode\n  status?: ValidateStatus\n  help?: React.ReactNode\n  fieldId?: string\n}\n\nconst FormItemInput: React.FC<FormItemInputProps & FormItemInputMiscProps> = (props) => {\n  const {\n    prefixCls,\n    status,\n    wrapperCol,\n    children,\n    errors,\n    warnings,\n    _internalItemRender: formItemRender,\n    extra,\n    help,\n    fieldId,\n    marginBottom,\n    onErrorVisibleChanged,\n  } = props\n  const baseClassName = `${prefixCls}-item`\n\n  const formContext = React.useContext(FormContext)\n\n  const mergedWrapperCol: ColProps = wrapperCol || formContext.wrapperCol || {}\n\n  const className = classNames(`${baseClassName}-control`, mergedWrapperCol.className)\n\n  // Pass to sub FormItem should not with col info\n  const subFormContext = React.useMemo(() => ({ ...formContext }), [formContext])\n  delete subFormContext.labelCol\n  delete subFormContext.wrapperCol\n\n  const inputDom = (\n    <div className={`${baseClassName}-control-input`}>\n      <div className={`${baseClassName}-control-input-content`}>{children}</div>\n    </div>\n  )\n  const formItemContext = React.useMemo(() => ({ prefixCls, status }), [prefixCls, status])\n  const errorListDom =\n    marginBottom !== null || errors.length || warnings.length ? (\n      <div style={{ display: 'flex', flexWrap: 'nowrap' }}>\n        <FormItemPrefixContext.Provider value={formItemContext}>\n          <ErrorList\n            fieldId={fieldId}\n            errors={errors}\n            warnings={warnings}\n            help={help}\n            helpStatus={status}\n            className={`${baseClassName}-explain-connected`}\n            onVisibleChanged={onErrorVisibleChanged}\n          />\n        </FormItemPrefixContext.Provider>\n        {!!marginBottom && <div style={{ width: 0, height: marginBottom }} />}\n      </div>\n    ) : null\n\n  const extraProps: { id?: string } = {}\n\n  if (fieldId) {\n    extraProps.id = `${fieldId}_extra`\n  }\n\n  // If extra = 0, && will goes wrong\n  // 0&&error -> 0\n  const extraDom = extra ? (\n    <div {...extraProps} className={`${baseClassName}-extra`}>\n      {extra}\n    </div>\n  ) : null\n\n  const dom =\n    formItemRender && formItemRender.mark === 'pro_table_render' && formItemRender.render ? (\n      formItemRender.render(props, { input: inputDom, errorList: errorListDom, extra: extraDom })\n    ) : (\n      <>\n        {inputDom}\n        {errorListDom}\n        {extraDom}\n      </>\n    )\n  return (\n    <FormContext.Provider value={subFormContext}>\n      <Col {...mergedWrapperCol} className={className}>\n        {dom}\n      </Col>\n    </FormContext.Provider>\n  )\n}\n\nexport default FormItemInput\n"]}
+{"version":3,"file":"FormItemInput.js","sourceRoot":"","sources":["../../src/tntd-form/FormItemInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport * as React from 'react'\nimport type { ColProps } from '../grid-v4/col'\nimport Col from '../grid-v4/col'\nimport { FormContext, FormItemPrefixContext } from './context'\nimport ErrorList from './ErrorList'\nimport type { ValidateStatus } from './FormItem'\n\ninterface FormItemInputMiscProps {\n  prefixCls: string\n  children: React.ReactNode\n  errors: React.ReactNode[]\n  warnings: React.ReactNode[]\n  marginBottom?: number | null\n  onErrorVisibleChanged?: (visible: boolean) => void\n  /** @internal do not use in any of your production. */\n  _internalItemRender?: {\n    mark: string\n    render: (\n      props: FormItemInputProps & FormItemInputMiscProps,\n      domList: {\n        input: JSX.Element\n        errorList: JSX.Element | null\n        extra: JSX.Element | null\n      }\n    ) => React.ReactNode\n  }\n}\n\nexport interface FormItemInputProps {\n  wrapperCol?: ColProps\n  extra?: React.ReactNode\n  status?: ValidateStatus\n  help?: React.ReactNode\n  fieldId?: string\n}\n\nconst FormItemInput: React.FC<FormItemInputProps & FormItemInputMiscProps> = (props) => {\n  const {\n    prefixCls,\n    status,\n    wrapperCol,\n    children,\n    errors,\n    warnings,\n    _internalItemRender: formItemRender,\n    extra,\n    help,\n    fieldId,\n    marginBottom,\n    onErrorVisibleChanged,\n  } = props\n  const baseClassName = `${prefixCls}-item`\n\n  const formContext = React.useContext(FormContext)\n\n  const mergedWrapperCol: ColProps = wrapperCol || formContext.wrapperCol || {}\n\n  const className = classNames(`${baseClassName}-control`, mergedWrapperCol.className)\n\n  // Pass to sub FormItem should not with col info\n  const subFormContext = React.useMemo(() => ({ ...formContext }), [formContext])\n  delete subFormContext.labelCol\n  delete subFormContext.wrapperCol\n\n  const inputDom = (\n    <div className={`${baseClassName}-control-input`}>\n      <div className={`${baseClassName}-control-input-content`}>{children}</div>\n    </div>\n  )\n  const formItemContext = React.useMemo(() => ({ prefixCls, status }), [prefixCls, status])\n  const errorListDom =\n    marginBottom !== null || errors.length || warnings.length ? (\n      <div style={{ display: 'flex', flexWrap: 'nowrap' }}>\n        <FormItemPrefixContext.Provider value={formItemContext}>\n          <ErrorList\n            fieldId={fieldId}\n            errors={errors}\n            warnings={warnings}\n            help={help}\n            helpStatus={status}\n            className={`${baseClassName}-explain-connected`}\n            onVisibleChanged={onErrorVisibleChanged}\n          />\n        </FormItemPrefixContext.Provider>\n        {!!marginBottom && <div style={{ width: 0, height: marginBottom }} />}\n      </div>\n    ) : null\n\n  const extraProps: { id?: string } = {}\n\n  if (fieldId) {\n    extraProps.id = `${fieldId}_extra`\n  }\n\n  // If extra = 0, && will goes wrong\n  // 0&&error -> 0\n  const extraDom = extra ? (\n    <div {...extraProps} className={`${baseClassName}-extra`}>\n      {extra}\n    </div>\n  ) : null\n\n  const dom =\n    formItemRender && formItemRender.mark === 'pro_table_render' && formItemRender.render ? (\n      formItemRender.render(props, { input: inputDom, errorList: errorListDom, extra: extraDom })\n    ) : (\n      <>\n        {inputDom}\n        {errorListDom}\n        {extraDom}\n      </>\n    )\n  return (\n    <FormContext.Provider value={subFormContext}>\n      <Col {...mergedWrapperCol} className={className}>\n        {dom}\n      </Col>\n    </FormContext.Provider>\n  )\n}\n\nexport default FormItemInput\n"]}

package/es/tntd-form/FormItemLabel.js

@@ -9,7 +9,7 @@ var __rest = this && this.__rest || function (s, e) {
 import Icon from '../icon';
 import classNames from 'classnames';
 import * as React from 'react';
-import Col from '../grid/col';
+import Col from '../grid-v4/col';
 import Tooltip from '../tooltip';
 import { FormContext } from './context';
 function toTooltipProps(tooltip) {