flowcloudai-ui 0.1.6 → 0.1.7

package/dist/index.css

@@ -1894,6 +1894,9 @@
   flex: 1;
   min-width: 0;
 }
+.fc-tab-bar__nav-outer[data-tauri-drag-region] {
+  -webkit-app-region: drag;
+}
 .fc-tab-bar__nav-wrap {
   display: flex;
   align-items: stretch;
@@ -1906,7 +1909,7 @@
   display: none;
 }
 .fc-tab-bar__tab {
-  flex: 1 1 0;
+  flex: var(--tab-fill-width, 1) 1 0;
   min-width: var(--tab-min-width, 80px);
   max-width: var(--tab-max-width, 200px);
   position: relative;

package/dist/index.d.ts

@@ -455,17 +455,25 @@ interface TabBarProps {
     /** 是否启用拖拽排序 */
     draggable?: boolean;
     /**
-     * Tab 最小宽度（rem 单位）。
+     * Tab 最小宽度比例（相对 screen.width）。
      * Tab 压缩至此宽度后触发横向滚动。
-     * @default '7rem'
+     * @default 0.07
      */
-    minWidth?: string;
+    minWidthRatio?: number;
     /**
-     * Tab 最大宽度（rem 单位）。
+     * Tab 最大宽度比例（相对 screen.width）。
      * Tab 较少时不超过此宽度。
-     * @default '15rem'
+     * @default 0.15
      */
-    maxTabWidth?: string;
+    maxTabWidthRatio?: number;
+    /**
+     * 控制 Tab 是否自动填充容器宽度。
+     * - true: flex: 1 1 0，Tab 会自动拉伸填满导航栏（默认行为）
+     * - false: flex: 0 1 auto，Tab 只占内容宽度，剩余空间留白
+     * 当 tauriDragRegion 为 true 且 fillWidth 为 false 时，空白区域可作为窗口拖拽区。
+     * @default true
+     */
+    fillWidth?: boolean;
     onChange: (activeKey: string) => void;
     onClose?: (key: string) => void;
     onAdd?: () => void;

package/dist/index.js

@@ -2098,8 +2098,9 @@ var TabBar = memo4(({
   closable = false,
   addable = false,
   draggable = false,
-  minWidth = "7rem",
-  maxTabWidth = "15rem",
+  minWidthRatio = 0.07,
+  maxTabWidthRatio = 0.15,
+  fillWidth = true,
   onChange,
   onClose,
   onAdd,
@@ -2212,8 +2213,9 @@ var TabBar = memo4(({
     className
   ].filter(Boolean).join(" ");
   const navWrapStyle = {
-    "--tab-min-width": minWidth,
-    "--tab-max-width": maxTabWidth
+    "--tab-min-width": `${Math.round(screen.width * minWidthRatio)}px`,
+    "--tab-max-width": `${Math.round(screen.width * maxTabWidthRatio)}px`,
+    "--tab-fill-width": fillWidth ? "1" : "0"
   };
   const dragRegion = tauriDragRegion ? { "data-tauri-drag-region": "" } : {};
   return /* @__PURE__ */ jsx18("div", { className: rootClasses, style: mergedStyle, role: "tablist", ...dragRegion, children: /* @__PURE__ */ jsx18("div", { className: "fc-tab-bar__nav-outer", ...dragRegion, children: /* @__PURE__ */ jsxs13("div", { className: "fc-tab-bar__nav-wrap", ref: navRef, style: navWrapStyle, children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowcloudai-ui",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "type": "module",
   "author": "flowcloudai",
   "module": "dist/index.js",