@kayak-sj/design 1.0.61 → 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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kayak-sj/design",
3
- "version": "1.0.61",
3
+ "version": "1.0.63",
4
4
  "type": "module",
5
5
  "description": "PC 组件库(Vue3 + Element Plus,对应旧 @kayak/kayak-design-vue2)",
6
6
  "license": "ISC",
@@ -54,7 +54,6 @@
54
54
  .k-form__item--full-row {
55
55
  .k-form-date-picker--datetimerange,
56
56
  .k-form-date-picker:has(.el-date-editor--datetimerange),
57
- .k-editor,
58
57
  .k-upload,
59
58
  .k-upload-wrap {
60
59
  max-width: none;
@@ -102,29 +101,29 @@
102
101
  flex-wrap: nowrap;
103
102
  }
104
103
 
105
- .k-form-input,
106
- .k-form-select,
107
- .k-form-date-picker,
108
- .k-form-time-picker,
109
- .k-select,
110
- .k-input,
111
- .k-tree-select,
112
- .input-mix-select,
113
- .el-select,
114
- .el-tree-select,
115
- .el-date-editor,
116
- .el-cascader,
117
- .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 {
118
116
  width: 100%;
119
117
  max-width: var(--k-form-control-max-width);
120
- /* 硬下限:与换行阈值一致,不再随容器无限压扁 */
121
118
  min-width: var(--k-form-control-min-width);
122
119
  }
123
120
 
124
121
  /// EP DatePicker 默认 --el-date-editor-width: 220px,与 Input 不对齐;强制跟表单列宽走
125
- .el-date-editor,
126
- .el-date-editor.el-input,
127
- .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 {
128
127
  width: 100%;
129
128
  --el-date-editor-width: 100%;
130
129
  }
@@ -171,7 +170,6 @@
171
170
  line-height: normal;
172
171
  overflow: visible;
173
172
  }
174
-
175
173
  }
176
174
 
177
175
  /// 查询面板:按 colLength 分列,空间不足时自动换行
@@ -456,11 +454,6 @@
456
454
  line-height: normal;
457
455
  overflow: visible;
458
456
  }
459
-
460
- .el-form-item__content .k-editor {
461
- width: 100%;
462
- max-width: 100%;
463
- }
464
457
  }
465
458
 
466
459
  .k-form-input[type='textarea'] {
@@ -1 +0,0 @@
1
- .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}
@@ -1 +0,0 @@
1
- .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}