@kayak-sj/design 1.0.59 → 1.0.61

package/dist/components/k-form/composables/useFormGridCols.d.ts

@@ -3,6 +3,7 @@ import { FormInstance } from 'element-plus';
 /**
  * 按「label + 控件 min」实测容器宽度，得到实际列数（不超过 colLength）。
  * 宽→窄时逐级降列，例如 colLength=3 时：3 → 2 → 1。
+ * 标准 newLineStart 字段只占第 1 列，与同列多字段天然同宽，无需再算单列控件宽。
  */
 export declare function useFormGridCols(options: {
     formRef: Ref<FormInstance | undefined>;

package/dist/index.js

@@ -611,7 +611,7 @@ var pt = /* @__PURE__ */ j({
 			return c.value;
 		}
 		function Ce(e) {
-			return e.newLineStart && ut(e.component) ? e.component === "Editor" || e.component === "Upload" || e.component === "Radio" || e.component === "Checkbox" || e.component === "Tag" || e.component === "DatePicker" && String(e.componentProps?.type ?? "").includes("range") : !1;
+			return e.newLineStart ? !ut(e.component) || e.component === "Editor" || e.component === "Upload" || e.component === "Radio" || e.component === "Checkbox" || e.component === "Tag" || e.component === "DatePicker" && String(e.componentProps?.type ?? "").includes("range") : !1;
 		}
 		function we(e) {
 			return !!e.newLineStart && !Ce(e);
@@ -691,7 +691,7 @@ var pt = /* @__PURE__ */ j({
 				"rules",
 				"class",
 				"style"
-			]), g.value && U(_) > 1 && we(n) ? (I(), E("div", ht)) : T("", !0)], 64))), 128)), z(e.$slots, "default")]),
+			]), we(n) && U(_) > 1 ? (I(), E("div", ht)) : T("", !0)], 64))), 128)), z(e.$slots, "default")]),
 			_: 3
 		}, 16, [
 			"class",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kayak-sj/design",
-  "version": "1.0.59",
+  "version": "1.0.61",
   "type": "module",
   "description": "PC 组件库（Vue3 + Element Plus，对应旧 @kayak/kayak-design-vue2）",
   "license": "ISC",

package/src/styles/components/_k-form.scss

@@ -28,12 +28,7 @@
       width: 100%;
     }
 
-    /// newLineStart 普通字段：靠左占一列，宽度与同列双字段对齐
-    .k-form__item--row-start {
-      grid-column-start: 1;
-    }
-
-    /// Editor / Upload / 日期区间：真正撑满整行
+    /// newLineStart 宽内容（业务自定义 / Editor / Upload / 区间等）：整行铺满
     .k-form__item--full-row,
     .k-form__item:has(.k-editor),
     .k-form__item:has(.k-upload),
@@ -41,18 +36,33 @@
       grid-column: 1 / -1;
     }
 
-    /// 与 --row-start 配对，占满同行剩余列，避免下一个字段挤上来
-    > .k-form__row-fill {
+    /// 标准 newLineStart（Input / Select / 单日期等）：只占第 1 列，与多列同行字段同轨同宽
+    .k-form__item--row-start {
+      grid-column: 1;
+    }
+
+    /// 占满本行剩余列，避免后续字段挤到同一行
+    .k-form__row-fill {
       grid-column: 2 / -1;
       height: 0;
       margin: 0;
       padding: 0;
-      border: 0;
       overflow: hidden;
-      visibility: hidden;
       pointer-events: none;
     }
 
+    .k-form__item--full-row {
+      .k-form-date-picker--datetimerange,
+      .k-form-date-picker:has(.el-date-editor--datetimerange),
+      .k-editor,
+      .k-upload,
+      .k-upload-wrap {
+        max-width: none;
+        min-width: 0;
+        width: 100%;
+      }
+    }
+
     .el-form-item__label {
       flex-shrink: 0;
       height: auto;
@@ -105,6 +115,7 @@
     .el-date-editor,
     .el-cascader,
     .k-datePicker {
+      width: 100%;
       max-width: var(--k-form-control-max-width);
       /* 硬下限：与换行阈值一致，不再随容器无限压扁 */
       min-width: var(--k-form-control-min-width);
@@ -221,8 +232,7 @@
       max-width: var(--k-form-query-daterange-col-width);
     }
 
-    .k-form__item--full-row,
-    .k-form__item--row-start {
+    .k-form__item--full-row {
       flex: 1 1 100%;
       max-width: none;
     }