@veltra/desktop 1.1.34 → 1.1.36

package/dist/components/action/action-group.vue.d.ts

@@ -6,12 +6,12 @@ type __VLS_Slots = {
   default?: () => VNode[];
 };
 declare const __VLS_base: import("vue").DefineComponent<ActionGroupProps, _ActionGroupExposed, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionGroupProps> & Readonly<{}>, {
-  size: "small" | "default" | "large";
   type: import("@veltra/utils").ColorType;
   text: boolean;
+  size: "small" | "default" | "large";
   max: number;
-  loading: boolean;
   circle: boolean;
+  loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -12,11 +12,11 @@ declare const __VLS_base: import("vue").DefineComponent<ActionProps, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<ActionProps> & Readonly<{
   onRun?: (() => any) | undefined;
 }>, {
-  size: import("@veltra/utils").ComponentSize;
   type: ButtonType;
   text: boolean;
-  loading: boolean;
+  size: import("@veltra/utils").ComponentSize;
   circle: boolean;
+  loading: boolean;
   inDropdown: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/auto-complete/auto-complete.vue.d.ts

@@ -22,10 +22,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onSelect?: ((value: string) => any) | undefined;
 }>, {
-  disabled: boolean;
-  readonly: boolean;
   placeholder: string;
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -9,8 +9,6 @@ declare const __VLS_export: import("vue").DefineComponent<CascadeProps, {}, {},
   onClear?: (() => any) | undefined;
   onChange?: ((...args: [value?: string | undefined, label?: string | undefined, item?: Record<string, any> | undefined] | [value: string[], label: string[], data: Record<string, any>[]]) => any) | undefined;
 }>, {
-  disabled: boolean;
-  readonly: boolean;
   labelKey: string;
   valueKey: string;
   childrenKey: string;
@@ -18,8 +16,10 @@ declare const __VLS_export: import("vue").DefineComponent<CascadeProps, {}, {},
   placeholder: string;
   clearable: boolean;
   filterable: boolean;
-  visibilityLimit: number;
+  disabled: boolean;
+  readonly: boolean;
   separator: string;
+  visibilityLimit: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/checkbox/checkbox-button.vue.d.ts

@@ -17,9 +17,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
   onChange?: ((checked: boolean) => any) | undefined;
 }>, {
+  type: import("@veltra/utils").ColorType;
   disabled: boolean;
   readonly: boolean;
-  type: import("@veltra/utils").ColorType;
   round: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/checkbox-group/checkbox-group.vue.d.ts

@@ -12,10 +12,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
 }>, {
-  disabled: boolean;
-  readonly: boolean;
   labelKey: string;
   valueKey: string;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/date-panel/date-panel.vue.d.ts

@@ -7,8 +7,8 @@ declare const __VLS_export: import("vue").DefineComponent<DatePanelProps, {}, {}
   "onSelect:range-date"?: ((rangeDate?: [import("@cat-kit/core").Dater, import("@cat-kit/core").Dater] | undefined) => any) | undefined;
   "onSelect:date"?: ((date: import("@cat-kit/core").Dater) => any) | undefined;
 }>, {
-  size: import("@veltra/utils").ComponentSize;
   type: "date" | "month" | "year";
+  size: import("@veltra/utils").ComponentSize;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/date-picker/date-picker.vue.d.ts

@@ -5,11 +5,11 @@ declare const __VLS_export: import("vue").DefineComponent<DatePickerProps, {}, {
 }, string, import("vue").PublicProps, Readonly<DatePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: string | number | Date | undefined) => any) | undefined;
 }>, {
-  disabled: boolean;
-  readonly: boolean;
   type: "date" | "month" | "year";
   placeholder: string;
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/date-range-picker/date-range-picker.vue.d.ts

@@ -5,11 +5,11 @@ declare const __VLS_export: import("vue").DefineComponent<DateRangePickerProps,
 }, string, import("vue").PublicProps, Readonly<DateRangePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: [string, string] | undefined) => any) | undefined;
 }>, {
-  disabled: boolean;
-  readonly: boolean;
   type: "date" | "month" | "year";
   placeholder: [string, string];
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/dialog/dialog.js

@@ -24,7 +24,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: true
 		},
-		fullscreen: { type: Boolean }
+		fullscreen: { type: Boolean },
+		transition: { default: "fade-scale" }
 	}, {
 		"modelValue": {
 			type: Boolean,
@@ -46,10 +47,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const dialogRef = shallowRef();
 		/** 弹框头部模板引用 */
 		const headerRef = shallowRef();
-		/** 弹框body模板引用 */
-		const bodyRef = shallowRef();
-		/** 弹框footer模板引用 */
-		const footerRef = shallowRef();
 		const visible = useModel(__props, "modelValue");
 		const overlayVisible = shallowRef(false);
 		const dialogVisible = shallowRef(false);
@@ -147,7 +144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 						onKeyup: withKeys(close, ["esc"]),
 						tabindex: "0"
 					}, [createVNode(Transition, {
-						name: "spring",
+						name: __props.transition,
 						onAfterLeave: onAfterDialogLeave
 					}, {
 						default: withCtx(() => [dialogVisible.value ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$attrs, {
@@ -195,8 +192,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 							createVNode(unref(_sfc_main$2), {
 								tag: "section",
 								class: normalizeClass(unref(cls).e("body")),
-								ref_key: "bodyRef",
-								ref: bodyRef,
 								"content-style": { height: unref(maximized) ? "100%" : void 0 },
 								onTransitionend: _cache[6] || (_cache[6] = withModifiers(() => {}, ["stop"])),
 								onTransitioncancel: _cache[7] || (_cache[7] = withModifiers(() => {}, ["stop"]))
@@ -206,13 +201,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 							}, 8, ["class", "content-style"]),
 							_ctx.$slots.footer ? (openBlock(), createElementBlock("section", {
 								key: 0,
-								ref_key: "footerRef",
-								ref: footerRef,
 								class: normalizeClass(footerCls)
-							}, [renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps({ close })))], 512)) : createCommentVNode("v-if", true)
+							}, [renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps({ close })))])) : createCommentVNode("v-if", true)
 						], 16)) : createCommentVNode("v-if", true)]),
 						_: 3
-					})], 34)), [[vShow, overlayVisible.value]]) : createCommentVNode("v-if", true)]),
+					}, 8, ["name"])], 34)), [[vShow, overlayVisible.value]]) : createCommentVNode("v-if", true)]),
 					_: 3
 				})])),
 				createCommentVNode(" 触发 "),

package/dist/components/dialog/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":["$attrs","$slots"],"sources":["../../../src/components/dialog/dialog.vue"],"sourcesContent":["<template>\n  <Teleport to=\"body\">\n    <transition name=\"fade\" @after-leave=\"emit('closed')\" @enter=\"onOverlayEnter\">\n      <div\n        v-if=\"overlayVisible || opened\"\n        v-show=\"overlayVisible\"\n        :class=\"[cls.e('overlay'), bem.is('modal', modal)]\"\n        ref=\"overlayRef\"\n        @mousedown=\"modal && close()\"\n        @keyup.esc=\"close\"\n        tabindex=\"0\"\n      >\n        <transition name=\"spring\" @after-leave=\"onAfterDialogLeave\">\n          <div\n            v-if=\"dialogVisible\"\n            v-bind=\"$attrs\"\n            :class=\"className\"\n            ref=\"dialogRef\"\n            @mousedown.stop=\"handleIncreaseZIndex\"\n          >\n            <section :class=\"headerCls\" ref=\"headerRef\" @transitionend.stop @transitioncancel.stop>\n              <div :class=\"cls.e('title')\" @mousedown.stop>\n                <slot name=\"header\">\n                  {{ header || title }}\n                </slot>\n              </div>\n\n              <div :class=\"cls.e('buttons')\" @mousedown.stop>\n                <u-icon\n                  v-if=\"maximized\"\n                  :class=\"cls.e('btn-recover')\"\n                  @click=\"toggleMaximize(false)\"\n                  title=\"还原\"\n                >\n                  <Recover />\n                </u-icon>\n                <u-icon\n                  v-else\n                  :class=\"cls.e('btn-maximize')\"\n                  @click=\"toggleMaximize(true)\"\n                  title=\"最大化\"\n                >\n                  <Maximum />\n                </u-icon>\n                <u-icon :class=\"cls.e('btn-close')\" @click=\"close\" title=\"关闭\">\n                  <Close />\n                </u-icon>\n              </div>\n            </section>\n\n            <u-scroll\n              tag=\"section\"\n              :class=\"cls.e('body')\"\n              ref=\"bodyRef\"\n              :content-style=\"{ height: maximized ? '100%' : undefined }\"\n              @transitionend.stop\n              @transitioncancel.stop\n            >\n              <slot v-bind=\"{ maximized }\" />\n            </u-scroll>\n\n            <section ref=\"footerRef\" :class=\"footerCls\" v-if=\"$slots.footer\">\n              <slot name=\"footer\" v-bind=\"{ close }\" />\n            </section>\n          </div>\n        </transition>\n      </div>\n    </transition>\n  </Teleport>\n\n  <!-- 触发 -->\n  <UNodeRender @click=\"visible = !visible\" :content=\"getTriggerNode()\" ref=\"triggerRef\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag, useFallbackProps } from '@veltra/compositions'\nimport { Close, Maximum, Recover } from '@veltra/icons/normal'\nimport { bem, extractNormalVNodes, setStyles, zIndex } from '@veltra/utils'\nimport { shallowRef, watch, computed, provide, nextTick } from 'vue'\n\nimport type { DialogProps, DialogEmits, DialogExposed, ComponentSize } from '../../types'\nimport type { ScrollExposed } from '../../types'\nimport { UIcon } from '../icon'\nimport { UNodeRender } from '../node-render'\nimport { UScroll } from '../scroll'\nimport { DialogDIKey } from './di'\nimport { useMaximum } from './use-maximum'\n\ndefineOptions({ name: 'Dialog', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<DialogProps>(), {\n  modal: true,\n  modelValue: true,\n  autoScroll: true\n})\nconst emit = defineEmits<DialogEmits>()\n\nconst slots = defineSlots<{\n  footer?: (props: { close: () => void }) => any\n  trigger?: () => any\n  header?: () => any\n  default?: (props: {\n    /** 弹框是否最大化了 */\n    maximized: boolean\n  }) => any\n}>()\n\nconst cls = bem('dialog')\nconst headerCls = [cls.e('header')]\nconst footerCls = [cls.e('footer')]\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst overlayRef = shallowRef<HTMLDivElement>()\n\n/** 弹框模板引用 */\nconst dialogRef = shallowRef<HTMLDivElement>()\n\n/** 弹框头部模板引用 */\nconst headerRef = shallowRef<HTMLDivElement>()\n\n/** 弹框body模板引用 */\nconst bodyRef = shallowRef<ScrollExposed>()\n\n/** 弹框footer模板引用 */\nconst footerRef = shallowRef<HTMLDivElement>()\n\nconst visible = defineModel<boolean>({ default: false })\n\nconst overlayVisible = shallowRef(false)\nconst dialogVisible = shallowRef(false)\n\nwatch(visible, (v) => {\n  if (v) {\n    overlayVisible.value = true\n  } else {\n    dialogVisible.value = false\n  }\n})\n\nfunction getTriggerNode() {\n  const nodes = slots.trigger?.()\n  if (!nodes?.length) return null\n\n  const node = extractNormalVNodes(nodes)[0]\n  return node\n}\n\nfunction onOverlayEnter() {\n  dialogVisible.value = true\n}\n\nfunction onAfterDialogLeave() {\n  overlayVisible.value = false\n}\n\nconst { toggleMaximize, maximized } = useMaximum({ dialogRef, cls })\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value)]\n})\n\n/**\n * 是否弹出过, 用于控制下一次弹出时是否采用v-show的方式\n */\nlet opened = false\n\nwatch(visible, (v) => {\n  if (!v) return\n\n  if (!opened) opened = true\n\n  // 初始化位置偏移量\n  translated.x = 0\n  translated.y = 0\n\n  nextTick(() => {\n    setStyles(overlayRef.value!, { zIndex: zIndex() })\n  })\n})\n\n/** dialog位移的位置 */\nconst translated = { x: 0, y: 0 }\n\n/**\n * 更新弹框位置\n * 使用独立 `translate` 而非整体 `transform`, 与 spring 动画的 `scale` 解耦,\n * 避免动画期间整体 transform 被关键帧覆盖、动画结束后又\"啪\"地跳回内联位置\n */\nconst updateDialogTransform = (x: number, y: number) => {\n  const dom = dialogRef.value\n  if (!dom) return\n  setStyles(dom, { translate: `${x}px ${y}px` })\n}\n\n// 运用拖拽\nuseDrag({\n  target: headerRef,\n\n  onDragStart() {\n    handleIncreaseZIndex()\n  },\n\n  onDrag({ x, y }) {\n    if (maximized.value) return\n    updateDialogTransform(translated.x + x, translated.y + y)\n  },\n\n  onDragEnd({ x, y }) {\n    if (maximized.value) return\n    translated.x += x\n    translated.y += y\n\n    // 字体模糊的bug修正\n    if (translated.x % 2 !== 0) {\n      translated.x += x < 0 ? 1 : -1\n    }\n    if (translated.y % 2 !== 0) {\n      translated.y += y < 0 ? 1 : -1\n    }\n    updateDialogTransform(translated.x, translated.y)\n  }\n})\n\nfunction handleIncreaseZIndex() {\n  if (props.modal) return\n  setStyles(overlayRef.value!, { zIndex: zIndex() })\n}\n\n/** 关闭 */\nconst close = () => {\n  visible.value = false\n}\n\nprovide(DialogDIKey, { visible })\n\ndefineExpose<DialogExposed>({ close })\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"dialog.js","names":["$attrs","$slots"],"sources":["../../../src/components/dialog/dialog.vue"],"sourcesContent":["<template>\n  <Teleport to=\"body\">\n    <transition name=\"fade\" @after-leave=\"emit('closed')\" @enter=\"onOverlayEnter\">\n      <div\n        v-if=\"overlayVisible || opened\"\n        v-show=\"overlayVisible\"\n        :class=\"[cls.e('overlay'), bem.is('modal', modal)]\"\n        ref=\"overlayRef\"\n        @mousedown=\"modal && close()\"\n        @keyup.esc=\"close\"\n        tabindex=\"0\"\n      >\n        <transition :name=\"transition\" @after-leave=\"onAfterDialogLeave\">\n          <div\n            v-if=\"dialogVisible\"\n            v-bind=\"$attrs\"\n            :class=\"className\"\n            ref=\"dialogRef\"\n            @mousedown.stop=\"handleIncreaseZIndex\"\n          >\n            <section :class=\"headerCls\" ref=\"headerRef\" @transitionend.stop @transitioncancel.stop>\n              <div :class=\"cls.e('title')\" @mousedown.stop>\n                <slot name=\"header\">\n                  {{ header || title }}\n                </slot>\n              </div>\n\n              <div :class=\"cls.e('buttons')\" @mousedown.stop>\n                <u-icon\n                  v-if=\"maximized\"\n                  :class=\"cls.e('btn-recover')\"\n                  @click=\"toggleMaximize(false)\"\n                  title=\"还原\"\n                >\n                  <Recover />\n                </u-icon>\n                <u-icon\n                  v-else\n                  :class=\"cls.e('btn-maximize')\"\n                  @click=\"toggleMaximize(true)\"\n                  title=\"最大化\"\n                >\n                  <Maximum />\n                </u-icon>\n                <u-icon :class=\"cls.e('btn-close')\" @click=\"close\" title=\"关闭\">\n                  <Close />\n                </u-icon>\n              </div>\n            </section>\n\n            <u-scroll\n              tag=\"section\"\n              :class=\"cls.e('body')\"\n              :content-style=\"{ height: maximized ? '100%' : undefined }\"\n              @transitionend.stop\n              @transitioncancel.stop\n            >\n              <slot v-bind=\"{ maximized }\" />\n            </u-scroll>\n\n            <section :class=\"footerCls\" v-if=\"$slots.footer\">\n              <slot name=\"footer\" v-bind=\"{ close }\" />\n            </section>\n          </div>\n        </transition>\n      </div>\n    </transition>\n  </Teleport>\n\n  <!-- 触发 -->\n  <UNodeRender @click=\"visible = !visible\" :content=\"getTriggerNode()\" ref=\"triggerRef\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag, useFallbackProps } from '@veltra/compositions'\nimport { Close, Maximum, Recover } from '@veltra/icons/normal'\nimport { bem, extractNormalVNodes, setStyles, zIndex } from '@veltra/utils'\nimport { shallowRef, watch, computed, provide, nextTick } from 'vue'\n\nimport type { DialogProps, DialogEmits, DialogExposed, ComponentSize } from '../../types'\nimport { UIcon } from '../icon'\nimport { UNodeRender } from '../node-render'\nimport { UScroll } from '../scroll'\nimport { DialogDIKey } from './di'\nimport { useMaximum } from './use-maximum'\n\ndefineOptions({ name: 'Dialog', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<DialogProps>(), {\n  modal: true,\n  modelValue: true,\n  autoScroll: true,\n  transition: 'fade-scale'\n})\nconst emit = defineEmits<DialogEmits>()\n\nconst slots = defineSlots<{\n  footer?: (props: { close: () => void }) => any\n  trigger?: () => any\n  header?: () => any\n  default?: (props: {\n    /** 弹框是否最大化了 */\n    maximized: boolean\n  }) => any\n}>()\n\nconst cls = bem('dialog')\nconst headerCls = [cls.e('header')]\nconst footerCls = [cls.e('footer')]\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst overlayRef = shallowRef<HTMLDivElement>()\n\n/** 弹框模板引用 */\nconst dialogRef = shallowRef<HTMLDivElement>()\n\n/** 弹框头部模板引用 */\nconst headerRef = shallowRef<HTMLDivElement>()\n\nconst visible = defineModel<boolean>({ default: false })\n\nconst overlayVisible = shallowRef(false)\nconst dialogVisible = shallowRef(false)\n\nwatch(visible, (v) => {\n  if (v) {\n    overlayVisible.value = true\n  } else {\n    dialogVisible.value = false\n  }\n})\n\nfunction getTriggerNode() {\n  const nodes = slots.trigger?.()\n  if (!nodes?.length) return null\n\n  const node = extractNormalVNodes(nodes)[0]\n  return node\n}\n\nfunction onOverlayEnter() {\n  dialogVisible.value = true\n}\n\nfunction onAfterDialogLeave() {\n  overlayVisible.value = false\n}\n\nconst { toggleMaximize, maximized } = useMaximum({ dialogRef, cls })\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value)]\n})\n\n/**\n * 是否弹出过, 用于控制下一次弹出时是否采用v-show的方式\n */\nlet opened = false\n\nwatch(visible, (v) => {\n  if (!v) return\n\n  if (!opened) opened = true\n\n  // 初始化位置偏移量\n  translated.x = 0\n  translated.y = 0\n\n  nextTick(() => {\n    setStyles(overlayRef.value!, { zIndex: zIndex() })\n  })\n})\n\n/** dialog位移的位置 */\nconst translated = { x: 0, y: 0 }\n\n/**\n * 更新弹框位置\n * 使用独立 `translate` 而非整体 `transform`, 与 spring 动画的 `scale` 解耦,\n * 避免动画期间整体 transform 被关键帧覆盖、动画结束后又\"啪\"地跳回内联位置\n */\nconst updateDialogTransform = (x: number, y: number) => {\n  const dom = dialogRef.value\n  if (!dom) return\n  setStyles(dom, { translate: `${x}px ${y}px` })\n}\n\n// 运用拖拽\nuseDrag({\n  target: headerRef,\n\n  onDragStart() {\n    handleIncreaseZIndex()\n  },\n\n  onDrag({ x, y }) {\n    if (maximized.value) return\n    updateDialogTransform(translated.x + x, translated.y + y)\n  },\n\n  onDragEnd({ x, y }) {\n    if (maximized.value) return\n    translated.x += x\n    translated.y += y\n\n    // 字体模糊的bug修正\n    if (translated.x % 2 !== 0) {\n      translated.x += x < 0 ? 1 : -1\n    }\n    if (translated.y % 2 !== 0) {\n      translated.y += y < 0 ? 1 : -1\n    }\n    updateDialogTransform(translated.x, translated.y)\n  }\n})\n\nfunction handleIncreaseZIndex() {\n  if (props.modal) return\n  setStyles(overlayRef.value!, { zIndex: zIndex() })\n}\n\n/** 关闭 */\nconst close = () => {\n  visible.value = false\n}\n\nprovide(DialogDIKey, { visible })\n\ndefineExpose<DialogExposed>({ close })\n</script>\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { DialogProps, _DialogExposed } from "../../types/dialog.js";
+import { DialogProps, DialogTransition, _DialogExposed } from "../../types/dialog.js";
 //#region src/components/dialog/dialog.vue.d.ts
 type __VLS_Props = DialogProps;
 type __VLS_Slots = {
@@ -26,6 +26,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, impor
 }>, {
   modelValue: boolean;
   modal: boolean;
+  transition: DialogTransition;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/dialog/style.js

@@ -1,5 +1,4 @@
 import "../icon/style.js";
 import "../scroll/style.js";
 import "./style2.css";
-import "@veltra/styles/transitions/fade.scss";
-import "@veltra/styles/transitions/spring.scss";
+import "@veltra/styles/transitions/fade-scale.scss";

package/dist/components/dialog/use-maximum.js

@@ -5,11 +5,14 @@ import { removeStyles, setStyles } from "@veltra/utils";
 function useMaximum(options) {
 	const { dialogRef } = options;
 	const maximized = shallowRef(false);
+	let needRmoveHeight = false;
 	const maximizeTransition = useTransition("css", {
 		target: dialogRef,
 		name: "dialog-maximize",
 		keepEnterTo: true,
 		afterLeave() {
+			if (!maximized.value || !needRmoveHeight) return;
+			needRmoveHeight = false;
 			dialogRef.value && removeStyles(dialogRef.value, ["height"]);
 		}
 	});
@@ -19,7 +22,10 @@ function useMaximum(options) {
 		const dom = dialogRef.value;
 		if (!dom) return;
 		if (maxim) {
-			setStyles(dom, { height: `${dom.offsetHeight}px` });
+			if (!dom.style.height) {
+				needRmoveHeight = true;
+				setStyles(dom, { height: `${dom.offsetHeight}px` });
+			}
 			maximizeTransition.enter();
 		} else maximizeTransition.leave();
 	};

package/dist/components/dialog/use-maximum.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-maximum.js","names":[],"sources":["../../../src/components/dialog/use-maximum.ts"],"sourcesContent":["import { useTransition } from '@veltra/compositions'\nimport { type BEM, removeStyles, setStyles } from '@veltra/utils'\nimport { shallowRef, type ShallowRef } from 'vue'\n\ninterface Options {\n  cls: BEM<'dialog'>\n  dialogRef: ShallowRef<HTMLDivElement | undefined>\n}\n\ninterface Returned {\n  /** 是否为最大状态 */\n  maximized: ShallowRef<boolean>\n  /** 切换最大状态 */\n  toggleMaximize: (maxim: boolean) => void\n}\n\n// 最大化过程\n// 1. 先设置一个高度才会有过渡动画\n// 2. 在下一个帧应用最大化时的类名\n// 3. 在进入动画结束时移除高度\n\nexport function useMaximum(options: Options): Returned {\n  const { dialogRef } = options\n\n  const maximized = shallowRef(false)\n\n  const maximizeTransition = useTransition('css', {\n    target: dialogRef,\n    name: 'dialog-maximize',\n    keepEnterTo: true,\n    afterLeave() {\n      dialogRef.value && removeStyles(dialogRef.value, ['height'])\n    }\n  })\n\n  /** 切换最大化 */\n  const toggleMaximize = (maxim: boolean): void => {\n    maximized.value = maxim\n    const dom = dialogRef.value\n    if (!dom) return\n    if (maxim) {\n      // 先设置一个高度才会有过渡动画\n      setStyles(dom, { height: `${dom.offsetHeight}px` })\n      maximizeTransition.enter()\n    } else {\n      maximizeTransition.leave()\n    }\n  }\n\n  return { maximized, toggleMaximize }\n}\n"],"mappings":";;;;AAqBA,SAAgB,WAAW,SAA4B;CACrD,MAAM,EAAE,cAAc;CAEtB,MAAM,YAAY,WAAW,KAAK;CAElC,MAAM,qBAAqB,cAAc,OAAO;EAC9C,QAAQ;EACR,MAAM;EACN,aAAa;EACb,aAAa;GACX,UAAU,SAAS,aAAa,UAAU,OAAO,CAAC,QAAQ,CAAC;EAC7D;CACF,CAAC;;CAGD,MAAM,kBAAkB,UAAyB;EAC/C,UAAU,QAAQ;EAClB,MAAM,MAAM,UAAU;EACtB,IAAI,CAAC,KAAK;EACV,IAAI,OAAO;GAET,UAAU,KAAK,EAAE,QAAQ,GAAG,IAAI,aAAa,IAAI,CAAC;GAClD,mBAAmB,MAAM;EAC3B,OACE,mBAAmB,MAAM;CAE7B;CAEA,OAAO;EAAE;EAAW;CAAe;AACrC"}
+{"version":3,"file":"use-maximum.js","names":[],"sources":["../../../src/components/dialog/use-maximum.ts"],"sourcesContent":["import { useTransition } from '@veltra/compositions'\nimport { type BEM, removeStyles, setStyles } from '@veltra/utils'\nimport { shallowRef, type ShallowRef } from 'vue'\n\ninterface Options {\n  cls: BEM<'dialog'>\n  dialogRef: ShallowRef<HTMLDivElement | undefined>\n}\n\ninterface Returned {\n  /** 是否为最大状态 */\n  maximized: ShallowRef<boolean>\n  /** 切换最大状态 */\n  toggleMaximize: (maxim: boolean) => void\n}\n\n// 最大化过程\n// 1. 先设置一个高度才会有过渡动画\n// 2. 在下一个帧应用最大化时的类名\n// 3. 在进入动画结束时移除高度\n\nexport function useMaximum(options: Options): Returned {\n  const { dialogRef } = options\n\n  const maximized = shallowRef(false)\n\n  let needRmoveHeight = false\n\n  const maximizeTransition = useTransition('css', {\n    target: dialogRef,\n    name: 'dialog-maximize',\n    keepEnterTo: true,\n    afterLeave() {\n      if (!maximized.value || !needRmoveHeight) return\n      needRmoveHeight = false\n      dialogRef.value && removeStyles(dialogRef.value, ['height'])\n    }\n  })\n\n  /** 切换最大化 */\n  const toggleMaximize = (maxim: boolean): void => {\n    maximized.value = maxim\n    const dom = dialogRef.value\n    if (!dom) return\n    if (maxim) {\n      // 先设置一个高度才会有过渡动画\n      if (!dom.style.height) {\n        needRmoveHeight = true\n        setStyles(dom, { height: `${dom.offsetHeight}px` })\n      }\n      maximizeTransition.enter()\n    } else {\n      maximizeTransition.leave()\n    }\n  }\n\n  return { maximized, toggleMaximize }\n}\n"],"mappings":";;;;AAqBA,SAAgB,WAAW,SAA4B;CACrD,MAAM,EAAE,cAAc;CAEtB,MAAM,YAAY,WAAW,KAAK;CAElC,IAAI,kBAAkB;CAEtB,MAAM,qBAAqB,cAAc,OAAO;EAC9C,QAAQ;EACR,MAAM;EACN,aAAa;EACb,aAAa;GACX,IAAI,CAAC,UAAU,SAAS,CAAC,iBAAiB;GAC1C,kBAAkB;GAClB,UAAU,SAAS,aAAa,UAAU,OAAO,CAAC,QAAQ,CAAC;EAC7D;CACF,CAAC;;CAGD,MAAM,kBAAkB,UAAyB;EAC/C,UAAU,QAAQ;EAClB,MAAM,MAAM,UAAU;EACtB,IAAI,CAAC,KAAK;EACV,IAAI,OAAO;GAET,IAAI,CAAC,IAAI,MAAM,QAAQ;IACrB,kBAAkB;IAClB,UAAU,KAAK,EAAE,QAAQ,GAAG,IAAI,aAAa,IAAI,CAAC;GACpD;GACA,mBAAmB,MAAM;EAC3B,OACE,mBAAmB,MAAM;CAE7B;CAEA,OAAO;EAAE;EAAW;CAAe;AACrC"}

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

@@ -1,8 +1,8 @@
 import { EmptyProps } from "../../types/empty.js";
 //#region src/components/empty/empty.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<EmptyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EmptyProps> & Readonly<{}>, {
-  size: number;
   text: string;
+  size: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/file-picker/file-picker.vue.d.ts

@@ -11,8 +11,8 @@ declare const __VLS_base: import("vue").DefineComponent<UploaderProps, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<UploaderProps> & Readonly<{
   onPick?: ((files: File[]) => any) | undefined;
 }>, {
-  multiple: boolean;
   tag: string;
+  multiple: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -17,25 +17,25 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, _Inpu
   "update:modelValue": (value: string) => any;
   clear: () => any;
   change: (value: string) => any;
-  "suffix:click": (value?: string | undefined) => any;
-  "prefix:click": (value?: string | undefined) => any;
   focus: (value?: string | undefined) => any;
   blur: (value?: string | undefined) => any;
+  "suffix:click": (value?: string | undefined) => any;
+  "prefix:click": (value?: string | undefined) => any;
   "native:input": (ev: Event) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onClear?: (() => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
-  "onSuffix:click"?: ((value?: string | undefined) => any) | undefined;
-  "onPrefix:click"?: ((value?: string | undefined) => any) | undefined;
   onFocus?: ((value?: string | undefined) => any) | undefined;
   onBlur?: ((value?: string | undefined) => any) | undefined;
+  "onSuffix:click"?: ((value?: string | undefined) => any) | undefined;
+  "onPrefix:click"?: ((value?: string | undefined) => any) | undefined;
   "onNative:input"?: ((ev: Event) => any) | undefined;
 }>, {
-  disabled: boolean;
-  readonly: boolean;
   placeholder: string;
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;