@veltra/desktop 1.1.2 → 1.1.3

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

@@ -28,9 +28,9 @@
 <script lang="ts" setup>
 import { useFormFallbackProps } from '@veltra/compositions'
 import { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 
 import type { CheckboxGroupProps, CheckboxGroupEmits } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { UCheckbox } from '../checkbox'
 import { UTag } from '../tag'
 

package/src/components/code-editor/code-editor.vue

@@ -10,6 +10,7 @@ import { oneDark } from '@codemirror/theme-one-dark'
 import { ViewPlugin, tooltips, type ViewUpdate } from '@codemirror/view'
 import { useFormFallbackProps } from '@veltra/compositions'
 import { bem, zIndex } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { EditorView, basicSetup } from 'codemirror'
 import {
   computed,
@@ -21,7 +22,6 @@ import {
 } from 'vue'
 
 import type { CodeEditorLang, CodeEditorProps } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { UScroll } from '../scroll'
 
 defineOptions({ name: 'CodeEditor' })

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

@@ -39,11 +39,11 @@ import { date, type Dater } from '@cat-kit/core'
 import { useFormFallbackProps, useUserAction } from '@veltra/compositions'
 import { Calendar } from '@veltra/icons/normal'
 import { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { computed, shallowRef, watch } from 'vue'
 
 import type { DatePickerEmits, DatePickerProps } from '../../types'
 import type { DropdownExposed } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { UDatePanel } from '../date-panel'
 import { UDropdown } from '../dropdown'
 import { UIcon } from '../icon'

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

@@ -64,10 +64,10 @@ import { date, type Dater } from '@cat-kit/core'
 import { useFormFallbackProps, useUserAction } from '@veltra/compositions'
 import { Calendar, Close } from '@veltra/icons/normal'
 import { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { computed, shallowRef, watch } from 'vue'
 
 import type { DateRangePickerEmits, DateRangePickerProps, DropdownExposed } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { UDatePanel } from '../date-panel'
 import { UDropdown } from '../dropdown'
 import { UIcon } from '../icon'

package/src/components/dialog/style.scss

@@ -41,7 +41,6 @@ $root-name: dialog;
     overflow: hidden;
     background-color: fn.use-var(bg-color, middle);
     backdrop-filter: fn.use-var(bg-filter);
-    -webkit-backdrop-filter: fn.use-var(bg-filter);
   }
 
   // 弹框头
@@ -66,6 +65,7 @@ $root-name: dialog;
   @include m.e(body) {
     padding: 8px;
     background-color: fn.use-var(bg-color, top);
+    backdrop-filter: fn.use-var(bg-filter);
     flex-grow: 1;
   }
 

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

@@ -31,6 +31,7 @@
 <script lang="ts" setup>
 import { useFormFallbackProps } from '@veltra/compositions'
 import { bem } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import {
   computed,
   nextTick,
@@ -42,7 +43,6 @@ import {
 } from 'vue'
 
 import type { ExpressionEditorProps, VariableItem } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import VariablePicker from './components/variable-picker.vue'
 import { createEditor, type EditorAPI } from './core/editor'
 import { createMention, type MentionAPI } from './core/mention'

package/src/components/form/form.vue

@@ -32,10 +32,10 @@
 <script lang="tsx" setup generic="Model extends FormModel | DynamicFormModel">
 import { o } from '@cat-kit/core'
 import { bem } from '@veltra/utils'
+import { provideFormContext } from '@veltra/utils'
 import { shallowRef, toRef } from 'vue'
 
 import type { BreakCols, GridExposed, FormProps, _FormExposed } from '../../types'
-import { provideFormContext } from '../../utils/form-context'
 import { UFormItem } from '../form-item'
 import { UGrid } from '../grid'
 import type { DynamicFormModel } from './dynamic-form-model'

package/src/components/form-item/form-item.vue

@@ -35,10 +35,10 @@
 <script lang="tsx" setup>
 import { useConfig, useFallbackProps } from '@veltra/compositions'
 import { bem, withUnit } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { type CSSProperties, computed } from 'vue'
 
 import type { FormItemProps, ComponentSize } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { UGridItem } from '../grid'
 import { UTip } from '../tip'
 import { formItemCls as cls } from './helper'

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

@@ -37,10 +37,10 @@
 import { useFormFallbackProps } from '@veltra/compositions'
 import { Minus, Plus } from '@veltra/icons/normal'
 import { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { computed } from 'vue'
 
 import type { GroupInputEmits, GroupInputProps } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { UButton } from '../button'
 import { useGroupItems } from './use-group-items'
 

package/src/components/input/input.vue

@@ -56,10 +56,10 @@
 import { useFocus, useFormFallbackProps } from '@veltra/compositions'
 import { Close } from '@veltra/icons/normal'
 import { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { computed, getCurrentInstance, ref, shallowRef, nextTick } from 'vue'
 
 import type { InputEmits, InputProps, _InputExposed } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { UIcon } from '../icon'
 
 defineOptions({

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

@@ -143,6 +143,7 @@ import { o as chainObj } from '@cat-kit/core'
 import { useFormFallbackProps, useVirtualizer } from '@veltra/compositions'
 import { ArrowDown, Close, Search } from '@veltra/icons/normal'
 import { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { computed, shallowRef, shallowReactive, watch, provide } from 'vue'
 
 import type {
@@ -151,7 +152,6 @@ import type {
   ScrollExposed,
   DropdownExposed
 } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { UCheckbox } from '../checkbox'
 import { UDropdown } from '../dropdown'
 import { UEmpty } from '../empty'

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

@@ -99,11 +99,11 @@ import { dfs, o } from '@cat-kit/core'
 import { useFormFallbackProps } from '@veltra/compositions'
 import { ArrowDown, Close, 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 { MultiTreeSelectProps, MultiTreeSelectEmits, TreeExposed } from '../../types'
 import type { DropdownExposed } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { UButton } from '../button'
 import { UCheckbox } from '../checkbox'
 import { UDropdown } from '../dropdown'

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

@@ -67,10 +67,10 @@ import { useFormFallbackProps } from '@veltra/compositions'
 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 type { NumberInputEmits, NumberInputProps, InputExposed } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { UIcon } from '../icon'
 import { UInput } from '../input'
 

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

@@ -30,10 +30,10 @@
 import { n, $n, o } from '@cat-kit/core'
 import { useFormFallbackProps } from '@veltra/compositions'
 import { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { computed, getCurrentInstance, nextTick, onMounted, watch } from 'vue'
 
 import type { NumberRangeInputEmits, NumberRangeInputProps, NumberRangeTuple } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { UNumberInput } from '../number-input'
 
 defineOptions({

package/src/components/palette/palette.vue

@@ -26,10 +26,10 @@
 <script lang="ts" setup>
 import { useFormFallbackProps, useUserAction } from '@veltra/compositions'
 import { bem } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { computed, provide, shallowRef, useTemplateRef, watch } from 'vue'
 
 import type { PaletteProps } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { UTip } from '../tip'
 import { HSV2RGB, RGB2HEX, HEX2RGBA, RGB2HSV } from './color-transform'
 import { PaletteDIKey } from './di'

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

@@ -30,10 +30,10 @@ import { o } from '@cat-kit/core'
 import { useFormFallbackProps } from '@veltra/compositions'
 import { Hide, View } from '@veltra/icons/normal'
 import { bem } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { computed, nextTick, shallowRef } from 'vue'
 
 import type { PasswordInputProps } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { UIcon } from '../icon'
 import { UInput } from '../input'
 

package/src/components/pop-confirm/pop-confirm.vue

@@ -35,10 +35,10 @@
 import { useFormFallbackProps } from '@veltra/compositions'
 import { QuestionFilled } from '@veltra/icons/normal'
 import { bem } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { ref } from 'vue'
 
 import type { PopConfirmProps, PopConfirmEmits } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { UButton } from '../button'
 import { UIcon } from '../icon'
 import { UTip } from '../tip'

package/src/components/radio/radio.vue

@@ -25,10 +25,10 @@
 <script lang="ts" setup>
 import { useFormFallbackProps } from '@veltra/compositions'
 import { bem } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { computed } from 'vue'
 
 import type { RadioProps, RadioEmits } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 
 defineOptions({
   name: 'Radio'

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

@@ -21,9 +21,9 @@
 <script lang="ts" setup>
 import { useFormFallbackProps } from '@veltra/compositions'
 import { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 
 import type { RadioGroupProps, RadioGroupEmits } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import URadio from '../radio/radio.vue'
 
 defineOptions({

package/src/components/rich-text-editor/rich-text-editor.vue

@@ -79,11 +79,11 @@ import { registerRichText } from '@lexical/rich-text'
 import { HeadingNode, QuoteNode } from '@lexical/rich-text'
 import { useFormFallbackProps } from '@veltra/compositions'
 import { bem } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { createEditor, $getRoot, $createParagraphNode, type LexicalEditor } from 'lexical'
 import { computed, onBeforeUnmount, onMounted, ref, shallowRef, useTemplateRef, watch } from 'vue'
 
 import type { RichTextEditorProps } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import Toolbar from './toolbar.vue'
 
 const props = withDefaults(defineProps<RichTextEditorProps>(), {

package/src/components/select/select.vue

@@ -119,6 +119,7 @@ import { useFormFallbackProps, useVirtualizer } from '@veltra/compositions'
 import { vFocus } from '@veltra/directives'
 import { ArrowDown, Search } from '@veltra/icons/normal'
 import { bem, FORM_EMPTY_CONTENT, scrollIntoContainerView, withUnit } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { computed, nextTick, shallowRef, watch } from 'vue'
 
 import type {
@@ -128,7 +129,6 @@ import type {
   DropdownExposed,
   ScrollExposed
 } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { UDropdown } from '../dropdown'
 import { UEmpty } from '../empty'
 import { UIcon } from '../icon'

package/src/components/slider/slider.vue

@@ -22,10 +22,10 @@
 <script lang="ts" setup generic="T extends number | [number, number]">
 import { useFormFallbackProps, useUserAction } from '@veltra/compositions'
 import { bem } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { computed, provide, watch } from 'vue'
 
 import type { SliderProps, SliderEmits } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { sliderContextKey } from './di'
 import SliderThumb from './slider-thumb.vue'
 import { useSlider } from './use-slider'

package/src/components/switch/switch.vue

@@ -25,10 +25,10 @@
 <script lang="ts" setup>
 import { useFormFallbackProps } from '@veltra/compositions'
 import { bem } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { computed } from 'vue'
 
 import type { SwitchEmits, SwitchProps, _SwitchExposed } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 
 defineOptions({
   name: 'Switch'

package/src/components/tag/tag.vue

@@ -14,10 +14,10 @@
 import { useFormFallbackProps } from '@veltra/compositions'
 import { Close } from '@veltra/icons/normal'
 import { bem } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { computed } from 'vue'
 
 import type { TagEmits, TagProps } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { UIcon } from '../icon'
 
 defineOptions({

package/src/components/textarea/textarea.vue

@@ -43,10 +43,10 @@
 import { useFocus, useFormFallbackProps } from '@veltra/compositions'
 import { Close } from '@veltra/icons/normal'
 import { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'
+import { injectFormContext } from '@veltra/utils'
 import { computed, ref, shallowRef, watch } from 'vue'
 
 import type { TextareaProps, TextareaEmits, ComponentSize } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { UIcon } from '../icon'
 import { calcTextareaHeight } from './utils'
 

package/src/components/tree/tree.vue

@@ -33,11 +33,11 @@
 <script lang="ts" setup>
 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'
 import type { ScrollExposed } from '../../types'
-import { injectFormContext } from '../../utils/form-context'
 import { UEmpty } from '../empty'
 import { UScroll } from '../scroll'
 import { TreeDIKey, type TreeConText, type TreeSlotsScope } from './di'

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

@@ -63,10 +63,10 @@ import { dfs, o } from '@cat-kit/core'
 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'
-import { injectFormContext } from '../../utils/form-context'
 import { UDropdown } from '../dropdown'
 import { UIcon } from '../icon'
 import { UInput } from '../input'

package/dist/utils/form-context.js

@@ -1,17 +0,0 @@
-import { inject, provide } from "vue";
-//#region src/utils/form-context.ts
-const FormComponentDIKey = Symbol("FormComponentDIKey");
-function provideFormContext(props) {
-	if (props) return provide(FormComponentDIKey, { formProps: props });
-}
-function injectFormContext() {
-	const context = inject(FormComponentDIKey, void 0) || {};
-	return {
-		inForm: !!context,
-		...context
-	};
-}
-//#endregion
-export { injectFormContext, provideFormContext };
-
-//# sourceMappingURL=form-context.js.map

package/dist/utils/form-context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-context.js","names":[],"sources":["../../src/utils/form-context.ts"],"sourcesContent":["import { type InjectionKey, inject, provide } from 'vue'\n\nimport type { FormProps } from '../types/form'\n\ntype DIContext = {\n  /** 表单属性 */\n  formProps: FormProps\n}\n\nconst FormComponentDIKey: InjectionKey<DIContext> = Symbol('FormComponentDIKey')\n\nexport function provideFormContext(props: FormProps): void {\n  if (props) {\n    return provide(FormComponentDIKey, { formProps: props })\n  }\n}\n\nexport function injectFormContext(): {\n  /** 是否在表单中 */\n  inForm: boolean\n} & Partial<DIContext> {\n  const context = inject(FormComponentDIKey, undefined) || {}\n  return { inForm: !!context, ...context }\n}\n"],"mappings":";;AASA,MAAM,qBAA8C,OAAO,qBAAqB;AAEhF,SAAgB,mBAAmB,OAAwB;AACzD,KAAI,MACF,QAAO,QAAQ,oBAAoB,EAAE,WAAW,OAAO,CAAC;;AAI5D,SAAgB,oBAGO;CACrB,MAAM,UAAU,OAAO,oBAAoB,KAAA,EAAU,IAAI,EAAE;AAC3D,QAAO;EAAE,QAAQ,CAAC,CAAC;EAAS,GAAG;EAAS"}

package/src/utils/form-context.ts

@@ -1,24 +0,0 @@
-import { type InjectionKey, inject, provide } from 'vue'
-
-import type { FormProps } from '../types/form'
-
-type DIContext = {
-  /** 表单属性 */
-  formProps: FormProps
-}
-
-const FormComponentDIKey: InjectionKey<DIContext> = Symbol('FormComponentDIKey')
-
-export function provideFormContext(props: FormProps): void {
-  if (props) {
-    return provide(FormComponentDIKey, { formProps: props })
-  }
-}
-
-export function injectFormContext(): {
-  /** 是否在表单中 */
-  inForm: boolean
-} & Partial<DIContext> {
-  const context = inject(FormComponentDIKey, undefined) || {}
-  return { inForm: !!context, ...context }
-}