@veltra/desktop 1.1.1 → 1.1.3

package/src/components/tree/tree.vue

@@ -31,8 +31,9 @@
 </template>
 
 <script lang="ts" setup>
-import { useFormComponent, useFormFallbackProps, useVirtualizer } from '@veltra/compositions'
+import { useFormFallbackProps, useVirtualizer } from '@veltra/compositions'
 import { bem, nextFrame, scrollIntoContainerView } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { computed, provide, shallowRef, useSlots, watch, watchEffect, type VNode } from 'vue'
 
 import type { TreeProps, TreeEmit, _TreeExposed } from '../../types'
@@ -63,7 +64,7 @@ const emit = defineEmits<TreeEmit>()
 
 const cls = bem('tree')
 
-const { formProps } = useFormComponent()
+const { formProps } = injectFormContext()
 
 const { size } = useFormFallbackProps([formProps ?? {}, props], {
   size: 'default'

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

@@ -60,9 +60,10 @@
 
 <script lang="ts" setup>
 import { dfs, o } from '@cat-kit/core'
-import { useFormComponent, useFormFallbackProps } from '@veltra/compositions'
+import { useFormFallbackProps } from '@veltra/compositions'
 import { ArrowDown, Search } from '@veltra/icons/normal'
 import { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { computed, nextTick, shallowRef, watch } from 'vue'
 
 import type { TreeSelectProps, TreeSelectEmits, TreeExposed } from '../../types'
@@ -122,7 +123,7 @@ const model = defineModel<string | number>()
 
 const label = shallowRef<string>()
 
-const { formProps } = useFormComponent()
+const { formProps } = injectFormContext()
 
 const { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])
 

package/dist/components/menu/use-menu-transition.js

@@ -1,71 +0,0 @@
-import { removeStyles, setStyles } from "@veltra/utils";
-//#region src/components/menu/use-menu-transition.ts
-const transitionEnter = "height 0.25s cubic-bezier(0.4, 0, 0.2, 1), padding-top 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.18s cubic-bezier(0.4, 0, 0.2, 1)";
-const transitionLeave = "height 0.2s cubic-bezier(0.4, 0, 1, 1), padding-top 0.2s cubic-bezier(0.4, 0, 1, 1), opacity 0.12s cubic-bezier(0.4, 0, 1, 1)";
-function useMenuTransition() {
-	function resetStyles(el) {
-		removeStyles(el, [
-			"height",
-			"padding-top",
-			"overflow",
-			"transition",
-			"opacity",
-			"will-change"
-		]);
-	}
-	function enter(el) {
-		const height = el.scrollHeight;
-		const paddingTop = getComputedStyle(el).paddingTop;
-		setStyles(el, {
-			height: 0,
-			paddingTop: 0,
-			overflow: "hidden",
-			opacity: 0,
-			transition: transitionEnter,
-			willChange: "height, opacity"
-		});
-		requestAnimationFrame(() => {
-			setStyles(el, {
-				height: `${height}px`,
-				paddingTop,
-				opacity: 1
-			});
-		});
-	}
-	function afterEnter(el) {
-		resetStyles(el);
-	}
-	function beforeLeave(el) {
-		const paddingTop = getComputedStyle(el).paddingTop;
-		setStyles(el, {
-			height: `${el.scrollHeight}px`,
-			paddingTop,
-			overflow: "hidden",
-			opacity: 1,
-			transition: transitionLeave,
-			willChange: "height, opacity"
-		});
-	}
-	function leave(el) {
-		el.offsetHeight;
-		setStyles(el, {
-			height: 0,
-			paddingTop: 0,
-			opacity: 0
-		});
-	}
-	function afterLeave(el) {
-		resetStyles(el);
-	}
-	return {
-		enter,
-		afterEnter,
-		beforeLeave,
-		leave,
-		afterLeave
-	};
-}
-//#endregion
-export { useMenuTransition };
-
-//# sourceMappingURL=use-menu-transition.js.map

package/dist/components/menu/use-menu-transition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-menu-transition.js","names":[],"sources":["../../../src/components/menu/use-menu-transition.ts"],"sourcesContent":["import { removeStyles, setStyles } from '@veltra/utils'\n\ninterface UseMenuTransitionReturned {\n  enter: (el: HTMLElement) => void\n  afterEnter: (el: HTMLElement) => void\n  beforeLeave: (el: HTMLElement) => void\n  leave: (el: HTMLElement) => void\n  afterLeave: (el: HTMLElement) => void\n}\n\nconst transitionEnter =\n  'height 0.25s cubic-bezier(0.4, 0, 0.2, 1), padding-top 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.18s cubic-bezier(0.4, 0, 0.2, 1)'\n\nconst transitionLeave =\n  'height 0.2s cubic-bezier(0.4, 0, 1, 1), padding-top 0.2s cubic-bezier(0.4, 0, 1, 1), opacity 0.12s cubic-bezier(0.4, 0, 1, 1)'\n\nexport function useMenuTransition(): UseMenuTransitionReturned {\n  function resetStyles(el: HTMLElement) {\n    removeStyles(el, ['height', 'padding-top', 'overflow', 'transition', 'opacity', 'will-change'])\n  }\n\n  function enter(el: HTMLElement) {\n    const height = el.scrollHeight\n    const paddingTop = getComputedStyle(el).paddingTop\n\n    setStyles(el as HTMLElement, {\n      height: 0,\n      paddingTop: 0,\n      overflow: 'hidden',\n      opacity: 0,\n      transition: transitionEnter,\n      willChange: 'height, opacity'\n    })\n\n    requestAnimationFrame(() => {\n      setStyles(el, { height: `${height}px`, paddingTop, opacity: 1 })\n    })\n  }\n\n  function afterEnter(el: HTMLElement) {\n    resetStyles(el)\n  }\n\n  function beforeLeave(el: HTMLElement) {\n    const paddingTop = getComputedStyle(el).paddingTop\n\n    setStyles(el, {\n      height: `${el.scrollHeight}px`,\n      paddingTop,\n      overflow: 'hidden',\n      opacity: 1,\n      transition: transitionLeave,\n      willChange: 'height, opacity'\n    })\n  }\n\n  function leave(el: HTMLElement) {\n    // 强制刷新，避免收起时浏览器合并样式导致动画缺失\n    void el.offsetHeight\n\n    setStyles(el, { height: 0, paddingTop: 0, opacity: 0 })\n  }\n\n  function afterLeave(el: HTMLElement) {\n    resetStyles(el)\n  }\n\n  return { enter, afterEnter, beforeLeave, leave, afterLeave }\n}\n"],"mappings":";;AAUA,MAAM,kBACJ;AAEF,MAAM,kBACJ;AAEF,SAAgB,oBAA+C;CAC7D,SAAS,YAAY,IAAiB;AACpC,eAAa,IAAI;GAAC;GAAU;GAAe;GAAY;GAAc;GAAW;GAAc,CAAC;;CAGjG,SAAS,MAAM,IAAiB;EAC9B,MAAM,SAAS,GAAG;EAClB,MAAM,aAAa,iBAAiB,GAAG,CAAC;AAExC,YAAU,IAAmB;GAC3B,QAAQ;GACR,YAAY;GACZ,UAAU;GACV,SAAS;GACT,YAAY;GACZ,YAAY;GACb,CAAC;AAEF,8BAA4B;AAC1B,aAAU,IAAI;IAAE,QAAQ,GAAG,OAAO;IAAK;IAAY,SAAS;IAAG,CAAC;IAChE;;CAGJ,SAAS,WAAW,IAAiB;AACnC,cAAY,GAAG;;CAGjB,SAAS,YAAY,IAAiB;EACpC,MAAM,aAAa,iBAAiB,GAAG,CAAC;AAExC,YAAU,IAAI;GACZ,QAAQ,GAAG,GAAG,aAAa;GAC3B;GACA,UAAU;GACV,SAAS;GACT,YAAY;GACZ,YAAY;GACb,CAAC;;CAGJ,SAAS,MAAM,IAAiB;AAEzB,KAAG;AAER,YAAU,IAAI;GAAE,QAAQ;GAAG,YAAY;GAAG,SAAS;GAAG,CAAC;;CAGzD,SAAS,WAAW,IAAiB;AACnC,cAAY,GAAG;;AAGjB,QAAO;EAAE;EAAO;EAAY;EAAa;EAAO;EAAY"}

package/src/components/menu/use-menu-transition.ts

@@ -1,69 +0,0 @@
-import { removeStyles, setStyles } from '@veltra/utils'
-
-interface UseMenuTransitionReturned {
-  enter: (el: HTMLElement) => void
-  afterEnter: (el: HTMLElement) => void
-  beforeLeave: (el: HTMLElement) => void
-  leave: (el: HTMLElement) => void
-  afterLeave: (el: HTMLElement) => void
-}
-
-const transitionEnter =
-  'height 0.25s cubic-bezier(0.4, 0, 0.2, 1), padding-top 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.18s cubic-bezier(0.4, 0, 0.2, 1)'
-
-const transitionLeave =
-  'height 0.2s cubic-bezier(0.4, 0, 1, 1), padding-top 0.2s cubic-bezier(0.4, 0, 1, 1), opacity 0.12s cubic-bezier(0.4, 0, 1, 1)'
-
-export function useMenuTransition(): UseMenuTransitionReturned {
-  function resetStyles(el: HTMLElement) {
-    removeStyles(el, ['height', 'padding-top', 'overflow', 'transition', 'opacity', 'will-change'])
-  }
-
-  function enter(el: HTMLElement) {
-    const height = el.scrollHeight
-    const paddingTop = getComputedStyle(el).paddingTop
-
-    setStyles(el as HTMLElement, {
-      height: 0,
-      paddingTop: 0,
-      overflow: 'hidden',
-      opacity: 0,
-      transition: transitionEnter,
-      willChange: 'height, opacity'
-    })
-
-    requestAnimationFrame(() => {
-      setStyles(el, { height: `${height}px`, paddingTop, opacity: 1 })
-    })
-  }
-
-  function afterEnter(el: HTMLElement) {
-    resetStyles(el)
-  }
-
-  function beforeLeave(el: HTMLElement) {
-    const paddingTop = getComputedStyle(el).paddingTop
-
-    setStyles(el, {
-      height: `${el.scrollHeight}px`,
-      paddingTop,
-      overflow: 'hidden',
-      opacity: 1,
-      transition: transitionLeave,
-      willChange: 'height, opacity'
-    })
-  }
-
-  function leave(el: HTMLElement) {
-    // 强制刷新，避免收起时浏览器合并样式导致动画缺失
-    void el.offsetHeight
-
-    setStyles(el, { height: 0, paddingTop: 0, opacity: 0 })
-  }
-
-  function afterLeave(el: HTMLElement) {
-    resetStyles(el)
-  }
-
-  return { enter, afterEnter, beforeLeave, leave, afterLeave }
-}