@veltra/desktop 1.0.6 → 1.0.8

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

@@ -15,12 +15,12 @@ declare const __VLS_base: _$vue.DefineComponent<ActionProps, {}, {}, {}, {}, _$v
 }, string, _$vue.PublicProps, Readonly<ActionProps> & Readonly<{
   onRun?: (() => any) | undefined;
 }>, {
-  size: _$_veltra_utils0.ComponentSize;
+  type: ButtonType;
   loading: boolean;
   circle: boolean;
-  type: ButtonType;
   inDropdown: boolean;
   text: boolean;
+  size: _$_veltra_utils0.ComponentSize;
 }, {}, {}, {}, string, _$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/style.js

@@ -1 +1,4 @@
+import "../button/style.js";
+import "../dropdown/style.js";
+import "../pop-confirm/style.js";
 import "./style2.css";

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

@@ -24,10 +24,10 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onSelect?: ((value: string) => any) | undefined;
 }>, {
-  readonly: boolean;
   disabled: boolean;
   placeholder: string;
   clearable: 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/components/auto-complete/style.js

@@ -1,3 +1,8 @@
+import "../icon/style.js";
+import "../dropdown/style.js";
+import "../scroll/style.js";
+import "../input/style.js";
+import "../tag/style.js";
 import "./style2.css";
 import "@veltra/directives/ripple/style.js";
 import "@veltra/styles/anime/zoom-in.scss";

package/dist/components/batch-edit/style.js

@@ -1,3 +1,12 @@
+import "../button/style.js";
+import "../tip/style.js";
+import "../action/style.js";
+import "../scroll/style.js";
+import "../layout/style.js";
+import "../form/style.js";
+import "../checkbox/style.js";
+import "../table/style.js";
+import "../card/style.js";
 import "./style2.css";
 import "@veltra/directives/ripple/style.js";
 import "@veltra/styles/anime/fade.scss";

package/dist/components/breadcrumb/breadcrumb.js

@@ -0,0 +1,106 @@
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref } from "vue";
+import { bem } from "@veltra/utils";
+import { useFallbackProps } from "@veltra/compositions";
+//#region src/components/breadcrumb/breadcrumb.vue
+const _hoisted_1 = [
+	"href",
+	"aria-disabled",
+	"tabindex",
+	"onClick"
+];
+const _hoisted_2 = [
+	"tabindex",
+	"onClick",
+	"onKeydown"
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "Breadcrumb",
+	__name: "breadcrumb",
+	props: {
+		items: {},
+		size: {},
+		lastLinked: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("breadcrumb");
+		const { size } = useFallbackProps([props], { size: "default" });
+		const isLast = (index) => index === props.items.length - 1;
+		const isLinked = (item, index) => {
+			if (item.disabled) return false;
+			if (isLast(index)) return props.lastLinked;
+			return true;
+		};
+		const isAnchor = (item, index) => isLinked(item, index) && !!item.href;
+		const isActionSpan = (item, index) => isLinked(item, index) && !item.href;
+		const innerClass = (current) => [cls.e("inner"), current && bem.is("current", current)];
+		const linkClass = (item, index) => [
+			cls.e("inner"),
+			cls.e("link"),
+			bem.is("disabled", !!item.disabled),
+			bem.is("current", isLast(index) && !props.lastLinked)
+		];
+		const handleAnchorClick = (ev, item, index) => {
+			if (item.disabled) {
+				ev.preventDefault();
+				ev.stopPropagation();
+			}
+		};
+		const handleSpanClick = (ev, item, index) => {
+			if (item.disabled) {
+				ev.preventDefault();
+				return;
+			}
+			emit("click", item, index, ev);
+		};
+		const handleSpanKeydown = (ev, item, index) => {
+			if (item.disabled) return;
+			if (ev.key !== "Enter" && ev.key !== " ") return;
+			ev.preventDefault();
+			emit("click", item, index, ev);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("nav", {
+				class: normalizeClass([unref(cls).b, unref(cls).m(unref(size))]),
+				"aria-label": "Breadcrumb"
+			}, [createElementVNode("ol", { class: normalizeClass(unref(cls).e("list")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item, index) => {
+				return openBlock(), createElementBlock(Fragment, { key: index }, [createElementVNode("li", { class: normalizeClass(unref(cls).e("item")) }, [renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, {
+					item,
+					index,
+					isLast: index === props.items.length - 1
+				}), () => [isAnchor(item, index) ? (openBlock(), createElementBlock("a", {
+					key: 0,
+					class: normalizeClass(linkClass(item, index)),
+					href: item.href,
+					"aria-disabled": item.disabled ? "true" : void 0,
+					tabindex: item.disabled ? -1 : void 0,
+					onClick: ($event) => handleAnchorClick($event, item, index)
+				}, toDisplayString(item.title), 11, _hoisted_1)) : isActionSpan(item, index) ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(linkClass(item, index)),
+					role: "link",
+					tabindex: item.disabled ? -1 : 0,
+					onClick: ($event) => handleSpanClick($event, item, index),
+					onKeydown: ($event) => handleSpanKeydown($event, item, index)
+				}, toDisplayString(item.title), 43, _hoisted_2)) : (openBlock(), createElementBlock("span", {
+					key: 2,
+					class: normalizeClass(innerClass(true)),
+					"aria-current": "page"
+				}, toDisplayString(item.title), 3))])], 2), index < props.items.length - 1 ? (openBlock(), createElementBlock("li", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("separator")),
+					"aria-hidden": "true"
+				}, [renderSlot(_ctx.$slots, "separator", {}, () => [_cache[0] || (_cache[0] = createTextVNode("/", -1))])], 2)) : createCommentVNode("v-if", true)], 64);
+			}), 128))], 2)], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=breadcrumb.js.map

package/dist/components/breadcrumb/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../../src/components/breadcrumb/breadcrumb.vue"],"sourcesContent":["<template>\n  <nav :class=\"[cls.b, cls.m(size)]\" aria-label=\"Breadcrumb\">\n    <ol :class=\"cls.e('list')\">\n      <template v-for=\"(item, index) in props.items\" :key=\"index\">\n        <li :class=\"cls.e('item')\">\n          <slot name=\"item\" v-bind=\"{ item, index, isLast: index === props.items.length - 1 }\">\n            <a\n              v-if=\"isAnchor(item, index)\"\n              :class=\"linkClass(item, index)\"\n              :href=\"item.href\"\n              :aria-disabled=\"item.disabled ? 'true' : undefined\"\n              :tabindex=\"item.disabled ? -1 : undefined\"\n              @click=\"handleAnchorClick($event, item, index)\"\n            >\n              {{ item.title }}\n            </a>\n            <span\n              v-else-if=\"isActionSpan(item, index)\"\n              :class=\"linkClass(item, index)\"\n              role=\"link\"\n              :tabindex=\"item.disabled ? -1 : 0\"\n              @click=\"handleSpanClick($event, item, index)\"\n              @keydown=\"handleSpanKeydown($event, item, index)\"\n            >\n              {{ item.title }}\n            </span>\n            <span v-else :class=\"innerClass(true)\" aria-current=\"page\">{{ item.title }}</span>\n          </slot>\n        </li>\n        <li v-if=\"index < props.items.length - 1\" :class=\"cls.e('separator')\" aria-hidden=\"true\">\n          <slot name=\"separator\">/</slot>\n        </li>\n      </template>\n    </ol>\n  </nav>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\n\nimport type {\n  BreadcrumbEmits,\n  BreadcrumbItem,\n  BreadcrumbProps,\n  BreadcrumbSlotScope,\n  ComponentSize\n} from '../../types'\n\ndefineOptions({\n  name: 'Breadcrumb'\n})\n\nconst props = withDefaults(defineProps<BreadcrumbProps>(), {\n  lastLinked: false\n})\n\nconst emit = defineEmits<BreadcrumbEmits>()\n\ndefineSlots<{\n  item?: (scope: BreadcrumbSlotScope) => unknown\n  separator?: () => unknown\n}>()\n\nconst cls = bem('breadcrumb')\n\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst isLast = (index: number) => index === props.items.length - 1\n\nconst isLinked = (item: BreadcrumbItem, index: number) => {\n  if (item.disabled) return false\n  if (isLast(index)) return props.lastLinked\n  return true\n}\n\nconst isAnchor = (item: BreadcrumbItem, index: number) => isLinked(item, index) && !!item.href\n\nconst isActionSpan = (item: BreadcrumbItem, index: number) => isLinked(item, index) && !item.href\n\nconst innerClass = (current: boolean) => [cls.e('inner'), current && bem.is('current', current)]\n\nconst linkClass = (item: BreadcrumbItem, index: number) => [\n  cls.e('inner'),\n  cls.e('link'),\n  bem.is('disabled', !!item.disabled),\n  bem.is('current', isLast(index) && !props.lastLinked)\n]\n\nconst handleAnchorClick = (ev: MouseEvent, item: BreadcrumbItem, index: number) => {\n  if (item.disabled) {\n    ev.preventDefault()\n    ev.stopPropagation()\n  }\n}\n\nconst handleSpanClick = (ev: MouseEvent, item: BreadcrumbItem, index: number) => {\n  if (item.disabled) {\n    ev.preventDefault()\n    return\n  }\n  emit('click', item, index, ev)\n}\n\nconst handleSpanKeydown = (ev: KeyboardEvent, item: BreadcrumbItem, index: number) => {\n  if (item.disabled) return\n  if (ev.key !== 'Enter' && ev.key !== ' ') return\n  ev.preventDefault()\n  emit('click', item, index, ev)\n}\n</script>\n"],"mappings":"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"}

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

@@ -0,0 +1,25 @@
+import { BreadcrumbItem, BreadcrumbProps, BreadcrumbSlotScope } from "../../types/breadcrumb.js";
+import * as _$vue from "vue";
+
+//#region src/components/breadcrumb/breadcrumb.vue.d.ts
+type __VLS_Slots = {
+  item?: (scope: BreadcrumbSlotScope) => unknown;
+  separator?: () => unknown;
+};
+declare const __VLS_base: _$vue.DefineComponent<BreadcrumbProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
+  click: (item: BreadcrumbItem, index: number, ev: Event) => any;
+}, string, _$vue.PublicProps, Readonly<BreadcrumbProps> & Readonly<{
+  onClick?: ((item: BreadcrumbItem, index: number, ev: Event) => any) | undefined;
+}>, {
+  lastLinked: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=breadcrumb.vue.d.ts.map

package/dist/components/breadcrumb/index.d.ts

@@ -0,0 +1 @@
+import { _default } from "./breadcrumb.vue.js";

package/dist/components/breadcrumb/style.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/components/breadcrumb/style.js

@@ -0,0 +1 @@
+import "./style2.css";

package/dist/components/breadcrumb/style2.css

@@ -0,0 +1,91 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-breadcrumb {
+  color: var(--u-text-color-second);
+  line-height: 1.4;
+}
+.u-breadcrumb__list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+.u-breadcrumb__item {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+}
+.u-breadcrumb__separator {
+  display: flex;
+  align-items: center;
+  margin: 0 var(--u-gap-base);
+  color: var(--u-text-color-placeholder);
+  user-select: none;
+}
+.u-breadcrumb__inner {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 240px;
+}
+.u-breadcrumb__link {
+  color: var(--u-text-color-second);
+  text-decoration: none;
+  cursor: pointer;
+  border-radius: var(--u-radius-small);
+  transition: color 0.15s ease;
+}
+.u-breadcrumb__link:hover:not(.is-disabled) {
+  color: var(--u-color-primary);
+}
+.u-breadcrumb__link:focus-visible {
+  outline: 2px solid var(--u-color-primary);
+  outline-offset: 2px;
+}
+.u-breadcrumb .u-breadcrumb__inner.is-current {
+  color: var(--u-text-color-main);
+  font-weight: 600;
+  cursor: default;
+}
+.u-breadcrumb .u-breadcrumb__inner.is-disabled {
+  color: var(--u-text-color-placeholder);
+  cursor: not-allowed;
+}
+.u-breadcrumb--small {
+  min-height: var(--u-breadcrumb-small);
+  font-size: var(--u-font-size-main-small);
+}
+.u-breadcrumb--small .u-breadcrumb__separator {
+  margin: 0 calc(var(--u-gap-small) / 2);
+}
+.u-breadcrumb--default {
+  min-height: var(--u-breadcrumb-default);
+  font-size: var(--u-font-size-main-default);
+}
+.u-breadcrumb--default .u-breadcrumb__separator {
+  margin: 0 calc(var(--u-gap-default) / 2);
+}
+.u-breadcrumb--large {
+  min-height: var(--u-breadcrumb-large);
+  font-size: var(--u-font-size-main-large);
+}
+.u-breadcrumb--large .u-breadcrumb__separator {
+  margin: 0 calc(var(--u-gap-large) / 2);
+}

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

@@ -11,8 +11,8 @@ declare const __VLS_base: _$vue.DefineComponent<ButtonProps, _ButtonExposed, {},
 }, string, _$vue.PublicProps, Readonly<ButtonProps> & Readonly<{
   onClick?: ((e: MouseEvent) => any) | undefined;
 }>, {
-  disabled: boolean;
   loadingIcon: _$vue.Component;
+  disabled: boolean;
   iconPosition: "left" | "right";
   propagate: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/button/style.js

@@ -1,2 +1,3 @@
+import "../icon/style.js";
 import "./style2.css";
 import "@veltra/directives/ripple/style.js";

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

@@ -3,23 +3,23 @@ import * as _$vue from "vue";
 
 //#region src/components/cascade/cascade.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<CascadeProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
-  clear: () => any;
   "update:modelValue": (value?: string | string[] | undefined) => any;
+  clear: () => any;
   change: (...args: [value?: string | undefined, label?: string | undefined, item?: Record<string, any> | undefined] | [value: string[], label: string[], data: Record<string, any>[]]) => any;
 }, string, _$vue.PublicProps, Readonly<CascadeProps> & Readonly<{
-  onClear?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((value?: string | string[] | undefined) => any) | undefined;
+  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;
 }>, {
-  readonly: boolean;
   disabled: boolean;
   placeholder: string;
   clearable: boolean;
-  data: Record<string, any>[];
+  readonly: boolean;
   separator: string;
   labelKey: string;
   valueKey: string;
   childrenKey: string;
+  data: Record<string, any>[];
   filterable: boolean;
   visibilityLimit: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/cascade/style.js

@@ -1 +1,8 @@
+import "../icon/style.js";
+import "../dropdown/style.js";
+import "../scroll/style.js";
+import "../input/style.js";
+import "../tag/style.js";
+import "../checkbox/style.js";
+import "../empty/style.js";
 import "./style2.css";

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

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

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

@@ -20,8 +20,8 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
   onChange?: ((checked: boolean, e: MouseEvent) => any) | undefined;
 }>, {
-  readonly: boolean;
   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/components/checkbox/style.js

@@ -1,2 +1,3 @@
+import "../tag/style.js";
 import "./style2.css";
 import "@veltra/styles/anime/zoom-in.scss";

package/dist/components/checkbox/style2.css

@@ -15,14 +15,6 @@
 * --u-height-small: 24px;
 */
 /** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
-html[data-theme=dark] .u-checkbox {
-  --u-checkbox-border: #595959;
-}
-@media (prefers-color-scheme: dark) {
-  html:not([data-theme=light]) .u-checkbox {
-    --u-checkbox-border: #595959;
-  }
-}
 .u-checkbox {
   user-select: none;
   vertical-align: middle;

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

@@ -14,8 +14,8 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {},
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
 }>, {
-  readonly: boolean;
   disabled: boolean;
+  readonly: boolean;
   labelKey: string;
   valueKey: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/checkbox-group/style.js

@@ -1 +1,2 @@
+import "../checkbox/style.js";
 import "./style2.css";

package/dist/components/code-editor/code-editor.vue.d.ts

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

package/dist/components/context-menu/style.js

@@ -1,3 +1,4 @@
+import "../icon/style.js";
 import "./style2.css";
 import "@veltra/directives/ripple/style.js";
 import "@veltra/styles/anime/zoom-in.scss";

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

@@ -11,8 +11,8 @@ declare const __VLS_export: _$vue.DefineComponent<DatePanelProps, {}, {}, {}, {}
   "onSelect:range-date"?: ((rangeDate?: [_$_cat_kit_core0.Dater, _$_cat_kit_core0.Dater] | undefined) => any) | undefined;
   "onSelect:date"?: ((date: _$_cat_kit_core0.Dater) => any) | undefined;
 }>, {
-  size: _$_veltra_utils0.ComponentSize;
   type: "date" | "month" | "year";
+  size: _$_veltra_utils0.ComponentSize;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

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

package/dist/components/date-picker/style.js

@@ -1 +1,4 @@
+import "../dropdown/style.js";
+import "../input/style.js";
+import "../date-panel/style.js";
 import "./style2.css";

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

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

package/dist/components/date-range-picker/style.js

@@ -1 +1,4 @@
+import "../icon/style.js";
+import "../dropdown/style.js";
+import "../date-panel/style.js";
 import "./style2.css";

package/dist/components/dialog/style.js

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

package/dist/components/drawer/style.js

@@ -1,2 +1,3 @@
+import "../icon/style.js";
 import "./style2.css";
 import "@veltra/styles/anime/fade.scss";

package/dist/components/drawer/style2.css

@@ -33,18 +33,6 @@
   align-items: center;
   justify-content: center;
 }
-.u-drawer.is-right {
-  --transform: translateX(100%);
-}
-.u-drawer.is-left {
-  --transform: translateX(-100%);
-}
-.u-drawer.is-top {
-  --transform: translateY(-100%);
-}
-.u-drawer.is-bottom {
-  --transform: translateY(100%);
-}
 .u-drawer.is-right {
   top: 4px;
   bottom: 4px;
@@ -134,20 +122,20 @@
 
 .drawer-slide-right-enter-from,
 .drawer-slide-right-leave-to {
-  transform: var(--transform);
+  transform: translateX(100%);
 }
 
 .drawer-slide-left-enter-from,
 .drawer-slide-left-leave-to {
-  transform: var(--transform);
+  transform: translateX(-100%);
 }
 
 .drawer-slide-top-enter-from,
 .drawer-slide-top-leave-to {
-  transform: var(--transform);
+  transform: translateY(-100%);
 }
 
 .drawer-slide-bottom-enter-from,
 .drawer-slide-bottom-leave-to {
-  transform: var(--transform);
+  transform: translateY(100%);
 }

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

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

package/dist/components/empty/style.js

@@ -1 +1,2 @@
+import "../icon/style.js";
 import "./style2.css";

package/dist/components/expression-editor/style.js

@@ -1 +1,7 @@
+import "../icon/style.js";
+import "../tip/style.js";
+import "../scroll/style.js";
+import "../input/style.js";
+import "../tag/style.js";
+import "../empty/style.js";
 import "./style2.css";

package/dist/components/float-button/style.js

@@ -1 +1,2 @@
+import "../button/style.js";
 import "./style2.css";

package/dist/components/form/style.js

@@ -1 +1,3 @@
+import "../form-item/style.js";
+import "../grid/style.js";
 import "./style2.css";

package/dist/components/form-item/style.js

@@ -1 +1,2 @@
+import "../tip/style.js";
 import "./style2.css";

package/dist/components/form-item/style2.css

@@ -98,9 +98,8 @@
 }
 .u-form-item__error {
   width: 100%;
-  --height: var(--u-font-size-main-default);
-  height: calc(var(--height) + 4px);
-  line-height: calc(var(--height) + 2px);
+  height: calc(var(--u-font-size-main-default) + 4px);
+  line-height: calc(var(--u-font-size-main-default) + 2px);
   overflow: hidden;
   color: var(--u-text-color-main);
   font-size: var(--u-font-size-assist-default);