@veltra/desktop 1.0.14 → 1.1.0

package/dist/components/tip/tip.js

@@ -87,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const triggerDom = computed(() => {
 			return props.triggerDom || triggerRef.value?.$el;
 		});
-		const { popperContainerId } = usePop({
+		const { update, popperContainerId } = usePop({
 			triggerRef: triggerDom,
 			contentRef,
 			arrowRef,
@@ -98,10 +98,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			}
 		});
 		watch(triggerDom, (dom) => {
-			if (dom?.nodeType === Node.ELEMENT_NODE && visible.value) {
-				close();
-				nextTick(() => open());
-			}
+			if (dom?.nodeType === Node.ELEMENT_NODE && visible.value) nextTick(() => {
+				update();
+			});
 		});
 		/** 外部节点 */
 		const externalNode = shallowRef();

package/dist/components/tip/tip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tip.js","names":[],"sources":["../../../src/components/tip/tip.vue"],"sourcesContent":["<template>\n  <!-- 触发 -->\n  <UNodeRender v-bind=\"eventsHandlers\" :content=\"renderDefaultSlotTrigger()\" ref=\"triggerRef\" />\n\n  <!-- 弹出内容 -->\n  <teleport :to=\"`#${popperContainerId}`\">\n    <transition name=\"tip\">\n      <component\n        v-if=\"tipVisible\"\n        :is=\"contentTag\"\n        :class=\"contentClass\"\n        :style=\"[style, { zIndex: zIndex() }]\"\n        ref=\"contentRef\"\n        @mouseenter=\"eventsHandlers.onMouseenter\"\n        @mouseleave=\"eventsHandlers.onMouseleave\"\n        @click.stop\n        v-click-outside=\"handleClickOutside\"\n      >\n        <UNodeRender v-if=\"externalNode\" :content=\"externalNode\" />\n\n        <slot name=\"content\">{{ content }}</slot>\n\n        <div :class=\"cls.e('arrow')\" v-if=\"!hideArrow\" ref=\"arrowRef\"></div>\n      </component>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps, usePop } from '@veltra/compositions'\nimport { vClickOutside } from '@veltra/directives'\nimport { bem, extractNormalVNodes, zIndex } from '@veltra/utils'\nimport { shallowRef, computed, useSlots, onBeforeUnmount, toRef, watch, nextTick } from 'vue'\n\nimport type { TipProps, ComponentSize, TipEmits } from '../../types'\nimport { UNodeRender } from '../node-render'\nimport { useNest } from './use-nest'\n\ndefineOptions({ name: 'Tip' })\n\nconst props = withDefaults(defineProps<TipProps>(), {\n  content: '',\n  trigger: 'hover',\n  direction: 'top',\n  alignment: 'center',\n  contentTag: 'div',\n  visible: undefined\n})\n\nconst emit = defineEmits<TipEmits>()\n\nconst cls = bem('tip')\nconst slots = useSlots()\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst contentClass = computed(() => {\n  const fixed = [cls.e('content'), cls.m(size.value)]\n  const className = props.class\n  if (!Array.isArray(className)) {\n    return [...fixed, className]\n  }\n  return [...fixed, ...className]\n})\n\nconst triggerRef = shallowRef<InstanceType<typeof UNodeRender>>()\nconst contentRef = shallowRef<HTMLElement>()\nconst arrowRef = shallowRef<HTMLElement>()\n\nconst _visible = shallowRef(false)\n\nconst visible = computed(() => {\n  return props.visible !== undefined ? props.visible : _visible.value\n})\n\nfunction updateVisible(v: boolean) {\n  if (props.visible === undefined) {\n    _visible.value = v\n  } else {\n    emit('update:visible', v)\n  }\n}\n\nconst tipVisible = useNest(visible)\n\nfunction renderDefaultSlotTrigger() {\n  const nodes = slots.default?.()\n  if (!nodes?.length) return null\n  return extractNormalVNodes(nodes)[0]\n}\n\nconst eventsHandlers = computed(() => {\n  const { trigger, disabled } = props\n\n  const handlers: Record<string, Function> = {}\n\n  if (disabled) return handlers\n\n  if (trigger === 'click') {\n    handlers.onClick = open\n  } else if (trigger === 'hover') {\n    handlers.onMouseenter = open\n    handlers.onMouseleave = close\n  }\n\n  return handlers\n})\n\nconst handleClickOutside = (e: MouseEvent) => {\n  if (props.trigger === 'hover') return\n\n  // 点击的元素在触发元素中则啥也\n  if (props.trigger === 'click' && triggerDom.value.contains(e.target as Node)) {\n    return\n  }\n  close()\n}\n\nlet closeTimer: number | undefined = undefined\n\n/** 弹出 */\nconst open = (e?: PointerEvent) => {\n  e?.stopPropagation()\n  closeTimer !== undefined && clearTimeout(closeTimer)\n\n  updateVisible(true)\n}\n/** 关闭 */\nconst close = () => {\n  if (props.trigger === 'hover') {\n    closeTimer = setTimeout(() => {\n      updateVisible(false)\n    }, 250)\n  } else {\n    updateVisible(false)\n  }\n}\n\nconst triggerDom = computed(() => {\n  return props.triggerDom || triggerRef.value?.$el\n})\n\nconst { popperContainerId } = usePop({\n  triggerRef: triggerDom,\n  contentRef,\n  arrowRef,\n  direction: toRef(() => props.direction),\n  alignment: toRef(() => props.alignment),\n  onTriggerPositionChange() {\n    close()\n  }\n})\n\nwatch(triggerDom, (dom) => {\n  // TODO: 看起来不是很优雅\n  if (dom?.nodeType === Node.ELEMENT_NODE && visible.value) {\n    close()\n    nextTick(() => open())\n  }\n})\n\n/** 外部节点 */\nconst externalNode = shallowRef<any>()\n\nonBeforeUnmount(() => {\n  clearTimeout(closeTimer)\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"tip.js","names":[],"sources":["../../../src/components/tip/tip.vue"],"sourcesContent":["<template>\n  <!-- 触发 -->\n  <UNodeRender v-bind=\"eventsHandlers\" :content=\"renderDefaultSlotTrigger()\" ref=\"triggerRef\" />\n\n  <!-- 弹出内容 -->\n  <teleport :to=\"`#${popperContainerId}`\">\n    <transition name=\"tip\">\n      <component\n        v-if=\"tipVisible\"\n        :is=\"contentTag\"\n        :class=\"contentClass\"\n        :style=\"[style, { zIndex: zIndex() }]\"\n        ref=\"contentRef\"\n        @mouseenter=\"eventsHandlers.onMouseenter\"\n        @mouseleave=\"eventsHandlers.onMouseleave\"\n        @click.stop\n        v-click-outside=\"handleClickOutside\"\n      >\n        <UNodeRender v-if=\"externalNode\" :content=\"externalNode\" />\n\n        <slot name=\"content\">{{ content }}</slot>\n\n        <div :class=\"cls.e('arrow')\" v-if=\"!hideArrow\" ref=\"arrowRef\"></div>\n      </component>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps, usePop } from '@veltra/compositions'\nimport { vClickOutside } from '@veltra/directives'\nimport { bem, extractNormalVNodes, zIndex } from '@veltra/utils'\nimport { shallowRef, computed, useSlots, onBeforeUnmount, toRef, watch, nextTick } from 'vue'\n\nimport type { TipProps, ComponentSize, TipEmits } from '../../types'\nimport { UNodeRender } from '../node-render'\nimport { useNest } from './use-nest'\n\ndefineOptions({ name: 'Tip' })\n\nconst props = withDefaults(defineProps<TipProps>(), {\n  content: '',\n  trigger: 'hover',\n  direction: 'top',\n  alignment: 'center',\n  contentTag: 'div',\n  visible: undefined\n})\n\nconst emit = defineEmits<TipEmits>()\n\nconst cls = bem('tip')\nconst slots = useSlots()\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst contentClass = computed(() => {\n  const fixed = [cls.e('content'), cls.m(size.value)]\n  const className = props.class\n  if (!Array.isArray(className)) {\n    return [...fixed, className]\n  }\n  return [...fixed, ...className]\n})\n\nconst triggerRef = shallowRef<InstanceType<typeof UNodeRender>>()\nconst contentRef = shallowRef<HTMLElement>()\nconst arrowRef = shallowRef<HTMLElement>()\n\nconst _visible = shallowRef(false)\n\nconst visible = computed(() => {\n  return props.visible !== undefined ? props.visible : _visible.value\n})\n\nfunction updateVisible(v: boolean) {\n  if (props.visible === undefined) {\n    _visible.value = v\n  } else {\n    emit('update:visible', v)\n  }\n}\n\nconst tipVisible = useNest(visible)\n\nfunction renderDefaultSlotTrigger() {\n  const nodes = slots.default?.()\n  if (!nodes?.length) return null\n  return extractNormalVNodes(nodes)[0]\n}\n\nconst eventsHandlers = computed(() => {\n  const { trigger, disabled } = props\n\n  const handlers: Record<string, Function> = {}\n\n  if (disabled) return handlers\n\n  if (trigger === 'click') {\n    handlers.onClick = open\n  } else if (trigger === 'hover') {\n    handlers.onMouseenter = open\n    handlers.onMouseleave = close\n  }\n\n  return handlers\n})\n\nconst handleClickOutside = (e: MouseEvent) => {\n  if (props.trigger === 'hover') return\n\n  // 点击的元素在触发元素中则啥也\n  if (props.trigger === 'click' && triggerDom.value.contains(e.target as Node)) {\n    return\n  }\n  close()\n}\n\nlet closeTimer: number | undefined = undefined\n\n/** 弹出 */\nconst open = (e?: PointerEvent) => {\n  e?.stopPropagation()\n  closeTimer !== undefined && clearTimeout(closeTimer)\n\n  updateVisible(true)\n}\n/** 关闭 */\nconst close = () => {\n  if (props.trigger === 'hover') {\n    closeTimer = setTimeout(() => {\n      updateVisible(false)\n    }, 250)\n  } else {\n    updateVisible(false)\n  }\n}\n\nconst triggerDom = computed(() => {\n  return props.triggerDom || triggerRef.value?.$el\n})\n\nconst { update, popperContainerId } = usePop({\n  triggerRef: triggerDom,\n  contentRef,\n  arrowRef,\n  direction: toRef(() => props.direction),\n  alignment: toRef(() => props.alignment),\n  onTriggerPositionChange() {\n    close()\n  }\n})\n\nwatch(triggerDom, (dom) => {\n  // TODO: 看起来不是很优雅\n  if (dom?.nodeType === Node.ELEMENT_NODE && visible.value) {\n    nextTick(() => {\n      void update()\n    })\n  }\n})\n\n/** 外部节点 */\nconst externalNode = shallowRef<any>()\n\nonBeforeUnmount(() => {\n  clearTimeout(closeTimer)\n})\n</script>\n"],"mappings":"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"}

package/dist/components/tip/tip.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_base: _$vue.DefineComponent<TipProps, {}, {}, {}, {}, _$vue.
   trigger: "hover" | "click";
   contentTag: string;
   visible: boolean;
-  direction: TipDirection;
   content: string;
+  direction: TipDirection;
   alignment: TipAlign;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/tree-select/tree-select.vue.d.ts

@@ -15,24 +15,24 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string | number | undefined) => any;
 } & {
-  clear: () => any;
   change: (value?: string | number | undefined, selectedData?: Record<string, any> | undefined) => any;
+  clear: () => any;
   "update:text": (text?: string | undefined) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onChange?: ((value?: string | number | undefined, selectedData?: Record<string, any> | undefined) => any) | undefined;
+  onClear?: (() => any) | undefined;
   "onUpdate:text"?: ((text?: string | undefined) => any) | undefined;
 }>, {
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
+  disabled: boolean;
+  readonly: boolean;
+  minWidth: string;
   placeholder: string;
   clearable: boolean;
   filterable: boolean;
-  minWidth: string;
-  disabled: boolean;
-  readonly: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/types/badge.d.ts

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

package/dist/types/check-tag.d.ts

@@ -3,7 +3,7 @@ import { DeconstructValue } from "@veltra/utils";
 //#region src/types/check-tag.d.ts
 /** check-tag组件属性 */
 interface CheckTagProps {
-  modelValue?: string;
+  modelValue?: boolean;
   checked?: boolean;
 }
 /** check-tag组件定义的事件 */

package/dist/types/date-picker.d.ts

@@ -4,7 +4,7 @@ import { Dater } from "@cat-kit/core";
 //#region src/types/date-picker.d.ts
 /** date-picker组件属性 */
 interface DatePickerProps extends FormComponentProps {
-  modelValue?: string;
+  modelValue?: string | number | Date;
   /** 占位 */
   placeholder?: string;
   /** 日期类型 */
@@ -20,7 +20,7 @@ interface DatePickerProps extends FormComponentProps {
 }
 /** date-picker组件定义的事件 */
 interface DatePickerEmits {
-  (e: 'update:modelValue', value?: string): void;
+  (e: 'update:modelValue', value?: string | number | Date): void;
 }
 /** date-picker组件暴露的属性和方法(组件内部使用) */
 interface _DatePickerExposed {}

package/dist/types/number-input.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/desktop",
-  "version": "1.0.14",
+  "version": "1.1.0",
   "files": [
     "dist",
     "src"
@@ -61,22 +61,22 @@
     "@lexical/rich-text": "^0.43.0",
     "@lexical/selection": "^0.43.0",
     "@lexical/utils": "^0.43.0",
-    "@veltra/compositions": "1.0.14",
-    "@veltra/directives": "1.0.14",
-    "@veltra/icons": "1.0.14",
-    "@veltra/styles": "1.0.14",
-    "@veltra/utils": "1.0.14",
+    "@veltra/compositions": "1.1.0",
+    "@veltra/directives": "1.1.0",
+    "@veltra/icons": "1.1.0",
+    "@veltra/styles": "1.1.0",
+    "@veltra/utils": "1.1.0",
     "@visactor/vtable": "^1.26.0",
     "codemirror": "^6.0.2",
     "docx-preview": "^0.3.7",
     "lexical": "^0.43.0"
   },
   "peerDependencies": {
-    "@veltra/compositions": "1.0.14",
-    "@veltra/directives": "1.0.14",
-    "@veltra/icons": "1.0.14",
-    "@veltra/styles": "1.0.14",
-    "@veltra/utils": "1.0.14",
+    "@veltra/compositions": "1.1.0",
+    "@veltra/directives": "1.1.0",
+    "@veltra/icons": "1.1.0",
+    "@veltra/styles": "1.1.0",
+    "@veltra/utils": "1.1.0",
     "vue": "^3.5.33"
   }
 }

package/src/components/action/style.scss

@@ -31,8 +31,8 @@ $group-name: action-group;
     &:focus-within {
       opacity: 1;
       background-color: color-mix(in srgb, #{fn.use-var(bg-color, top)} 70%, transparent);
-      backdrop-filter: blur(8px);
-      -webkit-backdrop-filter: blur(8px);
+      backdrop-filter: fn.use-var(bg-filter);
+      -webkit-backdrop-filter: fn.use-var(bg-filter);
       box-shadow: 0 1px 4px color-mix(in srgb, #{fn.use-var(shadow, color)} 35%, transparent);
     }
   }

package/src/components/auto-complete/style.scss

@@ -14,7 +14,7 @@ $root-name: auto-complete;
 
   @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;
     cursor: not-allowed;
 
     @include m.bem($root-name, arrow) {
@@ -68,12 +68,13 @@ $root-name: auto-complete;
 
   @include m.is(multiple) {
     line-height: 1;
-    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;
     @include m.flex($display: inline-flex);
     &:hover {
-      box-shadow: inset 0 0 1px 1px fn.use-var(color, primary);
+      border-color: fn.use-var(color, primary);
     }
   }
 

package/src/components/badge/badge.vue

@@ -28,7 +28,10 @@ const { size } = useFallbackProps([props], {
 
 const badgeValue = computed(() => {
   if (props.dot) return ''
-  return props.value! > props.max ? `${props.max}+` : props.value
+  if (typeof props.value === 'number' && typeof props.max === 'number') {
+    return props.value > props.max ? `${props.max}+` : props.value
+  }
+  return props.value
 })
 
 const classList = computed(() => {

package/src/components/batch-edit/style.scss

@@ -21,8 +21,8 @@ $root-name: batch-edit;
   .u-table__row.is-current .#{vars.$namespace}action-group.is-hover {
     opacity: 1;
     background-color: color-mix(in srgb, #{fn.use-var(bg-color, top)} 70%, transparent);
-    backdrop-filter: blur(8px);
-    -webkit-backdrop-filter: blur(8px);
+    backdrop-filter: fn.use-var(bg-filter);
+    -webkit-backdrop-filter: fn.use-var(bg-filter);
     box-shadow: 0 1px 4px color-mix(in srgb, #{fn.use-var(shadow, color)} 35%, transparent);
   }
 

package/src/components/breadcrumb/style.scss

@@ -44,8 +44,10 @@ $root-name: breadcrumb;
     border-radius: fn.use-var(radius, small);
     transition: color 0.15s ease;
 
-    &:hover:not(.is-disabled) {
-      color: fn.use-var(color, primary);
+    @include m.is-not(disabled) {
+      &:hover {
+        color: fn.use-var(color, primary);
+      }
     }
 
     &:focus-visible {

package/src/components/button/style.scss

@@ -19,6 +19,7 @@ $root-name: button;
   -webkit-appearance: none;
   border: none;
   background-color: fn.use-var(color, default);
+  box-shadow: fn.use-var(shadow, emboss);
   transition:
     background-color 0.25s,
     box-shadow 0.2s;
@@ -101,7 +102,7 @@ $root-name: button;
           box-shadow: 0px 0px 0px 1px fn.use-var(color, $type);
         }
 
-        &:not(.is-disabled, .is-loading) {
+        @include m.is-not(disabled, loading) {
           &:hover,
           &:focus {
             background-color: fn.use-var(color, $type, 'light-9');

package/src/components/card/style.scss

@@ -8,6 +8,8 @@ $root-name: card;
   border-radius: fn.use-var(radius, default);
   background-color: fn.use-var(bg-color, top);
   box-shadow: fn.use-var(shadow);
+  backdrop-filter: fn.use-var(bg-filter);
+  -webkit-backdrop-filter: fn.use-var(bg-filter);
   overflow: hidden;
 
   @include m.is(integrate) {

package/src/components/cascade/style.scss

@@ -10,16 +10,16 @@ $menu-name: $root-name + '-panel-item';
   width: 100%;
 
   @include m.is(multiple) {
-    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;
     cursor: pointer;
 
     @include m.flex($display: inline-flex);
 
     &:hover {
-      // 悬浮时边框颜色为 var(--u-color-primary);
-      box-shadow: inset 0 0 1px 1px fn.use-var(color, primary);
+      border-color: fn.use-var(color, primary);
     }
   }
 

package/src/components/checkbox/style.scss

@@ -3,6 +3,7 @@
 @use 'pkg:@veltra/styles/vars';
 
 $root-name: checkbox;
+
 @include m.b($root-name) {
   user-select: none;
   vertical-align: middle;
@@ -51,7 +52,7 @@ $root-name: checkbox;
   @include m.e(wrap) {
     border: fn.use-var(border, width) fn.use-var(border, style)
       #{fn.component-var(checkbox, border, #ccc)};
-    border-radius: fn.use-var(radius, default);
+    border-radius: 6px;
     color: #fff;
     transition: background-color 0.15s ease;
     @include m.flex(inline-flex, center);

package/src/components/code-editor/style.scss

@@ -21,13 +21,14 @@ $root-name: code-editor;
   max-height: 480px;
   border-radius: fn.use-var(radius, default);
   background-color: var(--u-code-editor-bg);
-  box-shadow: inset 0 0 0 1px var(--u-code-editor-border);
+  border: 1px solid var(--u-code-editor-border);
+  box-shadow: fn.use-var(shadow, emboss);
   overflow: hidden;
-  transition: box-shadow 0.2s ease;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
 
   &:hover,
   &:focus-within {
-    box-shadow: inset 0 0 0 1px fn.use-var(color, primary);
+    border-color: fn.use-var(color, primary);
   }
 
   .cm-editor {
@@ -106,12 +107,12 @@ $root-name: code-editor;
 
   @include m.is(disabled) {
     background-color: fn.use-var(color, disabled);
-    box-shadow: inset 0 0 0 1px var(--u-code-editor-border);
+    box-shadow: none;
     cursor: not-allowed;
 
     &:hover,
     &:focus-within {
-      box-shadow: inset 0 0 0 1px var(--u-code-editor-border);
+      border-color: var(--u-code-editor-border);
     }
 
     .cm-editor,
@@ -121,11 +122,9 @@ $root-name: code-editor;
   }
 
   @include m.is(readonly) {
-    box-shadow: inset 0 0 0 1px var(--u-code-editor-border);
-
     &:hover,
     &:focus-within {
-      box-shadow: inset 0 0 0 1px var(--u-code-editor-border);
+      border-color: var(--u-code-editor-border);
     }
   }
 }

package/src/components/collapse/style.scss

@@ -73,8 +73,10 @@ $header-padding-y: (
       color $transition-fast,
       background-color $transition-fast;
 
-    &:hover:not(.is-disabled) {
-      background-color: fn.use-var(bg-color, hover);
+    @include m.is-not(disabled) {
+      &:hover {
+        background-color: fn.use-var(bg-color, hover);
+      }
     }
 
     &:focus-visible {
@@ -158,7 +160,7 @@ $header-padding-y: (
 
   // ===== Ghost（无边框）：项级胶囊化，反馈完全由 item hover 承担 =====
   // 嵌入卡片 / 对话框时使用，不引入额外的容器边界
-  &:not(.is-bordered) {
+  @include m.is-not(bordered) {
     background-color: transparent;
 
     #{fn.bem($root-name, item)} {
@@ -169,8 +171,10 @@ $header-padding-y: (
         margin-top: 4px;
       }
 
-      &:hover:not(.is-disabled) {
-        background-color: fn.use-var(bg-color, hover);
+      @include m.is-not(disabled) {
+        &:hover {
+          background-color: fn.use-var(bg-color, hover);
+        }
       }
     }
 
@@ -178,8 +182,10 @@ $header-padding-y: (
     #{fn.bem($root-name, header)} {
       border-radius: inherit;
 
-      &:hover:not(.is-disabled) {
-        background-color: transparent;
+      @include m.is-not(disabled) {
+        &:hover {
+          background-color: transparent;
+        }
       }
     }
   }

package/src/components/context-menu/style.scss

@@ -11,6 +11,8 @@ $root-name: context-menu;
   box-shadow: fn.use-var(shadow);
   border-radius: fn.use-var(radius, default);
   padding: fn.use-var(gap, small);
+  backdrop-filter: fn.use-var(bg-filter);
+  -webkit-backdrop-filter: fn.use-var(bg-filter);
 
   @include m.e(label) {
     margin-left: fn.use-var(gap, small);
@@ -31,8 +33,10 @@ $root-name: context-menu;
     border-radius: fn.use-var(radius, default);
     @include m.flex;
 
-    &:not(.is-disabled, .is-loading):hover {
-      background-color: fn.use-var(color, primary, light-9);
+    @include m.is-not(disabled, loading) {
+      &:hover {
+        background-color: fn.use-var(color, primary, light-9);
+      }
     }
 
     @include m.is(disabled, loading) {

package/src/components/date-range-picker/style.scss

@@ -9,8 +9,9 @@ $root-name: date-range-picker;
   width: 100%;
   vertical-align: middle;
   line-height: 1;
-  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;
 
   @include m.flex($display: inline-flex);
@@ -26,8 +27,7 @@ $root-name: date-range-picker;
   }
 
   &:hover {
-    // 悬浮时边框颜色为 var(--u-color-primary);
-    box-shadow: inset 0 0 0px 1px fn.use-var(color, primary);
+    border-color: fn.use-var(color, primary);
   }
 
   @include m.e(input) {
@@ -71,7 +71,7 @@ $root-name: date-range-picker;
 
   @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, input) {
       cursor: not-allowed;

package/src/components/dialog/style.scss

@@ -40,7 +40,8 @@ $root-name: dialog;
     flex-shrink: 0;
     overflow: hidden;
     background-color: fn.use-var(bg-color, middle);
-    // backdrop-filter: fn.use-var(bg-filter);
+    backdrop-filter: fn.use-var(bg-filter);
+    -webkit-backdrop-filter: fn.use-var(bg-filter);
   }
 
   // 弹框头

package/src/components/drawer/style.scss

@@ -24,7 +24,8 @@ $direction-map: (
   position: absolute;
   border-radius: fn.use-var(radius, large);
   background-color: fn.use-var(bg-color, top);
-  backdrop-filter: blur(10px);
+  backdrop-filter: fn.use-var(bg-filter);
+  -webkit-backdrop-filter: fn.use-var(bg-filter);
   box-shadow: 0 0 10px 2px fn.use-var(shadow, color);
 
   @include m.e(close) {

package/src/components/dropdown/style.scss

@@ -12,6 +12,8 @@ $root-name: dropdown;
     border: fn.use-var(border);
     border-radius: fn.use-var(radius, default);
     box-shadow: fn.use-var(shadow);
+    backdrop-filter: fn.use-var(bg-filter);
+    -webkit-backdrop-filter: fn.use-var(bg-filter);
     top: 0;
     left: 0;
   }

package/src/components/expression-editor/__test__/editor.test.ts

@@ -0,0 +1,47 @@
+// @vitest-environment happy-dom
+import { afterEach, describe, expect, it, vi } from 'vitest'
+
+import { createEditor } from '../core/editor'
+import { parse } from '../core/model'
+
+const B = 'u-expression-editor'
+const cls = {
+  b: B,
+  e: (n: string) => `${B}__${n}`,
+  m: (n: string) => `${B}--${n}`,
+  em: (e: string, m: string) => `${B}__${e}--${m}`,
+  create: () => cls
+} as any
+
+afterEach(() => {
+  document.body.innerHTML = ''
+  document.getSelection()?.removeAllRanges()
+})
+
+describe('createEditor composition', () => {
+  it('does not emit selection changes while IME composition text is pending', () => {
+    const container = document.createElement('div')
+    document.body.appendChild(container)
+
+    const onChange = vi.fn()
+    const onSelectionChange = vi.fn()
+    const editor = createEditor({
+      container,
+      cls,
+      initialDoc: parse('@'),
+      onChange,
+      onSelectionChange
+    })
+
+    container.dispatchEvent(new Event('compositionstart'))
+    container.querySelector('[data-seg="text"]')!.textContent = '@n'
+    container.dispatchEvent(new Event('input'))
+    editor.setCaretOffset(2)
+    document.dispatchEvent(new Event('selectionchange'))
+
+    expect(onChange).not.toHaveBeenCalled()
+    expect(onSelectionChange).not.toHaveBeenCalled()
+
+    editor.dispose()
+  })
+})

package/src/components/expression-editor/components/variable-picker.vue

@@ -3,6 +3,7 @@
     hide-arrow
     alignment="start"
     direction="bottom"
+    trigger="click"
     :trigger-dom="triggerDom"
     :visible="visible"
     @update:visible="handleVisibleChange($event)"

package/src/components/expression-editor/core/editor.ts

@@ -368,6 +368,7 @@ export function createEditor(opts: EditorOptions): EditorAPI {
     insertPlainTextAtCaret(text)
   }
   function onSelectionChange() {
+    if (composing) return
     if (!opts.onSelectionChange) return
     const sel = document.getSelection()
     if (!sel || sel.rangeCount === 0) {

package/src/components/expression-editor/style.scss

@@ -12,13 +12,15 @@ $root-name: expression-editor;
   border-color: fn.use-var(border, color);
   border-radius: fn.use-var(radius, default);
 
-  &:hover:not(.is-disabled):not(.is-readonly) {
-    border-color: fn.use-var(color, primary);
-  }
+  @include m.is-not(disabled, readonly) {
+    &:hover {
+      border-color: fn.use-var(color, primary);
+    }
 
-  &:focus-within:not(.is-disabled):not(.is-readonly) {
-    border-color: fn.use-var(color, primary);
-    outline: none;
+    &:focus-within {
+      border-color: fn.use-var(color, primary);
+      outline: none;
+    }
   }
 
   @include m.is('disabled') {
@@ -81,8 +83,8 @@ $root-name: expression-editor;
     height: 22px;
     line-height: 1;
     font-size: 12px;
-    color: fn.use-var(text-color, white);
-    background-color: fn.use-var(color, primary);
+    color: fn.use-var(color, primary);
+    background-color: fn.use-var(color, primary, light-9);
     border-radius: 999px;
     cursor: pointer;
     user-select: none;
@@ -91,7 +93,8 @@ $root-name: expression-editor;
       box-shadow 0.12s ease;
 
     &:hover {
-      background-color: fn.use-var(color, primary, light-2);
+      color: fn.use-var(color, primary);
+      background-color: fn.use-var(color, primary, light-8);
       box-shadow: 0 1px 4px fn.use-var(shadow, color);
 
       .#{vars.$namespace}#{$root-name}__chip-close {
@@ -120,7 +123,7 @@ $root-name: expression-editor;
     overflow: hidden;
     font-size: 14px;
     line-height: 1;
-    color: fn.use-var(text-color, white);
+    color: fn.use-var(color, primary);
     opacity: 0;
     transition:
       opacity 0.12s ease,