@veltra/desktop 1.0.15 → 1.1.1

package/src/components/rich-text-editor/style.scss

@@ -55,8 +55,10 @@ $root-name: rich-text-editor;
     transition: all 0.15s ease;
     padding: 0;
 
-    &:hover:not(.is-disabled) {
-      background-color: fn.use-var(color, hover);
+    @include m.is-not(disabled) {
+      &:hover {
+        background-color: fn.use-var(color, hover);
+      }
     }
 
     &.is-active {
@@ -112,8 +114,10 @@ $root-name: rich-text-editor;
     background-repeat: no-repeat;
     background-position: right 6px center;
 
-    &:hover:not(.is-disabled) {
-      border-color: fn.use-var(color, primary);
+    @include m.is-not(disabled) {
+      &:hover {
+        border-color: fn.use-var(color, primary);
+      }
     }
 
     &:focus {

package/src/components/select/select.vue

@@ -20,7 +20,7 @@
         :disabled="disabled"
         :placeholder="placeholder"
         :clearable="clearable"
-        :model-value="selected ? (o(selected).get(labelKey) ?? label) : modelValue"
+        :model-value="displayedValue"
         @clear="handleClear"
         @keydown="handleKeydown"
         native-readonly
@@ -109,7 +109,7 @@
   </u-dropdown>
 
   <template v-else>
-    {{ label || selected?.[labelKey] || FORM_EMPTY_CONTENT }}
+    {{ displayedValue || FORM_EMPTY_CONTENT }}
   </template>
 </template>
 
@@ -171,6 +171,12 @@ const currentIndex = shallowRef(-1)
 const label = defineModel('text')
 const selected = shallowRef<Record<string, any>>()
 
+const displayedValue = computed(() => {
+  if (label.value) return label.value
+
+  return selected.value ? o(selected.value).get(props.labelKey) : String(props.modelValue)
+})
+
 const dropdownRef = shallowRef<DropdownExposed>()
 const scrollRef = shallowRef<ScrollExposed>()
 
@@ -205,6 +211,7 @@ watch(
     if (modelValue !== undefined) {
       const { valueKey } = props
       currentIndex.value = options.findIndex((option) => o(option).get(valueKey) === modelValue)
+
       selected.value = options[currentIndex.value]
     } else {
       currentIndex.value = -1

package/src/components/switch/style.scss

@@ -53,8 +53,11 @@ $root-name: switch;
   }
 
   @include m.e(button) {
+    display: flex;
+    align-items: center;
     border-radius: 100px;
     background-color: fn.use-var(bg-color, bottom);
+    border: 1px solid fn.use-var(border, color);
     transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
     padding: 2px;
     flex-shrink: 0;

package/src/components/tabs/style.scss

@@ -120,8 +120,10 @@ $active-shadow:
       background-color 0.22s cubic-bezier(0.4, 0, 0.2, 1),
       box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1);
 
-    &:not(.is-active):not(.is-disabled):hover {
-      color: fn.use-var(text-color, title);
+    @include m.is-not(active, disabled) {
+      &:hover {
+        color: fn.use-var(text-color, title);
+      }
     }
 
     @include m.is(disabled) {

package/src/components/textarea/style.scss

@@ -7,14 +7,16 @@ $root-name: textarea;
 @include m.b($root-name) {
   position: relative;
   width: 100%;
-  box-shadow: inset 0 0 1px 1px fn.use-var(border, color);
-  transition: box-shadow 0.25s ease;
+  border: fn.use-var(border);
+  box-shadow: fn.use-var(shadow, emboss);
+  transition: border-color 0.25s ease, box-shadow 0.25s ease;
   overflow: hidden;
   vertical-align: middle;
 
-  &:hover {
-    // 悬浮时边框颜色为 var(--u-color-primary);
-    box-shadow: inset 0 0 1px 1px fn.use-var(color, primary);
+  @include m.is-not(disabled) {
+    &:hover {
+      border-color: fn.use-var(color, primary);
+    }
   }
 
   @include m.size using ($size) {
@@ -51,13 +53,12 @@ $root-name: textarea;
   }
 
   @include m.is(focus) {
-    // 使用变量 color 和 primary 设置内阴影和边框颜色
-    box-shadow: inset 0 0 1px 1px fn.use-var(color, primary);
+    border-color: fn.use-var(color, primary);
   }
 
   @include m.is(disabled) {
     background-color: fn.use-var(color, disabled);
-    box-shadow: inset 0 0 1px 1px fn.use-var(border, color);
+    box-shadow: none;
 
     @include m.bem($root-name, native) {
       cursor: not-allowed;

package/src/components/theme/style.scss

@@ -19,7 +19,8 @@ $root-name: theme;
   box-shadow:
     0 18px 48px rgba(15, 23, 42, 0.12),
     inset 0 1px 0 rgba(255, 255, 255, 0.7);
-  backdrop-filter: blur(20px) saturate(150%);
+  backdrop-filter: fn.use-var(bg-filter);
+  -webkit-backdrop-filter: fn.use-var(bg-filter);
   overflow: hidden;
 
   @include m.e(header) {

package/src/components/tree/style.scss

@@ -44,7 +44,7 @@ $indent-width: 20px;
 
     // 非虚拟模式通过相邻兄弟间距提供呼吸；
     // 虚拟模式下改由 virtualizer 的 gap 参数统一负责。
-    &:not(.is-virtual) {
+    @include m.is-not(virtual) {
       @include m.bem($root-name, node) {
         & + & {
           margin-top: 2px;
@@ -57,7 +57,7 @@ $indent-width: 20px;
   // 禁用节点不参与 hover 反馈，避免假性交互。
   @include m.is(selectable, checkable) {
     @include m.bem($root-name, node) {
-      &:not(.is-disabled) {
+      @include m.is-not(disabled) {
         @include m.bem($root-name, node-content) {
           &:hover {
             background-color: fn.use-var(bg-color, hover);

package/src/types/badge.ts

@@ -3,7 +3,7 @@ import type { ColorType, ComponentProps, DeconstructValue } from '@veltra/utils'
 /** 徽章组件属性 */
 export interface BadgeProps extends ComponentProps {
   /** 显示值 */
-  value?: number
+  value?: number | string
   /** 类别 */
   type?: ColorType
   /** 自定义背景色 */

package/src/types/check-tag.ts

@@ -2,7 +2,7 @@ import type { DeconstructValue } from '@veltra/utils'
 
 /** check-tag组件属性 */
 export interface CheckTagProps {
-  modelValue?: string
+  modelValue?: boolean
 
   checked?: boolean
 }

package/src/types/date-picker.ts

@@ -3,7 +3,7 @@ import type { DeconstructValue, FormComponentProps } from '@veltra/utils'
 
 /** date-picker组件属性 */
 export interface DatePickerProps extends FormComponentProps {
-  modelValue?: string
+  modelValue?: string | number | Date
   /** 占位 */
   placeholder?: string
   /** 日期类型 */
@@ -20,7 +20,7 @@ export interface DatePickerProps extends FormComponentProps {
 
 /** date-picker组件定义的事件 */
 export interface DatePickerEmits {
-  (e: 'update:modelValue', value?: string): void
+  (e: 'update:modelValue', value?: string | number | Date): void
 }
 
 /** date-picker组件暴露的属性和方法(组件内部使用) */

package/src/types/number-input.ts

@@ -25,6 +25,7 @@ export interface NumberInputProps extends Omit<InputProps, 'modelValue'> {
 export interface NumberInputEmits {
   (event: 'update:modelValue', value?: number): void
   (event: 'change', value?: number): void
+  (event: 'clear'): void
 }
 
 /** 数字输入组件暴露的属性和方法 */