@veltra/desktop 1.1.5 → 1.1.7

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

@@ -10,9 +10,9 @@ type __VLS_Slots = {
 declare const __VLS_base: _$vue.DefineComponent<ActionGroupProps, _ActionGroupExposed, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ActionGroupProps> & Readonly<{}>, {
   type: _$_veltra_utils0.ColorType;
   size: "small" | "default" | "large";
-  text: boolean;
   circle: boolean;
   max: number;
+  text: boolean;
   loading: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -17,8 +17,8 @@ declare const __VLS_base: _$vue.DefineComponent<ActionProps, {}, {}, {}, {}, _$v
 }>, {
   type: ButtonType;
   size: _$_veltra_utils0.ComponentSize;
-  text: boolean;
   circle: boolean;
+  text: boolean;
   loading: boolean;
   inDropdown: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -2,8 +2,9 @@ import _sfc_main$1 from "../icon/icon.js";
 import _sfc_main$2 from "../scroll/scroll.js";
 import form_default from "../form/form.js";
 import _sfc_main$3 from "../button/button.js";
+import _sfc_main$4 from "../kbd/kbd.js";
 import { BatchEditDIKey } from "./di.js";
-import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx, withKeys } from "vue";
+import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 import { bem } from "@veltra/utils";
 import { AddChild, Close, EditPen, Plus, View } from "@veltra/icons/normal";
 //#region src/components/batch-edit/batch-edit-form.vue
@@ -47,6 +48,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const bodyKey = computed(() => {
 			return `${state.type}-${state.row?.uid ?? "create"}-${state.parentRow?.uid ?? "root"}`;
 		});
+		function handleFormKeydown(e) {
+			if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
+				e.preventDefault();
+				handleSave();
+			}
+		}
 		return (_ctx, _cache) => {
 			return unref(state).visible && !!unref(props).model ? (openBlock(), createElementBlock("aside", {
 				key: 0,
@@ -88,7 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 						default: withCtx(() => [createVNode(unref(form_default), {
 							model: unref(props).model,
 							readonly: unref(props).readonly,
-							onKeyup: withKeys(unref(handleSave), ["enter"]),
+							onKeydown: handleFormKeydown,
 							"label-width": unref(props).labelWidth
 						}, {
 							default: withCtx(({ data, model }) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
@@ -103,7 +110,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 						}, 8, [
 							"model",
 							"readonly",
-							"onKeyup",
 							"label-width"
 						])]),
 						_: 3
@@ -116,12 +122,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				}, " 有未保存改动 ", 2)) : !unref(props).readonly ? (openBlock(), createElementBlock("span", {
 					key: 1,
 					class: normalizeClass(unref(cls).e("form-hint"))
-				}, [..._cache[0] || (_cache[0] = [
-					createElementVNode("kbd", null, "Enter", -1),
-					createTextVNode(" 保存 · ", -1),
-					createElementVNode("kbd", null, "Esc", -1),
-					createTextVNode(" 关闭 ", -1)
-				])], 2)) : (openBlock(), createElementBlock("span", {
+				}, [
+					createVNode(unref(_sfc_main$4), null, {
+						default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Ctrl + Enter", -1)])]),
+						_: 1
+					}),
+					_cache[2] || (_cache[2] = createTextVNode(" 保存 · ", -1)),
+					createVNode(unref(_sfc_main$4), null, {
+						default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Esc", -1)])]),
+						_: 1
+					}),
+					_cache[3] || (_cache[3] = createTextVNode(" 关闭 ", -1))
+				], 2)) : (openBlock(), createElementBlock("span", {
 					key: 2,
 					class: normalizeClass(unref(cls).e("form-hint"))
 				}, "只读模式", 2)), createElementVNode("div", { class: normalizeClass(unref(cls).e("form-actions")) }, [createVNode(unref(_sfc_main$3), {
@@ -129,7 +141,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					loading: unref(state).loading,
 					onClick: unref(handleClose)
 				}, {
-					default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" 取消 ", -1)])]),
+					default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" 取消 ", -1)])]),
 					_: 1
 				}, 8, ["loading", "onClick"]), !unref(props).readonly && (creatable.value || updatable.value) ? (openBlock(), createBlock(unref(_sfc_main$3), {
 					key: 0,
@@ -138,7 +150,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					disabled: !unref(state).dataUpdated,
 					onClick: unref(handleSave)
 				}, {
-					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" 保存 ", -1)])]),
+					default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" 保存 ", -1)])]),
 					_: 1
 				}, 8, [
 					"type",

package/dist/components/batch-edit/batch-edit-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"batch-edit-form.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit-form.vue"],"sourcesContent":["<template>\n  <aside :class=\"cls.e('form')\" v-if=\"state.visible && !!props.model\">\n    <header :class=\"cls.e('form-header')\">\n      <span :class=\"[cls.e('form-icon'), bem.is(headerInfo.tone)]\">\n        <u-icon>\n          <component :is=\"headerInfo.icon\" />\n        </u-icon>\n      </span>\n      <div :class=\"cls.e('form-title')\">\n        <h3 :class=\"cls.e('form-title-text')\">{{ headerInfo.title }}</h3>\n        <span v-if=\"headerInfo.chip\" :class=\"cls.e('form-chip')\">\n          {{ headerInfo.chip }}\n        </span>\n      </div>\n      <u-button\n        :class=\"cls.e('form-close')\"\n        :icon=\"Close\"\n        text\n        circle\n        size=\"small\"\n        title=\"关闭\"\n        @click=\"handleClose\"\n      />\n    </header>\n\n    <u-scroll always :class=\"cls.e('form-body')\" :key=\"bodyKey\">\n      <transition name=\"fade\" appear mode=\"out-in\">\n        <u-form\n          :model=\"props.model\"\n          :readonly=\"props.readonly\"\n          @keyup.enter=\"handleSave\"\n          :label-width=\"props.labelWidth\"\n        >\n          <template #default=\"{ data, model }\">\n            <slot\n              v-bind=\"{\n                data,\n                model,\n                row: state.row,\n                depth: state.depth,\n                indexes: insertIndexes,\n                index: state.row?.index\n              }\"\n            />\n          </template>\n        </u-form>\n      </transition>\n    </u-scroll>\n\n    <footer :class=\"cls.e('form-footer')\">\n      <span :class=\"cls.e('form-hint')\" v-if=\"!props.readonly && state.dataUpdated\">\n        有未保存改动\n      </span>\n      <span :class=\"cls.e('form-hint')\" v-else-if=\"!props.readonly\">\n        <kbd>Enter</kbd> 保存 · <kbd>Esc</kbd> 关闭\n      </span>\n      <span :class=\"cls.e('form-hint')\" v-else>只读模式</span>\n\n      <div :class=\"cls.e('form-actions')\">\n        <u-button text :loading=\"state.loading\" @click=\"handleClose\"> 取消 </u-button>\n        <u-button\n          v-if=\"!props.readonly && (creatable || updatable)\"\n          :type=\"state.type === 'create' ? 'success' : 'primary'\"\n          :loading=\"state.loading\"\n          :disabled=\"!state.dataUpdated\"\n          @click=\"handleSave\"\n        >\n          保存\n        </u-button>\n      </div>\n    </footer>\n  </aside>\n</template>\n\n<script lang=\"ts\" setup>\nimport { AddChild, Close, EditPen, Plus, View } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, type Component } from 'vue'\n\nimport { UButton } from '../button'\nimport { UForm } from '../form'\nimport { UIcon } from '../icon'\nimport { UScroll } from '../scroll'\nimport { BatchEditDIKey } from './di'\n\ndefineOptions({ name: 'BatchEditForm' })\n\nconst {\n  cls,\n  props,\n  state,\n  insertIndexes,\n  handleSave,\n  handleClose,\n  staticFeatures,\n  dynamicFeatures\n} = inject(BatchEditDIKey)!\n\nconst creatable = computed(() => {\n  return (\n    state.type === 'create' &&\n    (staticFeatures.value.has('create') || dynamicFeatures.value.create?.(state.row))\n  )\n})\n\nconst updatable = computed(() => {\n  return (\n    state.type === 'update' &&\n    (staticFeatures.value.has('update') || dynamicFeatures.value.update?.(state.row))\n  )\n})\n\ninterface HeaderInfo {\n  icon: Component\n  title: string\n  chip?: string\n  tone: 'create' | 'update' | 'view' | 'child'\n}\n\nconst headerInfo = computed<HeaderInfo>(() => {\n  if (props.readonly) {\n    return {\n      icon: View,\n      title: '查看详情',\n      chip: state.row ? `第 ${state.row.index + 1} 行` : undefined,\n      tone: 'view'\n    }\n  }\n  if (state.parentRow) {\n    return {\n      icon: AddChild,\n      title: '新增子级',\n      chip: `归属于第 ${state.parentRow.index + 1} 行`,\n      tone: 'child'\n    }\n  }\n  if (state.type === 'create') {\n    return {\n      icon: Plus,\n      title: '新增',\n      tone: 'create'\n    }\n  }\n  return {\n    icon: EditPen,\n    title: '编辑',\n    chip: state.row ? `第 ${state.row.index + 1} 行` : undefined,\n    tone: 'update'\n  }\n})\n\n/** 通过 row 切换 / 类型切换驱动表单内容淡出淡入 */\nconst bodyKey = computed(() => {\n  return `${state.type}-${state.row?.uid ?? 'create'}-${state.parentRow?.uid ?? 'root'}`\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;EAuFA,MAAM,EACJ,KACA,OACA,OACA,eACA,YACA,aACA,gBACA,oBACE,OAAO,eAAe;EAE1B,MAAM,YAAY,eAAe;AAC/B,UACE,MAAM,SAAS,aACd,eAAe,MAAM,IAAI,SAAS,IAAI,gBAAgB,MAAM,SAAS,MAAM,IAAI;IAEnF;EAED,MAAM,YAAY,eAAe;AAC/B,UACE,MAAM,SAAS,aACd,eAAe,MAAM,IAAI,SAAS,IAAI,gBAAgB,MAAM,SAAS,MAAM,IAAI;IAEnF;EASD,MAAM,aAAa,eAA2B;AAC5C,OAAI,MAAM,SACR,QAAO;IACL,MAAM;IACN,OAAO;IACP,MAAM,MAAM,MAAM,KAAK,MAAM,IAAI,QAAQ,EAAE,MAAM,KAAA;IACjD,MAAM;IACR;AAEF,OAAI,MAAM,UACR,QAAO;IACL,MAAM;IACN,OAAO;IACP,MAAM,QAAQ,MAAM,UAAU,QAAQ,EAAE;IACxC,MAAM;IACR;AAEF,OAAI,MAAM,SAAS,SACjB,QAAO;IACL,MAAM;IACN,OAAO;IACP,MAAM;IACR;AAEF,UAAO;IACL,MAAM;IACN,OAAO;IACP,MAAM,MAAM,MAAM,KAAK,MAAM,IAAI,QAAQ,EAAE,MAAM,KAAA;IACjD,MAAM;IACR;IACD;;EAGD,MAAM,UAAU,eAAe;AAC7B,UAAO,GAAG,MAAM,KAAK,GAAG,MAAM,KAAK,OAAO,SAAS,GAAG,MAAM,WAAW,OAAO;IAC/E;;UAzJqC,MAAA,MAAK,CAAC,WAAO,CAAA,CAAM,MAAA,MAAK,CAAC,SAAA,WAAA,EAA7D,mBAsEQ,SAAA;;IAtEA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA;;IAClB,mBAqBS,UAAA,EArBA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,cAAA,CAAA,EAAA,EAAA;KACnB,mBAIO,QAAA,EAJA,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,EAAC,YAAA,EAAe,MAAA,IAAG,CAAC,GAAG,WAAA,MAAW,KAAI,CAAA,CAAA,EAAA,EAAA,CACvD,YAES,MAAA,YAAA,EAAA,MAAA;6BAD4B,EAAA,WAAA,EAAnC,YAAmC,wBAAnB,WAAA,MAAW,KAAI,CAAA,EAAA,CAAA;;;KAGnC,mBAKM,OAAA,EALA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,aAAA,CAAA,EAAA,EAAA,CAChB,mBAAiE,MAAA,EAA5D,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,kBAAA,CAAA,EAAA,EAAA,gBAAwB,WAAA,MAAW,MAAK,EAAA,EAAA,EAC7C,WAAA,MAAW,QAAA,WAAA,EAAvB,mBAEO,QAAA;;MAFuB,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,YAAA,CAAA;wBACrC,WAAA,MAAW,KAAI,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA,CAAA,EAAA,EAAA;KAGtB,YAQE,MAAA,YAAA,EAAA;MAPC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,aAAA,CAAA;MACZ,MAAM,MAAA,MAAK;MACZ,MAAA;MACA,QAAA;MACA,MAAK;MACL,OAAM;MACL,SAAO,MAAA,YAAW;;;;;;;kBAIvB,YAsBW,MAAA,YAAA,EAAA;KAtBD,QAAA;KAAQ,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,YAAA,CAAA;KAAgB,KAAK,QAAA;;4BAqBpC,CApBb,YAoBa,YAAA;MApBD,MAAK;MAAO,QAAA;MAAO,MAAK;;6BAmBzB,CAlBT,YAkBS,MAAA,aAAA,EAAA;OAjBN,OAAO,MAAA,MAAK,CAAC;OACb,UAAU,MAAA,MAAK,CAAC;OAChB,SAAK,SAAQ,MAAA,WAAU,EAAA,CAAA,QAAA,CAAA;OACvB,eAAa,MAAA,MAAK,CAAC;;OAET,SAAO,SAUd,EAVkB,MAAM,YAAK,CAC/B,WASE,KAAA,QAAA,WAAA,eAAA,mBAAA;QAR0B;QAAsB;aAA4B,MAAA,MAAK,CAAC;eAA4B,MAAA,MAAK,CAAC;iBAAgC,MAAA,cAAa;eAAyB,MAAA,MAAK,CAAC,KAAK;;;;;;;;;;;;;IAc/M,mBAqBS,UAAA,EArBA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,cAAA,CAAA,EAAA,EAAA,CAAA,CACsB,MAAA,MAAK,CAAC,YAAY,MAAA,MAAK,CAAC,eAAA,WAAA,EAAjE,mBAEO,QAAA;;KAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,YAAA,CAAA;OAA2D,YAE9E,EAAA,IAAA,CAC8C,MAAA,MAAK,CAAC,YAAA,WAAA,EAApD,mBAEO,QAAA;;KAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,YAAA,CAAA;;KACjB,mBAAgB,OAAA,MAAX,SAAK,GAAA;qBAAM,UAAM,GAAA;KAAA,mBAAc,OAAA,MAAT,OAAG,GAAA;qBAAM,QACtC,GAAA;6BACA,mBAAoD,QAAA;;KAA7C,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,YAAA,CAAA;OAAsB,QAAI,EAAA,GAE7C,mBAWM,OAAA,EAXA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,eAAA,CAAA,EAAA,EAAA,CAChB,YAA4E,MAAA,YAAA,EAAA;KAAlE,MAAA;KAAM,SAAS,MAAA,MAAK,CAAC;KAAU,SAAO,MAAA,YAAW;;4BAAM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAJ,QAAI,GAAA,CAAA,EAAA,CAAA;;oCAExD,MAAA,MAAK,CAAC,aAAa,UAAA,SAAa,UAAA,UAAA,WAAA,EADzC,YAQW,MAAA,YAAA,EAAA;;KANR,MAAM,MAAA,MAAK,CAAC,SAAI,WAAA,YAAA;KAChB,SAAS,MAAA,MAAK,CAAC;KACf,UAAQ,CAAG,MAAA,MAAK,CAAC;KACjB,SAAO,MAAA,WAAU;;4BAGpB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFC,QAED,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"batch-edit-form.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit-form.vue"],"sourcesContent":["<template>\n  <aside :class=\"cls.e('form')\" v-if=\"state.visible && !!props.model\">\n    <header :class=\"cls.e('form-header')\">\n      <span :class=\"[cls.e('form-icon'), bem.is(headerInfo.tone)]\">\n        <u-icon>\n          <component :is=\"headerInfo.icon\" />\n        </u-icon>\n      </span>\n      <div :class=\"cls.e('form-title')\">\n        <h3 :class=\"cls.e('form-title-text')\">{{ headerInfo.title }}</h3>\n        <span v-if=\"headerInfo.chip\" :class=\"cls.e('form-chip')\">\n          {{ headerInfo.chip }}\n        </span>\n      </div>\n      <u-button\n        :class=\"cls.e('form-close')\"\n        :icon=\"Close\"\n        text\n        circle\n        size=\"small\"\n        title=\"关闭\"\n        @click=\"handleClose\"\n      />\n    </header>\n\n    <u-scroll always :class=\"cls.e('form-body')\" :key=\"bodyKey\">\n      <transition name=\"fade\" appear mode=\"out-in\">\n        <u-form\n          :model=\"props.model\"\n          :readonly=\"props.readonly\"\n          @keydown=\"handleFormKeydown\"\n          :label-width=\"props.labelWidth\"\n        >\n          <template #default=\"{ data, model }\">\n            <slot\n              v-bind=\"{\n                data,\n                model,\n                row: state.row,\n                depth: state.depth,\n                indexes: insertIndexes,\n                index: state.row?.index\n              }\"\n            />\n          </template>\n        </u-form>\n      </transition>\n    </u-scroll>\n\n    <footer :class=\"cls.e('form-footer')\">\n      <span :class=\"cls.e('form-hint')\" v-if=\"!props.readonly && state.dataUpdated\">\n        有未保存改动\n      </span>\n      <span :class=\"cls.e('form-hint')\" v-else-if=\"!props.readonly\">\n        <u-kbd>Ctrl + Enter</u-kbd> 保存 · <u-kbd>Esc</u-kbd> 关闭\n      </span>\n      <span :class=\"cls.e('form-hint')\" v-else>只读模式</span>\n\n      <div :class=\"cls.e('form-actions')\">\n        <u-button text :loading=\"state.loading\" @click=\"handleClose\"> 取消 </u-button>\n        <u-button\n          v-if=\"!props.readonly && (creatable || updatable)\"\n          :type=\"state.type === 'create' ? 'success' : 'primary'\"\n          :loading=\"state.loading\"\n          :disabled=\"!state.dataUpdated\"\n          @click=\"handleSave\"\n        >\n          保存\n        </u-button>\n      </div>\n    </footer>\n  </aside>\n</template>\n\n<script lang=\"ts\" setup>\nimport { AddChild, Close, EditPen, Plus, View } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, type Component } from 'vue'\n\nimport { UButton } from '../button'\nimport { UForm } from '../form'\nimport { UIcon } from '../icon'\nimport { UKbd } from '../kbd'\nimport { UScroll } from '../scroll'\nimport { BatchEditDIKey } from './di'\n\ndefineOptions({ name: 'BatchEditForm' })\n\nconst {\n  cls,\n  props,\n  state,\n  insertIndexes,\n  handleSave,\n  handleClose,\n  staticFeatures,\n  dynamicFeatures\n} = inject(BatchEditDIKey)!\n\nconst creatable = computed(() => {\n  return (\n    state.type === 'create' &&\n    (staticFeatures.value.has('create') || dynamicFeatures.value.create?.(state.row))\n  )\n})\n\nconst updatable = computed(() => {\n  return (\n    state.type === 'update' &&\n    (staticFeatures.value.has('update') || dynamicFeatures.value.update?.(state.row))\n  )\n})\n\ninterface HeaderInfo {\n  icon: Component\n  title: string\n  chip?: string\n  tone: 'create' | 'update' | 'view' | 'child'\n}\n\nconst headerInfo = computed<HeaderInfo>(() => {\n  if (props.readonly) {\n    return {\n      icon: View,\n      title: '查看详情',\n      chip: state.row ? `第 ${state.row.index + 1} 行` : undefined,\n      tone: 'view'\n    }\n  }\n  if (state.parentRow) {\n    return {\n      icon: AddChild,\n      title: '新增子级',\n      chip: `归属于第 ${state.parentRow.index + 1} 行`,\n      tone: 'child'\n    }\n  }\n  if (state.type === 'create') {\n    return {\n      icon: Plus,\n      title: '新增',\n      tone: 'create'\n    }\n  }\n  return {\n    icon: EditPen,\n    title: '编辑',\n    chip: state.row ? `第 ${state.row.index + 1} 行` : undefined,\n    tone: 'update'\n  }\n})\n\n/** 通过 row 切换 / 类型切换驱动表单内容淡出淡入 */\nconst bodyKey = computed(() => {\n  return `${state.type}-${state.row?.uid ?? 'create'}-${state.parentRow?.uid ?? 'root'}`\n})\n\nfunction handleFormKeydown(e: KeyboardEvent) {\n  if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {\n    e.preventDefault()\n    handleSave()\n  }\n}\n</script>\n"],"mappings":"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"}

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

@@ -38,7 +38,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		border: { type: Boolean },
 		virtualThreshold: {},
 		expandable: { type: Boolean },
-		virtual: { type: Boolean },
 		defaultExpandAll: { type: Boolean },
 		textEllipsis: { type: Boolean }
 	},

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

@@ -1 +1 @@
-{"version":3,"file":"batch-edit.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit.vue"],"sourcesContent":["<template>\n  <u-layout\n    :class=\"cls.b\"\n    :cols=\"cols\"\n    rows=\"100%\"\n    gap=\"8px\"\n    resizable\n    @keydown=\"handleKeydown\"\n    tabindex=\"-1\"\n  >\n    <!-- 编辑列表 -->\n    <BatchEditList :slots=\"slots\" />\n\n    <!-- 编辑表单 -->\n    <BatchEditForm v-slot=\"scoped\">\n      <!-- @vue-ignore -->\n      <slot name=\"form\" v-bind=\"scoped\" />\n    </BatchEditForm>\n  </u-layout>\n</template>\n\n<script lang=\"ts\" setup generic=\"Model extends FormModel\">\nimport { bem } from '@veltra/utils'\nimport { computed, inject, provide, shallowRef, watch } from 'vue'\n\nimport type {\n  BatchEditEmits,\n  BatchEditFeature,\n  BatchEditProps,\n  TableColumnSlotsScope,\n  TableExposed,\n  TableRow\n} from '../../types'\nimport { DialogDIKey } from '../dialog/di'\nimport type { FormModel } from '../form'\nimport { ULayout } from '../layout'\nimport BatchEditForm from './batch-edit-form.vue'\nimport BatchEditList from './batch-edit-list.vue'\nimport { BatchEditDIKey } from './di'\nimport { useEdit } from './use-edit'\n\ndefineOptions({ name: 'BatchEdit' })\n\nconst props = withDefaults(defineProps<BatchEditProps<Model>>(), {\n  cols: () => ['1fr', '420px'],\n  mode: 'normal'\n})\n\nconst emit = defineEmits<BatchEditEmits>()\n\nconst staticFeatures = computed(() => {\n  const { features } = props\n\n  if (Array.isArray(features)) {\n    return new Set(features)\n  }\n\n  const defaultFeatures = new Set<BatchEditFeature>(['create', 'delete', 'update', 'createChild'])\n\n  if (!features) {\n    return defaultFeatures\n  }\n\n  // 函数与 false 的特性视为关闭；显式 true 视为开启（即便不在默认集合内）\n  Object.entries(features).forEach(([key, value]) => {\n    const k = key as BatchEditFeature\n    if (typeof value === 'function' || value === false) {\n      defaultFeatures.delete(k)\n    } else if (value === true) {\n      defaultFeatures.add(k)\n    }\n  })\n  return defaultFeatures\n})\n\nconst dynamicFeatures = computed<\n  Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n>(() => {\n  const { features } = props\n  if (!Array.isArray(features) && typeof features === 'object') {\n    const ret = Object.entries(features)\n      .filter(([_, value]) => {\n        return typeof value === 'function'\n      })\n      .reduce(\n        (acc, [key, value]) => {\n          acc[key] = value\n          return acc\n        },\n        {} as Record<BatchEditFeature, (row?: TableRow) => boolean>\n      )\n    return ret\n  }\n\n  return {} as Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n})\n\nconst slots = defineSlots<\n  {\n    form?: (props: {\n      /** 表单数据 */\n      data: Model['data']\n      /** 表单模型 */\n      model: Model\n      /** 当前编辑的层级 */\n      depth?: number\n      /** 当前编辑的行 */\n      row?: TableRow\n      /** 当前编辑的行索引 */\n      index?: number\n      /** 操作的目标行索引路径 */\n      indexes?: number[]\n    }) => any\n\n    header?: () => any\n  } & Partial<{\n    [key: `column:${string}`]: (props: TableColumnSlotsScope) => any\n  }>\n>()\n\nconst cls = bem('batch-edit')\n\nconst tableRef = shallowRef<TableExposed>()\n\nconst editCtx = useEdit({ props, emit, tableRef })\n\nconst { state, handleClose, handleSave, handleDelete, handleCreate } = editCtx\n\nprovide(BatchEditDIKey, {\n  cls,\n  props,\n  emit,\n  tableRef,\n  staticFeatures,\n  dynamicFeatures,\n  ...editCtx\n})\n\nconst dialogCtx = inject(DialogDIKey, undefined)\n\ndialogCtx &&\n  watch(dialogCtx.visible, (visible) => {\n    !visible && editCtx.handleClose()\n  })\n\nconst cols = computed(() => {\n  return !!state.row || state.visible ? props.cols : undefined\n})\n\n/**\n * 键盘快捷键：\n * - Esc        关闭表单\n * - ⌘/Ctrl + S   保存\n * - ⌘/Ctrl + Backspace 删除当前编辑行\n * - ⌘/Ctrl + N   新增（仅在不在表单中时）\n */\nfunction handleKeydown(e: KeyboardEvent) {\n  if (props.readonly && e.key !== 'Escape') return\n\n  if (e.key === 'Escape') {\n    if (state.visible) {\n      e.preventDefault()\n      handleClose()\n    }\n    return\n  }\n\n  const meta = e.metaKey || e.ctrlKey\n  if (!meta) return\n\n  const key = e.key.toLowerCase()\n\n  if (key === 's' && state.visible) {\n    e.preventDefault()\n    handleSave()\n    return\n  }\n\n  if (e.key === 'Backspace' && state.row && state.type === 'update') {\n    e.preventDefault()\n    handleDelete(state.row)\n    return\n  }\n\n  if (key === 'n' && !state.visible) {\n    e.preventDefault()\n    handleCreate()\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAEb,MAAM,iBAAiB,eAAe;GACpC,MAAM,EAAE,aAAa;AAErB,OAAI,MAAM,QAAQ,SAAS,CACzB,QAAO,IAAI,IAAI,SAAQ;GAGzB,MAAM,kBAAkB,IAAI,IAAsB;IAAC;IAAU;IAAU;IAAU;IAAc,CAAA;AAE/F,OAAI,CAAC,SACH,QAAO;AAIT,UAAO,QAAQ,SAAS,CAAC,SAAS,CAAC,KAAK,WAAW;IACjD,MAAM,IAAI;AACV,QAAI,OAAO,UAAU,cAAc,UAAU,MAC3C,iBAAgB,OAAO,EAAC;aACf,UAAU,KACnB,iBAAgB,IAAI,EAAC;KAExB;AACD,UAAO;IACR;EAED,MAAM,kBAAkB,eAEhB;GACN,MAAM,EAAE,aAAa;AACrB,OAAI,CAAC,MAAM,QAAQ,SAAS,IAAI,OAAO,aAAa,SAYlD,QAXY,OAAO,QAAQ,SAAQ,CAChC,QAAQ,CAAC,GAAG,WAAW;AACtB,WAAO,OAAO,UAAU;KACzB,CACA,QACE,KAAK,CAAC,KAAK,WAAW;AACrB,QAAI,OAAO;AACX,WAAO;MAET,EAAE,CAEC;AAGT,UAAO,EAAE;IACV;EAED,MAAM,QAAQ,UAAA;EAuBd,MAAM,MAAM,IAAI,aAAY;EAE5B,MAAM,WAAW,YAAyB;EAE1C,MAAM,UAAU,QAAQ;GAAE;GAAO;GAAM;GAAU,CAAA;EAEjD,MAAM,EAAE,OAAO,aAAa,YAAY,cAAc,iBAAiB;AAEvE,UAAQ,gBAAgB;GACtB;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,CAAA;EAED,MAAM,YAAY,OAAO,aAAa,KAAA,EAAS;AAE/C,eACE,MAAM,UAAU,UAAU,YAAY;AACpC,IAAC,WAAW,QAAQ,aAAY;IACjC;EAEH,MAAM,OAAO,eAAe;AAC1B,UAAO,CAAC,CAAC,MAAM,OAAO,MAAM,UAAU,MAAM,OAAO,KAAA;IACpD;;;;;;;;EASD,SAAS,cAAc,GAAkB;AACvC,OAAI,MAAM,YAAY,EAAE,QAAQ,SAAU;AAE1C,OAAI,EAAE,QAAQ,UAAU;AACtB,QAAI,MAAM,SAAS;AACjB,OAAE,gBAAe;AACjB,kBAAY;;AAEd;;AAIF,OAAI,EADS,EAAE,WAAW,EAAE,SACjB;GAEX,MAAM,MAAM,EAAE,IAAI,aAAY;AAE9B,OAAI,QAAQ,OAAO,MAAM,SAAS;AAChC,MAAE,gBAAe;AACjB,gBAAW;AACX;;AAGF,OAAI,EAAE,QAAQ,eAAe,MAAM,OAAO,MAAM,SAAS,UAAU;AACjE,MAAE,gBAAe;AACjB,iBAAa,MAAM,IAAG;AACtB;;AAGF,OAAI,QAAQ,OAAO,CAAC,MAAM,SAAS;AACjC,MAAE,gBAAe;AACjB,kBAAa;;;;uBAzLf,YAiBW,MAAA,YAAA,EAAA;IAhBR,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC;IACZ,MAAM,KAAA;IACP,MAAK;IACL,KAAI;IACJ,WAAA;IACC,WAAS;IACV,UAAS;;2BAEI;KAAb,mBAAA,SAAa;KACb,YAAgC,aAAA,EAAT,OAAK,CAAA;KAE5B,mBAAA,SAAa;KACb,YAGgB,aAAA,MAAA;wBAHO,WAAM,CAC3B,mBAAA,gBAAoB,EACpB,WAAoC,KAAA,QAAA,QAAA,eAAA,mBAAV,OAAM,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"batch-edit.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit.vue"],"sourcesContent":["<template>\n  <u-layout\n    :class=\"cls.b\"\n    :cols=\"cols\"\n    rows=\"100%\"\n    gap=\"8px\"\n    resizable\n    @keydown=\"handleKeydown\"\n    tabindex=\"-1\"\n  >\n    <!-- 编辑列表 -->\n    <BatchEditList :slots=\"slots\" />\n\n    <!-- 编辑表单 -->\n    <BatchEditForm v-slot=\"scoped\">\n      <!-- @vue-ignore -->\n      <slot name=\"form\" v-bind=\"scoped\" />\n    </BatchEditForm>\n  </u-layout>\n</template>\n\n<script lang=\"ts\" setup generic=\"Model extends FormModel\">\nimport { bem } from '@veltra/utils'\nimport { computed, inject, provide, shallowRef, watch } from 'vue'\n\nimport type {\n  BatchEditEmits,\n  BatchEditFeature,\n  BatchEditProps,\n  TableColumnSlotsScope,\n  TableExposed,\n  TableRow\n} from '../../types'\nimport { DialogDIKey } from '../dialog/di'\nimport type { FormModel } from '../form'\nimport { ULayout } from '../layout'\nimport BatchEditForm from './batch-edit-form.vue'\nimport BatchEditList from './batch-edit-list.vue'\nimport { BatchEditDIKey } from './di'\nimport { useEdit } from './use-edit'\n\ndefineOptions({ name: 'BatchEdit' })\n\nconst props = withDefaults(defineProps<BatchEditProps<Model>>(), {\n  cols: () => ['1fr', '420px'],\n  mode: 'normal'\n})\n\nconst emit = defineEmits<BatchEditEmits>()\n\nconst staticFeatures = computed(() => {\n  const { features } = props\n\n  if (Array.isArray(features)) {\n    return new Set(features)\n  }\n\n  const defaultFeatures = new Set<BatchEditFeature>(['create', 'delete', 'update', 'createChild'])\n\n  if (!features) {\n    return defaultFeatures\n  }\n\n  // 函数与 false 的特性视为关闭；显式 true 视为开启（即便不在默认集合内）\n  Object.entries(features).forEach(([key, value]) => {\n    const k = key as BatchEditFeature\n    if (typeof value === 'function' || value === false) {\n      defaultFeatures.delete(k)\n    } else if (value === true) {\n      defaultFeatures.add(k)\n    }\n  })\n  return defaultFeatures\n})\n\nconst dynamicFeatures = computed<\n  Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n>(() => {\n  const { features } = props\n  if (!Array.isArray(features) && typeof features === 'object') {\n    const ret = Object.entries(features)\n      .filter(([_, value]) => {\n        return typeof value === 'function'\n      })\n      .reduce(\n        (acc, [key, value]) => {\n          acc[key] = value\n          return acc\n        },\n        {} as Record<BatchEditFeature, (row?: TableRow) => boolean>\n      )\n    return ret\n  }\n\n  return {} as Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n})\n\nconst slots = defineSlots<\n  {\n    form?: (props: {\n      /** 表单数据 */\n      data: Model['data']\n      /** 表单模型 */\n      model: Model\n      /** 当前编辑的层级 */\n      depth?: number\n      /** 当前编辑的行 */\n      row?: TableRow\n      /** 当前编辑的行索引 */\n      index?: number\n      /** 操作的目标行索引路径 */\n      indexes?: number[]\n    }) => any\n\n    header?: () => any\n  } & Partial<{\n    [key: `column:${string}`]: (props: TableColumnSlotsScope) => any\n  }>\n>()\n\nconst cls = bem('batch-edit')\n\nconst tableRef = shallowRef<TableExposed>()\n\nconst editCtx = useEdit({ props, emit, tableRef })\n\nconst { state, handleClose, handleSave, handleDelete, handleCreate } = editCtx\n\nprovide(BatchEditDIKey, {\n  cls,\n  props,\n  emit,\n  tableRef,\n  staticFeatures,\n  dynamicFeatures,\n  ...editCtx\n})\n\nconst dialogCtx = inject(DialogDIKey, undefined)\n\ndialogCtx &&\n  watch(dialogCtx.visible, (visible) => {\n    !visible && editCtx.handleClose()\n  })\n\nconst cols = computed(() => {\n  return !!state.row || state.visible ? props.cols : undefined\n})\n\n/**\n * 键盘快捷键：\n * - Esc        关闭表单\n * - ⌘/Ctrl + S   保存\n * - ⌘/Ctrl + Backspace 删除当前编辑行\n * - ⌘/Ctrl + N   新增（仅在不在表单中时）\n */\nfunction handleKeydown(e: KeyboardEvent) {\n  if (props.readonly && e.key !== 'Escape') return\n\n  if (e.key === 'Escape') {\n    if (state.visible) {\n      e.preventDefault()\n      handleClose()\n    }\n    return\n  }\n\n  const meta = e.metaKey || e.ctrlKey\n  if (!meta) return\n\n  const key = e.key.toLowerCase()\n\n  if (key === 's' && state.visible) {\n    e.preventDefault()\n    handleSave()\n    return\n  }\n\n  if (e.key === 'Backspace' && state.row && state.type === 'update') {\n    e.preventDefault()\n    handleDelete(state.row)\n    return\n  }\n\n  if (key === 'n' && !state.visible) {\n    e.preventDefault()\n    handleCreate()\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAEb,MAAM,iBAAiB,eAAe;GACpC,MAAM,EAAE,aAAa;AAErB,OAAI,MAAM,QAAQ,SAAS,CACzB,QAAO,IAAI,IAAI,SAAQ;GAGzB,MAAM,kBAAkB,IAAI,IAAsB;IAAC;IAAU;IAAU;IAAU;IAAc,CAAA;AAE/F,OAAI,CAAC,SACH,QAAO;AAIT,UAAO,QAAQ,SAAS,CAAC,SAAS,CAAC,KAAK,WAAW;IACjD,MAAM,IAAI;AACV,QAAI,OAAO,UAAU,cAAc,UAAU,MAC3C,iBAAgB,OAAO,EAAC;aACf,UAAU,KACnB,iBAAgB,IAAI,EAAC;KAExB;AACD,UAAO;IACR;EAED,MAAM,kBAAkB,eAEhB;GACN,MAAM,EAAE,aAAa;AACrB,OAAI,CAAC,MAAM,QAAQ,SAAS,IAAI,OAAO,aAAa,SAYlD,QAXY,OAAO,QAAQ,SAAQ,CAChC,QAAQ,CAAC,GAAG,WAAW;AACtB,WAAO,OAAO,UAAU;KACzB,CACA,QACE,KAAK,CAAC,KAAK,WAAW;AACrB,QAAI,OAAO;AACX,WAAO;MAET,EAAE,CAEC;AAGT,UAAO,EAAE;IACV;EAED,MAAM,QAAQ,UAAA;EAuBd,MAAM,MAAM,IAAI,aAAY;EAE5B,MAAM,WAAW,YAAyB;EAE1C,MAAM,UAAU,QAAQ;GAAE;GAAO;GAAM;GAAU,CAAA;EAEjD,MAAM,EAAE,OAAO,aAAa,YAAY,cAAc,iBAAiB;AAEvE,UAAQ,gBAAgB;GACtB;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,CAAA;EAED,MAAM,YAAY,OAAO,aAAa,KAAA,EAAS;AAE/C,eACE,MAAM,UAAU,UAAU,YAAY;AACpC,IAAC,WAAW,QAAQ,aAAY;IACjC;EAEH,MAAM,OAAO,eAAe;AAC1B,UAAO,CAAC,CAAC,MAAM,OAAO,MAAM,UAAU,MAAM,OAAO,KAAA;IACpD;;;;;;;;EASD,SAAS,cAAc,GAAkB;AACvC,OAAI,MAAM,YAAY,EAAE,QAAQ,SAAU;AAE1C,OAAI,EAAE,QAAQ,UAAU;AACtB,QAAI,MAAM,SAAS;AACjB,OAAE,gBAAe;AACjB,kBAAY;;AAEd;;AAIF,OAAI,EADS,EAAE,WAAW,EAAE,SACjB;GAEX,MAAM,MAAM,EAAE,IAAI,aAAY;AAE9B,OAAI,QAAQ,OAAO,MAAM,SAAS;AAChC,MAAE,gBAAe;AACjB,gBAAW;AACX;;AAGF,OAAI,EAAE,QAAQ,eAAe,MAAM,OAAO,MAAM,SAAS,UAAU;AACjE,MAAE,gBAAe;AACjB,iBAAa,MAAM,IAAG;AACtB;;AAGF,OAAI,QAAQ,OAAO,CAAC,MAAM,SAAS;AACjC,MAAE,gBAAe;AACjB,kBAAa;;;;uBAzLf,YAiBW,MAAA,YAAA,EAAA;IAhBR,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC;IACZ,MAAM,KAAA;IACP,MAAK;IACL,KAAI;IACJ,WAAA;IACC,WAAS;IACV,UAAS;;2BAEI;KAAb,mBAAA,SAAa;KACb,YAAgC,aAAA,EAAT,OAAK,CAAA;KAE5B,mBAAA,SAAa;KACb,YAGgB,aAAA,MAAA;wBAHO,WAAM,CAC3B,mBAAA,gBAAoB,EACpB,WAAoC,KAAA,QAAA,QAAA,eAAA,mBAAV,OAAM,CAAA,CAAA,CAAA,CAAA"}

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

@@ -5,6 +5,7 @@ import "../scroll/style.js";
 import "../form/style.js";
 import "../layout/style.js";
 import "../table/style.js";
+import "../kbd/style.js";
 import "./style2.css";
 import "@veltra/directives/ripple/style.js";
 import "@veltra/styles/anime/fade.scss";

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

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

package/dist/components/button/style2.css

@@ -16,7 +16,8 @@
 */
 /** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
 .u-button {
-  color: var(--u-text-color-main);
+  color: var(--u-button-default-color, var(--u-text-color-main));
+  box-sizing: border-box;
   line-height: 1;
   outline: none;
   text-decoration: none;
@@ -26,8 +27,8 @@
   cursor: pointer;
   padding: 0 0.8em;
   -webkit-appearance: none;
-  border: none;
-  background-color: var(--u-color-default);
+  border: 1px solid var(--u-button-default-border, transparent);
+  background-color: var(--u-button-default-bg, var(--u-color-default));
   box-shadow: var(--u-shadow-emboss);
   transition: background-color 0.25s, box-shadow 0.2s;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -38,6 +39,10 @@
   align-items: center;
   flex-wrap: nowrap;
 }
+.u-button:hover {
+  background-color: var(--u-button-default-hover-bg, var(--u-color-default-dark-1));
+  border-color: var(--u-button-default-hover-border, transparent);
+}
 .u-button:active {
   box-shadow: none;
 }
@@ -104,10 +109,11 @@
 }
 .u-button--color-primary {
   background-color: var(--u-color-primary);
-  color: var(--u-text-color-white);
+  color: var(--u-button-primary-text-color, var(--u-text-color-white));
 }
 .u-button--color-primary:hover {
-  background-color: var(--u-color-primary-dark-1);
+  background-color: var(--u-button-primary-hover-bg, var(--u-color-primary-dark-1));
+  color: var(--u-button-primary-hover-color, var(--u-button-primary-text-color, var(--u-text-color-white)));
 }
 .u-button--color-primary.is-disabled {
   background-color: var(--u-color-primary-light-5);
@@ -129,7 +135,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-primary);
 }
 .u-button--color-primary.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-primary.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-primary-light-9);
+  background-color: var(--u-button-primary-plain-bg, var(--u-color-primary-light-9));
 }
 .u-button--color-primary.is-text.is-disabled {
   color: var(--u-color-primary-light-5);
@@ -138,9 +144,9 @@
   color: var(--u-color-primary-light-5);
 }
 .u-button--color-primary.is-plain {
-  color: var(--u-color-primary);
-  background-color: var(--u-color-primary-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-primary-light-5);
+  color: var(--u-button-primary-plain-color, var(--u-color-primary));
+  background-color: var(--u-button-primary-plain-bg, var(--u-color-primary-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-primary-plain-shadow, var(--u-color-primary-light-5));
 }
 .u-button--color-primary.is-plain:active {
   box-shadow: none;
@@ -154,10 +160,11 @@
 }
 .u-button--color-success {
   background-color: var(--u-color-success);
-  color: var(--u-text-color-white);
+  color: var(--u-button-success-text-color, var(--u-text-color-white));
 }
 .u-button--color-success:hover {
-  background-color: var(--u-color-success-dark-1);
+  background-color: var(--u-button-success-hover-bg, var(--u-color-success-dark-1));
+  color: var(--u-button-success-hover-color, var(--u-button-success-text-color, var(--u-text-color-white)));
 }
 .u-button--color-success.is-disabled {
   background-color: var(--u-color-success-light-5);
@@ -179,7 +186,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-success);
 }
 .u-button--color-success.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-success.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-success-light-9);
+  background-color: var(--u-button-success-plain-bg, var(--u-color-success-light-9));
 }
 .u-button--color-success.is-text.is-disabled {
   color: var(--u-color-success-light-5);
@@ -188,9 +195,9 @@
   color: var(--u-color-success-light-5);
 }
 .u-button--color-success.is-plain {
-  color: var(--u-color-success);
-  background-color: var(--u-color-success-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-success-light-5);
+  color: var(--u-button-success-plain-color, var(--u-color-success));
+  background-color: var(--u-button-success-plain-bg, var(--u-color-success-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-success-plain-shadow, var(--u-color-success-light-5));
 }
 .u-button--color-success.is-plain:active {
   box-shadow: none;
@@ -204,10 +211,11 @@
 }
 .u-button--color-warning {
   background-color: var(--u-color-warning);
-  color: var(--u-text-color-white);
+  color: var(--u-button-warning-text-color, var(--u-text-color-white));
 }
 .u-button--color-warning:hover {
-  background-color: var(--u-color-warning-dark-1);
+  background-color: var(--u-button-warning-hover-bg, var(--u-color-warning-dark-1));
+  color: var(--u-button-warning-hover-color, var(--u-button-warning-text-color, var(--u-text-color-white)));
 }
 .u-button--color-warning.is-disabled {
   background-color: var(--u-color-warning-light-5);
@@ -229,7 +237,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-warning);
 }
 .u-button--color-warning.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-warning.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-warning-light-9);
+  background-color: var(--u-button-warning-plain-bg, var(--u-color-warning-light-9));
 }
 .u-button--color-warning.is-text.is-disabled {
   color: var(--u-color-warning-light-5);
@@ -238,9 +246,9 @@
   color: var(--u-color-warning-light-5);
 }
 .u-button--color-warning.is-plain {
-  color: var(--u-color-warning);
-  background-color: var(--u-color-warning-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-warning-light-5);
+  color: var(--u-button-warning-plain-color, var(--u-color-warning));
+  background-color: var(--u-button-warning-plain-bg, var(--u-color-warning-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-warning-plain-shadow, var(--u-color-warning-light-5));
 }
 .u-button--color-warning.is-plain:active {
   box-shadow: none;
@@ -254,10 +262,11 @@
 }
 .u-button--color-danger {
   background-color: var(--u-color-danger);
-  color: var(--u-text-color-white);
+  color: var(--u-button-danger-text-color, var(--u-text-color-white));
 }
 .u-button--color-danger:hover {
-  background-color: var(--u-color-danger-dark-1);
+  background-color: var(--u-button-danger-hover-bg, var(--u-color-danger-dark-1));
+  color: var(--u-button-danger-hover-color, var(--u-button-danger-text-color, var(--u-text-color-white)));
 }
 .u-button--color-danger.is-disabled {
   background-color: var(--u-color-danger-light-5);
@@ -279,7 +288,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-danger);
 }
 .u-button--color-danger.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-danger.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-danger-light-9);
+  background-color: var(--u-button-danger-plain-bg, var(--u-color-danger-light-9));
 }
 .u-button--color-danger.is-text.is-disabled {
   color: var(--u-color-danger-light-5);
@@ -288,9 +297,9 @@
   color: var(--u-color-danger-light-5);
 }
 .u-button--color-danger.is-plain {
-  color: var(--u-color-danger);
-  background-color: var(--u-color-danger-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-danger-light-5);
+  color: var(--u-button-danger-plain-color, var(--u-color-danger));
+  background-color: var(--u-button-danger-plain-bg, var(--u-color-danger-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-danger-plain-shadow, var(--u-color-danger-light-5));
 }
 .u-button--color-danger.is-plain:active {
   box-shadow: none;
@@ -304,10 +313,11 @@
 }
 .u-button--color-info {
   background-color: var(--u-color-info);
-  color: var(--u-text-color-white);
+  color: var(--u-button-info-text-color, var(--u-text-color-white));
 }
 .u-button--color-info:hover {
-  background-color: var(--u-color-info-dark-1);
+  background-color: var(--u-button-info-hover-bg, var(--u-color-info-dark-1));
+  color: var(--u-button-info-hover-color, var(--u-button-info-text-color, var(--u-text-color-white)));
 }
 .u-button--color-info.is-disabled {
   background-color: var(--u-color-info-light-5);
@@ -329,7 +339,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-info);
 }
 .u-button--color-info.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-info.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-info-light-9);
+  background-color: var(--u-button-info-plain-bg, var(--u-color-info-light-9));
 }
 .u-button--color-info.is-text.is-disabled {
   color: var(--u-color-info-light-5);
@@ -338,9 +348,9 @@
   color: var(--u-color-info-light-5);
 }
 .u-button--color-info.is-plain {
-  color: var(--u-color-info);
-  background-color: var(--u-color-info-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-info-light-5);
+  color: var(--u-button-info-plain-color, var(--u-color-info));
+  background-color: var(--u-button-info-plain-bg, var(--u-color-info-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-info-plain-shadow, var(--u-color-info-light-5));
 }
 .u-button--color-info.is-plain:active {
   box-shadow: none;
@@ -354,10 +364,11 @@
 }
 .u-button--color-disabled {
   background-color: var(--u-color-disabled);
-  color: var(--u-text-color-white);
+  color: var(--u-button-disabled-text-color, var(--u-text-color-white));
 }
 .u-button--color-disabled:hover {
-  background-color: var(--u-color-disabled-dark-1);
+  background-color: var(--u-button-disabled-hover-bg, var(--u-color-disabled-dark-1));
+  color: var(--u-button-disabled-hover-color, var(--u-button-disabled-text-color, var(--u-text-color-white)));
 }
 .u-button--color-disabled.is-disabled {
   background-color: var(--u-color-disabled-light-5);
@@ -379,7 +390,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-disabled);
 }
 .u-button--color-disabled.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-disabled.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-disabled-light-9);
+  background-color: var(--u-button-disabled-plain-bg, var(--u-color-disabled-light-9));
 }
 .u-button--color-disabled.is-text.is-disabled {
   color: var(--u-color-disabled-light-5);
@@ -388,9 +399,9 @@
   color: var(--u-color-disabled-light-5);
 }
 .u-button--color-disabled.is-plain {
-  color: var(--u-color-disabled);
-  background-color: var(--u-color-disabled-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-disabled-light-5);
+  color: var(--u-button-disabled-plain-color, var(--u-color-disabled));
+  background-color: var(--u-button-disabled-plain-bg, var(--u-color-disabled-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-disabled-plain-shadow, var(--u-color-disabled-light-5));
 }
 .u-button--color-disabled.is-plain:active {
   box-shadow: none;
@@ -404,10 +415,11 @@
 }
 .u-button--color-default {
   background-color: var(--u-color-default);
-  color: var(--u-text-color-white);
+  color: var(--u-button-default-text-color, var(--u-text-color-white));
 }
 .u-button--color-default:hover {
-  background-color: var(--u-color-default-dark-1);
+  background-color: var(--u-button-default-hover-bg, var(--u-color-default-dark-1));
+  color: var(--u-button-default-hover-color, var(--u-button-default-text-color, var(--u-text-color-white)));
 }
 .u-button--color-default.is-disabled {
   background-color: var(--u-color-default-light-5);
@@ -429,7 +441,7 @@
   box-shadow: 0px 0px 0px 1px var(--u-color-default);
 }
 .u-button--color-default.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-default.is-text:not(.is-disabled):not(.is-loading):focus {
-  background-color: var(--u-color-default-light-9);
+  background-color: var(--u-button-default-plain-bg, var(--u-color-default-light-9));
 }
 .u-button--color-default.is-text.is-disabled {
   color: var(--u-color-default-light-5);
@@ -438,9 +450,9 @@
   color: var(--u-color-default-light-5);
 }
 .u-button--color-default.is-plain {
-  color: var(--u-color-default);
-  background-color: var(--u-color-default-light-9);
-  box-shadow: 0px 0px 2px 1px var(--u-color-default-light-5);
+  color: var(--u-button-default-plain-color, var(--u-color-default));
+  background-color: var(--u-button-default-plain-bg, var(--u-color-default-light-9));
+  box-shadow: 0px 0px 2px 1px var(--u-button-default-plain-shadow, var(--u-color-default-light-5));
 }
 .u-button--color-default.is-plain:active {
   box-shadow: none;

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

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

package/dist/components/cascade/style2.css

@@ -127,7 +127,8 @@
   margin-bottom: 0.2rem;
 }
 .u-cascade-panel-item__option.is-active {
-  background-color: var(--u-color-primary-light-9);
+  background-color: var(--u-cascade-node-active-bg, var(--u-color-primary-light-9));
+  color: var(--u-cascade-node-active-color, var(--u-color-primary));
   border-radius: var(--u-radius-default);
 }
 .u-cascade-panel-item__option.is-selected {

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

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

package/dist/components/checkbox/style2.css

@@ -74,7 +74,7 @@
 .u-checkbox__wrap {
   border: var(--u-border-width) var(--u-border-style) var(--u-checkbox-border, #ccc);
   border-radius: 6px;
-  color: #fff;
+  color: var(--u-checkbox-color, #fff);
   transition: background-color 0.15s ease;
   display: inline-flex;
   justify-content: center;
@@ -85,7 +85,7 @@
   line-height: 1em;
 }
 .u-checkbox--indeterminate {
-  background-color: #fff;
+  background-color: var(--u-checkbox-color, #fff);
   width: 10px;
   height: 2px;
   vertical-align: middle;

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

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

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

@@ -13,9 +13,9 @@ declare const __VLS_base: _$vue.DefineComponent<CollapseProps, _CollapseExposed,
   "onUpdate:modelValue"?: ((value: CollapseModelValue) => any) | undefined;
   onChange?: ((value: CollapseModelValue) => any) | undefined;
 }>, {
+  iconPosition: CollapseIconPosition;
   accordion: boolean;
   bordered: boolean;
-  iconPosition: CollapseIconPosition;
 }, {}, {}, {}, 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/date-picker/date-picker.vue.d.ts

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

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

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

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

@@ -14,12 +14,12 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: boolean) => any;
 } & {
-  "update:modelValue": (value: boolean) => any;
   close: () => any;
+  "update:modelValue": (value: boolean) => any;
   closed: () => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onClose?: (() => any) | undefined;
+  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onClosed?: (() => any) | undefined;
 }>, {
   direction: DrawerDirection;