tntd 3.0.27-beta.4 → 3.0.28

package/es/segmented/index.less

@@ -1,152 +1,138 @@
 .tntd-segmented {
-  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;
+    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;
-        z-index: 20;
+        display: flex;
+        align-items: stretch;
+        justify-items: flex-start;
+        width: 100%;
       }
 
-
-      &:hover:not(&-selected),
-      &:focus:not(&-selected) {
-        background: var(---, #E9EDF3);      
+      // 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;
+        }
       }
 
-      &: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;
+      // disabled styles
+      .tntd-segmented-item-disabled {
+        &,
+        &:hover,
+        &:focus {
+          color: rgba(0,0,0,.25);
+          cursor: not-allowed;
+        }
       }
 
-      // syntactic sugar to add `icon` for Segmented Item
-      &-icon + * {
-        margin-left: 6px;
-      }
+      // 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);
 
-      &-input {
         position: absolute;
         top: 0;
         left: 0;
         width: 0;
-        height: 0;
-        opacity: 0;
-        pointer-events: none;
+        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;
       }
-    }
 
-    // disabled styles
-    .tntd-segmented-item-disabled {
-      &,
+    // hover/focus styles
+    &:not(&-disabled) {
       &:hover,
       &:focus {
-        cursor: not-allowed;
-        background-color: transparent !important;
-        color: #BABDC5;
+        background-color: rgba(0,0,0,.06);
       }
     }
+  }
 
-    // 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;       
-      }
-    }
+  .tntd-segmented-block {
+    display: flex;
 
-    // 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;
+    .tntd-segmented-item {
+        flex: 1;
+        min-width: 0;
     }
-
-  // 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;
+
+  // 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/es/select/index.js

@@ -1,5 +1,5 @@
-import { Select } from './select';
 import './style';
 import './select.less';
 export * from 'antd/es/select';
+import { Select } from './select';
 export default Select;

package/es/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAC9C,OAAO,SAAS,CAAA;AAChB,OAAO,eAAe,CAAA;AAEtB,cAAc,gBAAgB,CAAA;AAE9B,eAAe,MAAM,CAAA","sourcesContent":["import { Select, SelectProps } from './select'\nimport './style'\nimport './select.less'\n\nexport * from 'antd/es/select'\nexport { SelectProps }\nexport default Select\n"]}
+{"version":3,"file":"index.js","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,MAAM,UAAU,CAAA;AAG9C,eAAe,MAAM,CAAA","sourcesContent":["import './style'\nimport './select.less'\n\nexport * from 'antd/es/select'\n\nimport { Select, SelectProps } from './select'\n\nexport { SelectProps }\nexport default Select\n"]}

package/es/select/select.js

@@ -19,7 +19,6 @@ const defaultPlaceholder = getText('select', getLanguage());
 const {
   Option
 } = AntdSelect;
-const tntPrefixCls = 'tnt-select';
 export const InternalSelect = forwardRef((_a, ref) => {
   var {
       className,
@@ -31,12 +30,14 @@ export const InternalSelect = forwardRef((_a, ref) => {
       capitalize
     } = _a,
     props = __rest(_a, ["className", "borderStyle", "options", "fieldNames", "children", "placeholder", "capitalize"]);
-  return React.createElement(ConfigConsumer, null, () => {
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    const prefixCls = getPrefixCls('select');
     return React.createElement(AntdSelect, Object.assign({}, props, {
       placeholder: capitalizeFirstLetter(placeholder, capitalize),
-      className: classNames(className, tntPrefixCls, {
-        [`${tntPrefixCls}-outline`]: borderStyle === 'outline',
-        [`${tntPrefixCls}-fill`]: borderStyle === 'fill'
+      className: classNames(className, {
+        [`${prefixCls}-outline`]: borderStyle === 'outline'
       }),
       ref: ref
     }), children ? children : options === null || options === void 0 ? void 0 : options.map(option => {

package/es/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,WAAW,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAEhD,MAAM,kBAAkB,GAAG,OAAO,CAAC,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAA;AA4B3D,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAA;AAE7B,MAAM,YAAY,GAAG,YAAY,CAAA;AAEjC,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,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,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,UAAU,oBACL,KAAK,IACT,WAAW,EAAE,qBAAqB,CAAC,WAAW,EAAE,UAAU,CAAC,EAC3D,SAAS,EAAE,UAAU,CAAC,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,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,CAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,EAC9C,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,EAChD,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,IAE1B,GAAG,CAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,CACnC,CACV,CAAA;iBACF;gBAED,OAAO,CACL,oBAAC,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;AAEpB,MAAM,CAAC,MAAM,MAAM,GAAG,wBAAwB,CAC5C,cAAc,EACd,WAAW,CAAC,MAAM,CACA,CAAA;AAEpB,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAA;AACrC,MAAM,CAAC,MAAM,GAAG,UAAU,CAAC,MAAM,CAAA","sourcesContent":["import React, { ReactNode, forwardRef } from 'react'\nimport { default as AntdSelect } from 'antd/es/select'\nimport { ConfigConsumer } from '../config-provider'\nimport type { SelectProps as AntdSelectProps } from 'antd/es/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"]}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,WAAW,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAEhD,MAAM,kBAAkB,GAAG,OAAO,CAAC,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAA;AA4B3D,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAA;AAE7B,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,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,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QAExC,OAAO,CACL,oBAAC,UAAU,oBACL,KAAK,IACT,WAAW,EAAE,qBAAqB,CAAC,WAAW,EAAE,UAAU,CAAC,EAC3D,SAAS,EAAE,UAAU,CAAC,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,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,CAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,EAC9C,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,EAChD,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,IAE1B,GAAG,CAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,CACnC,CACV,CAAA;iBACF;gBAED,OAAO,CACL,oBAAC,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;AAEpB,MAAM,CAAC,MAAM,MAAM,GAAG,wBAAwB,CAC5C,cAAc,EACd,WAAW,CAAC,MAAM,CACA,CAAA;AAEpB,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAA;AACrC,MAAM,CAAC,MAAM,GAAG,UAAU,CAAC,MAAM,CAAA","sourcesContent":["import React, { ReactNode, forwardRef } from 'react'\nimport { default as AntdSelect } from 'antd/es/select'\nimport { ConfigConsumer } from '../config-provider'\nimport type { SelectProps as AntdSelectProps } from 'antd/es/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"]}

package/es/select/select.less

@@ -1,85 +1,11 @@
-@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;
-    }
+@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;
   }
 }

package/es/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/es/spin/index.js

@@ -1,5 +1,4 @@
+import Spin from 'antd/es/spin';
 import './style';
-import { Spin } from './spin';
-import './spin.less';
-export * from './spin';
+export * from 'antd/es/spin';
 export default Spin;

package/es/spin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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","sourcesContent":["import './style'\nimport { Spin } from './spin'\nimport './spin.less'\n\nexport * from './spin'\n\nexport default Spin\n"]}
+{"version":3,"file":"index.js","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","sourcesContent":["import Spin from 'antd/es/spin'\nimport './style'\nexport * from 'antd/es/spin'\nexport default Spin\n"]}

package/es/steps/index.js

@@ -1,13 +1,6 @@
-/*
- * @Author: 周泽飞 zefei.zhou@tongdun.net
- * @Date: 2024-03-15 11:12:18
- * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
- * @LastEditTime: 2024-03-21 13:58:42
- * @FilePath: /tntd/packages/tntd/src/steps/index.ts
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- */
 import './style';
-import './stepStyle/index.less';
 import { Steps } from './steps';
+import './style/index.less';
+import './stepStyle/index.less';
 export * from './steps';
 export default Steps;

package/es/steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/steps/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,SAAS,CAAA;AAChB,OAAO,wBAAwB,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,cAAc,SAAS,CAAA;AAEvB,eAAe,KAAK,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-03-15 11:12:18\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-03-21 13:58:42\n * @FilePath: /tntd/packages/tntd/src/steps/index.ts\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport './style'\nimport './stepStyle/index.less'\nimport { Steps } from './steps'\n\nexport * from './steps'\n\nexport default Steps\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/steps/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,oBAAoB,CAAA;AAC3B,OAAO,wBAAwB,CAAA;AAE/B,cAAc,SAAS,CAAA;AAEvB,eAAe,KAAK,CAAA","sourcesContent":["import './style'\nimport { Steps } from './steps'\nimport './style/index.less'\nimport './stepStyle/index.less'\n\nexport * from './steps'\n\nexport default Steps\n"]}

package/es/steps/stepStyle/index.less

@@ -1,177 +1,12 @@
-@import './variables.less';
+@import './small.less';
+@import './nav.less';
+
 @steps-prefix-cls: ~'@{ant-prefix}-steps';
 @step-prefix-cls: ~'@{ant-prefix}-step';
-@tnt-steps-cls: ~'tnt-steps';
-@tnt-step-cls: ~'tnt-step';
-
-.ellipsis{
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}
-
-.@{tnt-steps-cls} .@{steps-prefix-cls}{
-    &-description,
-    &-item-description {
-        font-size: @font-size-sm;
-        line-height: @td-steps-desc-height;
-        word-break: break-all;
-        color: tint(@text-color, 50%) !important;
-    }
-    &-item-title {
-        line-height: @td-steps-title-height;
-    }
-}
-
-// 水平 非点状步骤条 非导航模式
-.@{tnt-steps-cls}.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-dot).@{steps-prefix-cls}{
-    .@{steps-prefix-cls}-item{
-        padding-top: 18px;
-        padding-bottom: 18px;
-        &-container{
-            position: relative;
-            display: flex;
-            align-items: flex-start;
-            justify-content: center;
-            min-height: @nav-min-height;
-            &::after{
-                content: '';
-                flex:1;
-                height:2px;
-                border-radius: 2px;
-                min-width: 8px;
-                margin-left:32px;
-                margin-top: calc(@nav-min-height / 2 - 1px);
-            }
-        }
-
-        &-finish > .@{steps-prefix-cls}-item-container {
-            &::after {
-              border-top: 2px solid @finish-border-color;
-            }
-        }
-
-        &-wait, &-error, &-process {
-            > .@{steps-prefix-cls}-item-container {
-                &::after {
-                  border: 2px solid transparent;
-                  background-color: @border-color;
-                  mask: url(../assets/horizontal_line.svg) repeat-x 0 0;
-                  -webkit-mask:url(../assets/horizontal_line.svg) repeat-x 0 0;
-                  background-size: 8px 2px;
-                }
-              }
-        }
-
-        &-content{
-            display: flex;
-            justify-content: center;
-            flex-direction: column;
-            font-family: "PingFang SC";
-            min-height: @nav-min-height;
-            // 左侧圆形图标 12的margin边距  线条至少保留8px长
-            max-width: calc(100% - @td-steps-icon-size - 12px - 32px - 8px);
-        }
-
-        &-title {
-            width: 100%;
-            padding-right:0;
-            &::after{
-                display: none;
-            }
-            >.tntd-ellipsis, >.tnt-ellipsis{
-                align-items: center;
-            }
-            .ellipsis
-        }
-
-        .@{step-prefix-cls}-ellipsis-subtitle{
-            font-size: @font-size-sm;
-            color: tint(@text-color, 50%);
-            margin-left: 2px;
-        }
-
-        &-subtitle {
-            font-size: @font-size-sm;
-            max-width: 30%;
-            color: tint(@text-color, 50%);
-            .ellipsis;
-        }
-
-        // 最后一个处理
-        &:last-child > .@{steps-prefix-cls}-item-container {
-            &::after{
-                display: none;
-            }
-            .@{steps-prefix-cls}-item-content {
-                max-width: inherit;
-                flex:none;
-            }
-        }
-    }
-
-    &-small{
-        .@{steps-prefix-cls}-item {
-            padding-top: 10px;
-            padding-bottom: 10px;
-            &-container{
-                min-height: @nav-small-min-height;
-                &::after{
-                    margin-top: calc(@nav-small-min-height / 2 - 1px);
-                }
-            }
-            &-content{
-                min-height: @nav-small-min-height;
-                max-width: calc(100% - @td-steps-small-icon-size - 12px - 32px - 8px);
-            }
-        }
-    }
-
-    &:not(.@{steps-prefix-cls}-label-vertical) {
-        .@{steps-prefix-cls}-item:not(:last-child) {
-            margin-right: 32px;
-        }
-    }
-}
-
-// 水平 非点状步骤条
-.@{tnt-steps-cls}.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-dot).@{steps-prefix-cls}{
-    &.@{steps-prefix-cls}-background{
-        border-radius: @border-radius-base @border-radius-base 0px 0px;
-        background: linear-gradient(90deg, #F5F7FD 9.61%, #FBFDFF 81.1%);
-        position: relative;
-        padding-left:100px;
-        padding-right: 100px;
-        overflow: hidden;
 
-        &::before{
-            content: '';
-            background-color: @primary-color;
-            mask: url(../assets/background_left.svg) no-repeat 0 0;
-            -webkit-mask:url(../assets/background_left.svg) no-repeat 0 0;
-            width: 157px;
-            height: 103px;
-            position: absolute;
-            left: 0;
-            top: 0;
-            pointer-events: none;
-        }
-        &::after{
-            content: '';
-            background-color: @primary-color;
-            mask: url(../assets/background_right.svg) no-repeat 0 0;
-            -webkit-mask:url(../assets/background_right.svg) no-repeat 0 0;
-            width: 131px;
-            height: 80px;
-            position: absolute;
-            right: 0;
-            bottom: 0;
-            pointer-events: none;
-        }
-    }
-}
+@steps-nav-arrow-color: fade(@black, 25%);
+@steps-nav-finish-color: #5E9BFF;
+@steps-nav-active-color: @primary-color;
+@wait-icon-color: @disabled-color;
 
-@import "./icon.less";
-@import "./vertical.less";
-@import "./nav.less";
-@import "./progress-dot.less";
+@steps-nav-content-max-width: auto;