@kayak-sj/design 1.0.60 → 1.0.62

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kayak-sj/design",
-  "version": "1.0.60",
+  "version": "1.0.62",
   "type": "module",
   "description": "PC 组件库（Vue3 + Element Plus，对应旧 @kayak/kayak-design-vue2）",
   "license": "ISC",
@@ -72,8 +72,8 @@
     "vite": "^8.1.5",
     "vitest": "^4.1.10",
     "vue": "^3.5.13",
-    "@kayak/vite-config": "1.0.0",
-    "@kayak/tsconfig": "1.0.0"
+    "@kayak/tsconfig": "1.0.0",
+    "@kayak/vite-config": "1.0.0"
   },
   "scripts": {
     "build": "vite build",

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,32 @@
       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-upload,
+      .k-upload-wrap {
+        max-width: none;
+        min-width: 0;
+        width: 100%;
+      }
+    }
+
     .el-form-item__label {
       flex-shrink: 0;
       height: auto;
@@ -105,6 +114,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);
@@ -160,7 +170,6 @@
       line-height: normal;
       overflow: visible;
     }
-
   }
 
   /// 查询面板：按 colLength 分列，空间不足时自动换行
@@ -221,8 +230,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;
     }
@@ -446,11 +454,6 @@
       line-height: normal;
       overflow: visible;
     }
-
-    .el-form-item__content .k-editor {
-      width: 100%;
-      max-width: 100%;
-    }
   }
 
   .k-form-input[type='textarea'] {

package/dist/assets/KEditor-BspWs59E.css

@@ -1 +0,0 @@
-.k-editor[data-v-4daa173b]{box-sizing:border-box;width:86%;max-width:100%}.k-editor__shell[data-v-4daa173b]{border:1px solid var(--el-border-color);background:#fff}.k-editor__shell.w-e-full-screen-container[data-v-4daa173b]{z-index:4000;background:#fff}.k-editor__shell.w-e-full-screen-container .k-editor__toolbar[data-v-4daa173b]{flex:none}.k-editor__shell.w-e-full-screen-container .k-editor__content[data-v-4daa173b]{flex:auto!important;height:auto!important;min-height:0!important;max-height:none!important}.k-editor__toolbar[data-v-4daa173b]{border-bottom:1px solid var(--el-border-color)}.k-editor__content[data-v-4daa173b]{box-sizing:border-box;word-break:break-all;cursor:text;background:#fff;overflow:hidden}.k-editor__tips[data-v-4daa173b]{text-align:right;margin:8px 0 0}.k-editor__tips span[data-v-4daa173b]{color:var(--el-color-danger);margin-left:5px}.k-editor__readonly[data-v-4daa173b]{color:var(--el-text-color-regular);background:var(--el-fill-color-light);border:1px solid var(--el-border-color);word-break:break-all;border-radius:4px;padding:8px 12px}.k-editor__preview[data-v-4daa173b]{word-break:break-all;max-height:60vh;overflow:auto}.k-editor[data-v-4daa173b] .w-e-text-container{box-sizing:border-box;position:relative;overflow:hidden;height:100%!important}.k-editor[data-v-4daa173b] .w-e-scroll{box-sizing:border-box;-webkit-overflow-scrolling:touch;height:100%!important;max-height:100%!important;overflow-y:auto!important}.k-editor[data-v-4daa173b] [data-slate-editor]{min-height:100%!important}

package/dist/assets/componentRegistry-BGWEgJcx.css

@@ -1 +0,0 @@
-.k-form-cascader__readonly[data-v-ed0da536]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size)}.k-form-checkbox[data-v-fca64c11] .el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:0}.k-form-checkbox__readonly[data-v-fca64c11]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size)}.k-form-date-picker[data-v-e1f51255]{width:100%;max-width:var(--k-form-control-max-width,300px);align-items:center;gap:8px;display:flex}.k-form-date-picker[data-v-e1f51255] .el-date-editor,.k-form-date-picker[data-v-e1f51255] .el-date-editor.el-input,.k-form-date-picker[data-v-e1f51255] .el-date-editor.el-input__wrapper{--el-date-editor-width:100%;width:100%;max-width:100%}.k-form-date-picker--datetimerange[data-v-e1f51255]{width:fit-content;max-width:100%;display:inline-flex}.k-form-date-picker--datetimerange[data-v-e1f51255] .el-date-editor.el-date-editor--datetimerange{--el-date-editor-width:var(--el-date-editor-datetimerange-width);flex:none;max-width:100%;width:fit-content!important;min-width:unset!important}.k-form-date-picker--datetimerange[data-v-e1f51255] .el-date-editor--datetimerange .el-input__wrapper{padding-left:6px;padding-right:4px}.k-form-date-picker--datetimerange[data-v-e1f51255] .el-date-editor--datetimerange .el-range-input{width:150px;min-width:0;max-width:150px;font-size:var(--k-form-control-font-size);flex:0 0 150px}.k-form-date-picker--datetimerange[data-v-e1f51255] .el-date-editor--datetimerange .el-range-separator{font-size:var(--k-form-control-font-size);flex-shrink:0;padding:0 1px}.k-form-date-picker--datetimerange[data-v-e1f51255] .el-date-editor--datetimerange .el-range__icon{margin-right:-4px}.k-form-date-picker--datetimerange[data-v-e1f51255] .el-date-editor--datetimerange .el-range__close-icon{margin-left:-4px}.k-form-date-picker__text[data-v-e1f51255]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size);white-space:nowrap;flex-shrink:0}.k-form-date-picker__readonly[data-v-e1f51255]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size);word-break:break-all}.k-form-input-mix-input[data-v-6fdf6265]{vertical-align:top;flex-wrap:wrap;align-items:center;gap:8px;width:auto;max-width:100%;display:inline-flex}.k-form-input-mix-input__control[data-v-6fdf6265]{flex:none;max-width:100%}.k-form-input-mix-input__control[data-v-6fdf6265] .k-form-input{width:100%!important;max-width:none!important}.k-form-input-mix-input__control[data-v-6fdf6265] .el-input{width:100%}.k-form-input-mix-input__control--affix[data-v-6fdf6265] .k-form-input{width:auto!important}.k-form-input-mix-input__control--affix[data-v-6fdf6265] .el-input-group{vertical-align:middle;width:max-content;max-width:100%;display:inline-flex}.k-form-input-mix-input__control--affix[data-v-6fdf6265] .el-input-group .el-input__wrapper{width:var(--k-mix-input-field-width,120px);min-width:var(--k-mix-input-field-width,120px);flex:auto}.k-form-input-mix-input__control--affix[data-v-6fdf6265] .el-input-group__prepend,.k-form-input-mix-input__control--affix[data-v-6fdf6265] .el-input-group__append{white-space:nowrap;flex:none}.k-form-input-mix-input__text[data-v-6fdf6265]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size);white-space:nowrap;flex:none}.k-form-input-mix-input--readonly .k-form-input-mix-input__control[data-v-6fdf6265]{width:auto;min-width:0}.k-form-select[data-v-20fc23b7],.k-form-select [data-v-20fc23b7] .el-select{width:100%}.k-form-select__readonly[data-v-20fc23b7]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size)}.k-form-input-mix-select[data-v-1f46ef39]{vertical-align:top;width:auto;max-width:100%;display:inline-flex}.k-form-input-mix-select__row[data-v-1f46ef39]{flex-wrap:wrap;align-items:center;width:auto;max-width:100%;display:inline-flex}.k-form-input-mix-select__text[data-v-1f46ef39]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size,12px);white-space:nowrap;flex-shrink:0;line-height:1.4}.k-form-input-mix-select__control[data-v-1f46ef39]{flex:none;max-width:100%}.k-form-input-mix-select__control[data-v-1f46ef39] .k-form-input,.k-form-input-mix-select__control[data-v-1f46ef39] .k-form-select{min-width:0;width:100%!important;max-width:none!important}.k-form-input-mix-select__control[data-v-1f46ef39] .el-input,.k-form-input-mix-select__control[data-v-1f46ef39] .el-select{width:100%}.k-form-input-mix-select__control--affix[data-v-1f46ef39] .k-form-input,.k-form-input-mix-select__control--affix[data-v-1f46ef39] .k-form-select{width:auto!important}.k-form-input-mix-select__control--affix[data-v-1f46ef39] .el-input-group{vertical-align:middle;width:max-content;max-width:100%;display:inline-flex}.k-form-input-mix-select__control--affix[data-v-1f46ef39] .el-input-group .el-input__wrapper{width:var(--k-mix-select-field-width,140px);min-width:var(--k-mix-select-field-width,140px);flex:auto}.k-form-input-mix-select__control--affix[data-v-1f46ef39] .el-input-group__prepend,.k-form-input-mix-select__control--affix[data-v-1f46ef39] .el-input-group__append{white-space:nowrap;flex:none}.k-form-input-mix-select--readonly .k-form-input-mix-select__control[data-v-1f46ef39]{width:auto;min-width:0}.k-form-input-number[data-v-acdc4199]{align-items:center;display:flex}.k-form-input-number__side[data-v-acdc4199]{color:var(--k-color-text-regular);white-space:nowrap;font-size:12px}.k-form-input-number__side--left[data-v-acdc4199]{margin-right:5px}.k-form-input-number__side--right[data-v-acdc4199]{margin-left:5px}.k-form-input-number__readonly[data-v-acdc4199]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size)}.k-form-radio[data-v-e0ff32b0] .el-radio.is-bordered,.k-form-radio[data-v-e0ff32b0] .el-radio-button{margin-left:0}.k-form-radio__readonly[data-v-e0ff32b0]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size)}.k-form-radio-input[data-v-1543c319]{white-space:nowrap;flex-flow:row;align-items:center;max-width:100%;display:inline-flex}.k-form-radio-input__radio[data-v-1543c319]{flex:none}.k-form-radio-input__radio[data-v-1543c319] .el-radio-group{white-space:nowrap;flex-wrap:nowrap;display:inline-flex}.k-form-radio-input__input[data-v-1543c319]{flex:none;width:150px;min-width:150px;max-width:200px;margin-left:10px}.k-form-radio-input__label[data-v-1543c319]{color:var(--k-color-text-regular);flex:none;margin-left:5px;font-size:12px;font-weight:500;line-height:1}.k-form-radio-input__readonly[data-v-1543c319]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size);margin-left:6px}.k-form-scroll-select[data-v-dc0bba37]{width:100%;max-width:300px}.k-form-scroll-select__readonly[data-v-dc0bba37]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size)}.k-form-select-multiple[data-v-e6ca06e1]{width:100%}.k-form-select-multiple__readonly[data-v-e6ca06e1]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size)}.k-form-tag[data-v-9961a98a]{flex-wrap:wrap;gap:8px;display:flex}.k-form-tag__item[data-v-9961a98a]{cursor:pointer}.k-form-tag__item.is-active[data-v-9961a98a]{color:var(--el-color-primary);border-color:var(--el-color-primary)}.k-form-tag__item.is-disabled[data-v-9961a98a]{cursor:not-allowed;opacity:.65}.k-form-tag__item.is-readonly[data-v-9961a98a]{cursor:default}.k-form-text p[data-v-9dc35114]{color:var(--k-color-text-regular);line-height:1.5;font-size:var(--k-form-control-font-size);word-break:break-all;margin:0}.k-form-time-picker[data-v-932e4882]{width:100%;max-width:var(--k-form-control-max-width,300px);align-items:center;gap:8px;display:flex}.k-form-time-picker[data-v-932e4882] .el-date-editor,.k-form-time-picker[data-v-932e4882] .el-date-editor.el-input,.k-form-time-picker[data-v-932e4882] .el-date-editor.el-input__wrapper,.k-form-time-picker[data-v-932e4882] .el-time-picker,.k-form-time-picker[data-v-932e4882] .el-input{--el-date-editor-width:100%;width:100%;max-width:100%}.k-form-time-picker__text[data-v-932e4882],.k-form-time-picker__side[data-v-932e4882]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size);white-space:nowrap;flex-shrink:0}.k-form-time-picker__side--left[data-v-932e4882]{margin-right:2px}.k-form-time-picker__side--right[data-v-932e4882]{margin-left:2px}.k-form-time-picker__readonly[data-v-932e4882]{color:var(--k-color-text-regular);font-size:var(--k-form-control-font-size);word-break:break-all}.k-upload__file-item[data-v-01959ada]{width:100%;height:100%;position:relative}.k-upload__media-play[data-v-01959ada]{border:1px dashed var(--el-border-color);border-radius:var(--el-border-radius-base);background:var(--el-fill-color-light);width:100%;min-width:80px;height:100%;min-height:80px;color:var(--el-color-primary);cursor:pointer;justify-content:center;align-items:center;font-size:22px;display:inline-flex}.k-upload__file-progress[data-v-01959ada]{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto!important;margin:0!important}.k-upload__file-progress[data-v-01959ada] .el-progress-circle{display:block}.k-upload__inline-actions[data-v-aee31b8d]{align-items:center;gap:8px;display:inline-flex}.k-upload__inline-tip[data-v-aee31b8d]{color:var(--el-text-color-secondary);font-size:var(--k-font-size-base,12px);white-space:normal;line-height:1.5}.k-upload__download[data-v-aee31b8d]{height:32px;color:var(--el-color-primary);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0 4px;font-size:13px;line-height:1;transition:color .2s,opacity .2s;display:inline-flex}.k-upload__download[data-v-aee31b8d]:hover{color:var(--el-color-primary-light-3)}.k-upload__download[data-v-aee31b8d]:focus-visible{outline:2px solid var(--el-color-primary-light-5);outline-offset:2px;border-radius:4px}.k-upload__download-icon[data-v-aee31b8d]{font-size:14px}.k-upload__tip-icon[data-v-aee31b8d]{border:1px solid var(--el-text-color-secondary);width:16px;height:16px;color:var(--el-text-color-secondary);cursor:help;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-style:normal;display:inline-flex}.k-upload__media-wrap[data-v-b9720661]{justify-content:center;align-items:center;display:flex}.k-upload__media[data-v-b9720661]{max-width:100%;height:auto}.k-upload__plus[data-v-69cd76c2]{color:var(--el-text-color-secondary);font-size:28px}.k-upload__trigger-row[data-v-69cd76c2]{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.k-upload--limit[data-v-69cd76c2] .el-upload,.k-upload_detail[data-v-69cd76c2] .el-upload{display:none}