tntd 3.0.28 → 3.0.29-beta.1

package/lib/segmented/index.d.ts

@@ -18,6 +18,6 @@ export interface SegmentedProps extends Omit<RCSegmentedProps, 'size' | 'options
     block?: boolean;
     size?: SizeType;
 }
-declare const Segmented: React.ForwardRefExoticComponent<Pick<SegmentedProps, "children" | "target" | "lang" | "about" | "as" | "type" | "onClick" | "download" | "href" | "hrefLang" | "media" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "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" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "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" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "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" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "list" | "step" | "shape" | "size" | "prefixCls" | "block" | "default" | "cite" | "data" | "label" | "span" | "summary" | "pattern" | "key" | "width" | "height" | "src" | "max" | "method" | "min" | "crossOrigin" | "direction" | "checked" | "open" | "options" | "multiple" | "wrap" | "start" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "motionName" | "htmlFor" | "required" | "classID" | "accept" | "alt" | "capture" | "maxLength" | "minLength" | "readOnly" | "cols" | "rows" | "colSpan" | "headers" | "allowFullScreen" | "allowTransparency" | "async" | "autoPlay" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "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>>;
+declare const Segmented: React.ForwardRefExoticComponent<Pick<SegmentedProps, "action" | "type" | "style" | "prefixCls" | "className" | "children" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "target" | "lang" | "about" | "as" | "onClick" | "download" | "href" | "hrefLang" | "media" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "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" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "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" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "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" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "list" | "step" | "size" | "shape" | "block" | "key" | "width" | "height" | "src" | "max" | "method" | "min" | "crossOrigin" | "direction" | "checked" | "options" | "open" | "multiple" | "wrap" | "start" | "acceptCharset" | "autoComplete" | "encType" | "noValidate" | "motionName" | "htmlFor" | "required" | "accept" | "alt" | "capture" | "maxLength" | "minLength" | "readOnly" | "cols" | "rows" | "colSpan" | "headers" | "allowFullScreen" | "allowTransparency" | "async" | "autoPlay" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "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.js

@@ -10,8 +10,8 @@ var React = _interopRequireWildcard(require("react"));
 require("./index.less");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }

package/lib/segmented/index.less

@@ -1,138 +1,152 @@
 .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 {
+  box-sizing: border-box;
+  margin: 0;
+  font-size: 14px;
+  line-height: 1.5715;
+  list-style: none;
+
+  display: inline-block;
+  padding: 2px;
+  color: #17233D;
+  text-overflow: ellipsis;
+  // background-color: rgba(0,0,0,.04);
+  // border-radius: 2px;
+  border-radius: var(---, 8px);
+  background: var(---, #F8F9FB);
+  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  font-family: initial;
+  font-weight: 400;
+
+  .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);
+      border-radius: var(---, 8px);
+      &-selected {
+        background-color: #fff;
+        border-radius: var(---, 8px);
+        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;
         position: relative;
-        display: flex;
-        align-items: stretch;
-        justify-items: flex-start;
-        width: 100%;
+        z-index: 20;
       }
 
-      // 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;
-        }
+
+      &:hover:not(&-selected),
+      &:focus:not(&-selected) {
+        background: var(---, #E9EDF3);      
       }
 
-      // disabled styles
-      .tntd-segmented-item-disabled {
-        &,
-        &:hover,
-        &:focus {
-          color: rgba(0,0,0,.25);
-          cursor: not-allowed;
-        }
+      &:active:not(&-selected) {
+        background: var(---300, #E1E6EE);       
+      }
+      &-label {
+        min-height: 28px;
+        padding: 0 12px;
+        line-height: 28px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        word-break: keep-all;
       }
 
-      // 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);
+      // syntactic sugar to add `icon` for Segmented Item
+      &-icon + * {
+        margin-left: 6px;
+      }
 
+      &-input {
         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;
+        height: 0;
+        opacity: 0;
+        pointer-events: none;
       }
+    }
 
-    // hover/focus styles
-    &:not(&-disabled) {
+    // disabled styles
+    .tntd-segmented-item-disabled {
+      &,
       &:hover,
       &:focus {
-        background-color: rgba(0,0,0,.06);
+        cursor: not-allowed;
+        background-color: transparent !important;
+        color: #BABDC5;
       }
     }
-  }
-
-  .tntd-segmented-block {
-    display: flex;
 
-    .tntd-segmented-item {
-        flex: 1;
-        min-width: 0;
+    // thumb styles
+    .tntd-segmented-thumb {
+      background-color: #fff; 
+      border-radius: var(---, 8px);
+      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;
+      inset-block-start: 0;
+      inset-inline-start: 0;
+      top: 0;
+      left: 0;
+      width: 0;
+      height: 100%;
+      padding: 4px 0;
+      ~.tntd-segmented-item:not(.tntd-segmented-item-selected):not(.tntd-segmented-item-disabled) {
+        background-color: transparent;       
+      }
     }
-  }
 
-  // size styles
-  .tntd-segmented-lg {
-    .tntd-segmented-item-label {
-        min-height: 36px;
-        padding: 0 12px;
-        font-size: 16px;
-        line-height: 36px;
+    // 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;
-    }
+.tntd-segmented-sm {
+  .tntd-segmented-item-label {
+      min-height: 22px;
+      line-height: 22px;
+      padding: 0 7px;
   }
+}

package/lib/select/index.d.ts

@@ -1,7 +1,7 @@
+import { Select, SelectProps } from './select';
 import './style';
 import './select.less';
 export * from 'antd/lib/select';
-import { Select, SelectProps } from './select';
 export { SelectProps };
 export default Select;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,eAAe,CAAA;AAEtB,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE9C,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,SAAS,CAAA;AAChB,OAAO,eAAe,CAAA;AAEtB,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,eAAe,MAAM,CAAA"}

package/lib/select/index.js

@@ -5,19 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {};
 exports["default"] = void 0;
+var _select = require("./select");
 require("./style");
 require("./select.less");
-var _select2 = require("antd/lib/select");
-Object.keys(_select2).forEach(function (key) {
+var _select3 = require("antd/lib/select");
+Object.keys(_select3).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _select2[key]) return;
+  if (key in exports && exports[key] === _select3[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _select2[key];
+      return _select3[key];
     }
   });
 });
-var _select3 = require("./select");
-var _default = exports["default"] = _select3.Select;
+var _default = exports["default"] = _select.Select;

package/lib/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mBAAgB;AAChB,yBAAsB;AAEtB,iDAA8B;AAE9B,qCAA8C;AAG9C,kBAAe,eAAM,CAAA","sourcesContent":["import './style'\nimport './select.less'\n\nexport * from 'antd/lib/select'\n\nimport { Select, SelectProps } from './select'\n\nexport { SelectProps }\nexport default Select\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qCAA8C;AAC9C,mBAAgB;AAChB,yBAAsB;AAEtB,iDAA8B;AAE9B,kBAAe,eAAM,CAAA","sourcesContent":["import { Select, SelectProps } from './select'\nimport './style'\nimport './select.less'\n\nexport * from 'antd/lib/select'\nexport { SelectProps }\nexport default Select\n"]}

package/lib/select/select.d.ts

@@ -2,7 +2,7 @@ import React, { ReactNode } from 'react';
 import { default as AntdSelect } from 'antd/lib/select';
 import type { SelectProps as AntdSelectProps } from 'antd/lib/select';
 export interface SelectProps extends AntdSelectProps {
-    borderStyle?: 'outline';
+    borderStyle?: 'outline' | 'fill';
     children?: ReactNode;
     options?: Array<string | number | {
         label: string;

package/lib/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAA;AASpE,MAAM,WAAW,WAAY,SAAQ,eAAe;IAElD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,KAAK,CACX,MAAM,GACN,MAAM,GACN;QACE,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;QACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,CACJ,CAAA;IACD,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,OAAO,CAAC,EAAE,MAAM,CAAA;KACjB,CAAA;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,eACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACtF,QAAQ,EAAE,OAAO,UAAU,CAAC,QAAQ,CAAA;IACpC,MAAM,EAAE,OAAO,UAAU,CAAC,MAAM,CAAA;CACjC;AAID,eAAO,MAAM,cAAc,iBAqDP,CAAA;AAEpB,eAAO,MAAM,MAAM,iBAGC,CAAA"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAA;AASpE,MAAM,WAAW,WAAY,SAAQ,eAAe;IAElD,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,KAAK,CACX,MAAM,GACN,MAAM,GACN;QACE,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;QACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,CACJ,CAAA;IACD,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,OAAO,CAAC,EAAE,MAAM,CAAA;KACjB,CAAA;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,eACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACtF,QAAQ,EAAE,OAAO,UAAU,CAAC,QAAQ,CAAA;IACpC,MAAM,EAAE,OAAO,UAAU,CAAC,MAAM,CAAA;CACjC;AAMD,eAAO,MAAM,cAAc,iBAoDP,CAAA;AAEpB,eAAO,MAAM,MAAM,iBAGC,CAAA"}

package/lib/select/select.js

@@ -15,9 +15,9 @@ var _prevLocale = require("../prev-locale");
 var _utils = require("../utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
@@ -30,6 +30,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 var defaultPlaceholder = (0, _prevLocale.getText)('select', (0, _prevLocale.getLanguage)());
 var Option = _select["default"].Option;
+var tntPrefixCls = 'tnt-select';
 var InternalSelect = exports.InternalSelect = (0, _react.forwardRef)(function (_a, ref) {
   var className = _a.className,
     borderStyle = _a.borderStyle,
@@ -40,12 +41,10 @@ var InternalSelect = exports.InternalSelect = (0, _react.forwardRef)(function (_
     placeholder = _a$placeholder === void 0 ? defaultPlaceholder : _a$placeholder,
     capitalize = _a.capitalize,
     props = __rest(_a, ["className", "borderStyle", "options", "fieldNames", "children", "placeholder", "capitalize"]);
-  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
-    var getPrefixCls = _ref.getPrefixCls;
-    var prefixCls = getPrefixCls('select');
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function () {
     return _react["default"].createElement(_select["default"], Object.assign({}, props, {
       placeholder: (0, _utils.capitalizeFirstLetter)(placeholder, capitalize),
-      className: (0, _classnames["default"])(className, _defineProperty({}, "".concat(prefixCls, "-outline"), borderStyle === 'outline')),
+      className: (0, _classnames["default"])(className, tntPrefixCls, _defineProperty(_defineProperty({}, "".concat(tntPrefixCls, "-outline"), borderStyle === 'outline'), "".concat(tntPrefixCls, "-fill"), borderStyle === 'fill')),
       ref: ref
     }), children ? children : options === null || options === void 0 ? void 0 : options.map(function (option) {
       if (_typeof(option) === 'object') {

package/lib/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,4DAAsD;AACtD,wDAAmD;AAEnD,4DAAmC;AACnC,mCAA4B;AAC5B,wCAAqD;AACrD,mEAAyC;AACzC,gDAAqD;AACrD,oCAAgD;AAEhD,MAAM,kBAAkB,GAAG,IAAA,qBAAO,EAAC,QAAQ,EAAE,IAAA,yBAAW,GAAE,CAAC,CAAA;AA4B3D,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAU,CAAA;AAEhB,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,WAAW,EACX,OAAO,EACP,UAAU,EACV,QAAQ,EACR,WAAW,GAAG,kBAAkB,EAChC,UAAU,OAEX,EADI,KAAK,cARV,8FASC,CADS;IAGP,OAAA,CACH,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QAExC,OAAO,CACL,8BAAC,gBAAU,oBACL,KAAK,IACT,WAAW,EAAE,IAAA,6BAAqB,EAAC,WAAW,EAAE,UAAU,CAAC,EAC3D,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE;gBAC/B,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,WAAW,KAAK,SAAS;aACpD,CAAC,EACF,GAAG,EAAE,GAAG,KAEP,QAAQ;YACP,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACtB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;oBAC9B,OAAO,CACL,8BAAC,MAAM,IACL,GAAG,EAAE,IAAA,YAAG,EAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,EAC9C,KAAK,EAAE,IAAA,YAAG,EAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,EAChD,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,IAE1B,IAAA,YAAG,EAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,CACnC,CACV,CAAA;iBACF;gBAED,OAAO,CACL,8BAAC,MAAM,IAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAC/B,MAAM,CACA,CACV,CAAA;YACH,CAAC,CAAC,CACK,CACd,CAAA;IACH,CAAC,CACc,CAClB,CAAA;CAAA,CACiB,CAAA;AAEP,QAAA,MAAM,GAAG,IAAA,kCAAwB,EAC5C,sBAAc,EACd,sBAAW,CAAC,MAAM,CACA,CAAA;AAEpB,cAAM,CAAC,QAAQ,GAAG,gBAAU,CAAC,QAAQ,CAAA;AACrC,cAAM,CAAC,MAAM,GAAG,gBAAU,CAAC,MAAM,CAAA","sourcesContent":["import React, { ReactNode, forwardRef } from 'react'\nimport { default as AntdSelect } from 'antd/lib/select'\nimport { ConfigConsumer } from '../config-provider'\nimport type { SelectProps as AntdSelectProps } from 'antd/lib/select'\nimport classNames from 'classnames'\nimport { get } from 'lodash'\nimport { connectReadonlyComponent } from '../connect'\nimport PreviewText from '../preview-text'\nimport { getLanguage, getText } from '../prev-locale'\nimport { capitalizeFirstLetter } from '../utils'\n\nconst defaultPlaceholder = getText('select', getLanguage())\nexport interface SelectProps extends AntdSelectProps {\n  // 线框风格\n  borderStyle?: 'outline'\n  children?: ReactNode\n  options?: Array<\n    | string\n    | number\n    | {\n        label: string\n        value: string | number\n        disabled?: boolean\n      }\n  >\n  fieldNames?: {\n    label?: string\n    value?: string\n    options?: string\n  }\n  readonly?: boolean\n}\n\ninterface SelectComponent\n  extends React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<AntdSelect>> {\n  OptGroup: typeof AntdSelect.OptGroup\n  Option: typeof AntdSelect.Option\n}\n\nconst { Option } = AntdSelect\n\nexport const InternalSelect = forwardRef<AntdSelect, SelectProps & { capitalize?: boolean }>(\n  (\n    {\n      className,\n      borderStyle,\n      options,\n      fieldNames,\n      children,\n      placeholder = defaultPlaceholder,\n      capitalize,\n      ...props\n    },\n    ref\n  ) => (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('select')\n\n        return (\n          <AntdSelect\n            {...props}\n            placeholder={capitalizeFirstLetter(placeholder, capitalize)}\n            className={classNames(className, {\n              [`${prefixCls}-outline`]: borderStyle === 'outline',\n            })}\n            ref={ref}\n          >\n            {children\n              ? children\n              : options?.map((option) => {\n                  if (typeof option === 'object') {\n                    return (\n                      <Option\n                        key={get(option, fieldNames?.value || 'value')}\n                        value={get(option, fieldNames?.value || 'value')}\n                        disabled={!!option.disabled}\n                      >\n                        {get(option, fieldNames?.label || 'label')}\n                      </Option>\n                    )\n                  }\n\n                  return (\n                    <Option key={option} value={option}>\n                      {option}\n                    </Option>\n                  )\n                })}\n          </AntdSelect>\n        )\n      }}\n    </ConfigConsumer>\n  )\n) as SelectComponent\n\nexport const Select = connectReadonlyComponent(\n  InternalSelect,\n  PreviewText.Select\n) as SelectComponent\n\nSelect.OptGroup = AntdSelect.OptGroup\nSelect.Option = AntdSelect.Option\n"]}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,4DAAsD;AACtD,wDAAmD;AAEnD,4DAAmC;AACnC,mCAA4B;AAC5B,wCAAqD;AACrD,mEAAyC;AACzC,gDAAqD;AACrD,oCAAgD;AAEhD,MAAM,kBAAkB,GAAG,IAAA,qBAAO,EAAC,QAAQ,EAAE,IAAA,yBAAW,GAAE,CAAC,CAAA;AA4B3D,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAU,CAAA;AAE7B,MAAM,YAAY,GAAG,YAAY,CAAA;AAEpB,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,WAAW,EACX,OAAO,EACP,UAAU,EACV,QAAQ,EACR,WAAW,GAAG,kBAAkB,EAChC,UAAU,OAEX,EADI,KAAK,cARV,8FASC,CADS;IAGP,OAAA,CACH,8BAAC,gCAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,8BAAC,gBAAU,oBACL,KAAK,IACT,WAAW,EAAE,IAAA,6BAAqB,EAAC,WAAW,EAAE,UAAU,CAAC,EAC3D,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,YAAY,EAAE;gBAC7C,CAAC,GAAG,YAAY,UAAU,CAAC,EAAE,WAAW,KAAK,SAAS;gBACtD,CAAC,GAAG,YAAY,OAAO,CAAC,EAAE,WAAW,KAAK,MAAM;aACjD,CAAC,EACF,GAAG,EAAE,GAAG,KAEP,QAAQ;YACP,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACtB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;oBAC9B,OAAO,CACL,8BAAC,MAAM,IACL,GAAG,EAAE,IAAA,YAAG,EAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,EAC9C,KAAK,EAAE,IAAA,YAAG,EAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,EAChD,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,IAE1B,IAAA,YAAG,EAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,CACnC,CACV,CAAA;iBACF;gBAED,OAAO,CACL,8BAAC,MAAM,IAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAC/B,MAAM,CACA,CACV,CAAA;YACH,CAAC,CAAC,CACK,CACd,CAAA;IACH,CAAC,CACc,CAClB,CAAA;CAAA,CACiB,CAAA;AAEP,QAAA,MAAM,GAAG,IAAA,kCAAwB,EAC5C,sBAAc,EACd,sBAAW,CAAC,MAAM,CACA,CAAA;AAEpB,cAAM,CAAC,QAAQ,GAAG,gBAAU,CAAC,QAAQ,CAAA;AACrC,cAAM,CAAC,MAAM,GAAG,gBAAU,CAAC,MAAM,CAAA","sourcesContent":["import React, { ReactNode, forwardRef } from 'react'\nimport { default as AntdSelect } from 'antd/lib/select'\nimport { ConfigConsumer } from '../config-provider'\nimport type { SelectProps as AntdSelectProps } from 'antd/lib/select'\nimport classNames from 'classnames'\nimport { get } from 'lodash'\nimport { connectReadonlyComponent } from '../connect'\nimport PreviewText from '../preview-text'\nimport { getLanguage, getText } from '../prev-locale'\nimport { capitalizeFirstLetter } from '../utils'\n\nconst defaultPlaceholder = getText('select', getLanguage())\nexport interface SelectProps extends AntdSelectProps {\n  // 线框风格\n  borderStyle?: 'outline' | 'fill'\n  children?: ReactNode\n  options?: Array<\n    | string\n    | number\n    | {\n        label: string\n        value: string | number\n        disabled?: boolean\n      }\n  >\n  fieldNames?: {\n    label?: string\n    value?: string\n    options?: string\n  }\n  readonly?: boolean\n}\n\ninterface SelectComponent\n  extends React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<AntdSelect>> {\n  OptGroup: typeof AntdSelect.OptGroup\n  Option: typeof AntdSelect.Option\n}\n\nconst { Option } = AntdSelect\n\nconst tntPrefixCls = 'tnt-select'\n\nexport const InternalSelect = forwardRef<AntdSelect, SelectProps & { capitalize?: boolean }>(\n  (\n    {\n      className,\n      borderStyle,\n      options,\n      fieldNames,\n      children,\n      placeholder = defaultPlaceholder,\n      capitalize,\n      ...props\n    },\n    ref\n  ) => (\n    <ConfigConsumer>\n      {() => {\n        return (\n          <AntdSelect\n            {...props}\n            placeholder={capitalizeFirstLetter(placeholder, capitalize)}\n            className={classNames(className, tntPrefixCls, {\n              [`${tntPrefixCls}-outline`]: borderStyle === 'outline',\n              [`${tntPrefixCls}-fill`]: borderStyle === 'fill',\n            })}\n            ref={ref}\n          >\n            {children\n              ? children\n              : options?.map((option) => {\n                  if (typeof option === 'object') {\n                    return (\n                      <Option\n                        key={get(option, fieldNames?.value || 'value')}\n                        value={get(option, fieldNames?.value || 'value')}\n                        disabled={!!option.disabled}\n                      >\n                        {get(option, fieldNames?.label || 'label')}\n                      </Option>\n                    )\n                  }\n\n                  return (\n                    <Option key={option} value={option}>\n                      {option}\n                    </Option>\n                  )\n                })}\n          </AntdSelect>\n        )\n      }}\n    </ConfigConsumer>\n  )\n) as SelectComponent\n\nexport const Select = connectReadonlyComponent(\n  InternalSelect,\n  PreviewText.Select\n) as SelectComponent\n\nSelect.OptGroup = AntdSelect.OptGroup\nSelect.Option = AntdSelect.Option\n"]}

package/lib/select/select.less

@@ -1,11 +1,85 @@
-@empty-prefix-cls: ~'@{ant-prefix}-select';
-
-.@{empty-prefix-cls}-outline {
-  .@{empty-prefix-cls}-selection {
-    border-top: none;
-    border-left: none;
-    border-right: none;
-    border-radius: 0;
-    box-shadow: none;
+@import '../style/mixins/index.less';
+@import '../input/style/mixin.less';
+
+@select-prefix-cls: ~'@{ant-prefix}-select';
+
+.tnt-select,
+.@{select-prefix-cls} {
+  .@{select-prefix-cls}-arrow {
+    color: @input-color;
+  }
+  &-disabled {
+    .@{select-prefix-cls}-arrow {
+      color: @text-color-tertiary;
+    }
+  }
+  // 线框风格
+  &-outline {
+    .@{select-prefix-cls}-selection {
+      border-top: none;
+      border-left: none;
+      border-right: none;
+      border-radius: 0;
+      box-shadow: none;
+    }
+
+    &.@{select-prefix-cls}-focused &,
+    &.@{select-prefix-cls}-selection:focus,
+    &.@{select-prefix-cls}-selection:active {
+      .active;
+      box-shadow: none;
+    }
+  }
+  // 填充风格
+  &-fill {
+    .@{select-prefix-cls}-selection {
+      border-color: @fill-color-quaternary;
+      background-color: @fill-color-quaternary;
+
+      &:hover {
+        .hover;
+      }
+
+      &.@{select-prefix-cls}-focused &,
+      &.@{select-prefix-cls}-selection:focus,
+      &.@{select-prefix-cls}-selection:active {
+        .active;
+      }
+    }
+
+    &.@{select-prefix-cls}-disabled {
+      .@{select-prefix-cls}-selection {
+        background-color: @input-disabled-bg !important;
+        border-color: @input-disabled-bg !important;
+        box-shadow: none !important;
+      }
+    }
+  }
+
+  // 未选择值的时候的样式
+  .@{select-prefix-cls}-selection {
+    &__clear {
+      color: @bg-color-spotilight-tint-50;
+    }
+    &:not(:has(.ant-select-selection-selected-value, .ant-select-selection__choice)) {
+      .@{select-prefix-cls}-arrow {
+        color: @input-placeholder-color;
+      }
+
+      &:hover {
+        .@{select-prefix-cls}-arrow {
+          color: @input-color;
+        }
+      }
+    }
+  }
+
+  .@{select-prefix-cls}-selection__choice {
+    border-radius: @border-radius-base;
+    border-color: @bg-grey-default;
+    .tntd-anticon {
+      font-size: 12px;
+      vertical-align: middle;
+    }
   }
 }

package/lib/select/style/index.less

@@ -136,12 +136,12 @@
   }
 
   &-disabled &-selection--multiple &-selection__choice {
-    padding-right: 10px;
+    // padding-right: 10px;
     color: fade(@black, 33%);
     background: @background-color-base;
-    &__remove {
-      display: none;
-    }
+    // &__remove {
+    //   display: none;
+    // }
   }
 
   &-selection--single {

package/lib/spin/index.d.ts

@@ -1,5 +1,6 @@
-import Spin from 'antd/lib/spin';
 import './style';
-export * from 'antd/lib/spin';
+import { Spin } from './spin';
+import './spin.less';
+export * from './spin';
 export default Spin;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/spin/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,cAAc,CAAA;AAC/B,OAAO,SAAS,CAAA;AAChB,cAAc,cAAc,CAAA;AAC5B,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/spin/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,aAAa,CAAA;AAEpB,cAAc,QAAQ,CAAA;AAEtB,eAAe,IAAI,CAAA"}

package/lib/spin/index.js

@@ -1,12 +1,12 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {};
 exports["default"] = void 0;
-var _spin = _interopRequireWildcard(require("antd/lib/spin"));
+require("./style");
+var _spin = require("./spin");
 Object.keys(_spin).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -18,7 +18,5 @@ Object.keys(_spin).forEach(function (key) {
     }
   });
 });
-require("./style");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var _default = exports["default"] = _spin["default"];
+require("./spin.less");
+var _default = exports["default"] = _spin.Spin;

package/lib/spin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/spin/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,wDAA+B;AAC/B,mBAAgB;AAChB,+CAA4B;AAC5B,kBAAe,cAAI,CAAA","sourcesContent":["import Spin from 'antd/lib/spin'\nimport './style'\nexport * from 'antd/lib/spin'\nexport default Spin\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/spin/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mBAAgB;AAChB,iCAA6B;AAC7B,uBAAoB;AAEpB,yCAAsB;AAEtB,kBAAe,WAAI,CAAA","sourcesContent":["import './style'\nimport { Spin } from './spin'\nimport './spin.less'\n\nexport * from './spin'\n\nexport default Spin\n"]}

package/lib/spin/spin.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { SpinProps as AntdSpinProps } from 'antd/lib/spin';
+import { default as AntdSpin } from 'antd/lib/spin';
+import './spin.less';
+interface SpinComponent extends React.ForwardRefExoticComponent<AntdSpinProps & React.RefAttributes<AntdSpin>> {
+}
+export declare const Spin: SpinComponent;
+export {};
+//# sourceMappingURL=spin.d.ts.map

package/lib/spin/spin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["../../src/spin/spin.tsx"],"names":[],"mappings":"AASA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,cAAc,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAGlD,OAAO,aAAa,CAAA;AAEpB,UAAU,aACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;CAAG;AAE3F,eAAO,MAAM,IAAI,eAgBE,CAAA"}