@rainbow-oh/yee-c 0.6.1 → 0.6.2

package/dist/esm/Tabs/style/index.less

@@ -51,9 +51,9 @@
   padding: var(--yee-tabs-vertical-padding);
   overflow: hidden;
 
-  @{pls}-nav-wrap {
+  @{pls}-nav-track {
     height: 100%;
-    padding: var(--yee-tabs-vertical-nav-wrap-padding);
+    padding: var(--yee-tabs-vertical-nav-track-padding);
     overflow-y: auto;
     scrollbar-width: none;
     -ms-overflow-style: none;
@@ -109,9 +109,9 @@
   overflow: hidden;
   transition: transform 3s ease-in-out;
 
-  &:not(@{pls}-card) {
-    background-color: var(--yee-tabs-bg-color);
-  }
+  // &:not(@{pls}-card) {
+  //   background-color: var(--yee-tabs-bg-color);
+  // }
 
   &@{pls}-nav-wrapper-left,
   &@{pls}-nav-wrapper-right {
@@ -141,7 +141,7 @@
   }
 
   &.center {
-    @{pls}-nav-wrap {
+    @{pls}-nav-track {
       justify-content: center;
     }
   }
@@ -261,7 +261,7 @@
     display: none;
   }
 
-  @{pls}-nav-wrap {
+  @{pls}-nav-track {
     padding: 0;
   }
 
@@ -276,6 +276,16 @@
     background-color: var(--yee-tabs-card-bg-color);
   }
 
+  &@{pls}-top {
+    @{pls}-nav-wrapper {
+      border-bottom: none;
+    }
+  }
+
+  @{pls}-container {
+    background-color: var(--yee-tabs-conatiner-bg-color);
+  }
+
   &@{pls}-border-card {
     > @{pls}-nav-wrapper {
       bottom: var(--yee-tabs-card-border-bottom);
@@ -313,7 +323,7 @@
 
 @{pls}-editable-card,
 @{pls}-card {
-  @{pls}-nav-wrap {
+  @{pls}-nav-track {
     padding: 0;
   }
 
@@ -344,16 +354,16 @@
   }
 }
 
-@{pls}-nav-wrap {
+@{pls}-nav-track {
   position: relative;
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
 
-  &.is-scroll {
-    width: var(--yee-tabs-nav-wrap-scroll-width);
-    margin-left: var(--yee-tabs-nav-wrap-scroll-margin-left);
-  }
+  // &.is-scroll {
+  //   width: var(--yee-tabs-nav-track-scroll-width);
+  //   margin-left: var(--yee-tabs-nav-track-scroll-margin-left);
+  // }
 
   &::-webkit-scrollbar {
     display: none;
@@ -513,7 +523,7 @@
     }
   }
 
-  @{pls}-nav-wrap {
+  @{pls}-nav-track {
     padding: 0;
   }
 }

package/dist/esm/Tabs/tab-header/index.js

@@ -66,6 +66,7 @@ var TabHeader = function TabHeader(props) {
     activeKey: activeKey,
     activetab: activetab,
     activebar: activebar,
+    listEle: navList,
     enabled: !type // Only show active bar for non-card types
   });
 
@@ -122,7 +123,7 @@ var TabHeader = function TabHeader(props) {
   }, renderPrefixExtra(), /*#__PURE__*/React.createElement(TabHeaderCtx.Provider, {
     value: contextValue
   }, /*#__PURE__*/React.createElement("div", {
-    className: clsx("".concat(prefixCls, "-nav-wrap"), classNames === null || classNames === void 0 ? void 0 : classNames.track),
+    className: clsx("".concat(prefixCls, "-nav-track"), classNames === null || classNames === void 0 ? void 0 : classNames.track),
     style: styles === null || styles === void 0 ? void 0 : styles.track,
     ref: navContainer
   }, /*#__PURE__*/React.createElement("div", {

package/dist/esm/Tabs/tab-header/tab-header-title.js

@@ -162,6 +162,7 @@ var TabHeaderTitle = function TabHeaderTitle(props) {
   }, label), closable && type === 'editable-card' && /*#__PURE__*/React.createElement(Button, {
     type: "text",
     size: "small",
+    className: "".concat(prefixCls, "-close"),
     icon: /*#__PURE__*/React.createElement(X, {
       size: 14
     }),

package/dist/esm/style/color.css

@@ -903,6 +903,7 @@
   --yee-tabs-card-border-bg-color: var(--yee-color-bg-head);
   --yee-tabs-card-active-bg-color: var(--yee-color-bg-container);
   --yee-tabs-card-bg-color: transparent;
+  --yee-tabs-conatiner-bg-color: var(--yee-color-bg-container);
   --yee-tabs-header-custom-btn-text-color: var(--yee-text-color);
   --yee-tabs-header-custom-btn-text-hover-color: var(--yee-primary-color);
   --yee-tabs-header-custom-btn-text-active-color: var(--yee-primary-color);

package/dist/esm/style/mobile.css

@@ -202,6 +202,11 @@
     flex-direction: column;
   }
 
+  /* Field-level horizontal collapses too on narrow screens */
+  .yee-form-item-horizontal .yee-form-item-row {
+    flex-direction: column;
+  }
+
   /* ── Table: ensure horizontal scroll ── */
   .yee-table-wrapper {
     -webkit-overflow-scrolling: touch;

package/dist/esm/style/size.css

@@ -1,5 +1,6 @@
 :root {
   --yee-font-family: inherit;
+
   /* ── z-index 基础层级 ── */
   --yee-z-index-fixed: 990; /* L1 吸顶 */
   --yee-z-index-mask: 1000; /* L2 遮罩背景 */
@@ -270,6 +271,8 @@
   --yee-form-item-label-line-height: 24px;
   --yee-form-item-required-margin-inline-start: 4px;
   --yee-form-item-additional-bottom: 2px;
+  --yee-form-item-horizontal-label-width: 120px;
+  --yee-form-item-horizontal-label-gap: 12px;
 
   /* --Grid-- */
   --yee-grid-column-min-width: 50px;
@@ -685,7 +688,7 @@
   --yee-tabs-active-bar-height: 2px;
   --yee-tabs-active-bar-width: 2px;
   --yee-tabs-vertical-padding: 8px 0;
-  --yee-tabs-vertical-nav-wrap-padding: 8px 0;
+  --yee-tabs-vertical-nav-track-padding: 8px 0;
   --yee-tabs-vertical-container-padding: 0 20px;
   --yee-tabs-vertical-active-bar-height: 32px;
   --yee-tabs-nav-wrapper-height: 46px;
@@ -722,8 +725,8 @@
   --yee-tabs-card-tab-border-width: 1px;
   --yee-tabs-card-tab-border-radius: 4px;
   --yee-tabs-card-tab-not-active-height: 39px;
-  --yee-tabs-nav-wrap-scroll-width: calc(100% - 64px);
-  --yee-tabs-nav-wrap-scroll-margin-left: 32px;
+  --yee-tabs-nav-track-scroll-width: calc(100% - 64px);
+  --yee-tabs-nav-track-scroll-margin-left: 32px;
   --yee-tabs-nav-wrapper-shadow-width: 8px;
   --yee-tabs-nav-wrapper-shadow-inset: 4px;
   --yee-tabs-nav-wrapper-top-z-index: var(--yee-z-index-fixed);

package/dist/esm/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-13T08:55:27.235Z
+ * Generated on 2026-07-14T03:59:52.475Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/esm/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-13T08:55:27.235Z
+ * Generated on 2026-07-14T03:59:52.475Z
  */
 
 /* ========== color.css ========== */
@@ -910,6 +910,7 @@
   --yee-tabs-card-border-bg-color: var(--yee-color-bg-head);
   --yee-tabs-card-active-bg-color: var(--yee-color-bg-container);
   --yee-tabs-card-bg-color: transparent;
+  --yee-tabs-conatiner-bg-color: var(--yee-color-bg-container);
   --yee-tabs-header-custom-btn-text-color: var(--yee-text-color);
   --yee-tabs-header-custom-btn-text-hover-color: var(--yee-primary-color);
   --yee-tabs-header-custom-btn-text-active-color: var(--yee-primary-color);
@@ -1118,6 +1119,7 @@
 /* ========== size.css ========== */
 :root {
   --yee-font-family: inherit;
+
   /* ── z-index 基础层级 ── */
   --yee-z-index-fixed: 990; /* L1 吸顶 */
   --yee-z-index-mask: 1000; /* L2 遮罩背景 */
@@ -1388,6 +1390,8 @@
   --yee-form-item-label-line-height: 24px;
   --yee-form-item-required-margin-inline-start: 4px;
   --yee-form-item-additional-bottom: 2px;
+  --yee-form-item-horizontal-label-width: 120px;
+  --yee-form-item-horizontal-label-gap: 12px;
 
   /* --Grid-- */
   --yee-grid-column-min-width: 50px;
@@ -1803,7 +1807,7 @@
   --yee-tabs-active-bar-height: 2px;
   --yee-tabs-active-bar-width: 2px;
   --yee-tabs-vertical-padding: 8px 0;
-  --yee-tabs-vertical-nav-wrap-padding: 8px 0;
+  --yee-tabs-vertical-nav-track-padding: 8px 0;
   --yee-tabs-vertical-container-padding: 0 20px;
   --yee-tabs-vertical-active-bar-height: 32px;
   --yee-tabs-nav-wrapper-height: 46px;
@@ -1840,8 +1844,8 @@
   --yee-tabs-card-tab-border-width: 1px;
   --yee-tabs-card-tab-border-radius: 4px;
   --yee-tabs-card-tab-not-active-height: 39px;
-  --yee-tabs-nav-wrap-scroll-width: calc(100% - 64px);
-  --yee-tabs-nav-wrap-scroll-margin-left: 32px;
+  --yee-tabs-nav-track-scroll-width: calc(100% - 64px);
+  --yee-tabs-nav-track-scroll-margin-left: 32px;
   --yee-tabs-nav-wrapper-shadow-width: 8px;
   --yee-tabs-nav-wrapper-shadow-inset: 4px;
   --yee-tabs-nav-wrapper-top-z-index: var(--yee-z-index-fixed);

package/dist/esm/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.6.1";
+export declare const version = "0.6.2";

package/dist/esm/version.js

@@ -1,4 +1,4 @@
-export var version = "0.6.1";
+export var version = "0.6.2";
 if (typeof window !== 'undefined') {
   window.__yee_c_version__ = version;
 }