@kayak-sj/design 1.0.62 → 1.0.63

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/styles/components/_k-form.scss +17 -17
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.63",
4
4
  "type": "module",
5
5
  "description": "PC 组件库（Vue3 + Element Plus，对应旧 @kayak/kayak-design-vue2）",
6
6
  "license": "ISC",
package/src/styles/components/_k-form.scss CHANGED
@@ -101,29 +101,29 @@
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-select,
110
+ .el-form-item__content > .k-input,
111
+ .el-form-item__content > .k-tree-select,
112
+ .el-form-item__content > .el-select,
113
+ .el-form-item__content > .el-tree-select,
114
+ .el-form-item__content > .el-cascader,
115
+ .el-form-item__content > .k-datePicker {
117
116
  width: 100%;
118
117
  max-width: var(--k-form-control-max-width);
119
- /* 硬下限：与换行阈值一致，不再随容器无限压扁 */
120
118
  min-width: var(--k-form-control-min-width);
121
119
  }
122
120
 
123
121
  /// 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 {
122
+ .el-form-item__content > .k-form-date-picker .el-date-editor,
123
+ .el-form-item__content > .k-form-date-picker .el-date-editor.el-input,
124
+ .el-form-item__content > .k-form-date-picker .el-date-editor.el-input__wrapper,
125
+ .el-form-item__content > .k-form-time-picker .el-date-editor,
126
+ .el-form-item__content > .k-form-time-picker .el-input {
127
127
  width: 100%;
128
128
  --el-date-editor-width: 100%;
129
129
  }