@veltra/desktop 1.0.6 → 1.0.7

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

@@ -7,9 +7,9 @@ type __VLS_Slots = {
   default?: () => VNode[];
 };
 declare const __VLS_base: _$vue.DefineComponent<ActionGroupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ActionGroupProps> & Readonly<{}>, {
+  max: number;
   loading: boolean;
   circle: boolean;
-  max: number;
 }, {}, {}, {}, 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/action.vue.d.ts

@@ -15,10 +15,10 @@ declare const __VLS_base: _$vue.DefineComponent<ActionProps, {}, {}, {}, {}, _$v
 }, string, _$vue.PublicProps, Readonly<ActionProps> & Readonly<{
   onRun?: (() => any) | undefined;
 }>, {
+  type: ButtonType;
   size: _$_veltra_utils0.ComponentSize;
   loading: boolean;
   circle: boolean;
-  type: ButtonType;
   inDropdown: boolean;
   text: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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;
+  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/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,97 @@
+@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 选择器策略一致 */
+:root {
+  --u-breadcrumb-small: 20px;
+  --u-breadcrumb-default: 22px;
+  --u-breadcrumb-large: 24px;
+}
+
+.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/cascade/cascade.vue.d.ts

@@ -3,22 +3,22 @@ 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;
+  labelKey: string;
+  valueKey: string;
   placeholder: string;
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
   data: Record<string, any>[];
   separator: string;
-  labelKey: string;
-  valueKey: string;
   childrenKey: string;
   filterable: boolean;
   visibilityLimit: number;

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-group/checkbox-group.vue.d.ts

@@ -14,10 +14,10 @@ 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;
   labelKey: string;
   valueKey: string;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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/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";
   placeholder: string;
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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";
   placeholder: [string, string];
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/index.d.ts

@@ -8,83 +8,84 @@ import { _default as _default$4 } from "./form/form.vue.js";
 import { formField } from "./form/helper.js";
 import { _default as _default$5 } from "./batch-edit/batch-edit.vue.js";
 import { defineBatchEditColumns } from "./batch-edit/helper.js";
-import { _default as _default$6 } from "./button/button.vue.js";
-import { _default as _default$7 } from "./button/button-group.vue.js";
-import { _default as _default$8 } from "./calendar/calendar.vue.js";
-import { _default as _default$9 } from "./card/card.vue.js";
-import { _default as _default$10 } from "./card/card-header.vue.js";
-import { _default as _default$11 } from "./card/card-cover.vue.js";
-import { _default as _default$12 } from "./card/card-content.vue.js";
-import { _default as _default$13 } from "./card/card-action.vue.js";
-import { _default as _default$14 } from "./cascade/cascade.vue.js";
-import { _default as _default$15 } from "./check-tag/check-tag.vue.js";
-import { _default as _default$16 } from "./checkbox-group/checkbox-group.vue.js";
-import { _default as _default$17 } from "./checkbox/checkbox.vue.js";
-import { _default as _default$18 } from "./checkbox/checkbox-button.vue.js";
-import { _default as _default$19 } from "./code-editor/code-editor.vue.js";
-import { _default as _default$20 } from "./condition-editor/condition-editor.vue.js";
+import { _default as _default$6 } from "./breadcrumb/breadcrumb.vue.js";
+import { _default as _default$7 } from "./button/button.vue.js";
+import { _default as _default$8 } from "./button/button-group.vue.js";
+import { _default as _default$9 } from "./calendar/calendar.vue.js";
+import { _default as _default$10 } from "./card/card.vue.js";
+import { _default as _default$11 } from "./card/card-header.vue.js";
+import { _default as _default$12 } from "./card/card-cover.vue.js";
+import { _default as _default$13 } from "./card/card-content.vue.js";
+import { _default as _default$14 } from "./card/card-action.vue.js";
+import { _default as _default$15 } from "./cascade/cascade.vue.js";
+import { _default as _default$16 } from "./check-tag/check-tag.vue.js";
+import { _default as _default$17 } from "./checkbox-group/checkbox-group.vue.js";
+import { _default as _default$18 } from "./checkbox/checkbox.vue.js";
+import { _default as _default$19 } from "./checkbox/checkbox-button.vue.js";
+import { _default as _default$20 } from "./code-editor/code-editor.vue.js";
+import { _default as _default$21 } from "./condition-editor/condition-editor.vue.js";
 import { contextmenu } from "./context-menu/api.js";
-import { _default as _default$21 } from "./date-panel/date-panel.vue.js";
-import { _default as _default$22 } from "./date-picker/date-picker.vue.js";
-import { _default as _default$23 } from "./date-range-picker/date-range-picker.vue.js";
-import { _default as _default$24 } from "./dialog/dialog.vue.js";
-import { _default as _default$25 } from "./drawer/drawer.vue.js";
-import { _default as _default$26 } from "./dropdown/dropdown.vue.js";
-import { _default as _default$27 } from "./empty/empty.vue.js";
-import { _default as _default$28 } from "./expression-editor/expression-editor.vue.js";
-import { _default as _default$29 } from "./file-picker/file-picker.vue.js";
-import { _default as _default$30 } from "./float-button/float-button.vue.js";
-import { _default as _default$31 } from "./form-item/form-item.vue.js";
-import { _default as _default$32 } from "./gantt-chart/gantt-chart.vue.js";
-import { _default as _default$33 } from "./grid-input/grid-input.vue.js";
-import { _default as _default$34 } from "./grid/grid.vue.js";
-import { _default as _default$35 } from "./grid/grid-item.vue.js";
-import { _default as _default$36 } from "./group-input/group-input.vue.js";
-import { _default as _default$37 } from "./icon/icon.vue.js";
-import { _default as _default$38 } from "./input/input.vue.js";
-import { _default as _default$39 } from "./layout/layout.vue.js";
-import { _default as _default$40 } from "./list/list.vue.js";
-import { _default as _default$41 } from "./list/list-item.vue.js";
-import { _default as _default$42 } from "./loading/loading.vue.js";
+import { _default as _default$22 } from "./date-panel/date-panel.vue.js";
+import { _default as _default$23 } from "./date-picker/date-picker.vue.js";
+import { _default as _default$24 } from "./date-range-picker/date-range-picker.vue.js";
+import { _default as _default$25 } from "./dialog/dialog.vue.js";
+import { _default as _default$26 } from "./drawer/drawer.vue.js";
+import { _default as _default$27 } from "./dropdown/dropdown.vue.js";
+import { _default as _default$28 } from "./empty/empty.vue.js";
+import { _default as _default$29 } from "./expression-editor/expression-editor.vue.js";
+import { _default as _default$30 } from "./file-picker/file-picker.vue.js";
+import { _default as _default$31 } from "./float-button/float-button.vue.js";
+import { _default as _default$32 } from "./form-item/form-item.vue.js";
+import { _default as _default$33 } from "./gantt-chart/gantt-chart.vue.js";
+import { _default as _default$34 } from "./grid-input/grid-input.vue.js";
+import { _default as _default$35 } from "./grid/grid.vue.js";
+import { _default as _default$36 } from "./grid/grid-item.vue.js";
+import { _default as _default$37 } from "./group-input/group-input.vue.js";
+import { _default as _default$38 } from "./icon/icon.vue.js";
+import { _default as _default$39 } from "./input/input.vue.js";
+import { _default as _default$40 } from "./layout/layout.vue.js";
+import { _default as _default$41 } from "./list/list.vue.js";
+import { _default as _default$42 } from "./list/list-item.vue.js";
+import { _default as _default$43 } from "./loading/loading.vue.js";
 import { vLoading } from "./loading/directive.js";
-import { _default as _default$43 } from "./menu/menu.vue.js";
-import { _default as _default$44 } from "./menu/menu-sub.vue.js";
-import { _default as _default$45 } from "./menu/menu-item.vue.js";
-import { _default as _default$46 } from "./message-confirm/message-confirm.vue.js";
-import { _default as _default$47 } from "./message-confirm/message-confirm.js";
-import { _default as _default$48 } from "./message/message.vue.js";
+import { _default as _default$44 } from "./menu/menu.vue.js";
+import { _default as _default$45 } from "./menu/menu-sub.vue.js";
+import { _default as _default$46 } from "./menu/menu-item.vue.js";
+import { _default as _default$47 } from "./message-confirm/message-confirm.vue.js";
+import { _default as _default$48 } from "./message-confirm/message-confirm.js";
+import { _default as _default$49 } from "./message/message.vue.js";
 import { message } from "./message/message.js";
-import { _default as _default$49 } from "./multi-select/multi-select.vue.js";
-import { _default as _default$50 } from "./multi-tree-select/multi-tree-select.vue.js";
+import { _default as _default$50 } from "./multi-select/multi-select.vue.js";
+import { _default as _default$51 } from "./multi-tree-select/multi-tree-select.vue.js";
 import { NodeRender } from "./node-render/node-render.js";
-import { _default as _default$51 } from "./notification/notification.vue.js";
+import { _default as _default$52 } from "./notification/notification.vue.js";
 import { Notification } from "./notification/index.js";
-import { _default as _default$52 } from "./number-input/number-input.vue.js";
-import { _default as _default$53 } from "./number-range-input/number-range-input.vue.js";
-import { _default as _default$54 } from "./number/number.vue.js";
-import { _default as _default$55 } from "./paginator/paginator.vue.js";
-import { _default as _default$56 } from "./palette/palette.vue.js";
-import { _default as _default$57 } from "./password-input/password-input.vue.js";
-import { _default as _default$58 } from "./pop-confirm/pop-confirm.vue.js";
-import { _default as _default$59 } from "./progress/progress.vue.js";
-import { _default as _default$60 } from "./radio-group/radio-group.vue.js";
-import { _default as _default$61 } from "./radio/radio.vue.js";
-import { _default as _default$62 } from "./rich-text-editor/rich-text-editor.vue.js";
-import { _default as _default$63 } from "./scroll/scroll.vue.js";
-import { _default as _default$64 } from "./select/select.vue.js";
-import { _default as _default$65 } from "./slider/slider.vue.js";
-import { _default as _default$66 } from "./steps/steps.vue.js";
-import { _default as _default$67 } from "./switch/switch.vue.js";
-import { _default as _default$68 } from "./table-editor/table-editor.vue.js";
-import { _default as _default$69 } from "./table/table.vue.js";
+import { _default as _default$53 } from "./number-input/number-input.vue.js";
+import { _default as _default$54 } from "./number-range-input/number-range-input.vue.js";
+import { _default as _default$55 } from "./number/number.vue.js";
+import { _default as _default$56 } from "./paginator/paginator.vue.js";
+import { _default as _default$57 } from "./palette/palette.vue.js";
+import { _default as _default$58 } from "./password-input/password-input.vue.js";
+import { _default as _default$59 } from "./pop-confirm/pop-confirm.vue.js";
+import { _default as _default$60 } from "./progress/progress.vue.js";
+import { _default as _default$61 } from "./radio-group/radio-group.vue.js";
+import { _default as _default$62 } from "./radio/radio.vue.js";
+import { _default as _default$63 } from "./rich-text-editor/rich-text-editor.vue.js";
+import { _default as _default$64 } from "./scroll/scroll.vue.js";
+import { _default as _default$65 } from "./select/select.vue.js";
+import { _default as _default$66 } from "./slider/slider.vue.js";
+import { _default as _default$67 } from "./steps/steps.vue.js";
+import { _default as _default$68 } from "./switch/switch.vue.js";
+import { _default as _default$69 } from "./table-editor/table-editor.vue.js";
+import { _default as _default$70 } from "./table/table.vue.js";
 import { defineTableColumns } from "./table/use-columns.js";
-import { _default as _default$70 } from "./tabs/tabs.vue.js";
-import { _default as _default$71 } from "./tag/tag.vue.js";
-import { _default as _default$72 } from "./text/text.vue.js";
-import { _default as _default$73 } from "./textarea/textarea.vue.js";
-import { _default as _default$74 } from "./theme/theme.vue.js";
-import { _default as _default$75 } from "./tip/tip.vue.js";
-import { _default as _default$76 } from "./tree-select/tree-select.vue.js";
-import { _default as _default$77 } from "./tree/tree.vue.js";
-import { _default as _default$78 } from "./watermark/watermark.vue.js";
-import { _default as _default$79 } from "./progress-nodes/progress-nodes.vue.js";
+import { _default as _default$71 } from "./tabs/tabs.vue.js";
+import { _default as _default$72 } from "./tag/tag.vue.js";
+import { _default as _default$73 } from "./text/text.vue.js";
+import { _default as _default$74 } from "./textarea/textarea.vue.js";
+import { _default as _default$75 } from "./theme/theme.vue.js";
+import { _default as _default$76 } from "./tip/tip.vue.js";
+import { _default as _default$77 } from "./tree-select/tree-select.vue.js";
+import { _default as _default$78 } from "./tree/tree.vue.js";
+import { _default as _default$79 } from "./watermark/watermark.vue.js";
+import { _default as _default$80 } from "./progress-nodes/progress-nodes.vue.js";

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

@@ -16,8 +16,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, _InputExposed, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string | undefined) => any;
 } & {
-  clear: () => any;
   "update:modelValue": (value: string) => any;
+  clear: () => any;
   change: (value: string) => any;
   "suffix:click": (value?: string | undefined) => any;
   "prefix:click": (value?: string | undefined) => any;
@@ -25,8 +25,8 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, _InputExposed
   blur: (value?: string | undefined) => any;
   "native:input": (ev: Event) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-  onClear?: (() => any) | undefined;
   "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;
@@ -34,10 +34,10 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, _InputExposed
   onBlur?: ((value?: string | undefined) => any) | undefined;
   "onNative:input"?: ((ev: Event) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
   placeholder: string;
   clearable: 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/multi-select/multi-select.vue.d.ts

@@ -28,12 +28,12 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
   onChange?: ((options: Record<string, any>[]) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
-  placeholder: string;
-  clearable: boolean;
   labelKey: string;
   valueKey: string;
+  placeholder: string;
+  clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
   visibilityLimit: number;
   minWidth: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;