tntd 2.7.2 → 2.7.4

package/es/segmented/index.less

@@ -0,0 +1,138 @@
+.tntd-segmented {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    color: rgba(0,0,0,.65);
+    font-size: 14px;
+    line-height: 1.5715;
+    list-style: none;
+
+    display: inline-block;
+    padding: 2px;
+    color: rgba(0,0,0,.65);
+    background-color: rgba(0,0,0,.04);
+    border-radius: 2px;
+    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+    font-family: initial;
+
+    .tntd-segmented-group {
+        position: relative;
+        display: flex;
+        align-items: stretch;
+        justify-items: flex-start;
+        width: 100%;
+      }
+
+      // item styles
+      .tntd-segmented-item {
+        position: relative;
+        text-align: center;
+        cursor: pointer;
+        transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+
+        &-selected {
+          background-color: #fff;
+          border-radius: 2px;
+          box-shadow: 0 2px 8px -2px rgba(0,0,0,.05), 0 1px 4px -1px rgba(0,0,0,.07),
+            0 0 1px rgba(0,0,0,.08);
+          color: #262626;
+        }
+
+        &:hover,
+        &:focus {
+          color: #262626;
+        }
+
+        &-label {
+          min-height: 28px;
+          padding: 0 12px;
+          line-height: 28px;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          word-break: keep-all;
+        }
+
+        // syntactic sugar to add `icon` for Segmented Item
+        &-icon + * {
+          margin-left: 6px;
+        }
+
+        &-input {
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 0;
+          height: 0;
+          opacity: 0;
+          pointer-events: none;
+        }
+      }
+
+      // disabled styles
+      .tntd-segmented-item-disabled {
+        &,
+        &:hover,
+        &:focus {
+          color: rgba(0,0,0,.25);
+          cursor: not-allowed;
+        }
+      }
+
+      // thumb styles
+      .tntd-segmented-thumb {
+        background-color: #fff;
+        border-radius: 2px;
+        box-shadow: 0 2px 8px -2px rgba(0,0,0,.05), 0 1px 4px -1px rgba(0,0,0,.07),
+            0 0 1px rgba(0,0,0,.08);
+
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 0;
+        height: 100%;
+        padding: 4px 0;
+      }
+
+      // transition effect when `appear-active`
+      .tntd-segmented-thumb-motion-appear-active {
+        transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+        transition-property: all !important;
+        will-change: transform, width;
+      }
+
+    // hover/focus styles
+    &:not(&-disabled) {
+      &:hover,
+      &:focus {
+        background-color: rgba(0,0,0,.06);
+      }
+    }
+  }
+
+  .tntd-segmented-block {
+    display: flex;
+
+    .tntd-segmented-item {
+        flex: 1;
+        min-width: 0;
+    }
+  }
+
+  // size styles
+  .tntd-segmented-lg {
+    .tntd-segmented-item-label {
+        min-height: 36px;
+        padding: 0 12px;
+        font-size: 16px;
+        line-height: 36px;
+    }
+  }
+
+  .tntd-segmented-sm {
+    .tntd-segmented-item-label {
+        min-height: 22px;
+        line-height: 22px;
+        padding: 0 7px;
+    }
+  }

package/es/switch/switch.js.map

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

package/es/table/constants.js

@@ -1,2 +1,55 @@
 export const TABLE_SIZE_STORAGE_KEY = '__$table-custom-size';
+export const prepositions = [
+    'about',
+    'above',
+    'across',
+    'after',
+    'against',
+    'along',
+    'among',
+    'around',
+    'as',
+    'at',
+    'before',
+    'behind',
+    'below',
+    'beneath',
+    'beside',
+    'between',
+    'beyond',
+    'by',
+    'down',
+    'during',
+    'except',
+    'for',
+    'from',
+    'in',
+    'inside',
+    'into',
+    'like',
+    'near',
+    'of',
+    'off',
+    'on',
+    'onto',
+    'out',
+    'outside',
+    'over',
+    'past',
+    'round',
+    'since',
+    'through',
+    'throughout',
+    'to',
+    'toward',
+    'under',
+    'underneath',
+    'until',
+    'up',
+    'upon',
+    'with',
+    'within',
+    'without',
+];
+export const articles = ['the', 'a', 'an'];
 //# sourceMappingURL=constants.js.map

package/es/table/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/table/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,sBAAsB,CAAA","sourcesContent":["export const TABLE_SIZE_STORAGE_KEY = '__$table-custom-size'\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/table/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,sBAAsB,CAAA;AAE5D,MAAM,CAAC,MAAM,YAAY,GAAa;IACpC,OAAO;IACP,OAAO;IACP,QAAQ;IACR,OAAO;IACP,SAAS;IACT,OAAO;IACP,OAAO;IACP,QAAQ;IACR,IAAI;IACJ,IAAI;IACJ,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,SAAS;IACT,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,IAAI;IACJ,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,KAAK;IACL,MAAM;IACN,IAAI;IACJ,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,IAAI;IACJ,KAAK;IACL,IAAI;IACJ,MAAM;IACN,KAAK;IACL,SAAS;IACT,MAAM;IACN,MAAM;IACN,OAAO;IACP,OAAO;IACP,SAAS;IACT,YAAY;IACZ,IAAI;IACJ,QAAQ;IACR,OAAO;IACP,YAAY;IACZ,OAAO;IACP,IAAI;IACJ,MAAM;IACN,MAAM;IACN,QAAQ;IACR,SAAS;CACV,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAa,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,CAAA","sourcesContent":["export const TABLE_SIZE_STORAGE_KEY = '__$table-custom-size'\n\nexport const prepositions: string[] = [\n  'about',\n  'above',\n  'across',\n  'after',\n  'against',\n  'along',\n  'among',\n  'around',\n  'as',\n  'at',\n  'before',\n  'behind',\n  'below',\n  'beneath',\n  'beside',\n  'between',\n  'beyond',\n  'by',\n  'down',\n  'during',\n  'except',\n  'for',\n  'from',\n  'in',\n  'inside',\n  'into',\n  'like',\n  'near',\n  'of',\n  'off',\n  'on',\n  'onto',\n  'out',\n  'outside',\n  'over',\n  'past',\n  'round',\n  'since',\n  'through',\n  'throughout',\n  'to',\n  'toward',\n  'under',\n  'underneath',\n  'until',\n  'up',\n  'upon',\n  'with',\n  'within',\n  'without',\n]\n\nexport const articles: string[] = ['the', 'a', 'an']\n"]}

package/es/table/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/table/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAa,MAAM,OAAO,CAAA;AAoChD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB,EAAE,CAAC,CAAA","sourcesContent":["import { createContext, RefObject } from 'react'\n\nimport type { ColumnSetting } from './hooks/use-column-setting'\n\nexport interface TableContextValue {\n  /**\n   * column setting\n   */\n  columnSetting?: ColumnSetting[]\n\n  // /**\n  //  * size\n  //  */\n  // size?: TableProps<unknown>['size']\n\n  /**\n   * container ref\n   */\n  tableContainer?: RefObject<HTMLDivElement>\n\n  /**\n   * set column setting function\n   */\n  setColumnSetting?(columnSetting: ColumnSetting[] | undefined): void\n\n  /**\n   * refresh function\n   */\n  refresh?(): void\n\n  // /**\n  //  * set size function\n  //  */\n  // setSize?(size: TableProps<unknown>['size']): void\n}\n\nexport const TableContext = createContext<TableContextValue>({})\n"]}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/table/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAa,MAAM,OAAO,CAAA;AAsChD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB,EAAE,CAAC,CAAA","sourcesContent":["import { createContext, RefObject } from 'react'\n\nimport type { ColumnSetting } from './hooks/use-column-setting'\n\nexport interface TableContextValue {\n  /**\n   * column setting\n   */\n  columnSetting?: ColumnSetting[]\n\n  // /**\n  //  * size\n  //  */\n  // size?: TableProps<unknown>['size']\n\n  /**\n   * container ref\n   */\n  tableContainer?: RefObject<HTMLDivElement>\n\n  /**\n   * set column setting function\n   */\n  setColumnSetting?(columnSetting: ColumnSetting[] | undefined): void\n\n  /**\n   * refresh function\n   */\n  refresh?(): void\n\n  upperCaseIgnore?: string[]\n\n  // /**\n  //  * set size function\n  //  */\n  // setSize?(size: TableProps<unknown>['size']): void\n}\n\nexport const TableContext = createContext<TableContextValue>({})\n"]}

package/es/table/hooks/use-column-setting.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-column-setting.js","sourceRoot":"","sources":["../../../src/table/hooks/use-column-setting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAG1D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAQ/B,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAAyB,EACzB,UAAmB,EAKnB,EAAE;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,uBAAuB,CAAkB,UAAU,EAAE,EAAE,CAAC,CAAA;IAClG,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;YAChD,OAAO,OAAO,CAAA;SACf;QAED,OAAO,OAAO;aACX,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC;aAC/E,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACb,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAA;YACrE,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAA;YAErE,OAAO,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,CAAC,CAAC,GAAG,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,CAAC,CAAC,CAAA;QACpD,CAAC,CAAC,CAAA;IACN,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAA;IAE5B,OAAO,CAAC,cAAc,EAAE,aAAa,EAAE,gBAAgB,CAAC,CAAA;AAC1D,CAAC,CAAA","sourcesContent":["import { useLocalStorageMayEmpty } from '@stellaris/hooks'\nimport type { ColumnProps } from 'antd/es/table'\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useMemo } from 'react'\n\nexport interface ColumnSetting {\n  key: string\n  order: number\n  enable: boolean\n}\n\nexport const useColumnSetting = <T>(\n  columns: ColumnProps<T>[],\n  storageKey?: string\n): [\n  ColumnProps<T>[],\n  ColumnSetting[] | undefined,\n  Dispatch<SetStateAction<ColumnSetting[] | undefined>>\n] => {\n  const [columnSetting, setColumnSetting] = useLocalStorageMayEmpty<ColumnSetting[]>(storageKey, [])\n  const displayColumns = useMemo(() => {\n    if (!columnSetting || columnSetting.length === 0) {\n      return columns\n    }\n\n    return columns\n      .filter((column) => columnSetting.some((setting) => setting.key === column.key))\n      .sort((a, b) => {\n        const aIndex = columnSetting.find((setting) => setting.key === a.key)\n        const bIndex = columnSetting.find((setting) => setting.key === b.key)\n\n        return (aIndex?.order || 0) - (bIndex?.order || 0)\n      })\n  }, [columnSetting, columns])\n\n  return [displayColumns, columnSetting, setColumnSetting]\n}\n"]}
+{"version":3,"file":"use-column-setting.js","sourceRoot":"","sources":["../../../src/table/hooks/use-column-setting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAG1D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAwB/B,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAAyB,EACzB,UAAmB,EAKnB,EAAE;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,uBAAuB,CAAkB,UAAU,EAAE,EAAE,CAAC,CAAA;IAClG,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;YAChD,OAAO,OAAO,CAAA;SACf;QAED,OAAO,OAAO;aACX,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC;aAC/E,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACb,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAA;YACrE,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAA;YAErE,OAAO,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,CAAC,CAAC,GAAG,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,CAAC,CAAC,CAAA;QACpD,CAAC,CAAC,CAAA;IACN,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAA;IAE5B,OAAO,CAAC,cAAc,EAAE,aAAa,EAAE,gBAAgB,CAAC,CAAA;AAC1D,CAAC,CAAA","sourcesContent":["import { useLocalStorageMayEmpty } from '@stellaris/hooks'\nimport type { ColumnProps as AntdColumnProps } from 'antd/es/table'\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useMemo } from 'react'\n\nexport interface ColumnSetting {\n  key: string\n  order: number\n  enable: boolean\n}\n\nexport type ColumnProps<T> = AntdColumnProps<T> & {\n  placement?:\n    | 'top'\n    | 'left'\n    | 'right'\n    | 'bottom'\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight'\n    | 'leftTop'\n    | 'leftBottom'\n    | 'rightTop'\n    | 'rightBottom'\n}\n\nexport const useColumnSetting = <T>(\n  columns: ColumnProps<T>[],\n  storageKey?: string\n): [\n  ColumnProps<T>[],\n  ColumnSetting[] | undefined,\n  Dispatch<SetStateAction<ColumnSetting[] | undefined>>\n] => {\n  const [columnSetting, setColumnSetting] = useLocalStorageMayEmpty<ColumnSetting[]>(storageKey, [])\n  const displayColumns = useMemo(() => {\n    if (!columnSetting || columnSetting.length === 0) {\n      return columns\n    }\n\n    return columns\n      .filter((column) => columnSetting.some((setting) => setting.key === column.key))\n      .sort((a, b) => {\n        const aIndex = columnSetting.find((setting) => setting.key === a.key)\n        const bIndex = columnSetting.find((setting) => setting.key === b.key)\n\n        return (aIndex?.order || 0) - (bIndex?.order || 0)\n      })\n  }, [columnSetting, columns])\n\n  return [displayColumns, columnSetting, setColumnSetting]\n}\n"]}

package/es/table/table.js

@@ -16,13 +16,20 @@ import Column from 'antd/es/table/Column';
 import ColumnGroup from 'antd/es/table/ColumnGroup';
 import classNames from 'classnames';
 import React, { useMemo, useRef } from 'react';
+import Ellipsis from '../ellipsis';
 import { TableContext } from './context';
 import { useColumnSetting } from './hooks';
 import { normalizeColumns } from './utils';
+import { TotalShower } from './total-shower';
+import { getLanguage } from '../prev-locale';
+import { articles, prepositions } from './constants';
+const getDefaultPagination = (locale) => ({
+    showTotal: (total) => React.createElement(TotalShower, { total: total, locale: locale }),
+});
 export const Table = (_a) => {
-    var { className, locale, bordered, size, storageKey, columns, children, shadowed = !bordered, striped = false, showCellBorders = false, pagination = {
-        showTotal: (total) => `共 ${total} 条记录`,
-    }, enableToolbar = false, refresh } = _a, rest = __rest(_a, ["className", "locale", "bordered", "size", "storageKey", "columns", "children", "shadowed", "striped", "showCellBorders", "pagination", "enableToolbar", "refresh"]);
+    var { className, locale, bordered, size, storageKey, columns, children, shadowed = !bordered, striped = false, showCellBorders = false, 
+    //   pagination,
+    enableToolbar = false, refresh, upperCaseIgnore } = _a, rest = __rest(_a, ["className", "locale", "bordered", "size", "storageKey", "columns", "children", "shadowed", "striped", "showCellBorders", "enableToolbar", "refresh", "upperCaseIgnore"]);
     const tableContainer = useRef(null);
     // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(
     //   TABLE_SIZE_STORAGE_KEY,
@@ -30,6 +37,96 @@ export const Table = (_a) => {
     // )
     const normalizedColumns = useMemo(() => columns || normalizeColumns(children), [children, columns]);
     const [displayColumns, columnSetting, setColumnSetting] = useColumnSetting(normalizedColumns, storageKey);
+    const titleHandle = (str) => {
+        const words = str.split(' ');
+        const capitalizedWords = words.map((word, i) => {
+            const lowerCaseWord = word.toLowerCase();
+            let ignoreList = prepositions.concat(articles);
+            if (upperCaseIgnore === null || upperCaseIgnore === void 0 ? void 0 : upperCaseIgnore.length) {
+                ignoreList = ignoreList.concat(upperCaseIgnore);
+                ignoreList = Array.from(new Set(ignoreList));
+            }
+            if (ignoreList.includes(lowerCaseWord) && i !== 0) {
+                return lowerCaseWord;
+            }
+            else {
+                return word.charAt(0).toUpperCase() + word.slice(1);
+            }
+        });
+        return capitalizedWords.join(' ');
+    };
+    // 表头转换为首字母大写
+    const titleCaseUpper = (str) => {
+        if (!str) {
+            return str;
+        }
+        // 有斜杠根据斜杠划分
+        if (str === null || str === void 0 ? void 0 : str.includes('/')) {
+            const parWords = str.split('/');
+            return parWords
+                .map((str1) => {
+                return titleHandle(str1);
+            })
+                .join('/');
+        }
+        return titleHandle(str);
+    };
+    const lang = getLanguage();
+    let newColumns = displayColumns;
+    //   非中文做处理
+    if (lang !== 'cn') {
+        newColumns = displayColumns === null || displayColumns === void 0 ? void 0 : displayColumns.map((column) => {
+            return Object.assign(Object.assign({}, column), { title: (options) => {
+                    let title = column.title;
+                    if (typeof title === 'function') {
+                        title = title(options);
+                    }
+                    if (React.isValidElement(title)) {
+                        const renderChildren = (children) => {
+                            if (React.isValidElement(children) || Array.isArray(children)) {
+                                return React.Children.map(children, (child) => {
+                                    var _a;
+                                    if (React.isValidElement(child)) {
+                                        const childProps = (child.props || {});
+                                        return React.cloneElement(child, Object.assign(Object.assign({}, childProps), { children: ((_a = childProps.children) === null || _a === void 0 ? void 0 : _a.length)
+                                                ? renderChildren(childProps.children)
+                                                : childProps.children, title: titleCaseUpper(childProps === null || childProps === void 0 ? void 0 : childProps.title) }));
+                                    }
+                                    else {
+                                        return titleCaseUpper(child);
+                                    }
+                                });
+                            }
+                            return titleCaseUpper(children);
+                        };
+                        return renderChildren(title.props.children);
+                    }
+                    if (typeof title === 'string') {
+                        return titleCaseUpper(title);
+                    }
+                } });
+        });
+        newColumns = newColumns === null || newColumns === void 0 ? void 0 : newColumns.map((column) => {
+            if (column.sorter || !(column.width && !String(column.width).includes('%'))) {
+                return column;
+            }
+            else {
+                return Object.assign(Object.assign({}, column), { title: (currentPageData) => {
+                        let title = column.title;
+                        if (typeof title === 'function') {
+                            title = title(currentPageData);
+                        }
+                        let widthLimitObj = {};
+                        if (column.width && !String(column.width).includes('%')) {
+                            widthLimitObj = {
+                                widthLimit: column.width,
+                            };
+                        }
+                        return (React.createElement(Ellipsis, Object.assign({}, widthLimitObj, { placement: (column === null || column === void 0 ? void 0 : column.placement) || 'topLeft', title: title })));
+                    } });
+            }
+        });
+    }
     /**
      * update the innerSize when props size changes
      */
@@ -43,6 +140,7 @@ export const Table = (_a) => {
             tableContainer,
             columnSetting,
             refresh,
+            upperCaseIgnore,
             // setSize: setInnerSize,
             setColumnSetting,
         } },
@@ -50,8 +148,11 @@ export const Table = (_a) => {
             const prefixCls = getPrefixCls('table');
             return (React.createElement("div", { ref: tableContainer },
                 React.createElement(LocaleReceiver, { componentName: "Table", defaultLocale: locale }, (localeObject) => {
-                    const locale = localeObject;
-                    return (React.createElement(AntdTable, Object.assign({ className: classNames(prefixCls, {
+                    //   const locale = localeObject as Record<string, string>
+                    //   const paginationConfig = pagination ? getDefaultPagination(locale) : pagination
+                    return (React.createElement(AntdTable, Object.assign({ className: classNames(
+                        // prefixCls,
+                        'tnt-table-wrapper', {
                             [`${prefixCls}-borderless`]: !bordered,
                             [`${prefixCls}-hide-cell-borders`]: !showCellBorders,
                             [`${prefixCls}-size-small`]: size === 'small',
@@ -59,7 +160,7 @@ export const Table = (_a) => {
                             [`${prefixCls}-size-middle`]: size === 'middle',
                             [`${prefixCls}-striped`]: striped,
                             [`${prefixCls}-shadowed`]: shadowed,
-                        }, className), locale: locale, bordered: bordered, size: size, columns: displayColumns, pagination: pagination }, rest)));
+                        }, className), locale: locale, bordered: bordered, size: size, columns: newColumns }, rest)));
                 })));
         })));
 };

package/es/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ConfigConsumer } from 'antd/es/config-provider'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport type { TableProps as AntdTableProps } from 'antd/es/table'\nimport { default as AntdTable } from 'antd/es/table'\nimport Column from 'antd/es/table/Column'\nimport ColumnGroup from 'antd/es/table/ColumnGroup'\nimport classNames from 'classnames'\nimport React, { useMemo, useRef } from 'react'\n\nimport { TableContext } from './context'\nimport { useColumnSetting } from './hooks'\nimport { normalizeColumns } from './utils'\n\nexport type TableProps<T> = Omit<AntdTableProps<T>, 'locale'> & {\n  storageKey?: string\n  enableToolbar?: boolean\n  showCellBorders?: boolean\n  striped?: boolean\n  shadowed?: boolean\n  locale?: AntdTableProps<T>['locale'] & {\n    loadingDescription?: string\n    emptyText?: string\n  }\n  refresh?(): void\n}\n\nexport const Table = <T,>({\n  className,\n  locale,\n  bordered,\n  size,\n  storageKey,\n  columns,\n  children,\n  shadowed = !bordered,\n  striped = false,\n  showCellBorders = false,\n  pagination = {\n    showTotal: (total) => `共 ${total} 条记录`,\n  },\n  enableToolbar = false,\n  refresh,\n  ...rest\n}: TableProps<T>) => {\n  const tableContainer = useRef<HTMLDivElement>(null)\n  // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(\n  //   TABLE_SIZE_STORAGE_KEY,\n  //   'default'\n  // )\n  const normalizedColumns = useMemo(\n    () => columns || normalizeColumns<T>(children as React.ReactChildren),\n    [children, columns]\n  )\n  const [displayColumns, columnSetting, setColumnSetting] = useColumnSetting(\n    normalizedColumns,\n    storageKey\n  )\n\n  /**\n   * update the innerSize when props size changes\n   */\n  // useEffect(() => {\n  //   if (size) {\n  //     setInnerSize(size)\n  //   }\n  // }, [setInnerSize, size])\n\n  return (\n    <TableContext.Provider\n      value={{\n        // size: innerSize,\n        tableContainer,\n        columnSetting,\n        refresh,\n        // setSize: setInnerSize,\n        setColumnSetting,\n      }}\n    >\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          const prefixCls = getPrefixCls('table')\n\n          return (\n            <div ref={tableContainer}>\n              <LocaleReceiver componentName=\"Table\" defaultLocale={locale}>\n                {(localeObject) => {\n                  const locale = localeObject as Record<string, string>\n\n                  return (\n                    <AntdTable\n                      className={classNames(\n                        prefixCls,\n                        {\n                          [`${prefixCls}-borderless`]: !bordered,\n                          [`${prefixCls}-hide-cell-borders`]: !showCellBorders,\n                          [`${prefixCls}-size-small`]: size === 'small',\n                          [`${prefixCls}-size-middle`]: size === 'middle',\n                          [`${prefixCls}-size-middle`]: size === 'middle',\n                          [`${prefixCls}-striped`]: striped,\n                          [`${prefixCls}-shadowed`]: shadowed,\n                        },\n                        className\n                      )}\n                      locale={locale}\n                      bordered={bordered}\n                      size={size}\n                      columns={displayColumns}\n                      pagination={pagination}\n                      {...rest}\n                    />\n                  )\n                }}\n              </LocaleReceiver>\n            </div>\n          )\n        }}\n      </ConfigConsumer>\n    </TableContext.Provider>\n  )\n}\n\nTable.Column = Column\nTable.ColumnGroup = ColumnGroup\nTable.displayName = 'Table'\n"]}
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ConfigConsumer } from 'antd/es/config-provider'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport type {\n  TableProps as AntdTableProps,\n  ColumnProps,\n  TableStateFilters,\n  SortOrder,\n} from 'antd/es/table'\nimport { default as AntdTable } from 'antd/es/table'\nimport Column from 'antd/es/table/Column'\nimport ColumnGroup from 'antd/es/table/ColumnGroup'\nimport classNames from 'classnames'\nimport React, { ReactChildren, ReactElement, useMemo, useRef } from 'react'\nimport Ellipsis from '../ellipsis'\nimport { TableContext } from './context'\nimport { useColumnSetting } from './hooks'\nimport { normalizeColumns } from './utils'\nimport { TotalShower } from './total-shower'\nimport { getLanguage } from '../prev-locale'\nimport { articles, prepositions } from './constants'\n\nexport type TableProps<T> = Omit<AntdTableProps<T>, 'locale'> & {\n  storageKey?: string\n  enableToolbar?: boolean\n  showCellBorders?: boolean\n  striped?: boolean\n  shadowed?: boolean\n  locale?: AntdTableProps<T>['locale'] & {\n    loadingDescription?: string\n    emptyText?: string\n  }\n  refresh?(): void\n  upperCaseIgnore?: string[]\n}\n\nconst getDefaultPagination = (locale: NonNullable<AntdTableProps<unknown>['locale']>) => ({\n  showTotal: (total: number) => <TotalShower total={total} locale={locale} />,\n})\n\nexport const Table = <T,>({\n  className,\n  locale,\n  bordered,\n  size,\n  storageKey,\n  columns,\n  children,\n  shadowed = !bordered,\n  striped = false,\n  showCellBorders = false,\n  //   pagination,\n  enableToolbar = false,\n  refresh,\n  upperCaseIgnore,\n  ...rest\n}: TableProps<T>) => {\n  const tableContainer = useRef<HTMLDivElement>(null)\n  // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(\n  //   TABLE_SIZE_STORAGE_KEY,\n  //   'default'\n  // )\n  const normalizedColumns = useMemo(\n    () => columns || normalizeColumns<T>(children as React.ReactChildren),\n    [children, columns]\n  )\n  const [displayColumns, columnSetting, setColumnSetting] = useColumnSetting(\n    normalizedColumns,\n    storageKey\n  )\n\n  const titleHandle = (str: string): string => {\n    const words: string[] = str.split(' ')\n    const capitalizedWords: string[] = words.map((word: string, i: number) => {\n      const lowerCaseWord: string = word.toLowerCase()\n      let ignoreList = prepositions.concat(articles)\n      if (upperCaseIgnore?.length) {\n        ignoreList = ignoreList.concat(upperCaseIgnore)\n        ignoreList = Array.from(new Set(ignoreList))\n      }\n      if (ignoreList.includes(lowerCaseWord) && i !== 0) {\n        return lowerCaseWord\n      } else {\n        return word.charAt(0).toUpperCase() + word.slice(1)\n      }\n    })\n    return capitalizedWords.join(' ')\n  }\n  // 表头转换为首字母大写\n  const titleCaseUpper = (str: string) => {\n    if (!str) {\n      return str\n    }\n    // 有斜杠根据斜杠划分\n    if (str?.includes('/')) {\n      const parWords: string[] = str.split('/')\n      return parWords\n        .map((str1) => {\n          return titleHandle(str1)\n        })\n        .join('/')\n    }\n    return titleHandle(str)\n  }\n\n  const lang = getLanguage()\n  let newColumns = displayColumns\n  //   非中文做处理\n  if (lang !== 'cn') {\n    newColumns = displayColumns?.map((column) => {\n      return {\n        ...column,\n        title: (options: {\n          filters: TableStateFilters\n          sortOrder?: SortOrder\n          sortColumn?: ColumnProps<T> | null\n        }) => {\n          let title = column.title\n          if (typeof title === 'function') {\n            title = title(options)\n          }\n          if (React.isValidElement(title)) {\n            const renderChildren = (children: [] | string): React.ReactNode => {\n              if (React.isValidElement(children) || Array.isArray(children)) {\n                return React.Children.map(children, (child) => {\n                  if (React.isValidElement(child)) {\n                    const childProps = (child.props || {}) as any\n                    return React.cloneElement(child, {\n                      ...childProps,\n                      children: childProps.children?.length\n                        ? renderChildren(childProps.children)\n                        : childProps.children,\n                      title: titleCaseUpper(childProps?.title),\n                    })\n                  } else {\n                    return titleCaseUpper(child)\n                  }\n                })\n              }\n              return titleCaseUpper(children)\n            }\n            return renderChildren(title.props.children)\n          }\n          if (typeof title === 'string') {\n            return titleCaseUpper(title)\n          }\n        },\n      }\n    })\n    newColumns = newColumns?.map((column) => {\n      if (column.sorter || !(column.width && !String(column.width).includes('%'))) {\n        return column\n      } else {\n        return {\n          ...column,\n          title: (currentPageData: any) => {\n            let title = column.title\n            if (typeof title === 'function') {\n              title = title(currentPageData)\n            }\n\n            let widthLimitObj = {}\n            if (column.width && !String(column.width).includes('%')) {\n              widthLimitObj = {\n                widthLimit: column.width,\n              }\n            }\n            return (\n              <Ellipsis\n                {...widthLimitObj}\n                placement={column?.placement || 'topLeft'}\n                title={title}\n              />\n            )\n          },\n        }\n      }\n    })\n  }\n\n  /**\n   * update the innerSize when props size changes\n   */\n  // useEffect(() => {\n  //   if (size) {\n  //     setInnerSize(size)\n  //   }\n  // }, [setInnerSize, size])\n\n  return (\n    <TableContext.Provider\n      value={{\n        // size: innerSize,\n        tableContainer,\n        columnSetting,\n        refresh,\n        upperCaseIgnore,\n        // setSize: setInnerSize,\n        setColumnSetting,\n      }}\n    >\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          const prefixCls = getPrefixCls('table')\n          return (\n            <div ref={tableContainer}>\n              <LocaleReceiver componentName=\"Table\" defaultLocale={locale}>\n                {(localeObject) => {\n                  //   const locale = localeObject as Record<string, string>\n                  //   const paginationConfig = pagination ? getDefaultPagination(locale) : pagination\n                  return (\n                    <AntdTable\n                      className={classNames(\n                        // prefixCls,\n                        'tnt-table-wrapper',\n                        {\n                          [`${prefixCls}-borderless`]: !bordered,\n                          [`${prefixCls}-hide-cell-borders`]: !showCellBorders,\n                          [`${prefixCls}-size-small`]: size === 'small',\n                          [`${prefixCls}-size-middle`]: size === 'middle',\n                          [`${prefixCls}-size-middle`]: size === 'middle',\n                          [`${prefixCls}-striped`]: striped,\n                          [`${prefixCls}-shadowed`]: shadowed,\n                        },\n                        className\n                      )}\n                      locale={locale}\n                      bordered={bordered}\n                      size={size}\n                      columns={newColumns}\n                      {...rest}\n                    />\n                  )\n                }}\n              </LocaleReceiver>\n            </div>\n          )\n        }}\n      </ConfigConsumer>\n    </TableContext.Provider>\n  )\n}\n\nTable.Column = Column\nTable.ColumnGroup = ColumnGroup\nTable.displayName = 'Table'\n"]}

package/es/table/table.less

@@ -3,7 +3,9 @@
 @spin-prefix-cls: ~'@{ant-prefix}-spin';
 @table-borderless-shadow: 0 0 14px rgba(0, 0, 0, 0.08);
 
-.@{table-prefix-cls} {
+
+// .@{table-prefix-cls} {
+.tnt-table-wrapper{
   background-color: @white;
   border-radius: @border-radius-base;
 

package/es/table/total-shower.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { simpleTemplate } from '../utils';
+export const TotalShower = ({ total, locale, }) => {
+    return React.createElement(React.Fragment, null, simpleTemplate(locale.total, { total }));
+};
+//# sourceMappingURL=total-shower.js.map

package/es/table/total-shower.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"total-shower.js","sourceRoot":"","sources":["../../src/table/total-shower.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,MAAM,GAMP,EAAE,EAAE;IACH,OAAO,0CAAG,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAI,CAAA;AACvD,CAAC,CAAA","sourcesContent":["import React from 'react'\n\nimport type { TableProps as AntdTableProps } from 'antd/es/table'\nimport { simpleTemplate } from '../utils'\n\nexport const TotalShower = ({\n  total,\n  locale,\n}: {\n  total: number\n  locale: AntdTableProps<unknown>['locale'] & {\n    total?: string\n  }\n}) => {\n  return <>{simpleTemplate(locale.total, { total })}</>\n}\n"]}

package/es/title/index.js

@@ -13,12 +13,12 @@ import React from 'react';
 import cn from 'classnames';
 import './index.less';
 export default (props) => {
-    const _a = props || {}, { title = '暂无标题', subTitle, size = 'default', extra, number, simple, style } = _a, rest = __rest(_a, ["title", "subTitle", "size", "extra", "number", "simple", "style"]);
-    return (React.createElement("div", { className: cn('tnt-title', size, { 'has-number': number }, { 'is-simple': simple }), style: Object.assign({}, style) },
-        React.createElement("div", { className: "tnt-title-text" },
-            number && React.createElement("i", { class: "count" }, number <= 9 ? `0${number}` : number),
+    const _a = props || {}, { title = '暂无标题', subTitle, size = 'default', extra, number, simple } = _a, rest = __rest(_a, ["title", "subTitle", "size", "extra", "number", "simple"]);
+    return (React.createElement("div", Object.assign({ className: cn('tntd-title', size, { 'has-number': number }, { 'is-simple': simple }) }, rest),
+        React.createElement("div", { className: "tntd-title-text" },
+            number && React.createElement("i", { className: "count" }, number <= 9 ? `0${number}` : number),
             React.createElement("h3", null, title),
             React.createElement("span", null, subTitle)),
-        extra && React.createElement("div", { className: "tnt-title-extra" }, extra)));
+        extra && React.createElement("div", { className: "tntd-title-extra" }, extra)));
 };
 //# sourceMappingURL=index.js.map

package/es/title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/title/index.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,cAAc,CAAA;AAErB,eAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,KASF,KAAK,IAAI,EAAE,EATT,EACJ,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,OAEQ,EADV,IAAI,cARH,mEASL,CAAc,CAAA;IAEf,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,EACnF,KAAK,oBAAO,KAAK;QAEjB,6BAAK,SAAS,EAAC,gBAAgB;YAC5B,MAAM,IAAI,2BAAG,KAAK,EAAC,OAAO,IAAE,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAK;YACrE,gCAAK,KAAK,CAAM;YAChB,kCAAO,QAAQ,CAAQ,CACnB;QACL,KAAK,IAAI,6BAAK,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAO,CACpD,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\nimport './index.less'\n\nexport default (props) => {\n  const {\n    title = '暂无标题',\n    subTitle,\n    size = 'default',\n    extra,\n    number,\n    simple,\n    style,\n    ...rest\n  } = props || {}\n\n  return (\n    <div\n      className={cn('tnt-title', size, { 'has-number': number }, { 'is-simple': simple })}\n      style={{ ...style }}\n    >\n      <div className=\"tnt-title-text\">\n        {number && <i class=\"count\">{number <= 9 ? `0${number}` : number}</i>}\n        <h3>{title}</h3>\n        <span>{subTitle}</span>\n      </div>\n      {extra && <div className=\"tnt-title-extra\">{extra}</div>}\n    </div>\n  )\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/title/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,cAAc,CAAA;AAWrB,eAAe,CAAC,KAAiB,EAAE,EAAE;IACnC,MAAM,KAQF,KAAK,IAAI,EAAE,EART,EACJ,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,MAAM,EACN,MAAM,OAEO,EADV,IAAI,cAPH,0DAQL,CAAc,CAAA;IAEf,OAAO,CACL,2CACE,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,IAChF,IAAI;QAER,6BAAK,SAAS,EAAC,iBAAiB;YAC7B,MAAM,IAAI,2BAAG,SAAS,EAAC,OAAO,IAAE,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAK;YACzE,gCAAK,KAAK,CAAM;YAChB,kCAAO,QAAQ,CAAQ,CACnB;QACL,KAAK,IAAI,6BAAK,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAO,CACrD,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { FC, ComponentProps } from 'react'\nimport cn from 'classnames'\nimport './index.less'\n\nexport interface TitleProps extends ComponentProps<'div'> {\n  title?: string\n  subTitle?: string\n  size?: 'default' | 'small' | 'middle' | 'large'\n  extra?: React.ReactNode\n  number?: number\n  simple?: boolean\n}\n\nexport default (props: TitleProps) => {\n  const {\n    title = '暂无标题',\n    subTitle,\n    size = 'default',\n    extra,\n    number,\n    simple,\n    ...rest\n  } = props || {}\n\n  return (\n    <div\n      className={cn('tntd-title', size, { 'has-number': number }, { 'is-simple': simple })}\n      {...rest}\n    >\n      <div className=\"tntd-title-text\">\n        {number && <i className=\"count\">{number <= 9 ? `0${number}` : number}</i>}\n        <h3>{title}</h3>\n        <span>{subTitle}</span>\n      </div>\n      {extra && <div className=\"tntd-title-extra\">{extra}</div>}\n    </div>\n  )\n}\n"]}

package/es/title/index.less

@@ -1,4 +1,4 @@
-.tnt-title {
+.tntd-title {
   & {
     position: relative;
     height: 32px;
@@ -8,7 +8,7 @@
   }
 
   &.has-number {
-    .tnt-title-text {
+    .tntd-title-text {
       h3 {
         margin-left: 0;
       }
@@ -58,14 +58,14 @@
     .count {
       position: relative;
       top: -1px;
-      color: #0089ff;
+      color: @primary-color;
       font-size: 22px;
       font-style: normal;
       margin-right: 12px;
       position: relative;
       vertical-align: top;
       font-weight: 400;
-      font-family: Roboto, 'Helvetica Neue', Helvetica, Tahoma, Arial, 'PingFang SC',
+      font-family: 'OswaldLight', Roboto, 'Helvetica Neue', Helvetica, Tahoma, Arial, 'PingFang SC',
         'Microsoft YaHei' !important;
       letter-spacing: 1px;
     }
@@ -75,7 +75,7 @@
       content: '';
       width: 22px;
       height: 15px;
-      border-top: 1px solid #0089ff;
+      border-top: 1px solid @primary-color;
       background-color: #fff;
       top: 45%;
       left: 58%;
@@ -88,7 +88,7 @@
       height: 28px;
       line-height: 28px;
     }
-    .tnt-title-text {
+    .tntd-title-text {
       h3 {
         font-size: 14px;
       }
@@ -103,7 +103,7 @@
       height: 36px;
       line-height: 36px;
     }
-    .tnt-title-text {
+    .tntd-title-text {
       h3 {
         font-size: 18px;
       }
@@ -118,7 +118,7 @@
       height: 40px;
       line-height: 40px;
     }
-    .tnt-title-text {
+    .tntd-title-text {
       h3 {
         font-size: 20px;
       }
@@ -128,7 +128,7 @@
       }
     }
   }
-  .tnt-title-text {
+  .tntd-title-text {
     & {
       position: relative;
       float: left;
@@ -161,7 +161,7 @@
       margin-right: 8px;
     }
   }
-  .tnt-title-extra {
+  .tntd-title-extra {
     & {
       position: relative;
       float: right;

package/es/tntd-form/Form.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import classNames from 'classnames';
 import FieldForm, { List, useWatch } from 'rc-field-form';
 import * as React from 'react';
-import { useMemo } from 'react';
+import { useMemo, useEffect } from 'react';
 import { ConfigContext } from '../config-provider';
 import DisabledContext, { DisabledContextProvider } from '../config-provider/DisabledContext';
 import SizeContext, { SizeContextProvider } from '../config-provider/SizeContext';
@@ -86,6 +86,18 @@ const InternalForm = (props, ref) => {
             wrapForm.scrollToField(errorInfo.errorFields[0].name, defaultScrollToFirstError);
         }
     };
+    useEffect(() => {
+        // set initial values
+        if (restFormProps.initialValues) {
+            form === null || form === void 0 ? void 0 : form.setFieldsValue(restFormProps.initialValues);
+        }
+        // clear form fields value after unmount
+        return () => form === null || form === void 0 ? void 0 : form.setFieldsValue(Object.keys((form === null || form === void 0 ? void 0 : form.getFieldsValue()) || {}).reduce((acc, cur) => {
+            acc[cur] = undefined;
+            return acc;
+        }, {}));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     return (React.createElement(DisabledContextProvider, { disabled: disabled },
         React.createElement(SizeContextProvider, { size: size },
             React.createElement(FormProvider, Object.assign({}, {