tntd 3.0.28 → 3.0.29

package/es/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/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,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"]}
+{"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"]}

package/es/select/select.js

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

package/es/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/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,4 +1,5 @@
-import Spin from 'antd/es/spin';
 import './style';
-export * from 'antd/es/spin';
+import { Spin } from './spin';
+import './spin.less';
+export * from './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,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"]}
+{"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"]}

package/es/spin/spin.js

@@ -0,0 +1,36 @@
+/*
+ * @Author: 周泽飞 zefei.zhou@tongdun.net
+ * @Date: 2024-07-19 18:49:24
+ * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
+ * @LastEditTime: 2024-07-19 18:54:42
+ * @FilePath: /tntd/packages/tntd/src/spin/spin.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+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;
+};
+import React, { forwardRef } from 'react';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import { default as AntdSpin } from 'antd/es/spin';
+import classNames from 'classnames';
+import './spin.less';
+export const Spin = forwardRef((props, ref) => {
+  const {
+      className,
+      wrapperClassName
+    } = props,
+    restProps = __rest(props, ["className", "wrapperClassName"]);
+  return React.createElement(ConfigConsumer, null, () => {
+    return React.createElement(AntdSpin, Object.assign({
+      wrapperClassName: classNames('tnt-spin-nested', wrapperClassName || ''),
+      className: classNames('tnt-spin', className || '')
+    }, restProps, {
+      ref: ref
+    }));
+  });
+});

package/es/spin/spin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spin.js","sourceRoot":"","sources":["../../src/spin/spin.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;;;;;;;;;;;;AAEH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,aAAa,CAAA;AAKpB,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,EAAE,SAAS,EAAE,gBAAgB,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAArD,iCAA6C,CAAQ,CAAA;IAC3D,OAAO,CACL,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,QAAQ,kBACP,gBAAgB,EAAE,UAAU,CAAC,iBAAiB,EAAE,gBAAgB,IAAI,EAAE,CAAC,EACvE,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,IAAI,EAAE,CAAC,IAC9C,SAAS,IACb,GAAG,EAAE,GAAG,IACR,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAkB,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-07-19 18:49:24\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-07-19 18:54:42\n * @FilePath: /tntd/packages/tntd/src/spin/spin.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\n\nimport React, { forwardRef } from 'react'\nimport type { SpinProps as AntdSpinProps } from 'antd/es/spin'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdSpin } from 'antd/es/spin'\nimport classNames from 'classnames'\n\nimport './spin.less'\n\ninterface SpinComponent\n  extends React.ForwardRefExoticComponent<AntdSpinProps & React.RefAttributes<AntdSpin>> {}\n\nexport const Spin = forwardRef<AntdSpin, AntdSpinProps>((props, ref) => {\n  const { className, wrapperClassName, ...restProps } = props\n  return (\n    <ConfigConsumer>\n      {() => {\n        return (\n          <AntdSpin\n            wrapperClassName={classNames('tnt-spin-nested', wrapperClassName || '')}\n            className={classNames('tnt-spin', className || '')}\n            {...restProps}\n            ref={ref}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}) as SpinComponent\n"]}

package/es/spin/spin.less

@@ -0,0 +1,9 @@
+@spin-prefix-cls: ~'@{ant-prefix}-spin';
+.tnt-spin-nested{
+    .@{spin-prefix-cls}-container {
+        &::after{
+            content:'';
+            background-color: transparent;
+        }
+    }
+}

package/es/steps/assets/background_left.svg

@@ -0,0 +1,12 @@
+<svg width="162" height="77" viewBox="0 0 162 77" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Ellipse 27" filter="url(#filter0_f_5274_1997)">
+    <ellipse class="test" cx="36.5" cy="-21.5" rx="78.5" ry="51.5" fill="#126BFB" fill-opacity="0.15"/>
+</g>
+<defs>
+<filter id="filter0_f_5274_1997" x="-89" y="-120" width="251" height="197" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="23.5" result="effect1_foregroundBlur_5274_1997"/>
+</filter>
+</defs>
+</svg>

package/es/steps/assets/background_right.svg

@@ -0,0 +1,12 @@
+<svg width="131" height="80" viewBox="0 0 131 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Ellipse 28" filter="url(#filter0_f_5274_1888)">
+<circle cx="118" cy="100" r="71" fill="#126BFB" fill-opacity="0.08"/>
+</g>
+<defs>
+<filter id="filter0_f_5274_1888" x="0" y="-18" width="236" height="236" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="23.5" result="effect1_foregroundBlur_5274_1888"/>
+</filter>
+</defs>
+</svg>

package/es/steps/assets/horizontal_line.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="2" viewBox="0 0 6 2" fill="none">
+    <path class="t1" d="M1.5 1H206" stroke="#C9D2DD"  stroke-width="2" stroke-linecap="round" stroke-dasharray="2 7"/>
+</svg>

package/es/steps/assets/vertical_line.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="10" viewBox="0 0 2 6" fill="none">
+<path d="M1 1L0.999999 25" stroke="#C9D2DD" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 6"/>
+</svg>

package/es/steps/index.js

@@ -1,6 +1,13 @@
+/*
+ * @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 { Steps } from './steps';
-import './style/index.less';
 import './stepStyle/index.less';
+import { Steps } from './steps';
 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,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"]}
+{"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"]}

package/es/steps/stepStyle/icon.less

@@ -0,0 +1,51 @@
+.@{tnt-steps-cls}:not(.@{steps-prefix-cls}-dot).@{steps-prefix-cls}{
+    .@{steps-prefix-cls}-item{
+        &-icon{
+            border: none;
+            font-weight: 500;
+            margin: 2px 12px 2px 0;
+            width: @td-steps-icon-size;
+            height: @td-steps-icon-size;
+            line-height: @td-steps-icon-size;
+            border-radius:@td-steps-icon-size;
+            >.@{steps-prefix-cls}-icon{
+                top:0;
+                i{
+                    font-size: @td-steps-icon-size;
+                    font-weight: normal;
+                }
+            }
+        }
+        &-finish.@{step-prefix-cls}-default-icon,
+        &-error.@{step-prefix-cls}-default-icon {
+            .@{steps-prefix-cls}-item-icon {
+                background-color: transparent;
+            }
+        }
+
+        &-wait.@{step-prefix-cls}-default-icon {
+            .@{steps-prefix-cls}-item-icon {
+                background-color: @fill-color-tertiary;
+            }
+        }
+    }
+
+   
+
+    &-small {
+        .@{steps-prefix-cls}-item{
+            &-icon{
+                width: @td-steps-small-icon-size;
+                height: @td-steps-small-icon-size;
+                line-height: @td-steps-small-icon-size;
+                border-radius:@td-steps-small-icon-size;
+                >.@{steps-prefix-cls}-icon{
+                    i{
+                        font-size: @td-steps-small-icon-size;
+                    }
+                }
+            }
+        }
+    }
+}
+