tntd 3.0.0-beta.24 → 3.0.0-beta.26

package/es/date-picker/index.less

@@ -6,22 +6,22 @@
 
 .@{calendar-prefix-cls}-picker-container{
   .@{calendar-prefix-cls}{
-    margin-top: 42px;
+    // margin-top: 42px;
     .@{calendar-prefix-cls}-input-wrap{
-      display: none;
+      // display: none;
     }
   }
   .@{calendar-prefix-cls}-range{
-    margin-top: 42px;
+    // margin-top: 42px;
     .@{calendar-prefix-cls}-input-wrap,.@{calendar-prefix-cls}-range-middle{
-      display: none;
+      // display: none;
     }
     .@{calendar-prefix-cls}-decade-panel,.@{calendar-prefix-cls}-year-panel,.@{calendar-prefix-cls}-month-panel{
-      top: 0
+      // top: 0
     }
   }
   .@{calendar-prefix-cls}-month-calendar,.@{calendar-prefix-cls}-week-number{
-    margin-top: 42px;
+    // margin-top: 42px;
   }
   //.@{calendar-prefix-cls}-today .@{calendar-prefix-cls}-date{
   //  background-color: @white;

package/es/date-picker/style/Calendar.less

@@ -159,7 +159,7 @@
 
   &-input-wrap {
     height: 34px;
-    padding: 6px calc(@control-padding-horizontal - 2px);
+    padding: 5px calc(@control-padding-horizontal - 2px);
     border-bottom: @border-width-base @border-style-base @border-color-split;
   }
 

package/es/date-picker/style/RangePicker.less

@@ -85,9 +85,9 @@
   }
 
   .@{calendar-prefix-cls}-today
-  :not(.@{calendar-prefix-cls}-disabled-cell)
-  :not(.@{calendar-prefix-cls}-last-month-cell)
-  :not(.@{calendar-prefix-cls}-next-month-btn-day) {
+    :not(.@{calendar-prefix-cls}-disabled-cell)
+    :not(.@{calendar-prefix-cls}-last-month-cell)
+    :not(.@{calendar-prefix-cls}-next-month-btn-day) {
     .@{calendar-prefix-cls}-date {
       color: @primary-color;
       background: @primary-2;

package/es/drawer/drawer.js

@@ -11,7 +11,7 @@ import { default as AntdDrawer } from 'antd/es/drawer';
 import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
 import classNames from 'classnames';
 import { doUpperTitle } from '../utils';
-import React, { useEffect } from 'react';
+import React, { useCallback, useEffect } from 'react';
 import { Button } from '../button';
 import Icon from '../icon';
 const DefaultFooter = ({
@@ -42,6 +42,7 @@ export const Drawer = _a => {
       footer,
       showFooter,
       onClose,
+      afterClose,
       onSubmit,
       onCancel,
       onOk,
@@ -58,9 +59,18 @@ export const Drawer = _a => {
       unUpperConverted,
       title
     } = _a,
-    rest = __rest(_a, ["closable", "className", "footer", "showFooter", "onClose", "onSubmit", "onCancel", "onOk", "okText", "cancelText", "locale", "okType", "cancelType", "confirmLoading", "okButtonProps", "cancelButtonProps", "clickOnBlankToClose", "upperCaseIgnore", "unUpperConverted", "title"]);
+    rest = __rest(_a, ["closable", "className", "footer", "showFooter", "onClose", "afterClose", "onSubmit", "onCancel", "onOk", "okText", "cancelText", "locale", "okType", "cancelType", "confirmLoading", "okButtonProps", "cancelButtonProps", "clickOnBlankToClose", "upperCaseIgnore", "unUpperConverted", "title"]);
   const drawerDom = React.useRef(null);
-  const _onCancel = onCancel || onClose;
+  const _onCancel = useCallback(() => {
+    if (onCancel) {
+      onCancel();
+    } else if (onClose) {
+      onClose();
+    }
+    if (afterClose) {
+      afterClose();
+    }
+  }, [onCancel, onClose, afterClose]);
   const _onOk = onOk || onSubmit;
   useEffect(() => {
     if (clickOnBlankToClose) {

package/es/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/drawer/drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ConfigConsumer } from 'antd/es/config-provider'\nimport type { DrawerProps as AntdDrawerProps } from 'antd/es/drawer'\nimport { default as AntdDrawer } from 'antd/es/drawer'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport type { BaseButtonProps } from 'antd/es/button/button'\nimport type { TntButtonType } from '../button/button'\nimport { doUpperTitle } from '../utils'\nimport React, { FC, useEffect, useRef } from 'react'\nimport { Button } from '../button'\nimport Icon from '../icon'\nconst DefaultFooter = ({\n  locale,\n  onCancel,\n  onOk,\n  okText,\n  okType,\n  cancelText,\n  confirmLoading,\n  okButtonProps,\n  cancelButtonProps,\n  cancelType,\n}: {\n  locale?: {\n    okText?: string\n    cancelText?: string\n  }\n  onCancel?: () => void\n  onOk?: () => void\n  okText: string\n  cancelText: string\n  okType?: TntButtonType\n  cancelType: TntButtonType\n  confirmLoading?: boolean\n  okButtonProps?: BaseButtonProps\n  cancelButtonProps?: BaseButtonProps\n}) => {\n  return (\n    <>\n      <Button onClick={onCancel} type={cancelType || 'default'} {...cancelButtonProps}>\n        {cancelText || locale?.cancelText}\n      </Button>\n      <Button onClick={onOk} type={okType || 'primary'} loading={confirmLoading} {...okButtonProps}>\n        {okText || locale?.okText}\n      </Button>\n    </>\n  )\n}\n\ninterface CustomDrawerProps extends AntdDrawerProps {\n  footer?: React.ReactNode\n  showFooter?: boolean\n  onClose?: () => void\n  onSubmit?: () => void\n  onCancel?: () => void\n  onOk?: () => void\n  okText?: string\n  cancelText?: string\n  locale?: {\n    okText?: string\n    cancelText?: string\n  }\n  okType?: TntButtonType\n  cancelType?: TntButtonType\n  confirmLoading?: boolean\n  okButtonProps?: BaseButtonProps\n  cancelButtonProps?: BaseButtonProps\n  clickOnBlankToClose: boolean\n  upperCaseIgnore?: []\n  unUpperConverted: boolean\n}\n\nexport const Drawer: FC<CustomDrawerProps> = ({\n  closable = true,\n  className,\n  footer,\n  showFooter,\n  onClose,\n  onSubmit,\n  onCancel,\n  onOk,\n  okText = '',\n  cancelText = '',\n  locale,\n  okType = 'primary',\n  cancelType = 'default',\n  confirmLoading = false,\n  okButtonProps = {},\n  cancelButtonProps = {},\n  clickOnBlankToClose = false,\n  upperCaseIgnore,\n  unUpperConverted,\n  title,\n  ...rest\n}) => {\n  const drawerDom = React.useRef<EventTarget | null>(null)\n  const _onCancel = onCancel || onClose\n  const _onOk = onOk || onSubmit\n\n  useEffect(() => {\n    if (clickOnBlankToClose) {\n      const handleOutsideClick = (event: Event) => {\n        const drawer = drawerDom.current as Node\n        const targetElement = event.target as Node\n\n        let isInDrawer = false\n        if (drawer && targetElement) {\n          isInDrawer = drawer.contains(targetElement as Node) || targetElement === drawer\n        }\n        drawerDom.current = null\n        if (rest.visible && !isInDrawer && _onCancel) {\n          _onCancel()\n        }\n      }\n      document.removeEventListener('click', handleOutsideClick)\n      document.addEventListener('click', handleOutsideClick)\n      return () => {\n        document.removeEventListener('click', handleOutsideClick)\n      }\n    }\n  }, [rest.visible, clickOnBlankToClose, _onCancel])\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('drawer')\n        return (\n          <LocaleReceiver componentName=\"Drawer\" defaultLocale={locale}>\n            {(locale) => {\n              return (\n                <div\n                  onClick={(event: React.MouseEvent<HTMLDivElement>) => {\n                    drawerDom.current = event.target\n                  }}\n                >\n                  <AntdDrawer\n                    className={classNames(prefixCls, 'tnt-drawer', className, {\n                      [`${prefixCls}-contain-closable`]: closable !== false,\n                      [`${prefixCls}-footer`]: showFooter || footer,\n                    })}\n                    closable={false}\n                    onClose={_onCancel}\n                    width={480}\n                    {...rest}\n                    title={!unUpperConverted ? doUpperTitle(title, upperCaseIgnore) : title}\n                  >\n                    <>\n                      {closable !== false && (\n                        <Icon type=\"close\" className={`${prefixCls}-close`} onClick={_onCancel} />\n                      )}\n                      {rest.children}\n                      {(showFooter || footer) && (\n                        <div className={`${prefixCls}-footer-style`}>\n                          {footer || (\n                            <DefaultFooter\n                              confirmLoading={confirmLoading}\n                              okButtonProps={okButtonProps}\n                              cancelButtonProps={cancelButtonProps}\n                              okType={okType}\n                              locale={locale}\n                              okText={okText}\n                              cancelType={cancelType}\n                              cancelText={cancelText}\n                              onOk={_onOk}\n                              onCancel={_onCancel}\n                            />\n                          )}\n                        </div>\n                      )}\n                    </>\n                  </AntdDrawer>\n                </div>\n              )\n            }}\n          </LocaleReceiver>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n"]}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/drawer/drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ConfigConsumer } from 'antd/es/config-provider'\nimport type { DrawerProps as AntdDrawerProps } from 'antd/es/drawer'\nimport { default as AntdDrawer } from 'antd/es/drawer'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport type { BaseButtonProps } from 'antd/es/button/button'\nimport type { TntButtonType } from '../button/button'\nimport { doUpperTitle } from '../utils'\nimport React, { FC, useCallback, useEffect, useRef } from 'react'\nimport { Button } from '../button'\nimport Icon from '../icon'\nconst DefaultFooter = ({\n  locale,\n  onCancel,\n  onOk,\n  okText,\n  okType,\n  cancelText,\n  confirmLoading,\n  okButtonProps,\n  cancelButtonProps,\n  cancelType,\n}: {\n  locale?: {\n    okText?: string\n    cancelText?: string\n  }\n  onCancel?: () => void\n  onOk?: () => void\n  okText: string\n  cancelText: string\n  okType?: TntButtonType\n  cancelType: TntButtonType\n  confirmLoading?: boolean\n  okButtonProps?: BaseButtonProps\n  cancelButtonProps?: BaseButtonProps\n}) => {\n  return (\n    <>\n      <Button onClick={onCancel} type={cancelType || 'default'} {...cancelButtonProps}>\n        {cancelText || locale?.cancelText}\n      </Button>\n      <Button onClick={onOk} type={okType || 'primary'} loading={confirmLoading} {...okButtonProps}>\n        {okText || locale?.okText}\n      </Button>\n    </>\n  )\n}\n\ninterface CustomDrawerProps extends AntdDrawerProps {\n  footer?: React.ReactNode\n  showFooter?: boolean\n  onClose?: () => void\n  onSubmit?: () => void\n  onCancel?: () => void\n  afterClose?: () => void\n  onOk?: () => void\n  okText?: string\n  cancelText?: string\n  locale?: {\n    okText?: string\n    cancelText?: string\n  }\n  okType?: TntButtonType\n  cancelType?: TntButtonType\n  confirmLoading?: boolean\n  okButtonProps?: BaseButtonProps\n  cancelButtonProps?: BaseButtonProps\n  clickOnBlankToClose: boolean\n  upperCaseIgnore?: []\n  unUpperConverted: boolean\n}\n\nexport const Drawer: FC<CustomDrawerProps> = ({\n  closable = true,\n  className,\n  footer,\n  showFooter,\n  onClose,\n  afterClose,\n  onSubmit,\n  onCancel,\n  onOk,\n  okText = '',\n  cancelText = '',\n  locale,\n  okType = 'primary',\n  cancelType = 'default',\n  confirmLoading = false,\n  okButtonProps = {},\n  cancelButtonProps = {},\n  clickOnBlankToClose = false,\n  upperCaseIgnore,\n  unUpperConverted,\n  title,\n  ...rest\n}) => {\n  const drawerDom = React.useRef<EventTarget | null>(null)\n  const _onCancel = useCallback(() => {\n    if (onCancel) {\n      onCancel()\n    } else if (onClose) {\n      onClose()\n    }\n    if (afterClose) {\n      afterClose()\n    }\n  }, [onCancel, onClose, afterClose])\n  const _onOk = onOk || onSubmit\n\n  useEffect(() => {\n    if (clickOnBlankToClose) {\n      const handleOutsideClick = (event: Event) => {\n        const drawer = drawerDom.current as Node\n        const targetElement = event.target as Node\n\n        let isInDrawer = false\n        if (drawer && targetElement) {\n          isInDrawer = drawer.contains(targetElement as Node) || targetElement === drawer\n        }\n        drawerDom.current = null\n        if (rest.visible && !isInDrawer && _onCancel) {\n          _onCancel()\n        }\n      }\n      document.removeEventListener('click', handleOutsideClick)\n      document.addEventListener('click', handleOutsideClick)\n      return () => {\n        document.removeEventListener('click', handleOutsideClick)\n      }\n    }\n  }, [rest.visible, clickOnBlankToClose, _onCancel])\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('drawer')\n        return (\n          <LocaleReceiver componentName=\"Drawer\" defaultLocale={locale}>\n            {(locale) => {\n              return (\n                <div\n                  onClick={(event: React.MouseEvent<HTMLDivElement>) => {\n                    drawerDom.current = event.target\n                  }}\n                >\n                  <AntdDrawer\n                    className={classNames(prefixCls, 'tnt-drawer', className, {\n                      [`${prefixCls}-contain-closable`]: closable !== false,\n                      [`${prefixCls}-footer`]: showFooter || footer,\n                    })}\n                    closable={false}\n                    onClose={_onCancel}\n                    width={480}\n                    {...rest}\n                    title={!unUpperConverted ? doUpperTitle(title, upperCaseIgnore) : title}\n                  >\n                    <>\n                      {closable !== false && (\n                        <Icon type=\"close\" className={`${prefixCls}-close`} onClick={_onCancel} />\n                      )}\n                      {rest.children}\n                      {(showFooter || footer) && (\n                        <div className={`${prefixCls}-footer-style`}>\n                          {footer || (\n                            <DefaultFooter\n                              confirmLoading={confirmLoading}\n                              okButtonProps={okButtonProps}\n                              cancelButtonProps={cancelButtonProps}\n                              okType={okType}\n                              locale={locale}\n                              okText={okText}\n                              cancelType={cancelType}\n                              cancelText={cancelText}\n                              onOk={_onOk}\n                              onCancel={_onCancel}\n                            />\n                          )}\n                        </div>\n                      )}\n                    </>\n                  </AntdDrawer>\n                </div>\n              )\n            }}\n          </LocaleReceiver>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n"]}

package/es/table/hooks/use-expand-fixed.js

@@ -47,10 +47,12 @@ export const useExpandFixed = () => {
     if (!classname) return;
     container.current = document.querySelector(`.${classname}.ant-table-wrapper.collapse-panel > .ant-spin-nested-loading > .ant-spin-container > .ant-table`);
     observer.current = new MutationObserver(expand);
-    observer.current.observe(container.current, {
-      childList: true,
-      attributes: true
-    });
+    if (container.current) {
+      observer.current.observe(container.current, {
+        childList: true,
+        attributes: true
+      });
+    }
   };
   const setChangedKey = key => {
     activeKeyRef.current = key;

package/es/table/hooks/use-expand-fixed.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-expand-fixed.js","sourceRoot":"","sources":["../../../src/table/hooks/use-expand-fixed.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef } from 'react'\nimport { makeRandomCode } from '../utils'\n\nexport type keyType = string | number | null\n\ninterface OldDom {\n  main: HTMLDivElement | null\n  right: HTMLDivElement | null\n  left: HTMLDivElement | null\n}\n\nexport const useExpandFixed = () => {\n  const curTableKey = useRef<keyType>(makeRandomCode())\n  const activeKeyRef = useRef<string | null>(null)\n  const oldActiveKeyRef = useRef<OldDom>({\n    main: null,\n    right: null,\n    left: null,\n  })\n  const container = useRef<HTMLDivElement | null>(null)\n  const observer = useRef<MutationObserver | null>(null)\n\n  const getDom = (key: string | number | undefined) => {\n    const main =\n      (document.querySelector(\n        `.${curTableKey.current} .ant-table-scroll [data-row-key=\"${key}-extra-row\"]`\n      ) as HTMLDivElement) ||\n      (document.querySelector(\n        `.${curTableKey.current} .ant-table-default [data-row-key=\"${key}-extra-row\"]`\n      ) as HTMLDivElement)\n    const right = document.querySelector(\n      `.${curTableKey.current} .ant-table-fixed-right [data-row-key=\"${key}-extra-row\"]`\n    ) as HTMLDivElement\n    const left = document.querySelector(\n      `.${curTableKey.current} .ant-table-fixed-left [data-row-key=\"${key}-extra-row\"]`\n    ) as HTMLDivElement\n    return [main, right, left]\n  }\n\n  const expand = async () => {\n    const [main, right, left] = getDom(String(activeKeyRef.current) || '')\n    const border = 2\n    const height = main?.offsetHeight - border || 0\n    if (right) {\n      right.setAttribute('style', `display: inline-block; height: ${height}px; overflow: hidden;`)\n    }\n\n    if (left) {\n      left.setAttribute('style', `display: inline-block; height: ${height}px; overflow: hidden;`)\n    }\n\n    if (main) {\n      // 解决 expandIconAsCell为true 且 iconCell的td元素为display: none;时， 展开内容滚动到最右边，会多出一部分iconCell所占据的空间 的问题\n      const td = main.childNodes[1] as HTMLDivElement\n\n      const colspan = td.getAttribute('colspan') || 0\n      const Oldcolspan = td.getAttribute('oldcolspan') || 0\n      const newColspan = Oldcolspan ? Oldcolspan : Number(colspan) + 1 + ''\n      if (!Oldcolspan) td.setAttribute('oldcolspan', newColspan)\n\n      td.setAttribute('colspan', newColspan)\n      //\n    }\n\n    oldActiveKeyRef.current = {\n      main,\n      right,\n      left,\n    }\n  }\n\n  const ob = () => {\n    const classname = curTableKey.current\n    if (!classname) return\n\n    container.current = document.querySelector(\n      `.${classname}.ant-table-wrapper.collapse-panel > .ant-spin-nested-loading > .ant-spin-container > .ant-table`\n    ) as HTMLDivElement\n\n    observer.current = new MutationObserver(expand)\n    observer.current.observe(container.current, {\n      childList: true, // 子节点的变动\n      attributes: true,\n    })\n  }\n\n  const setChangedKey = (key: string) => {\n    activeKeyRef.current = key\n  }\n\n  const trigger = (key: string) => {\n    setChangedKey(key)\n    const className = curTableKey.current\n    if (!className) return\n    const dom = document?.querySelector(\n      `.${className}.ant-table-wrapper.collapse-panel > .ant-spin-nested-loading > .ant-spin-container > .ant-table`\n    )\n    dom?.setAttribute('c-data', 'Mutation')\n  }\n\n  useEffect(() => {\n    ob()\n  }, [curTableKey.current])\n\n  return [curTableKey.current, trigger as (key: string) => void] as const\n}\n\nexport const findRowKey = (\n  record: any,\n  rowKey: string | ((record: any, index: number) => string)\n) => {\n  let res: string | number = ''\n  if (typeof rowKey === 'function') {\n    res = [record].map(rowKey)[0]\n  } else if (typeof rowKey === 'string') {\n    res = record[rowKey]\n  }\n\n  return res\n}\n"]}
+{"version":3,"file":"use-expand-fixed.js","sourceRoot":"","sources":["../../../src/table/hooks/use-expand-fixed.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef } from 'react'\nimport { makeRandomCode } from '../utils'\n\nexport type keyType = string | number | null\n\ninterface OldDom {\n  main: HTMLDivElement | null\n  right: HTMLDivElement | null\n  left: HTMLDivElement | null\n}\n\nexport const useExpandFixed = () => {\n  const curTableKey = useRef<keyType>(makeRandomCode())\n  const activeKeyRef = useRef<string | null>(null)\n  const oldActiveKeyRef = useRef<OldDom>({\n    main: null,\n    right: null,\n    left: null,\n  })\n  const container = useRef<HTMLDivElement | null>(null)\n  const observer = useRef<MutationObserver | null>(null)\n\n  const getDom = (key: string | number | undefined) => {\n    const main =\n      (document.querySelector(\n        `.${curTableKey.current} .ant-table-scroll [data-row-key=\"${key}-extra-row\"]`\n      ) as HTMLDivElement) ||\n      (document.querySelector(\n        `.${curTableKey.current} .ant-table-default [data-row-key=\"${key}-extra-row\"]`\n      ) as HTMLDivElement)\n    const right = document.querySelector(\n      `.${curTableKey.current} .ant-table-fixed-right [data-row-key=\"${key}-extra-row\"]`\n    ) as HTMLDivElement\n    const left = document.querySelector(\n      `.${curTableKey.current} .ant-table-fixed-left [data-row-key=\"${key}-extra-row\"]`\n    ) as HTMLDivElement\n    return [main, right, left]\n  }\n\n  const expand = async () => {\n    const [main, right, left] = getDom(String(activeKeyRef.current) || '')\n    const border = 2\n    const height = main?.offsetHeight - border || 0\n    if (right) {\n      right.setAttribute('style', `display: inline-block; height: ${height}px; overflow: hidden;`)\n    }\n\n    if (left) {\n      left.setAttribute('style', `display: inline-block; height: ${height}px; overflow: hidden;`)\n    }\n\n    if (main) {\n      // 解决 expandIconAsCell为true 且 iconCell的td元素为display: none;时， 展开内容滚动到最右边，会多出一部分iconCell所占据的空间 的问题\n      const td = main.childNodes[1] as HTMLDivElement\n\n      const colspan = td.getAttribute('colspan') || 0\n      const Oldcolspan = td.getAttribute('oldcolspan') || 0\n      const newColspan = Oldcolspan ? Oldcolspan : Number(colspan) + 1 + ''\n      if (!Oldcolspan) td.setAttribute('oldcolspan', newColspan)\n\n      td.setAttribute('colspan', newColspan)\n      //\n    }\n\n    oldActiveKeyRef.current = {\n      main,\n      right,\n      left,\n    }\n  }\n\n  const ob = () => {\n    const classname = curTableKey.current\n    if (!classname) return\n\n    container.current = document.querySelector(\n      `.${classname}.ant-table-wrapper.collapse-panel > .ant-spin-nested-loading > .ant-spin-container > .ant-table`\n    ) as HTMLDivElement\n\n    observer.current = new MutationObserver(expand)\n    if(container.current) {\n      observer.current.observe(container.current, {\n        childList: true, // 子节点的变动\n        attributes: true,\n      })\n    }\n  }\n\n  const setChangedKey = (key: string) => {\n    activeKeyRef.current = key\n  }\n\n  const trigger = (key: string) => {\n    setChangedKey(key)\n    const className = curTableKey.current\n    if (!className) return\n    const dom = document?.querySelector(\n      `.${className}.ant-table-wrapper.collapse-panel > .ant-spin-nested-loading > .ant-spin-container > .ant-table`\n    )\n    dom?.setAttribute('c-data', 'Mutation')\n  }\n\n  useEffect(() => {\n    ob()\n  }, [curTableKey.current])\n\n  return [curTableKey.current, trigger as (key: string) => void] as const\n}\n\nexport const findRowKey = (\n  record: any,\n  rowKey: string | ((record: any, index: number) => string)\n) => {\n  let res: string | number = ''\n  if (typeof rowKey === 'function') {\n    res = [record].map(rowKey)[0]\n  } else if (typeof rowKey === 'string') {\n    res = record[rowKey]\n  }\n\n  return res\n}\n"]}

package/es/table/style/index.less

@@ -650,6 +650,7 @@
   &-scroll {
     overflow: auto;
     overflow-x: hidden;
+    border-radius: @border-radius-base @border-radius-base 0 0;
     table {
       min-width: 100%;
 

package/es/table/table.stories.js

@@ -526,7 +526,7 @@ export const All = () => {
     columns: [columns1, columns2, columns3, columns4],
     // size: ['default', 'middle', 'small'],
     size: ['default'],
-    dataSource: [dataSource3, []]
+    dataSource: [dataSource3]
     // dataSource: [[]],
   };
   const propsList = Object.keys(propsMap).reduce((arr, key) => {

package/es/table/table.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../src/table/table.stories.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\n\nimport Tag from '../tag'\nimport { Table, TableProps } from '.'\n\nconst { Column, ColumnGroup } = Table\n\nexport default {\n  component: Table,\n  title: 'Table',\n  parameters: {\n    backgrounds: {\n      default: 'gary',\n      values: [{ name: 'gary', value: '#f1f2f5' }],\n    },\n  },\n}\n\nconst Template = (args) => (\n  <div\n    style={{\n      marginTop: '20px',\n    }}\n  >\n    <Table {...args} />\n  </div>\n)\n\nexport const Empty = Template.bind({})\n\nEmpty.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n}\n\nexport const Loading = Template.bind({})\n\nLoading.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n  loading: true,\n}\n\nexport const Default = Template.bind({})\n\nDefault.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n      render: (cellData) => <Tag color=\"green\">{cellData}</Tag>,\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n  dataSource: [\n    {\n      key: '1',\n      name: '胡彦斌',\n      age: 32,\n      address: '西湖区湖底公园1号',\n    },\n    {\n      key: '2',\n      name: '胡彦祖',\n      age: 42,\n      address: '西湖区湖底公园1号',\n    },\n  ],\n  pagination: {\n    total: 50,\n    position: 'bottom',\n    showSizeChanger: true,\n    showQuickJumper: true,\n    showTotal: (total, range) => `${range[0]}-${range[1]}, 共 ${total} 条记录`,\n  },\n  loading: false,\n}\n\nexport const ColumnFilter = (args) => (\n  <div\n    style={{\n      marginTop: '20px',\n    }}\n  >\n    <Table {...args}>\n      <ColumnGroup title=\"Name\">\n        <Column title=\"First Name\" dataIndex=\"firstName\" key=\"firstName\" />\n        <Column title=\"Last Name\" dataIndex=\"lastName\" key=\"lastName\" />\n      </ColumnGroup>\n      <Column title=\"Age\" dataIndex=\"age\" key=\"age\" />\n      <Column title=\"Address\" dataIndex=\"address\" key=\"address\" />\n      <Column\n        title=\"Tags\"\n        dataIndex=\"tags\"\n        key=\"tags\"\n        render={(tags) => (\n          <span>\n            {tags.map((tag) => (\n              <Tag color=\"blue\" key={tag}>\n                {tag}\n              </Tag>\n            ))}\n          </span>\n        )}\n      />\n      <Column\n        title=\"Action\"\n        key=\"action\"\n        render={(_, record) => (\n          <span>\n            <a>Invite {record.lastName}</a>\n            <a>Delete</a>\n          </span>\n        )}\n      />\n    </Table>\n  </div>\n)\n\nColumnFilter.args = {\n  dataSource: [\n    {\n      key: '1',\n      firstName: 'John',\n      lastName: 'Brown',\n      age: 32,\n      address: 'New York No. 1 Lake Park',\n      tags: ['nice', 'developer'],\n    },\n    {\n      key: '2',\n      firstName: 'Jim',\n      lastName: 'Green',\n      age: 42,\n      address: 'London No. 1 Lake Park',\n      tags: ['loser'],\n    },\n    {\n      key: '3',\n      firstName: 'Joe',\n      lastName: 'Black',\n      age: 32,\n      address: 'Sidney No. 1 Lake Park',\n      tags: ['cool', 'teacher'],\n    },\n  ],\n  pagination: {\n    total: 50,\n    position: 'bottom',\n    showSizeChanger: true,\n    showQuickJumper: true,\n    showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`,\n  },\n  loading: false,\n}\n\nexport const All = () => {\n  const dataSource = [\n    {\n      key: '1',\n      name: '胡彦斌',\n      age: 32,\n      address: '西湖区湖底公园1号',\n    },\n    {\n      key: '2',\n      name: '胡彦祖',\n      age: 42,\n      address: '西湖区湖底公园1号',\n    },\n  ]\n  const dataSource2 = [\n    {\n      key: 1,\n      name: 'John Brown sr.',\n      age: 60,\n      address: 'New York No. 1 Lake Park',\n      children: [\n        {\n          key: 11,\n          name: 'John Brown',\n          age: 42,\n          address: 'New York No. 2 Lake Park',\n        },\n        {\n          key: 12,\n          name: 'John Brown jr.',\n          age: 30,\n          address: 'New York No. 3 Lake Park',\n          children: [\n            {\n              key: 121,\n              name: 'Jimmy Brown',\n              age: 16,\n              address: 'New York No. 3 Lake Park',\n            },\n          ],\n        },\n        {\n          key: 13,\n          name: 'Jim Green sr.',\n          age: 72,\n          address: 'London No. 1 Lake Park',\n          children: [\n            {\n              key: 131,\n              name: 'Jim Green',\n              age: 42,\n              address: 'London No. 2 Lake Park',\n              children: [\n                {\n                  key: 1311,\n                  name: 'Jim Green jr.',\n                  age: 25,\n                  address: 'London No. 3 Lake Park',\n                },\n                {\n                  key: 1312,\n                  name: 'Jimmy Green sr.',\n                  age: 18,\n                  address: 'London No. 4 Lake Park',\n                },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n    {\n      key: 2,\n      name: 'Joe Black',\n      age: 32,\n      address: 'Sidney No. 1 Lake Park',\n    },\n  ]\n  const dataSource3 = []\n  for (let i = 0; i < 100; i++) {\n    dataSource3.push({\n      key: i,\n      name: `Edward King ${i}`,\n      age: 32,\n      address: `London, Park Lane no. ${i}`,\n    })\n  }\n\n  const columns = [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ]\n  // const columns2 = [\n  //   {\n  //     title: 'Full Name',\n  //     width: 100,\n  //     dataIndex: 'name',\n  //     key: 'name',\n  //     fixed: 'left',\n  //   },\n  //   {\n  //     title: 'Age',\n  //     width: 100,\n  //     dataIndex: 'age',\n  //     key: 'age',\n  //     fixed: 'left',\n  //   },\n  //   { title: 'Column 1', dataIndex: 'address', key: '1' },\n  //   { title: 'Column 2', dataIndex: 'address', key: '2' },\n  //   { title: 'Column 3', dataIndex: 'address', key: '3' },\n  //   { title: 'Column 4', dataIndex: 'address', key: '4' },\n  //   { title: 'Column 5', dataIndex: 'address', key: '5' },\n  //   { title: 'Column 6', dataIndex: 'address', key: '6' },\n  //   { title: 'Column 7', dataIndex: 'address', key: '7' },\n  //   { title: 'Column 8', dataIndex: 'address', key: '8' },\n  //   {\n  //     title: 'Action',\n  //     key: 'operation',\n  //     fixed: 'right',\n  //     width: 100,\n  //     render: () => <a>action</a>,\n  //   },\n  // ]\n  const columns1 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', width: 200, render: () => <a>action</a> },\n  ]\n  const columns2 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name', fixed: 'left' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', width: 200, render: () => <a>action</a> },\n  ]\n  const columns3 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', fixed: 'right', width: 200, render: () => <a>action</a> },\n  ]\n  const columns4 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name', fixed: 'left' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', fixed: 'right', width: 200, render: () => <a>action</a> },\n  ]\n  const style = { marginBottom: 20 }\n  const propsMap = {\n    bordered: [true, false],\n    // bordered: [true],\n    showCellBorders: [true, false],\n    // showCellBorders: [true],\n    striped: [true, false],\n    shadowed: [true, false],\n    // scroll: [{ x: 1600 }, { y: 240 }, { x: 1600, y: 300 }],\n    scroll: [{ x: 1600 }, { x: 1600, y: 300 }],\n    columns: [columns1, columns2, columns3, columns4],\n    // size: ['default', 'middle', 'small'],\n    size: ['default'],\n    dataSource: [dataSource3, []],\n    // dataSource: [[]],\n  }\n  const propsList = Object.keys(propsMap).reduce((arr, key) => {\n    const data = propsMap[key]\n    if (arr.length === 0) {\n      return data.map((value) => ({ [key]: value }))\n    } else {\n      let back = []\n      for (let i = 0; i < data.length; i++) {\n        const value = data[i]\n        for (let j = 0; j < arr.length; j++) {\n          const item = arr[j]\n          back.push({ ...item, [key]: value })\n        }\n      }\n      return back\n    }\n  }, [])\n\n  return (\n    <div style={{ background: '#fff', padding: 20 }}>\n      {propsList.map((props, i) => (\n        <Table {...props} key={i} style={style} pagination={{ pageSize: 5 }} />\n      ))}\n      {/* <Table\n        dataSource={dataSource}\n        columns={columns}\n        rowSelection={{\n          onChange: (selectedRowKeys, selectedRows) => {\n            console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)\n          },\n        }}\n        style={style}\n      />\n      <Table dataSource={[]} columns={columns} style={style} />\n\n      <Table columns={columns} dataSource={dataSource} size=\"middle\" style={style} />\n\n      <Table columns={columns} dataSource={dataSource} size=\"small\" style={style} />\n\n      <Table columns={columns} dataSource={dataSource} size=\"middle\" style={style} bordered />\n\n      <Table columns={columns} dataSource={dataSource} size=\"small\" style={style} bordered />\n\n      <Table\n        columns={columns}\n        dataSource={dataSource}\n        bordered\n        title={() => 'Header'}\n        footer={() => 'Footer'}\n        style={style}\n      />\n\n      <Table\n        columns={columns}\n        dataSource={[]}\n        bordered\n        title={() => 'Header'}\n        footer={() => 'Footer'}\n        style={style}\n      />\n\n      <Table columns={columns} dataSource={dataSource} bordered style={style} />\n\n      <Table columns={columns} dataSource={[]} bordered style={style} />\n\n      <Table columns={columns} dataSource={dataSource} shadowed style={style} />\n\n      <Table columns={columns} dataSource={[]} shadowed style={style} />\n\n      <Table\n        columns={columns}\n        expandedRowRender={(record) => <p style={{ margin: 0 }}>{record.address}</p>}\n        dataSource={dataSource}\n        style={style}\n      />\n\n      <Table columns={columns} dataSource={dataSource} bordered showCellBorders style={style} />\n\n      <Table\n        columns={columns}\n        rowSelection={{\n          onChange: (selectedRowKeys, selectedRows) => {\n            console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)\n          },\n        }}\n        dataSource={dataSource2}\n        style={style}\n      />\n\n      <Table\n        columns={columns}\n        dataSource={dataSource3}\n        pagination={{ pageSize: 50 }}\n        scroll={{ y: 240 }}\n        style={style}\n      />\n\n      <Table columns={columns2} dataSource={dataSource3} scroll={{ x: 1300 }} style={style} />\n\n      <Table\n        columns={columns3}\n        dataSource={dataSource3}\n        scroll={{ x: 1500, y: 300 }}\n        style={style}\n      />\n\n      <Table\n        columns={columns2}\n        dataSource={dataSource3}\n        scroll={{ x: 1300 }}\n        bordered\n        style={style}\n        pagination={{ pageSize: 5 }}\n      />\n\n      <Table\n        columns={columns2}\n        dataSource={dataSource3}\n        scroll={{ x: 1300 }}\n        bordered\n        showCellBorders\n        style={style}\n        pagination={{ pageSize: 5 }}\n      /> */}\n    </div>\n  )\n}\nAll.args = {}\n\n/*\nbordered 边框 2\nstriped 斑马线 2\nshadowed 阴影 2\nshowCellBorders 单元格边框  2\nscroll 滚动 3\nfixed 是否固定 3\nsize: 3\n*/\n"]}
+{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../src/table/table.stories.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\n\nimport Tag from '../tag'\nimport { Table, TableProps } from '.'\n\nconst { Column, ColumnGroup } = Table\n\nexport default {\n  component: Table,\n  title: 'Table',\n  parameters: {\n    backgrounds: {\n      default: 'gary',\n      values: [{ name: 'gary', value: '#f1f2f5' }],\n    },\n  },\n}\n\nconst Template = (args) => (\n  <div\n    style={{\n      marginTop: '20px',\n    }}\n  >\n    <Table {...args} />\n  </div>\n)\n\nexport const Empty = Template.bind({})\n\nEmpty.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n}\n\nexport const Loading = Template.bind({})\n\nLoading.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n  loading: true,\n}\n\nexport const Default = Template.bind({})\n\nDefault.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n      render: (cellData) => <Tag color=\"green\">{cellData}</Tag>,\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n  dataSource: [\n    {\n      key: '1',\n      name: '胡彦斌',\n      age: 32,\n      address: '西湖区湖底公园1号',\n    },\n    {\n      key: '2',\n      name: '胡彦祖',\n      age: 42,\n      address: '西湖区湖底公园1号',\n    },\n  ],\n  pagination: {\n    total: 50,\n    position: 'bottom',\n    showSizeChanger: true,\n    showQuickJumper: true,\n    showTotal: (total, range) => `${range[0]}-${range[1]}, 共 ${total} 条记录`,\n  },\n  loading: false,\n}\n\nexport const ColumnFilter = (args) => (\n  <div\n    style={{\n      marginTop: '20px',\n    }}\n  >\n    <Table {...args}>\n      <ColumnGroup title=\"Name\">\n        <Column title=\"First Name\" dataIndex=\"firstName\" key=\"firstName\" />\n        <Column title=\"Last Name\" dataIndex=\"lastName\" key=\"lastName\" />\n      </ColumnGroup>\n      <Column title=\"Age\" dataIndex=\"age\" key=\"age\" />\n      <Column title=\"Address\" dataIndex=\"address\" key=\"address\" />\n      <Column\n        title=\"Tags\"\n        dataIndex=\"tags\"\n        key=\"tags\"\n        render={(tags) => (\n          <span>\n            {tags.map((tag) => (\n              <Tag color=\"blue\" key={tag}>\n                {tag}\n              </Tag>\n            ))}\n          </span>\n        )}\n      />\n      <Column\n        title=\"Action\"\n        key=\"action\"\n        render={(_, record) => (\n          <span>\n            <a>Invite {record.lastName}</a>\n            <a>Delete</a>\n          </span>\n        )}\n      />\n    </Table>\n  </div>\n)\n\nColumnFilter.args = {\n  dataSource: [\n    {\n      key: '1',\n      firstName: 'John',\n      lastName: 'Brown',\n      age: 32,\n      address: 'New York No. 1 Lake Park',\n      tags: ['nice', 'developer'],\n    },\n    {\n      key: '2',\n      firstName: 'Jim',\n      lastName: 'Green',\n      age: 42,\n      address: 'London No. 1 Lake Park',\n      tags: ['loser'],\n    },\n    {\n      key: '3',\n      firstName: 'Joe',\n      lastName: 'Black',\n      age: 32,\n      address: 'Sidney No. 1 Lake Park',\n      tags: ['cool', 'teacher'],\n    },\n  ],\n  pagination: {\n    total: 50,\n    position: 'bottom',\n    showSizeChanger: true,\n    showQuickJumper: true,\n    showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`,\n  },\n  loading: false,\n}\n\nexport const All = () => {\n  const dataSource = [\n    {\n      key: '1',\n      name: '胡彦斌',\n      age: 32,\n      address: '西湖区湖底公园1号',\n    },\n    {\n      key: '2',\n      name: '胡彦祖',\n      age: 42,\n      address: '西湖区湖底公园1号',\n    },\n  ]\n  const dataSource2 = [\n    {\n      key: 1,\n      name: 'John Brown sr.',\n      age: 60,\n      address: 'New York No. 1 Lake Park',\n      children: [\n        {\n          key: 11,\n          name: 'John Brown',\n          age: 42,\n          address: 'New York No. 2 Lake Park',\n        },\n        {\n          key: 12,\n          name: 'John Brown jr.',\n          age: 30,\n          address: 'New York No. 3 Lake Park',\n          children: [\n            {\n              key: 121,\n              name: 'Jimmy Brown',\n              age: 16,\n              address: 'New York No. 3 Lake Park',\n            },\n          ],\n        },\n        {\n          key: 13,\n          name: 'Jim Green sr.',\n          age: 72,\n          address: 'London No. 1 Lake Park',\n          children: [\n            {\n              key: 131,\n              name: 'Jim Green',\n              age: 42,\n              address: 'London No. 2 Lake Park',\n              children: [\n                {\n                  key: 1311,\n                  name: 'Jim Green jr.',\n                  age: 25,\n                  address: 'London No. 3 Lake Park',\n                },\n                {\n                  key: 1312,\n                  name: 'Jimmy Green sr.',\n                  age: 18,\n                  address: 'London No. 4 Lake Park',\n                },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n    {\n      key: 2,\n      name: 'Joe Black',\n      age: 32,\n      address: 'Sidney No. 1 Lake Park',\n    },\n  ]\n  const dataSource3 = []\n  for (let i = 0; i < 100; i++) {\n    dataSource3.push({\n      key: i,\n      name: `Edward King ${i}`,\n      age: 32,\n      address: `London, Park Lane no. ${i}`,\n    })\n  }\n\n  const columns = [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ]\n  // const columns2 = [\n  //   {\n  //     title: 'Full Name',\n  //     width: 100,\n  //     dataIndex: 'name',\n  //     key: 'name',\n  //     fixed: 'left',\n  //   },\n  //   {\n  //     title: 'Age',\n  //     width: 100,\n  //     dataIndex: 'age',\n  //     key: 'age',\n  //     fixed: 'left',\n  //   },\n  //   { title: 'Column 1', dataIndex: 'address', key: '1' },\n  //   { title: 'Column 2', dataIndex: 'address', key: '2' },\n  //   { title: 'Column 3', dataIndex: 'address', key: '3' },\n  //   { title: 'Column 4', dataIndex: 'address', key: '4' },\n  //   { title: 'Column 5', dataIndex: 'address', key: '5' },\n  //   { title: 'Column 6', dataIndex: 'address', key: '6' },\n  //   { title: 'Column 7', dataIndex: 'address', key: '7' },\n  //   { title: 'Column 8', dataIndex: 'address', key: '8' },\n  //   {\n  //     title: 'Action',\n  //     key: 'operation',\n  //     fixed: 'right',\n  //     width: 100,\n  //     render: () => <a>action</a>,\n  //   },\n  // ]\n  const columns1 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', width: 200, render: () => <a>action</a> },\n  ]\n  const columns2 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name', fixed: 'left' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', width: 200, render: () => <a>action</a> },\n  ]\n  const columns3 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', fixed: 'right', width: 200, render: () => <a>action</a> },\n  ]\n  const columns4 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name', fixed: 'left' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', fixed: 'right', width: 200, render: () => <a>action</a> },\n  ]\n  const style = { marginBottom: 20 }\n  const propsMap = {\n    bordered: [true, false],\n    // bordered: [true],\n    showCellBorders: [true, false],\n    // showCellBorders: [true],\n    striped: [true, false],\n    shadowed: [true, false],\n    // scroll: [{ x: 1600 }, { y: 240 }, { x: 1600, y: 300 }],\n    scroll: [{ x: 1600 }, { x: 1600, y: 300 }],\n    columns: [columns1, columns2, columns3, columns4],\n    // size: ['default', 'middle', 'small'],\n    size: ['default'],\n    dataSource: [dataSource3],\n    // dataSource: [[]],\n  }\n  const propsList = Object.keys(propsMap).reduce((arr, key) => {\n    const data = propsMap[key]\n    if (arr.length === 0) {\n      return data.map((value) => ({ [key]: value }))\n    } else {\n      let back = []\n      for (let i = 0; i < data.length; i++) {\n        const value = data[i]\n        for (let j = 0; j < arr.length; j++) {\n          const item = arr[j]\n          back.push({ ...item, [key]: value })\n        }\n      }\n      return back\n    }\n  }, [])\n\n  return (\n    <div style={{ background: '#fff', padding: 20 }}>\n      {propsList.map((props, i) => (\n        <Table {...props} key={i} style={style} pagination={{ pageSize: 5 }} />\n      ))}\n      {/* <Table\n        dataSource={dataSource}\n        columns={columns}\n        rowSelection={{\n          onChange: (selectedRowKeys, selectedRows) => {\n            console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)\n          },\n        }}\n        style={style}\n      />\n      <Table dataSource={[]} columns={columns} style={style} />\n\n      <Table columns={columns} dataSource={dataSource} size=\"middle\" style={style} />\n\n      <Table columns={columns} dataSource={dataSource} size=\"small\" style={style} />\n\n      <Table columns={columns} dataSource={dataSource} size=\"middle\" style={style} bordered />\n\n      <Table columns={columns} dataSource={dataSource} size=\"small\" style={style} bordered />\n\n      <Table\n        columns={columns}\n        dataSource={dataSource}\n        bordered\n        title={() => 'Header'}\n        footer={() => 'Footer'}\n        style={style}\n      />\n\n      <Table\n        columns={columns}\n        dataSource={[]}\n        bordered\n        title={() => 'Header'}\n        footer={() => 'Footer'}\n        style={style}\n      />\n\n      <Table columns={columns} dataSource={dataSource} bordered style={style} />\n\n      <Table columns={columns} dataSource={[]} bordered style={style} />\n\n      <Table columns={columns} dataSource={dataSource} shadowed style={style} />\n\n      <Table columns={columns} dataSource={[]} shadowed style={style} />\n\n      <Table\n        columns={columns}\n        expandedRowRender={(record) => <p style={{ margin: 0 }}>{record.address}</p>}\n        dataSource={dataSource}\n        style={style}\n      />\n\n      <Table columns={columns} dataSource={dataSource} bordered showCellBorders style={style} />\n\n      <Table\n        columns={columns}\n        rowSelection={{\n          onChange: (selectedRowKeys, selectedRows) => {\n            console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)\n          },\n        }}\n        dataSource={dataSource2}\n        style={style}\n      />\n\n      <Table\n        columns={columns}\n        dataSource={dataSource3}\n        pagination={{ pageSize: 50 }}\n        scroll={{ y: 240 }}\n        style={style}\n      />\n\n      <Table columns={columns2} dataSource={dataSource3} scroll={{ x: 1300 }} style={style} />\n\n      <Table\n        columns={columns3}\n        dataSource={dataSource3}\n        scroll={{ x: 1500, y: 300 }}\n        style={style}\n      />\n\n      <Table\n        columns={columns2}\n        dataSource={dataSource3}\n        scroll={{ x: 1300 }}\n        bordered\n        style={style}\n        pagination={{ pageSize: 5 }}\n      />\n\n      <Table\n        columns={columns2}\n        dataSource={dataSource3}\n        scroll={{ x: 1300 }}\n        bordered\n        showCellBorders\n        style={style}\n        pagination={{ pageSize: 5 }}\n      /> */}\n    </div>\n  )\n}\nAll.args = {}\n\n/*\nbordered 边框 2\nstriped 斑马线 2\nshadowed 阴影 2\nshowCellBorders 单元格边框  2\nscroll 滚动 3\nfixed 是否固定 3\nsize: 3\n*/\n"]}

package/es/tabs/tabs.js

@@ -14,7 +14,7 @@ var __rest = this && this.__rest || function (s, e) {
  * @FilePath: /tntd/packages/tntd/src/tabs/tabs.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
-import React, { forwardRef, useMemo } from 'react';
+import React, { forwardRef, useMemo, useEffect } from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import { default as AntdTabs } from 'antd/es/tabs';
 import { doUpperTitle } from '../utils';
@@ -55,6 +55,14 @@ export const Tabs = forwardRef((_a, ref) => {
     }
     return newType;
   }, [type]);
+  useEffect(() => {
+    if (type === 'ladder-card') {
+      const boxes = document.querySelectorAll('.ant-tabs-ladder-card .ant-tabs-nav .ant-tabs-tab');
+      boxes.forEach((box, index) => {
+        box.style.zIndex = boxes.length - index;
+      });
+    }
+  }, [type]);
   return React.createElement(ConfigConsumer, null, ({
     getPrefixCls
   }) => {

package/es/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,cAAc,cAAc,CAAA;AAY5B,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAA4C,EAAE,GAAG,EAAE,EAAE;QAArD,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAI,OAAW,EAAN,IAAI,cAA1C,uCAA4C,CAAF;IACzC,IAAI,WAAW,GAA6B,QAAQ,CAAA;IACpD,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QAC9B,WAAW,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,CAAC,KAA+B,EAAE,EAAE;;YACjE,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,MAAM,WAAW,GAAY,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,WAAW,CAAA;gBACtD,MAAM,GAAG,GAA6B,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,GAAG,CAAA;gBACvD,uCACK,KAAK,KACR,KAAK,kCACA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KACf,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,eAAe,CAAC,OAE9D;aACF;YACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,OAAO,YAAY,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;aAC5C;YACD,OAAO,KAAK,CAAA;QACd,CAAC,CAAC,CAAA;KACH;IAED,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,OAAO,GAAG,IAAI,CAAA;QAClB,IAAI,IAAI,KAAK,aAAa,EAAE;YAC1B,OAAO,GAAG,MAAM,CAAA;SACjB;aAAM,IAAI,IAAI,KAAK,sBAAsB,EAAE;YAC1C,OAAO,GAAG,eAAe,CAAA;SAC1B;QACD,OAAO,OAAO,CAAA;IAChB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;QACnC,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,EAAE;YAC3C,UAAU,EAAE,IAAI;YAChB,CAAC,GAAG,MAAM,cAAc,CAAC,EAAE,IAAI,KAAK,aAAa,IAAI,IAAI,KAAK,sBAAsB;SACrF,CAAC,CAAA;QAEF,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,QAAQ,EAAE,WAAW,EACrB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,OAAmB,EACzB,SAAS,EAAE,SAAS,IACpB,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACe,CAAA;AAElB,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-10-16 11:08:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-10-16 16:24:53\n * @FilePath: /tntd/packages/tntd/src/tabs/tabs.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef, useMemo } from 'react'\nimport type { TabsProps as AntdTabsProps, TabsType } from 'antd/es/tabs'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdTabs } from 'antd/es/tabs'\nimport { doUpperTitle } from '../utils'\nimport classname from 'classnames'\nexport * from 'antd/es/tabs'\nexport interface TabsProps extends Omit<AntdTabsProps, 'type'> {\n  children?: Array<React.ReactElement>\n  upperCaseIgnore?: Array<string>\n  type?: TabsType | 'ladder-card' | 'editable-ladder-card'\n}\n\ninterface TabsComponent\n  extends React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<AntdTabs>> {\n  TabPane: typeof AntdTabs.TabPane\n}\n\nexport const Tabs = forwardRef<AntdTabs, TabsProps>(\n  ({ children, upperCaseIgnore, type, ...rest }, ref) => {\n    let newChildren: string | React.ReactNode = children\n    if (Array.isArray(newChildren)) {\n      newChildren = newChildren?.map((child: string | React.ReactNode) => {\n        if (React.isValidElement(child)) {\n          const upperIgnore: boolean = child?.props?.upperIgnore\n          const tab: string | React.ReactNode = child?.props?.tab\n          return {\n            ...child,\n            props: {\n              ...child?.props,\n              tab: upperIgnore ? tab : doUpperTitle(tab, upperCaseIgnore),\n            },\n          }\n        }\n        if (typeof child === 'string') {\n          return doUpperTitle(child, upperCaseIgnore)\n        }\n        return child\n      })\n    }\n\n    const newType = useMemo(() => {\n      let newType = type\n      if (type === 'ladder-card') {\n        newType = 'card'\n      } else if (type === 'editable-ladder-card') {\n        newType = 'editable-card'\n      }      \n      return newType\n    }, [type])\n\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {          \n          const prefix = getPrefixCls('tabs')\n          const className = classname(rest?.className, {\n            'tnt-tabs': true,\n            [`${prefix}-ladder-card`]: type === 'ladder-card' || type === 'editable-ladder-card'\n          })\n\n          return (\n            <AntdTabs\n              {...rest}\n              children={newChildren}\n              ref={ref}\n              type={newType as TabsType}\n              className={className}\n            />\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as TabsComponent\n\nTabs.TabPane = AntdTabs.TabPane\n"]}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/tabs/tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-10-16 11:08:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-10-16 16:24:53\n * @FilePath: /tntd/packages/tntd/src/tabs/tabs.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef, useMemo, useEffect } from 'react'\nimport type { TabsProps as AntdTabsProps, TabsType } from 'antd/es/tabs'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdTabs } from 'antd/es/tabs'\nimport { doUpperTitle } from '../utils'\nimport classname from 'classnames'\nexport * from 'antd/es/tabs'\nexport interface TabsProps extends Omit<AntdTabsProps, 'type'> {\n  children?: Array<React.ReactElement>\n  upperCaseIgnore?: Array<string>\n  type?: TabsType | 'ladder-card' | 'editable-ladder-card'\n}\n\ninterface TabsComponent\n  extends React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<AntdTabs>> {\n  TabPane: typeof AntdTabs.TabPane\n}\n\nexport const Tabs = forwardRef<AntdTabs, TabsProps>(\n  ({ children, upperCaseIgnore, type, ...rest }, ref) => {\n    let newChildren: string | React.ReactNode = children\n    if (Array.isArray(newChildren)) {\n      newChildren = newChildren?.map((child: string | React.ReactNode) => {\n        if (React.isValidElement(child)) {\n          const upperIgnore: boolean = child?.props?.upperIgnore\n          const tab: string | React.ReactNode = child?.props?.tab\n          return {\n            ...child,\n            props: {\n              ...child?.props,\n              tab: upperIgnore ? tab : doUpperTitle(tab, upperCaseIgnore),\n            },\n          }\n        }\n        if (typeof child === 'string') {\n          return doUpperTitle(child, upperCaseIgnore)\n        }\n        return child\n      })\n    }\n\n    const newType = useMemo(() => {\n      let newType = type\n      if (type === 'ladder-card') {\n        newType = 'card'\n      } else if (type === 'editable-ladder-card') {\n        newType = 'editable-card'\n      }\n      return newType\n    }, [type])\n\n    useEffect(() => {\n      if (type === 'ladder-card') {\n        const boxes = document.querySelectorAll('.ant-tabs-ladder-card .ant-tabs-nav .ant-tabs-tab')\n        boxes.forEach((box: any, index: any) => {\n          box.style.zIndex = boxes.length - index\n        })\n      }\n    }, [type])\n\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          const prefix = getPrefixCls('tabs')\n          const className = classname(rest?.className, {\n            'tnt-tabs': true,\n            [`${prefix}-ladder-card`]: type === 'ladder-card' || type === 'editable-ladder-card',\n          })\n\n          return (\n            <AntdTabs\n              {...rest}\n              children={newChildren}\n              ref={ref}\n              type={newType as TabsType}\n              className={className}\n            />\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as TabsComponent\n\nTabs.TabPane = AntdTabs.TabPane\n"]}

package/es/tabs/tabs.less

@@ -11,9 +11,9 @@
     border-bottom: none;
     margin-bottom: 0;
     .@{tab-prefix-cls}-tab {
-      display: inline-block;
+      // display: inline-block;
       vertical-align: bottom;
-      position: relative;
+      // position: relative;
       min-width: 106px;
       height: 40px;
       line-height: 40px;
@@ -23,9 +23,9 @@
       border: none;
       margin: 0px 30px 0px 0px;
       padding: 0px 12px 0 48px;
-      background: @fill-color-quaternary;
+      // background: @fill-color-quaternary;
       text-align: right;
-      color: @text-color-secondary;
+      // color: @text-color-secondary;
 
       &::after {
         content: '';
@@ -50,7 +50,7 @@
     }
     // 鼠标选中时，active状态在上层
     .@{tab-prefix-cls}-tab-active {
-      z-index: 3;
+      z-index: 9999999 !important;
       background: @tabs-active-background;
     }
   }
@@ -86,7 +86,7 @@
   }
 
   .@{tab-prefix-cls}-tab:hover {
-    border-color: @border-color-secondary;
+    // border-color: @border-color-secondary;
   }
 }
 

package/es/tntd-cascader/AntdCascader/index.less

@@ -1886,6 +1886,16 @@
 .tntd-select:not(.tntd-select-customize-input) .tntd-select-selector input {
   cursor: pointer
 }
+// compact的样式 start
+.ant-input-group.ant-input-group-compact>.tntd-select>.tntd-select-selector{
+    border-radius: 0;
+}
+.ant-input-group.ant-input-group-compact>*:last-child,
+.ant-input-group.ant-input-group-compact>.tntd-select:last-child>.tntd-select-selector{
+    border-top-right-radius: @border-radius-base;
+    border-bottom-right-radius: @border-radius-base;
+}
+// compact的样式 end
 
 .tntd-select-show-search.tntd-select:not(.tntd-select-customize-input) .tntd-select-selector {
   cursor: text

package/es/tntd-form/FormItemLabel.js

@@ -12,6 +12,7 @@ import * as React from 'react';
 import Col from '../grid-v4/col';
 import Tooltip from '../tooltip';
 import { FormContext } from './context';
+import { doUpperTitle } from '../utils';
 function toTooltipProps(tooltip) {
   if (!tooltip) {
     return null;
@@ -36,6 +37,7 @@ const FormItemLabel = ({
 }) => {
   // const [formLocale] = useLocaleReceiver('Form');
   if (!label) return null;
+  label = doUpperTitle(label);
   return React.createElement(FormContext.Consumer, {
     key: "label"
   }, ({

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

@@ -1 +1 @@
-{"version":3,"file":"FormItemLabel.js","sourceRoot":"","sources":["../../src/tntd-form/FormItemLabel.tsx"],"names":[],"mappings":"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","sourcesContent":["import Icon from '../icon'\nimport classNames from 'classnames'\nimport * as React from 'react'\nimport type { ColProps } from '../grid-v4/col'\nimport Col from '../grid-v4/col'\n// import { useLocaleReceiver } from '../locale-provider/LocaleReceiver';\n// import defaultLocale from '../locale/default';\nimport type { TooltipProps } from '../tooltip'\nimport Tooltip from '../tooltip'\nimport type { FormContextProps } from './context'\nimport { FormContext } from './context'\nimport type { RequiredMark } from './Form'\nimport type { FormLabelAlign } from './interface'\n\nexport type WrapperTooltipProps = TooltipProps & {\n  icon?: React.ReactElement\n}\n\nexport type LabelTooltipType = WrapperTooltipProps | React.ReactNode\n\nfunction toTooltipProps(tooltip: LabelTooltipType): WrapperTooltipProps | null {\n  if (!tooltip) {\n    return null\n  }\n\n  if (typeof tooltip === 'object' && !React.isValidElement(tooltip)) {\n    return tooltip as WrapperTooltipProps\n  }\n\n  return {\n    title: tooltip,\n  }\n}\n\nexport interface FormItemLabelProps {\n  colon?: boolean\n  htmlFor?: string\n  label?: React.ReactNode\n  labelAlign?: FormLabelAlign\n  labelCol?: ColProps\n  requiredMark?: RequiredMark\n  tooltip?: LabelTooltipType\n}\n\nconst FormItemLabel: React.FC<FormItemLabelProps & { required?: boolean; prefixCls: string }> = ({\n  prefixCls,\n  label,\n  htmlFor,\n  labelCol,\n  labelAlign,\n  colon,\n  required,\n  requiredMark,\n  tooltip,\n}) => {\n  // const [formLocale] = useLocaleReceiver('Form');\n\n  if (!label) return null\n\n  return (\n    <FormContext.Consumer key=\"label\">\n      {({\n        vertical,\n        labelAlign: contextLabelAlign,\n        labelCol: contextLabelCol,\n        labelWrap,\n        colon: contextColon,\n      }: FormContextProps) => {\n        const mergedLabelCol: ColProps = labelCol || contextLabelCol || {}\n\n        const mergedLabelAlign: FormLabelAlign | undefined = labelAlign || contextLabelAlign\n\n        const labelClsBasic = `${prefixCls}-item-label`\n        const labelColClassName = classNames(\n          labelClsBasic,\n          mergedLabelAlign === 'left' && `${labelClsBasic}-left`,\n          mergedLabelCol.className,\n          {\n            [`${labelClsBasic}-wrap`]: !!labelWrap,\n          }\n        )\n\n        let labelChildren = label\n        // Keep label is original where there should have no colon\n        const computedColon = colon === true || (contextColon !== false && colon !== false)\n        const haveColon = computedColon && !vertical\n        // Remove duplicated user input colon\n        if (haveColon && typeof label === 'string' && (label as string).trim() !== '') {\n          labelChildren = (label as string).replace(/[:|：]\\s*$/, '')\n        }\n\n        // Tooltip\n        const tooltipProps = toTooltipProps(tooltip)\n        if (tooltipProps) {\n          const { icon = <Icon type=\"question-circle\" />, ...restTooltipProps } = tooltipProps\n          const tooltipNode = (\n            <Tooltip {...restTooltipProps}>\n              {React.cloneElement(icon, { className: `${prefixCls}-item-tooltip`, title: '' })}\n            </Tooltip>\n          )\n\n          labelChildren = (\n            <>\n              {labelChildren}\n              {tooltipNode}\n            </>\n          )\n        }\n\n        // Add required mark if optional\n        if (requiredMark === 'optional' && !required) {\n          labelChildren = (\n            <>\n              {labelChildren}\n              <span className={`${prefixCls}-item-optional`} title=\"\">\n                {/* {formLocale?.optional || defaultLocale.Form?.optional} */}\n              </span>\n            </>\n          )\n        }\n\n        const labelClassName = classNames({\n          [`${prefixCls}-item-required`]: required,\n          [`${prefixCls}-item-required-mark-optional`]: requiredMark === 'optional',\n          [`${prefixCls}-item-no-colon`]: !computedColon,\n        })\n\n        return (\n          <Col {...mergedLabelCol} className={labelColClassName}>\n            <label\n              htmlFor={htmlFor}\n              className={labelClassName}\n              title={typeof label === 'string' ? label : ''}\n            >\n              {labelChildren}\n            </label>\n          </Col>\n        )\n      }}\n    </FormContext.Consumer>\n  )\n}\n\nexport default FormItemLabel\n"]}
+{"version":3,"file":"FormItemLabel.js","sourceRoot":"","sources":["../../src/tntd-form/FormItemLabel.tsx"],"names":[],"mappings":"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","sourcesContent":["import Icon from '../icon'\nimport classNames from 'classnames'\nimport * as React from 'react'\nimport type { ColProps } from '../grid-v4/col'\nimport Col from '../grid-v4/col'\n// import { useLocaleReceiver } from '../locale-provider/LocaleReceiver';\n// import defaultLocale from '../locale/default';\nimport type { TooltipProps } from '../tooltip'\nimport Tooltip from '../tooltip'\nimport type { FormContextProps } from './context'\nimport { FormContext } from './context'\nimport type { RequiredMark } from './Form'\nimport type { FormLabelAlign } from './interface'\n\nimport { doUpperTitle } from '../utils'\n\nexport type WrapperTooltipProps = TooltipProps & {\n  icon?: React.ReactElement\n}\n\nexport type LabelTooltipType = WrapperTooltipProps | React.ReactNode\n\nfunction toTooltipProps(tooltip: LabelTooltipType): WrapperTooltipProps | null {\n  if (!tooltip) {\n    return null\n  }\n\n  if (typeof tooltip === 'object' && !React.isValidElement(tooltip)) {\n    return tooltip as WrapperTooltipProps\n  }\n\n  return {\n    title: tooltip,\n  }\n}\n\nexport interface FormItemLabelProps {\n  colon?: boolean\n  htmlFor?: string\n  label?: React.ReactNode\n  labelAlign?: FormLabelAlign\n  labelCol?: ColProps\n  requiredMark?: RequiredMark\n  tooltip?: LabelTooltipType\n}\n\nconst FormItemLabel: React.FC<FormItemLabelProps & { required?: boolean; prefixCls: string }> = ({\n  prefixCls,\n  label,\n  htmlFor,\n  labelCol,\n  labelAlign,\n  colon,\n  required,\n  requiredMark,\n  tooltip,\n}) => {\n  // const [formLocale] = useLocaleReceiver('Form');\n\n  if (!label) return null\n  label = doUpperTitle(label)\n\n  return (\n    <FormContext.Consumer key=\"label\">\n      {({\n        vertical,\n        labelAlign: contextLabelAlign,\n        labelCol: contextLabelCol,\n        labelWrap,\n        colon: contextColon,\n      }: FormContextProps) => {\n        const mergedLabelCol: ColProps = labelCol || contextLabelCol || {}\n\n        const mergedLabelAlign: FormLabelAlign | undefined = labelAlign || contextLabelAlign\n\n        const labelClsBasic = `${prefixCls}-item-label`\n        const labelColClassName = classNames(\n          labelClsBasic,\n          mergedLabelAlign === 'left' && `${labelClsBasic}-left`,\n          mergedLabelCol.className,\n          {\n            [`${labelClsBasic}-wrap`]: !!labelWrap,\n          }\n        )\n\n        let labelChildren = label\n        // Keep label is original where there should have no colon\n        const computedColon = colon === true || (contextColon !== false && colon !== false)\n        const haveColon = computedColon && !vertical\n        // Remove duplicated user input colon\n        if (haveColon && typeof label === 'string' && (label as string).trim() !== '') {\n          labelChildren = (label as string).replace(/[:|：]\\s*$/, '')\n        }\n\n        // Tooltip\n        const tooltipProps = toTooltipProps(tooltip)\n        if (tooltipProps) {\n          const { icon = <Icon type=\"question-circle\" />, ...restTooltipProps } = tooltipProps\n          const tooltipNode = (\n            <Tooltip {...restTooltipProps}>\n              {React.cloneElement(icon, { className: `${prefixCls}-item-tooltip`, title: '' })}\n            </Tooltip>\n          )\n\n          labelChildren = (\n            <>\n              {labelChildren}\n              {tooltipNode}\n            </>\n          )\n        }\n\n        // Add required mark if optional\n        if (requiredMark === 'optional' && !required) {\n          labelChildren = (\n            <>\n              {labelChildren}\n              <span className={`${prefixCls}-item-optional`} title=\"\">\n                {/* {formLocale?.optional || defaultLocale.Form?.optional} */}\n              </span>\n            </>\n          )\n        }\n\n        const labelClassName = classNames({\n          [`${prefixCls}-item-required`]: required,\n          [`${prefixCls}-item-required-mark-optional`]: requiredMark === 'optional',\n          [`${prefixCls}-item-no-colon`]: !computedColon,\n        })\n\n        return (\n          <Col {...mergedLabelCol} className={labelColClassName}>\n            <label\n              htmlFor={htmlFor}\n              className={labelClassName}\n              title={typeof label === 'string' ? label : ''}\n            >\n              {labelChildren}\n            </label>\n          </Col>\n        )\n      }}\n    </FormContext.Consumer>\n  )\n}\n\nexport default FormItemLabel\n"]}

package/es/tntd-select/index.js

@@ -65,7 +65,10 @@ class SuperSelect extends PureComponent {
           maxWidth
         } = this.props;
         const selectDom = document.getElementById(this.id);
-        const selectWidth = selectDom.clientWidth || selectDom.offsetWidth;
+        let selectWidth;
+        if (selectDom) {
+          selectWidth = selectDom.clientWidth || selectDom.offsetWidth;
+        }
         let arr = [];
         let formulaMaxWidth = 10;
         if (!dropdownMatchSelectWidth) {