@kayak-sj/design 1.0.62 → 1.0.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kayak-sj/design",
3
- "version": "1.0.62",
3
+ "version": "1.0.64",
4
4
  "type": "module",
5
5
  "description": "PC 组件库(Vue3 + Element Plus,对应旧 @kayak/kayak-design-vue2)",
6
6
  "license": "ISC",
@@ -101,29 +101,37 @@
101
101
  flex-wrap: nowrap;
102
102
  }
103
103
 
104
- .k-form-input,
105
- .k-form-select,
106
- .k-form-date-picker,
107
- .k-form-time-picker,
108
- .k-select,
109
- .k-input,
110
- .k-tree-select,
111
- .input-mix-select,
112
- .el-select,
113
- .el-tree-select,
114
- .el-date-editor,
115
- .el-cascader,
116
- .k-datePicker {
104
+ /// 仅约束表单项「顶层」控件;组合控件内部的 Input/Select 自管宽度(如 InputMix*)
105
+ .el-form-item__content > .k-form-input,
106
+ .el-form-item__content > .k-form-select,
107
+ .el-form-item__content > .k-form-date-picker,
108
+ .el-form-item__content > .k-form-time-picker,
109
+ .el-form-item__content > .k-form-tree-select,
110
+ .el-form-item__content > .k-form-input-number,
111
+ .el-form-item__content > .k-form-select-multiple,
112
+ .el-form-item__content > .k-form-scroll-select,
113
+ .el-form-item__content > .k-select,
114
+ .el-form-item__content > .k-input,
115
+ .el-form-item__content > .el-select,
116
+ .el-form-item__content > .el-tree-select,
117
+ .el-form-item__content > .el-cascader,
118
+ .el-form-item__content > .k-datePicker {
117
119
  width: 100%;
118
120
  max-width: var(--k-form-control-max-width);
119
- /* 硬下限:与换行阈值一致,不再随容器无限压扁 */
120
121
  min-width: var(--k-form-control-min-width);
121
122
  }
122
123
 
124
+ .el-form-item__content > .k-form-tree-select .el-tree-select,
125
+ .el-form-item__content > .k-form-tree-select .el-select {
126
+ width: 100%;
127
+ }
128
+
123
129
  /// EP DatePicker 默认 --el-date-editor-width: 220px,与 Input 不对齐;强制跟表单列宽走
124
- .el-date-editor,
125
- .el-date-editor.el-input,
126
- .el-date-editor.el-input__wrapper {
130
+ .el-form-item__content > .k-form-date-picker .el-date-editor,
131
+ .el-form-item__content > .k-form-date-picker .el-date-editor.el-input,
132
+ .el-form-item__content > .k-form-date-picker .el-date-editor.el-input__wrapper,
133
+ .el-form-item__content > .k-form-time-picker .el-date-editor,
134
+ .el-form-item__content > .k-form-time-picker .el-input {
127
135
  width: 100%;
128
136
  --el-date-editor-width: 100%;
129
137
  }
@@ -257,7 +265,7 @@
257
265
  .k-form-time-picker,
258
266
  .k-select,
259
267
  .k-input,
260
- .k-tree-select,
268
+ .k-form-tree-select,
261
269
  .input-mix-select,
262
270
  .el-select,
263
271
  .el-date-editor,
@@ -404,7 +412,7 @@
404
412
  .k-form-time-picker,
405
413
  .k-select,
406
414
  .k-input,
407
- .k-tree-select,
415
+ .k-form-tree-select,
408
416
  .input-mix-select,
409
417
  .el-select,
410
418
  .el-tree-select,
@@ -533,6 +541,7 @@
533
541
 
534
542
  .k-form-tree-select {
535
543
  width: 100%;
544
+ max-width: var(--k-form-control-max-width);
536
545
 
537
546
  .el-tree-select {
538
547
  width: 100%;