@veltra/desktop 1.2.21 → 1.2.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/desktop",
-  "version": "1.2.21",
+  "version": "1.2.22",
   "files": [
     "dist",
     "src"
@@ -57,11 +57,11 @@
     "@cat-kit/core": ">=1.1.8",
     "@cat-kit/excel": ">=1.0.0",
     "@cat-kit/fe": "^1.1.8",
-    "@veltra/compositions": "1.2.21",
-    "@veltra/directives": "1.2.21",
-    "@veltra/icons": "1.2.21",
-    "@veltra/styles": "1.2.21",
-    "@veltra/utils": "1.2.21",
+    "@veltra/compositions": "1.2.22",
+    "@veltra/directives": "1.2.22",
+    "@veltra/icons": "1.2.22",
+    "@veltra/styles": "1.2.22",
+    "@veltra/utils": "1.2.22",
     "vue": ">=3.5.39"
   },
   "devDependencies": {

package/src/components/auto-complete/auto-complete.vue

@@ -1,6 +1,7 @@
 <template>
   <u-dropdown
     v-if="!readonly"
+    v-bind="$attrs"
     trigger="click"
     :class="[cls.b, cls.m(size), bem.is('disabled', disabled)]"
     ref="dropdownRef"

package/src/components/cascade/cascade.vue

@@ -1,6 +1,7 @@
 <template>
   <u-dropdown
     v-if="!readonly"
+    v-bind="$attrs"
     :class="[cls.b, bem.is('disabled', disabled), bem.is('multiple', multiple), cls.m(size)]"
     :content-class="[cls.e('panel'), cls.em('panel', size)]"
     trigger="click"
@@ -124,7 +125,7 @@ import { useCheck } from './use-check'
 import { useDataMap } from './use-data-map'
 import { useSelect } from './use-select'
 
-defineOptions({ name: 'UCascade' })
+defineOptions({ name: 'UCascade', inheritAttrs: false })
 
 const props = withDefaults(defineProps<CascadeProps>(), {
   labelKey: 'label',

package/src/components/checkbox/checkbox-button.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="!readonly" :class="className" @click="handleInput">
+  <div v-if="!readonly" v-bind="$attrs" :class="className" @click="handleInput">
     <slot />
   </div>
 
@@ -21,7 +21,7 @@ import { computed } from 'vue'
 import type { CheckboxButtonProps, CheckboxButtonEmits } from '../../types'
 import { UTag } from '../tag'
 
-defineOptions({ name: 'UCheckboxButton' })
+defineOptions({ name: 'UCheckboxButton', inheritAttrs: false })
 
 const props = withDefaults(defineProps<CheckboxButtonProps>(), {
   disabled: undefined,

package/src/components/checkbox-group/checkbox-group.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="[cls.b, cls.m(size), bem.is('block', block)]" v-if="!readonly">
+  <div v-if="!readonly" v-bind="$attrs" :class="[cls.b, cls.m(size), bem.is('block', block)]">
     <u-checkbox
       v-for="item of items"
       :key="item[valueKey]"
@@ -34,7 +34,7 @@ import type { CheckboxGroupProps, CheckboxGroupEmits } from '../../types'
 import { UCheckbox } from '../checkbox'
 import { UTag } from '../tag'
 
-defineOptions({ name: 'UCheckboxGroup' })
+defineOptions({ name: 'UCheckboxGroup', inheritAttrs: false })
 
 const props = withDefaults(defineProps<CheckboxGroupProps>(), {
   labelKey: 'label',

package/src/components/date-picker/date-picker.vue

@@ -1,12 +1,13 @@
 <template>
   <u-dropdown
+    v-if="!readonly"
+    v-bind="$attrs"
     :class="className"
     trigger="click"
     width="auto"
     ref="dropdownRef"
     @update:visible=""
     :disabled="disabled"
-    v-if="!readonly"
   >
     <template #trigger>
       <u-input
@@ -49,7 +50,7 @@ import { UDropdown } from '../dropdown'
 import { UIcon } from '../icon'
 import { UInput } from '../input'
 
-defineOptions({ name: 'UDatePicker' })
+defineOptions({ name: 'UDatePicker', inheritAttrs: false })
 
 const props = withDefaults(defineProps<DatePickerProps>(), {
   placeholder: '选择日期',

package/src/components/date-range-picker/date-range-picker.vue

@@ -1,5 +1,7 @@
 <template>
   <u-dropdown
+    v-if="!readonly"
+    v-bind="$attrs"
     :class="className"
     trigger="click"
     :content-class="[cls.e('panel'), cls.em('panel', size)]"
@@ -8,7 +10,6 @@
     :disabled="disabled"
     @mouseenter.native="hovered = true"
     @mouseleave.native="hovered = false"
-    v-if="!readonly"
   >
     <template #trigger>
       <input
@@ -72,7 +73,7 @@ import { UDatePanel } from '../date-panel'
 import { UDropdown } from '../dropdown'
 import { UIcon } from '../icon'
 
-defineOptions({ name: 'UDateRangePicker' })
+defineOptions({ name: 'UDateRangePicker', inheritAttrs: false })
 
 const props = withDefaults(defineProps<DateRangePickerProps>(), {
   placeholder: () => ['起始日期', '结束日期'],

package/src/components/form-item/style.scss

@@ -15,10 +15,6 @@ $root-name: form-item;
 
     @include m.bem($root-name, content) {
       min-height: fn.use-var(form-component-height, $size);
-
-      @include m.bem($root-name, viewer) {
-        min-height: fn.use-var(form-component-height, $size);
-      }
     }
 
     @include m.bem($root-name, tips) {
@@ -64,13 +60,6 @@ $root-name: form-item;
     flex-grow: 1;
     word-break: break-all;
     @include m.flex($wrap: wrap);
-
-    @include m.bem($root-name, viewer) {
-      line-height: 1.3;
-      color: fn.use-var(text-color, title);
-      display: inline-flex;
-      align-items: center;
-    }
   }
 
   @include m.e(error) {

package/src/components/group-input/group-input.vue

@@ -1,5 +1,5 @@
 <template>
-  <ul :class="[cls.b, cls.m(size)]" v-if="!readonly">
+  <ul v-if="!readonly" v-bind="$attrs" :class="[cls.b, cls.m(size)]">
     <li v-if="isEmpty && creatable">
       <u-button style="width: 100%" :icon="Plus" @click="handleAdd(0)" :size="size">
         新增
@@ -51,7 +51,7 @@ import type { GroupInputEmits, GroupInputProps } from '../../types'
 import { UButton } from '../button'
 import { useGroupItems } from './use-group-items'
 
-defineOptions({ name: 'UGroupInput' })
+defineOptions({ name: 'UGroupInput', inheritAttrs: false })
 
 const props = withDefaults(defineProps<GroupInputProps<GroupItem>>(), {
   modelValue: () => [],

package/src/components/input/input.vue

@@ -1,9 +1,10 @@
 <template>
   <div
+    v-if="!readonly"
+    v-bind="$attrs"
     :class="inputClass"
     @mouseenter="handleMouseEnter"
     @mouseleave="handleMouseLeave"
-    v-if="!readonly"
   >
     <span v-if="$slots.prefix || prefix" :class="prefixClass" @click="handlePrefixClick">
       {{ prefix }}
@@ -62,7 +63,7 @@ import { computed, getCurrentInstance, ref, shallowRef, nextTick } from 'vue'
 import type { InputEmits, InputProps, _InputExposed } from '../../types'
 import { UIcon } from '../icon'
 
-defineOptions({ name: 'UInput' })
+defineOptions({ name: 'UInput', inheritAttrs: false })
 
 const props = withDefaults(defineProps<InputProps>(), {
   placeholder: '请输入',

package/src/components/multi-select/multi-select.vue

@@ -1,6 +1,7 @@
 <template>
   <u-dropdown
     v-if="!readonly"
+    v-bind="$attrs"
     trigger="click"
     ref="dropdownRef"
     :class="[cls.b, cls.m(size), bem.is('disabled', disabled)]"
@@ -164,7 +165,7 @@ import { UTag } from '../tag'
 import { MultiSelectDIKey } from './di'
 import UMultiSelectOption from './multi-select-option.vue'
 
-defineOptions({ name: 'UMultiSelect' })
+defineOptions({ name: 'UMultiSelect', inheritAttrs: false })
 
 const props = withDefaults(defineProps<MultiSelectProps>(), {
   labelKey: 'label',

package/src/components/multi-tree-select/multi-tree-select.vue

@@ -1,6 +1,7 @@
 <template>
   <u-dropdown
     v-if="!readonly"
+    v-bind="$attrs"
     :class="[cls.b, cls.m(size), bem.is('disabled', disabled)]"
     trigger="click"
     :content-class="[cls.e('panel'), cls.em('panel', size), contentClass]"
@@ -113,7 +114,7 @@ import { UTag } from '../tag'
 import { UTree } from '../tree'
 import type { TreeSlotsScope } from '../tree/di'
 
-defineOptions({ name: 'UMultiTreeSelect' })
+defineOptions({ name: 'UMultiTreeSelect', inheritAttrs: false })
 
 const cls = bem('multi-tree-select')
 

package/src/components/number-input/number-input.vue

@@ -68,13 +68,13 @@ import { vRipple } from '@veltra/directives'
 import { ArrowDown, ArrowUp, Close } from '@veltra/icons/normal'
 import { bem, FORM_EMPTY_CONTENT, Tween } from '@veltra/utils'
 import { injectFormContext } from '@veltra/utils'
-import { computed, shallowRef, watch } from 'vue'
+import { computed, shallowRef, useAttrs, watch } from 'vue'
 
 import type { NumberInputEmits, NumberInputProps, InputExposed } from '../../types'
 import { UIcon } from '../icon'
 import { UInput } from '../input'
 
-defineOptions({ name: 'UNumberInput' })
+defineOptions({ name: 'UNumberInput', inheritAttrs: false })
 
 const props = withDefaults(defineProps<NumberInputProps>(), {
   placeholder: '请输入',
@@ -94,9 +94,12 @@ const { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, prop
   readonly: false
 })
 
-const inputProps = computed(() => {
-  return o(props).pick(['disabled', 'placeholder', 'size', 'prefix'])
-})
+const attrs = useAttrs()
+
+const inputProps = computed(() => ({
+  ...attrs,
+  ...o(props).pick(['disabled', 'placeholder', 'size', 'prefix'])
+}))
 
 const inputRef = shallowRef<InputExposed>()
 

package/src/components/number-range-input/number-range-input.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="!readonly" :class="className">
+  <div v-if="!readonly" v-bind="$attrs" :class="className">
     <u-number-input
       v-model="startModel"
       :placeholder="startPlaceholder"
@@ -36,7 +36,7 @@ import { computed, getCurrentInstance, nextTick, onMounted, watch } from 'vue'
 import type { NumberRangeInputEmits, NumberRangeInputProps, NumberRangeTuple } from '../../types'
 import { UNumberInput } from '../number-input'
 
-defineOptions({ name: 'UNumberRangeInput' })
+defineOptions({ name: 'UNumberRangeInput', inheritAttrs: false })
 
 const props = withDefaults(defineProps<NumberRangeInputProps>(), {
   startPlaceholder: '请输入',

package/src/components/radio-group/radio-group.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="[cls.b, bem.is('block', block), cls.m(size)]" v-if="!readonly">
+  <div v-if="!readonly" v-bind="$attrs" :class="[cls.b, bem.is('block', block), cls.m(size)]">
     <u-radio
       v-for="item of items"
       :key="item[valueKey]"
@@ -26,7 +26,7 @@ import { injectFormContext } from '@veltra/utils'
 import type { RadioGroupProps, RadioGroupEmits } from '../../types'
 import URadio from '../radio/radio.vue'
 
-defineOptions({ name: 'URadioGroup' })
+defineOptions({ name: 'URadioGroup', inheritAttrs: false })
 
 const props = withDefaults(defineProps<RadioGroupProps>(), {
   labelKey: 'label',

package/src/components/select/select.vue

@@ -1,6 +1,7 @@
 <template>
   <u-dropdown
     v-if="!readonly"
+    v-bind="$attrs"
     trigger="click"
     :class="[cls.b, bem.is('disabled', disabled)]"
     ref="dropdownRef"
@@ -137,7 +138,7 @@ import { UScroll } from '../scroll'
 import { useKeyboard } from './use-keyboard'
 import { useOptions } from './use-options'
 
-defineOptions({ name: 'USelect' })
+defineOptions({ name: 'USelect', inheritAttrs: false })
 
 const props = withDefaults(defineProps<SelectProps>(), {
   labelKey: 'label',

package/src/components/tree-select/tree-select.vue

@@ -1,6 +1,7 @@
 <template>
   <u-dropdown
     v-if="!readonly"
+    v-bind="$attrs"
     :class="[cls.b, bem.is('disabled', disabled)]"
     trigger="click"
     :content-class="[cls.e('panel'), cls.em('panel', size), contentClass]"
@@ -73,7 +74,7 @@ import { UInput } from '../input'
 import { UTree } from '../tree'
 import type { TreeSlotsScope } from '../tree/di'
 
-defineOptions({ name: 'UTreeSelect' })
+defineOptions({ name: 'UTreeSelect', inheritAttrs: false })
 
 const props = withDefaults(defineProps<TreeSelectProps>(), {
   labelKey: 'label',