tntd 2.7.3 → 2.7.5

package/lib/segmented/index.d.ts

@@ -0,0 +1,23 @@
+import type { SegmentedLabeledOption as RcSegmentedLabeledOption, SegmentedProps as RCSegmentedProps, SegmentedRawOption } from 'rc-segmented';
+import * as React from 'react';
+import './index.less';
+export declare type SizeType = 'small' | 'middle' | 'large' | undefined;
+export type { SegmentedValue } from 'rc-segmented';
+interface SegmentedLabeledOptionWithoutIcon extends RcSegmentedLabeledOption {
+    label: RcSegmentedLabeledOption['label'];
+}
+interface SegmentedLabeledOptionWithIcon extends Omit<RcSegmentedLabeledOption, 'label'> {
+    label?: RcSegmentedLabeledOption['label'];
+    /** Set icon for Segmented item */
+    icon: React.ReactNode;
+}
+export declare type SegmentedLabeledOption = SegmentedLabeledOptionWithIcon | SegmentedLabeledOptionWithoutIcon;
+export interface SegmentedProps extends Omit<RCSegmentedProps, 'size' | 'options'> {
+    rootClassName?: string;
+    options: (SegmentedRawOption | SegmentedLabeledOption)[];
+    block?: boolean;
+    size?: SizeType;
+}
+declare const Segmented: React.ForwardRefExoticComponent<Pick<SegmentedProps, "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "key" | "open" | "id" | "name" | "prefixCls" | "disabled" | "className" | "size" | "autoFocus" | "onFocus" | "onBlur" | "value" | "defaultValue" | "placeholder" | "onChange" | "onMouseEnter" | "onMouseLeave" | "options" | "onSelect" | "tabIndex" | "default" | "multiple" | "start" | "block" | "onSubmit" | "acceptCharset" | "action" | "autoComplete" | "encType" | "method" | "noValidate" | "target" | "rel" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "direction" | "list" | "step" | "height" | "type" | "motionName" | "wrap" | "width" | "htmlFor" | "required" | "max" | "min" | "classID" | "accept" | "alt" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "readOnly" | "src" | "content" | "media" | "href" | "cols" | "rows" | "download" | "hrefLang" | "shape" | "as" | "headers" | "allowFullScreen" | "allowTransparency" | "async" | "autoPlay" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "colSpan" | "controls" | "coords" | "dateTime" | "defer" | "frameBorder" | "high" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "mediaGroup" | "muted" | "optimum" | "playsInline" | "poster" | "preload" | "reversed" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "rootClassName"> & React.RefAttributes<HTMLDivElement>>;
+export default Segmented;
+//# sourceMappingURL=index.d.ts.map

package/lib/segmented/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/segmented/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,sBAAsB,IAAI,wBAAwB,EAClD,cAAc,IAAI,gBAAgB,EAClC,kBAAkB,EACnB,MAAM,cAAc,CAAA;AAErB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,cAAc,CAAA;AAErB,oBAAY,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAG/D,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAElD,UAAU,iCAAkC,SAAQ,wBAAwB;IAC1E,KAAK,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAA;CACzC;AAED,UAAU,8BAA+B,SAAQ,IAAI,CAAC,wBAAwB,EAAE,OAAO,CAAC;IACtF,KAAK,CAAC,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAA;IACzC,kCAAkC;IAClC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB;AAQD,oBAAY,sBAAsB,GAC9B,8BAA8B,GAC9B,iCAAiC,CAAA;AAErC,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IAChF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,EAAE,CAAC,kBAAkB,GAAG,sBAAsB,CAAC,EAAE,CAAA;IACxD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAED,QAAA,MAAM,SAAS,84LA2Db,CAAA;AAMF,eAAe,SAAS,CAAA"}

package/lib/segmented/index.js

@@ -0,0 +1,78 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const classnames_1 = __importDefault(require("classnames"));
+const rc_segmented_1 = __importDefault(require("rc-segmented"));
+const React = __importStar(require("react"));
+require("./index.less");
+const SizeContext = React.createContext(undefined);
+function isSegmentedLabeledOptionWithIcon(option) {
+    return typeof option === 'object' && !!(option === null || option === void 0 ? void 0 : option.icon);
+}
+const Segmented = React.forwardRef((props, ref) => {
+    const { prefixCls: customizePrefixCls, className, rootClassName, block, options = [], size: customSize = 'middle', style } = props, restProps = __rest(props, ["prefixCls", "className", "rootClassName", "block", "options", "size", "style"]);
+    const prefixCls = 'tntd-segmented';
+    // ===================== Size =====================
+    const size = React.useContext(SizeContext);
+    const mergedSize = customSize || size;
+    // syntactic sugar to support `icon` for Segmented Item
+    const extendedOptions = React.useMemo(() => options.map((option) => {
+        if (isSegmentedLabeledOptionWithIcon(option)) {
+            const { icon, label } = option, restOption = __rest(option, ["icon", "label"]);
+            return Object.assign(Object.assign({}, restOption), { label: (React.createElement(React.Fragment, null,
+                    React.createElement("span", { className: `${prefixCls}-item-icon` }, icon),
+                    label && React.createElement("span", null, label))) });
+        }
+        return option;
+    }), [options, prefixCls]);
+    const cls = (0, classnames_1.default)(className, rootClassName, {
+        [`${prefixCls}-block`]: block,
+        [`${prefixCls}-sm`]: mergedSize === 'small',
+        [`${prefixCls}-lg`]: mergedSize === 'large',
+    });
+    const mergedStyle = Object.assign({}, style);
+    return (React.createElement(rc_segmented_1.default, Object.assign({}, restProps, { className: cls, style: mergedStyle, options: extendedOptions, 
+        //   options={options}
+        ref: ref, rev: "", prefixCls: prefixCls })));
+});
+if (process.env.NODE_ENV !== 'production') {
+    Segmented.displayName = 'Segmented';
+}
+exports.default = Segmented;
+//# sourceMappingURL=index.js.map

package/lib/segmented/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/segmented/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAAmC;AAMnC,gEAAsC;AACtC,6CAA8B;AAE9B,wBAAqB;AAGrB,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAW,SAAS,CAAC,CAAA;AAc5D,SAAS,gCAAgC,CACvC,MAA+F;IAE/F,OAAO,OAAO,MAAM,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,MAAyC,aAAzC,MAAM,uBAAN,MAAM,CAAqC,IAAI,CAAA,CAAA;AACzF,CAAC;AAaD,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChF,MAAM,EACJ,SAAS,EAAE,kBAAkB,EAC7B,SAAS,EACT,aAAa,EACb,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,IAAI,EAAE,UAAU,GAAG,QAAQ,EAC3B,KAAK,KAEH,KAAK,EADJ,SAAS,UACV,KAAK,EATH,gFASL,CAAQ,CAAA;IAET,MAAM,SAAS,GAAG,gBAAgB,CAAA;IAElC,mDAAmD;IACnD,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAA;IAC1C,MAAM,UAAU,GAAG,UAAU,IAAI,IAAI,CAAA;IAErC,uDAAuD;IACvD,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CACnC,GAAG,EAAE,CACH,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACrB,IAAI,gCAAgC,CAAC,MAAM,CAAC,EAAE;YAC5C,MAAM,EAAE,IAAI,EAAE,KAAK,KAAoB,MAAM,EAArB,UAAU,UAAK,MAAM,EAAvC,iBAA8B,CAAS,CAAA;YAC7C,uCACK,UAAU,KACb,KAAK,EAAE,CACL;oBACE,8BAAM,SAAS,EAAE,GAAG,SAAS,YAAY,IAAG,IAAI,CAAQ;oBACvD,KAAK,IAAI,kCAAO,KAAK,CAAQ,CAC7B,CACJ,IACF;SACF;QACD,OAAO,MAAM,CAAA;IACf,CAAC,CAAC,EACJ,CAAC,OAAO,EAAE,SAAS,CAAC,CACrB,CAAA;IAED,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,aAAa,EAAE;QAC/C,CAAC,GAAG,SAAS,QAAQ,CAAC,EAAE,KAAK;QAC7B,CAAC,GAAG,SAAS,KAAK,CAAC,EAAE,UAAU,KAAK,OAAO;QAC3C,CAAC,GAAG,SAAS,KAAK,CAAC,EAAE,UAAU,KAAK,OAAO;KAC5C,CAAC,CAAA;IAEF,MAAM,WAAW,qBAA6B,KAAK,CAAE,CAAA;IAErD,OAAO,CACL,oBAAC,sBAAW,oBACN,SAAS,IACb,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,eAAe;QACxB,sBAAsB;QACtB,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,EAAE,EACN,SAAS,EAAE,SAAS,IACpB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;CACpC;AAED,kBAAe,SAAS,CAAA","sourcesContent":["import classNames from 'classnames'\nimport type {\n  SegmentedLabeledOption as RcSegmentedLabeledOption,\n  SegmentedProps as RCSegmentedProps,\n  SegmentedRawOption,\n} from 'rc-segmented'\nimport RcSegmented from 'rc-segmented'\nimport * as React from 'react'\n\nimport './index.less'\n\nexport type SizeType = 'small' | 'middle' | 'large' | undefined\nconst SizeContext = React.createContext<SizeType>(undefined)\n\nexport type { SegmentedValue } from 'rc-segmented'\n\ninterface SegmentedLabeledOptionWithoutIcon extends RcSegmentedLabeledOption {\n  label: RcSegmentedLabeledOption['label']\n}\n\ninterface SegmentedLabeledOptionWithIcon extends Omit<RcSegmentedLabeledOption, 'label'> {\n  label?: RcSegmentedLabeledOption['label']\n  /** Set icon for Segmented item */\n  icon: React.ReactNode\n}\n\nfunction isSegmentedLabeledOptionWithIcon(\n  option: SegmentedRawOption | SegmentedLabeledOptionWithIcon | SegmentedLabeledOptionWithoutIcon\n): option is SegmentedLabeledOptionWithIcon {\n  return typeof option === 'object' && !!(option as SegmentedLabeledOptionWithIcon)?.icon\n}\n\nexport type SegmentedLabeledOption =\n  | SegmentedLabeledOptionWithIcon\n  | SegmentedLabeledOptionWithoutIcon\n\nexport interface SegmentedProps extends Omit<RCSegmentedProps, 'size' | 'options'> {\n  rootClassName?: string\n  options: (SegmentedRawOption | SegmentedLabeledOption)[]\n  block?: boolean\n  size?: SizeType\n}\n\nconst Segmented = React.forwardRef<HTMLDivElement, SegmentedProps>((props, ref) => {\n  const {\n    prefixCls: customizePrefixCls,\n    className,\n    rootClassName,\n    block,\n    options = [],\n    size: customSize = 'middle',\n    style,\n    ...restProps\n  } = props\n\n  const prefixCls = 'tntd-segmented'\n\n  // ===================== Size =====================\n  const size = React.useContext(SizeContext)\n  const mergedSize = customSize || size\n\n  // syntactic sugar to support `icon` for Segmented Item\n  const extendedOptions = React.useMemo<RCSegmentedProps['options']>(\n    () =>\n      options.map((option) => {\n        if (isSegmentedLabeledOptionWithIcon(option)) {\n          const { icon, label, ...restOption } = option\n          return {\n            ...restOption,\n            label: (\n              <>\n                <span className={`${prefixCls}-item-icon`}>{icon}</span>\n                {label && <span>{label}</span>}\n              </>\n            ),\n          }\n        }\n        return option\n      }),\n    [options, prefixCls]\n  )\n\n  const cls = classNames(className, rootClassName, {\n    [`${prefixCls}-block`]: block,\n    [`${prefixCls}-sm`]: mergedSize === 'small',\n    [`${prefixCls}-lg`]: mergedSize === 'large',\n  })\n\n  const mergedStyle: React.CSSProperties = { ...style }\n\n  return (\n    <RcSegmented\n      {...restProps}\n      className={cls}\n      style={mergedStyle}\n      options={extendedOptions}\n      //   options={options}\n      ref={ref}\n      rev=\"\"\n      prefixCls={prefixCls}\n    />\n  )\n})\n\nif (process.env.NODE_ENV !== 'production') {\n  Segmented.displayName = 'Segmented'\n}\n\nexport default Segmented\n"]}

package/lib/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/lib/table/constants.d.ts

@@ -1,2 +1,4 @@
 export declare const TABLE_SIZE_STORAGE_KEY = "__$table-custom-size";
+export declare const prepositions: string[];
+export declare const articles: string[];
 //# sourceMappingURL=constants.d.ts.map

package/lib/table/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/table/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,yBAAyB,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/table/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,yBAAyB,CAAA;AAE5D,eAAO,MAAM,YAAY,EAAE,MAAM,EAmDhC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,MAAM,EAAuB,CAAA"}

package/lib/table/constants.js

@@ -1,5 +1,58 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TABLE_SIZE_STORAGE_KEY = void 0;
+exports.articles = exports.prepositions = exports.TABLE_SIZE_STORAGE_KEY = void 0;
 exports.TABLE_SIZE_STORAGE_KEY = '__$table-custom-size';
+exports.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',
+];
+exports.articles = ['the', 'a', 'an'];
 //# sourceMappingURL=constants.js.map

package/lib/table/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/table/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,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,QAAA,sBAAsB,GAAG,sBAAsB,CAAA;AAE/C,QAAA,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;AAEY,QAAA,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/lib/table/context.d.ts

@@ -17,6 +17,7 @@ export interface TableContextValue {
      * refresh function
      */
     refresh?(): void;
+    upperCaseIgnore?: string[];
 }
 export declare const TableContext: import("react").Context<TableContextValue>;
 //# sourceMappingURL=context.d.ts.map

package/lib/table/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/table/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAE/D,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,EAAE,CAAA;IAO/B;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IAE1C;;OAEG;IACH,gBAAgB,CAAC,CAAC,aAAa,EAAE,aAAa,EAAE,GAAG,SAAS,GAAG,IAAI,CAAA;IAEnE;;OAEG;IACH,OAAO,CAAC,IAAI,IAAI,CAAA;CAMjB;AAED,eAAO,MAAM,YAAY,4CAAuC,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/table/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAE/D,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,EAAE,CAAA;IAO/B;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IAE1C;;OAEG;IACH,gBAAgB,CAAC,CAAC,aAAa,EAAE,aAAa,EAAE,GAAG,SAAS,GAAG,IAAI,CAAA;IAEnE;;OAEG;IACH,OAAO,CAAC,IAAI,IAAI,CAAA;IAEhB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAM3B;AAED,eAAO,MAAM,YAAY,4CAAuC,CAAA"}

package/lib/table/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/table/context.ts"],"names":[],"mappings":";;;AAAA,iCAAgD;AAoCnC,QAAA,YAAY,GAAG,IAAA,qBAAa,EAAoB,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,iCAAgD;AAsCnC,QAAA,YAAY,GAAG,IAAA,qBAAa,EAAoB,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/lib/table/hooks/use-column-setting.d.ts

@@ -1,9 +1,12 @@
-import type { ColumnProps } from 'antd/es/table';
+import type { ColumnProps as AntdColumnProps } from 'antd/es/table';
 import type { Dispatch, SetStateAction } from 'react';
 export interface ColumnSetting {
     key: string;
     order: number;
     enable: boolean;
 }
+export declare type ColumnProps<T> = AntdColumnProps<T> & {
+    placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+};
 export declare const useColumnSetting: <T>(columns: ColumnProps<T>[], storageKey?: string | undefined) => [ColumnProps<T>[], ColumnSetting[] | undefined, Dispatch<SetStateAction<ColumnSetting[] | undefined>>];
 //# sourceMappingURL=use-column-setting.d.ts.map

package/lib/table/hooks/use-column-setting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-column-setting.d.ts","sourceRoot":"","sources":["../../../src/table/hooks/use-column-setting.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAGrD,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;CAChB;AAED,eAAO,MAAM,gBAAgB,2KAyB5B,CAAA"}
+{"version":3,"file":"use-column-setting.d.ts","sourceRoot":"","sources":["../../../src/table/hooks/use-column-setting.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AACnE,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAGrD,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;CAChB;AAED,oBAAY,WAAW,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG;IAChD,SAAS,CAAC,EACN,KAAK,GACL,MAAM,GACN,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,SAAS,GACT,YAAY,GACZ,UAAU,GACV,aAAa,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,gBAAgB,2KAyB5B,CAAA"}

package/lib/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,4CAA0D;AAG1D,iCAA+B;AAQxB,MAAM,gBAAgB,GAAG,CAC9B,OAAyB,EACzB,UAAmB,EAKnB,EAAE;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,+BAAuB,EAAkB,UAAU,EAAE,EAAE,CAAC,CAAA;IAClG,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,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;AAzBY,QAAA,gBAAgB,oBAyB5B","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,4CAA0D;AAG1D,iCAA+B;AAwBxB,MAAM,gBAAgB,GAAG,CAC9B,OAAyB,EACzB,UAAmB,EAKnB,EAAE;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,+BAAuB,EAAkB,UAAU,EAAE,EAAE,CAAC,CAAA;IAClG,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,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;AAzBY,QAAA,gBAAgB,oBAyB5B","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/lib/table/table.d.ts

@@ -13,9 +13,10 @@ export declare type TableProps<T> = Omit<AntdTableProps<T>, 'locale'> & {
         emptyText?: string;
     };
     refresh?(): void;
+    upperCaseIgnore?: string[];
 };
 export declare const Table: {
-    <T>({ className, locale, bordered, size, storageKey, columns, children, shadowed, striped, showCellBorders, pagination, enableToolbar, refresh, ...rest }: TableProps<T>): JSX.Element;
+    <T>({ className, locale, bordered, size, storageKey, columns, children, shadowed, striped, showCellBorders, enableToolbar, refresh, upperCaseIgnore, ...rest }: TableProps<T>): JSX.Element;
     Column: typeof Column;
     ColumnGroup: typeof ColumnGroup;
     displayName: string;

package/lib/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AAEjE,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,WAAW,MAAM,2BAA2B,CAAA;AAQnD,oBAAY,UAAU,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG;QACrC,kBAAkB,CAAC,EAAE,MAAM,CAAA;QAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,OAAO,CAAC,IAAI,IAAI,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;CA6FjB,CAAA"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EACV,UAAU,IAAI,cAAc,EAI7B,MAAM,eAAe,CAAA;AAEtB,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,WAAW,MAAM,2BAA2B,CAAA;AAkBnD,oBAAY,UAAU,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG;QACrC,kBAAkB,CAAC,EAAE,MAAM,CAAA;QAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,OAAO,CAAC,IAAI,IAAI,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAC3B,CAAA;AAMD,eAAO,MAAM,KAAK;;;;;CAoNjB,CAAA"}

package/lib/table/table.js

@@ -45,13 +45,26 @@ const Column_1 = __importDefault(require("antd/es/table/Column"));
 const ColumnGroup_1 = __importDefault(require("antd/es/table/ColumnGroup"));
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
+const ellipsis_1 = __importDefault(require("../ellipsis"));
 const context_1 = require("./context");
 const hooks_1 = require("./hooks");
 const utils_1 = require("./utils");
+const total_shower_1 = require("./total-shower");
+const prev_locale_1 = require("../prev-locale");
+const constants_1 = require("./constants");
+const sizeWidthMap = {
+    default: 40,
+    middle: 20,
+    small: 20,
+    xs: 16, // 8
+};
+const getDefaultPagination = (locale) => ({
+    showTotal: (total) => react_1.default.createElement(total_shower_1.TotalShower, { total: total, locale: locale }),
+});
 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 = (0, react_1.useRef)(null);
     // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(
     //   TABLE_SIZE_STORAGE_KEY,
@@ -59,6 +72,102 @@ const Table = (_a) => {
     // )
     const normalizedColumns = (0, react_1.useMemo)(() => columns || (0, utils_1.normalizeColumns)(children), [children, columns]);
     const [displayColumns, columnSetting, setColumnSetting] = (0, hooks_1.useColumnSetting)(normalizedColumns, storageKey);
+    const titleHandle = (str) => {
+        const words = str.split(' ');
+        const capitalizedWords = words.map((word, i) => {
+            const lowerCaseWord = word.toLowerCase();
+            let ignoreList = constants_1.prepositions.concat(constants_1.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 = (0, prev_locale_1.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_1.default.isValidElement(title)) {
+                        const renderChildren = (children) => {
+                            if (react_1.default.isValidElement(children) || Array.isArray(children)) {
+                                return react_1.default.Children.map(children, (child) => {
+                                    var _a;
+                                    if (react_1.default.isValidElement(child)) {
+                                        const childProps = (child.props || {});
+                                        return react_1.default.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.width && !String(column.width).includes('%'))) {
+                return column;
+            }
+            else {
+                return Object.assign(Object.assign({}, column), { title: (options) => {
+                        let title = column.title;
+                        if (typeof title === 'function') {
+                            title = title(options);
+                        }
+                        let widthLimitObj = {};
+                        if (column.width && !String(column.width).includes('%')) {
+                            let width = column.width;
+                            if (typeof width === 'string') {
+                                width = width.replace(/[^\d]/g, ' ');
+                            }
+                            widthLimitObj = {
+                                widthLimit: Number(width) -
+                                    Number(sizeWidthMap[size || 'default']) -
+                                    (column.sorter ? 20 : 0),
+                            };
+                        }
+                        return (react_1.default.createElement(ellipsis_1.default, Object.assign({}, widthLimitObj, { placement: (column === null || column === void 0 ? void 0 : column.placement) || 'topLeft', title: title })));
+                    } });
+            }
+        });
+    }
     /**
      * update the innerSize when props size changes
      */
@@ -72,6 +181,7 @@ const Table = (_a) => {
             tableContainer,
             columnSetting,
             refresh,
+            upperCaseIgnore,
             // setSize: setInnerSize,
             setColumnSetting,
         } },
@@ -79,8 +189,11 @@ const Table = (_a) => {
             const prefixCls = getPrefixCls('table');
             return (react_1.default.createElement("div", { ref: tableContainer },
                 react_1.default.createElement(LocaleReceiver_1.default, { componentName: "Table", defaultLocale: locale }, (localeObject) => {
-                    const locale = localeObject;
-                    return (react_1.default.createElement(table_1.default, Object.assign({ className: (0, classnames_1.default)(prefixCls, {
+                    //   const locale = localeObject as Record<string, string>
+                    //   const paginationConfig = pagination ? getDefaultPagination(locale) : pagination
+                    return (react_1.default.createElement(table_1.default, Object.assign({ className: (0, classnames_1.default)(
+                        // prefixCls,
+                        'tnt-table-wrapper', {
                             [`${prefixCls}-borderless`]: !bordered,
                             [`${prefixCls}-hide-cell-borders`]: !showCellBorders,
                             [`${prefixCls}-size-small`]: size === 'small',
@@ -88,7 +201,7 @@ 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)));
                 })));
         })));
 };