@veltra/desktop 1.2.21 → 1.2.23

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","names":[],"sources":["../../../src/components/date-picker/date-picker.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    :class=\"className\"\n    trigger=\"click\"\n    width=\"auto\"\n    ref=\"dropdownRef\"\n    @update:visible=\"\"\n    :disabled=\"disabled\"\n    v-if=\"!readonly\"\n  >\n    <template #trigger>\n      <u-input\n        :size=\"size\"\n        native-readonly\n        :clearable=\"clearable\"\n        :placeholder=\"placeholder\"\n        :model-value=\"displayedValue\"\n        :disabled=\"disabled\"\n        @clear=\"handleClear\"\n      >\n        <template #suffix>\n          <u-icon :class=\"cls.e('icon')\"><Calendar /></u-icon>\n        </template>\n      </u-input>\n    </template>\n\n    <template #content>\n      <UDatePanel :size :type :disabled-date :date=\"currentDate\" @select:date=\"handleSelectDate\" />\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ displayedValue || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { date, type Dater } from '@cat-kit/core'\nimport { useFormFallbackProps, useUserAction } from '@veltra/compositions'\nimport { Calendar } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { DatePickerEmits, DatePickerProps } from '../../types'\nimport type { DropdownExposed } from '../../types'\nimport { UDatePanel } from '../date-panel'\nimport { UDropdown } from '../dropdown'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\n\ndefineOptions({ name: 'UDatePicker' })\n\nconst props = withDefaults(defineProps<DatePickerProps>(), {\n  placeholder: '选择日期',\n  type: 'date',\n  disabled: undefined,\n  readonly: undefined,\n  clearable: true\n})\n\nconst emit = defineEmits<DatePickerEmits>()\n\nconst cls = bem('date-picker')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value)]\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\n\nconst formatStr = computed(() => {\n  const { format, type } = props\n  if (format) return format\n  if (type === 'date') return 'yyyy-MM-dd'\n  if (type === 'month') return 'yyyy-MM'\n  if (type === 'year') return 'yyyy'\n  return 'yyyy-MM-dd'\n})\n\nconst currentDate = shallowRef<Dater>()\n\nconst { userAction, isUserActive } = useUserAction()\n\nwatch(\n  () => props.modelValue,\n  (modelValue) => {\n    if (isUserActive()) return\n    currentDate.value = modelValue ? date(modelValue) : undefined\n  },\n  { immediate: true }\n)\n\nconst displayedValue = computed(() => {\n  return currentDate.value?.format(formatStr.value) ?? ''\n})\n\nconst commitSelectedDate = userAction((date: Dater) => {\n  currentDate.value = date\n  emit('update:modelValue', date.format(formatStr.value))\n})\n\nasync function handleSelectDate(date: Dater) {\n  await commitSelectedDate(date)\n  dropdownRef.value?.close()\n}\n\nfunction handleClear() {\n  currentDate.value = undefined\n  emit('update:modelValue', undefined)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqDA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,aAAa;EAE7B,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG;GAClF,MAAM;GACN,UAAU;GACV,UAAU;EACZ,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO,CAAC,IAAI,GAAG,IAAI,EAAE,KAAK,KAAK,CAAC;EAClC,CAAC;EAED,MAAM,cAAc,WAA4B;EAEhD,MAAM,YAAY,eAAe;GAC/B,MAAM,EAAE,QAAQ,SAAS;GACzB,IAAI,QAAQ,OAAO;GACnB,IAAI,SAAS,QAAQ,OAAO;GAC5B,IAAI,SAAS,SAAS,OAAO;GAC7B,IAAI,SAAS,QAAQ,OAAO;GAC5B,OAAO;EACT,CAAC;EAED,MAAM,cAAc,WAAkB;EAEtC,MAAM,EAAE,YAAY,iBAAiB,cAAc;EAEnD,YACQ,MAAM,aACX,eAAe;GACd,IAAI,aAAa,GAAG;GACpB,YAAY,QAAQ,aAAa,KAAK,UAAU,IAAI,KAAA;EACtD,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,MAAM,iBAAiB,eAAe;GACpC,OAAO,YAAY,OAAO,OAAO,UAAU,KAAK,KAAK;EACvD,CAAC;EAED,MAAM,qBAAqB,YAAY,SAAgB;GACrD,YAAY,QAAQ;GACpB,KAAK,qBAAqB,KAAK,OAAO,UAAU,KAAK,CAAC;EACxD,CAAC;EAED,eAAe,iBAAiB,MAAa;GAC3C,MAAM,mBAAmB,IAAI;GAC7B,YAAY,OAAO,MAAM;EAC3B;EAEA,SAAS,cAAc;GACrB,YAAY,QAAQ,KAAA;GACpB,KAAK,qBAAqB,KAAA,CAAS;EACrC;;WA9GW,MAAA,QAAA,KAAA,UAAA,GAPT,YA4Ba,MAAA,WAAA,GAAA;;IA3BV,OAAK,eAAE,UAAA,KAAS;IACjB,SAAQ;IACR,OAAM;aACF;IAAJ,KAAI;IACH,oBAAc,OAAA,OAAA,OAAA,WAAf,CAAA;IACC,UAAU,MAAA,QAAA;;IAGA,SAAO,cAaN,CAZV,YAYU,MAAA,aAAA,GAAA;KAXP,MAAM,MAAA,IAAA;KACP,mBAAA;KACC,WAAW,QAAA;KACX,aAAa,QAAA;KACb,eAAa,eAAA;KACb,UAAU,MAAA,QAAA;KACV,SAAO;;KAEG,QAAM,cACqC,CAApD,YAAoD,MAAA,WAAA,GAAA,EAA3C,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA,EAAA,GAAA;6BAAsB,CAAZ,YAAY,MAAA,QAAA,CAAA,CAAA,CAAA;;;;;;;;;;;IAKtC,SAAO,cAC6E,CAA7F,YAA6F,MAAA,WAAA,GAAA;KAAhF,MAAA,MAAA,IAAA;KAAM,MAAA,QAAA;KAAM,iBAAA,QAAA;KAAe,MAAM,YAAA;KAAc,iBAAa;;;;;;;;iDAI7E,mBAEW,UAAA,EAAA,KAAA,EAAA,GAAA,CAAA,gBAAA,gBADN,eAAA,SAAkB,MAAA,kBAAA,CAAkB,GAAA,CAAA,CAAA,GAAA,EAAA"}
+{"version":3,"file":"date-picker.js","names":["$attrs"],"sources":["../../../src/components/date-picker/date-picker.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    v-if=\"!readonly\"\n    v-bind=\"$attrs\"\n    :class=\"className\"\n    trigger=\"click\"\n    width=\"auto\"\n    ref=\"dropdownRef\"\n    @update:visible=\"\"\n    :disabled=\"disabled\"\n  >\n    <template #trigger>\n      <u-input\n        :size=\"size\"\n        native-readonly\n        :clearable=\"clearable\"\n        :placeholder=\"placeholder\"\n        :model-value=\"displayedValue\"\n        :disabled=\"disabled\"\n        @clear=\"handleClear\"\n      >\n        <template #suffix>\n          <u-icon :class=\"cls.e('icon')\"><Calendar /></u-icon>\n        </template>\n      </u-input>\n    </template>\n\n    <template #content>\n      <UDatePanel :size :type :disabled-date :date=\"currentDate\" @select:date=\"handleSelectDate\" />\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ displayedValue || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { date, type Dater } from '@cat-kit/core'\nimport { useFormFallbackProps, useUserAction } from '@veltra/compositions'\nimport { Calendar } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { DatePickerEmits, DatePickerProps } from '../../types'\nimport type { DropdownExposed } from '../../types'\nimport { UDatePanel } from '../date-panel'\nimport { UDropdown } from '../dropdown'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\n\ndefineOptions({ name: 'UDatePicker', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<DatePickerProps>(), {\n  placeholder: '选择日期',\n  type: 'date',\n  disabled: undefined,\n  readonly: undefined,\n  clearable: true\n})\n\nconst emit = defineEmits<DatePickerEmits>()\n\nconst cls = bem('date-picker')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value)]\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\n\nconst formatStr = computed(() => {\n  const { format, type } = props\n  if (format) return format\n  if (type === 'date') return 'yyyy-MM-dd'\n  if (type === 'month') return 'yyyy-MM'\n  if (type === 'year') return 'yyyy'\n  return 'yyyy-MM-dd'\n})\n\nconst currentDate = shallowRef<Dater>()\n\nconst { userAction, isUserActive } = useUserAction()\n\nwatch(\n  () => props.modelValue,\n  (modelValue) => {\n    if (isUserActive()) return\n    currentDate.value = modelValue ? date(modelValue) : undefined\n  },\n  { immediate: true }\n)\n\nconst displayedValue = computed(() => {\n  return currentDate.value?.format(formatStr.value) ?? ''\n})\n\nconst commitSelectedDate = userAction((date: Dater) => {\n  currentDate.value = date\n  emit('update:modelValue', date.format(formatStr.value))\n})\n\nasync function handleSelectDate(date: Dater) {\n  await commitSelectedDate(date)\n  dropdownRef.value?.close()\n}\n\nfunction handleClear() {\n  currentDate.value = undefined\n  emit('update:modelValue', undefined)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsDA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,aAAa;EAE7B,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG;GAClF,MAAM;GACN,UAAU;GACV,UAAU;EACZ,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO,CAAC,IAAI,GAAG,IAAI,EAAE,KAAK,KAAK,CAAC;EAClC,CAAC;EAED,MAAM,cAAc,WAA4B;EAEhD,MAAM,YAAY,eAAe;GAC/B,MAAM,EAAE,QAAQ,SAAS;GACzB,IAAI,QAAQ,OAAO;GACnB,IAAI,SAAS,QAAQ,OAAO;GAC5B,IAAI,SAAS,SAAS,OAAO;GAC7B,IAAI,SAAS,QAAQ,OAAO;GAC5B,OAAO;EACT,CAAC;EAED,MAAM,cAAc,WAAkB;EAEtC,MAAM,EAAE,YAAY,iBAAiB,cAAc;EAEnD,YACQ,MAAM,aACX,eAAe;GACd,IAAI,aAAa,GAAG;GACpB,YAAY,QAAQ,aAAa,KAAK,UAAU,IAAI,KAAA;EACtD,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,MAAM,iBAAiB,eAAe;GACpC,OAAO,YAAY,OAAO,OAAO,UAAU,KAAK,KAAK;EACvD,CAAC;EAED,MAAM,qBAAqB,YAAY,SAAgB;GACrD,YAAY,QAAQ;GACpB,KAAK,qBAAqB,KAAK,OAAO,UAAU,KAAK,CAAC;EACxD,CAAC;EAED,eAAe,iBAAiB,MAAa;GAC3C,MAAM,mBAAmB,IAAI;GAC7B,YAAY,OAAO,MAAM;EAC3B;EAEA,SAAS,cAAc;GACrB,YAAY,QAAQ,KAAA;GACpB,KAAK,qBAAqB,KAAA,CAAS;EACrC;;WArHW,MAAA,QAAA,KAAA,UAAA,GADT,YA6Ba,MAAA,WAAA,GA7Bb,WA6Ba,EAAA,KAAA,EAAA,GA3BHA,KAAAA,QAAM;IACb,OAAO,UAAA;IACR,SAAQ;IACR,OAAM;aACF;IAAJ,KAAI;IACH,oBAAc,OAAA,OAAA,OAAA,WAAf,CAAA;IACC,UAAU,MAAA,QAAA;;IAEA,SAAO,cAaN,CAZV,YAYU,MAAA,aAAA,GAAA;KAXP,MAAM,MAAA,IAAA;KACP,mBAAA;KACC,WAAW,QAAA;KACX,aAAa,QAAA;KACb,eAAa,eAAA;KACb,UAAU,MAAA,QAAA;KACV,SAAO;;KAEG,QAAM,cACqC,CAApD,YAAoD,MAAA,WAAA,GAAA,EAA3C,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA,EAAA,GAAA;6BAAsB,CAAZ,YAAY,MAAA,QAAA,CAAA,CAAA,CAAA;;;;;;;;;;;IAKtC,SAAO,cAC6E,CAA7F,YAA6F,MAAA,WAAA,GAAA;KAAhF,MAAA,MAAA,IAAA;KAAM,MAAA,QAAA;KAAM,iBAAA,QAAA;KAAe,MAAM,YAAA;KAAc,iBAAa;;;;;;;;kDAI7E,mBAEW,UAAA,EAAA,KAAA,EAAA,GAAA,CAAA,gBAAA,gBADN,eAAA,SAAkB,MAAA,kBAAA,CAAkB,GAAA,CAAA,CAAA,GAAA,EAAA"}

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

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

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

@@ -1,7 +1,7 @@
 import _sfc_main$1 from "../icon/icon.js";
 import _sfc_main$2 from "../dropdown/dropdown.js";
 import _sfc_main$3 from "../date-panel/date-panel.js";
-import { Fragment, Transition, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, shallowRef, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
+import { Fragment, Transition, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, shallowRef, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
 import { useFormFallbackProps, useUserAction } from "@veltra/compositions";
 import { FORM_EMPTY_CONTENT, bem, injectFormContext } from "@veltra/utils";
 import { Calendar, Close } from "@veltra/icons/normal";
@@ -11,6 +11,7 @@ const _hoisted_1 = ["value", "placeholder"];
 const _hoisted_2 = ["value", "placeholder"];
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "UDateRangePicker",
+	inheritAttrs: false,
 	__name: "date-range-picker",
 	props: {
 		modelValue: {},
@@ -92,9 +93,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			emit("update:modelValue", void 0);
 		}
 		return (_ctx, _cache) => {
-			return !unref(readonly) ? (openBlock(), createBlock(unref(_sfc_main$2), {
-				key: 0,
-				class: normalizeClass(className.value),
+			return !unref(readonly) ? (openBlock(), createBlock(unref(_sfc_main$2), mergeProps({ key: 0 }, _ctx.$attrs, {
+				class: className.value,
 				trigger: "click",
 				"content-class": [unref(cls).e("panel"), unref(cls).em("panel", unref(size))],
 				width: "auto",
@@ -103,7 +103,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				disabled: unref(disabled),
 				onMouseenter: _cache[0] || (_cache[0] = ($event) => hovered.value = true),
 				onMouseleave: _cache[1] || (_cache[1] = ($event) => hovered.value = false)
-			}, {
+			}), {
 				trigger: withCtx(() => [
 					createElementVNode("input", {
 						type: "text",
@@ -156,7 +156,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"range-date"
 				])]),
 				_: 1
-			}, 8, [
+			}, 16, [
 				"class",
 				"content-class",
 				"disabled"

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

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.js","names":[],"sources":["../../../src/components/date-range-picker/date-range-picker.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    :class=\"className\"\n    trigger=\"click\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size)]\"\n    width=\"auto\"\n    ref=\"dropdownRef\"\n    :disabled=\"disabled\"\n    @mouseenter.native=\"hovered = true\"\n    @mouseleave.native=\"hovered = false\"\n    v-if=\"!readonly\"\n  >\n    <template #trigger>\n      <input\n        type=\"text\"\n        :class=\"cls.e('input')\"\n        :value=\"displayedOfStart\"\n        :placeholder=\"placeholder[0]\"\n        readonly\n      />\n      <span :class=\"cls.e('separator')\">至</span>\n      <input\n        type=\"text\"\n        :class=\"cls.e('input')\"\n        :value=\"displayedOfEnd\"\n        :placeholder=\"placeholder[1]\"\n        readonly\n      />\n\n      <Transition name=\"zoom-in\" mode=\"out-in\">\n        <UIcon\n          v-if=\"clearable && modelValue && hovered && !disabled\"\n          :class=\"[cls.e('icon'), cls.e('clear')]\"\n          title=\"清除\"\n          @click.stop=\"handleClear\"\n        >\n          <Close />\n        </UIcon>\n\n        <u-icon :class=\"cls.e('icon')\" v-else><Calendar /></u-icon>\n      </Transition>\n    </template>\n\n    <template #content>\n      <UDatePanel\n        range\n        :type\n        :disabled-date\n        :size\n        :range-date=\"currentRangeDate\"\n        @select:range-date=\"handleSelect\"\n      />\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ displayedOfStart || FORM_EMPTY_CONTENT }} 至\n    {{ displayedOfEnd || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { date, type Dater } from '@cat-kit/core'\nimport { useFormFallbackProps, useUserAction } from '@veltra/compositions'\nimport { Calendar, Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { DateRangePickerEmits, DateRangePickerProps, DropdownExposed } from '../../types'\nimport { UDatePanel } from '../date-panel'\nimport { UDropdown } from '../dropdown'\nimport { UIcon } from '../icon'\n\ndefineOptions({ name: 'UDateRangePicker' })\n\nconst props = withDefaults(defineProps<DateRangePickerProps>(), {\n  placeholder: () => ['起始日期', '结束日期'],\n  type: 'date',\n  disabled: undefined,\n  readonly: undefined,\n  clearable: true\n})\n\nconst emit = defineEmits<DateRangePickerEmits>()\n\nconst cls = bem('date-range-picker')\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value), bem.is('disabled', disabled.value)]\n})\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\n\nconst { userAction, isUserActive } = useUserAction()\n\nconst currentRangeDate = shallowRef<[Dater, Dater]>()\n\nconst displayedOfStart = computed(() => {\n  return props.modelValue?.[0]\n})\n\nconst displayedOfEnd = computed(() => {\n  return props.modelValue?.[1]\n})\n\nconst formatStr = computed(() => {\n  const { format, type } = props\n  if (format) return format\n  if (type === 'date') return 'yyyy-MM-dd'\n  if (type === 'month') return 'yyyy-MM'\n  if (type === 'year') return 'yyyy'\n  return 'yyyy-MM-dd'\n})\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (isUserActive()) return\n    if (val?.length === 2) {\n      currentRangeDate.value = [date(val[0]), date(val[1])]\n    } else {\n      currentRangeDate.value = undefined\n    }\n  },\n  { immediate: true }\n)\n\nconst commitSelectedRange = userAction((rangeDate: [Dater, Dater] | undefined) => {\n  currentRangeDate.value = rangeDate\n  emit('update:modelValue', rangeDate?.map((d) => d.format(formatStr.value)) as [string, string])\n})\n\nasync function handleSelect(rangeDate: [Dater, Dater] | undefined) {\n  await commitSelectedRange(rangeDate)\n  dropdownRef.value?.close()\n}\n\nconst hovered = shallowRef(false)\n\nfunction handleClear() {\n  currentRangeDate.value = undefined\n  emit('update:modelValue', undefined)\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"date-range-picker.js","names":["$attrs"],"sources":["../../../src/components/date-range-picker/date-range-picker.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    v-if=\"!readonly\"\n    v-bind=\"$attrs\"\n    :class=\"className\"\n    trigger=\"click\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size)]\"\n    width=\"auto\"\n    ref=\"dropdownRef\"\n    :disabled=\"disabled\"\n    @mouseenter.native=\"hovered = true\"\n    @mouseleave.native=\"hovered = false\"\n  >\n    <template #trigger>\n      <input\n        type=\"text\"\n        :class=\"cls.e('input')\"\n        :value=\"displayedOfStart\"\n        :placeholder=\"placeholder[0]\"\n        readonly\n      />\n      <span :class=\"cls.e('separator')\">至</span>\n      <input\n        type=\"text\"\n        :class=\"cls.e('input')\"\n        :value=\"displayedOfEnd\"\n        :placeholder=\"placeholder[1]\"\n        readonly\n      />\n\n      <Transition name=\"zoom-in\" mode=\"out-in\">\n        <UIcon\n          v-if=\"clearable && modelValue && hovered && !disabled\"\n          :class=\"[cls.e('icon'), cls.e('clear')]\"\n          title=\"清除\"\n          @click.stop=\"handleClear\"\n        >\n          <Close />\n        </UIcon>\n\n        <u-icon :class=\"cls.e('icon')\" v-else><Calendar /></u-icon>\n      </Transition>\n    </template>\n\n    <template #content>\n      <UDatePanel\n        range\n        :type\n        :disabled-date\n        :size\n        :range-date=\"currentRangeDate\"\n        @select:range-date=\"handleSelect\"\n      />\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ displayedOfStart || FORM_EMPTY_CONTENT }} 至\n    {{ displayedOfEnd || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { date, type Dater } from '@cat-kit/core'\nimport { useFormFallbackProps, useUserAction } from '@veltra/compositions'\nimport { Calendar, Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { DateRangePickerEmits, DateRangePickerProps, DropdownExposed } from '../../types'\nimport { UDatePanel } from '../date-panel'\nimport { UDropdown } from '../dropdown'\nimport { UIcon } from '../icon'\n\ndefineOptions({ name: 'UDateRangePicker', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<DateRangePickerProps>(), {\n  placeholder: () => ['起始日期', '结束日期'],\n  type: 'date',\n  disabled: undefined,\n  readonly: undefined,\n  clearable: true\n})\n\nconst emit = defineEmits<DateRangePickerEmits>()\n\nconst cls = bem('date-range-picker')\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value), bem.is('disabled', disabled.value)]\n})\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\n\nconst { userAction, isUserActive } = useUserAction()\n\nconst currentRangeDate = shallowRef<[Dater, Dater]>()\n\nconst displayedOfStart = computed(() => {\n  return props.modelValue?.[0]\n})\n\nconst displayedOfEnd = computed(() => {\n  return props.modelValue?.[1]\n})\n\nconst formatStr = computed(() => {\n  const { format, type } = props\n  if (format) return format\n  if (type === 'date') return 'yyyy-MM-dd'\n  if (type === 'month') return 'yyyy-MM'\n  if (type === 'year') return 'yyyy'\n  return 'yyyy-MM-dd'\n})\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (isUserActive()) return\n    if (val?.length === 2) {\n      currentRangeDate.value = [date(val[0]), date(val[1])]\n    } else {\n      currentRangeDate.value = undefined\n    }\n  },\n  { immediate: true }\n)\n\nconst commitSelectedRange = userAction((rangeDate: [Dater, Dater] | undefined) => {\n  currentRangeDate.value = rangeDate\n  emit('update:modelValue', rangeDate?.map((d) => d.format(formatStr.value)) as [string, string])\n})\n\nasync function handleSelect(rangeDate: [Dater, Dater] | undefined) {\n  await commitSelectedRange(rangeDate)\n  dropdownRef.value?.close()\n}\n\nconst hovered = shallowRef(false)\n\nfunction handleClear() {\n  currentRangeDate.value = undefined\n  emit('update:modelValue', undefined)\n}\n</script>\n"],"mappings":"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"}

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

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

package/dist/components/file-viewer/style2.css

@@ -18,6 +18,7 @@
 .u-file-viewer {
   --u-file-viewer-canvas: #101114;
   --u-file-viewer-canvas-soft: #17191f;
+  --u-file-viewer-canvas-overlay: rgba(16, 17, 20, 0.74);
   --u-file-viewer-page-shadow: 0 24px 72px rgba(0, 0, 0, 0.34);
   position: relative;
   display: flex;
@@ -150,7 +151,7 @@
   background: var(--u-bg-color-hover);
 }
 .u-file-viewer__item.is-active {
-  background: color-mix(in srgb, var(--u-color-primary) 8%, transparent);
+  background: var(--u-color-primary-a-8);
 }
 .u-file-viewer__item.is-active::before {
   opacity: 1;
@@ -210,37 +211,51 @@
 }
 .u-file-viewer__badge {
   --u-file-viewer-kind: var(--u-text-color-second);
+  --u-file-viewer-kind-border: fn.color-a(text-color, 28, second);
+  --u-file-viewer-kind-bg: fn.color-a(text-color, 10, second);
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   width: 40px;
   height: 26px;
-  border: 1px solid color-mix(in srgb, var(--u-file-viewer-kind) 28%, transparent);
+  border: 1px solid var(--u-file-viewer-kind-border);
   border-radius: 7px;
   color: var(--u-file-viewer-kind);
-  background: color-mix(in srgb, var(--u-file-viewer-kind) 10%, transparent);
+  background: var(--u-file-viewer-kind-bg);
   font-size: 10px;
   font-weight: 760;
   line-height: 1;
 }
 .u-file-viewer__badge--image {
   --u-file-viewer-kind: #0891b2;
+  --u-file-viewer-kind-border: rgba(8, 145, 178, 0.28);
+  --u-file-viewer-kind-bg: rgba(8, 145, 178, 0.1);
 }
 .u-file-viewer__badge--video {
   --u-file-viewer-kind: #db2777;
+  --u-file-viewer-kind-border: rgba(219, 39, 119, 0.28);
+  --u-file-viewer-kind-bg: rgba(219, 39, 119, 0.1);
 }
 .u-file-viewer__badge--pdf {
   --u-file-viewer-kind: #dc2626;
+  --u-file-viewer-kind-border: rgba(220, 38, 38, 0.28);
+  --u-file-viewer-kind-bg: rgba(220, 38, 38, 0.1);
 }
 .u-file-viewer__badge--sheet {
   --u-file-viewer-kind: #15803d;
+  --u-file-viewer-kind-border: rgba(21, 128, 61, 0.28);
+  --u-file-viewer-kind-bg: rgba(21, 128, 61, 0.1);
 }
 .u-file-viewer__badge--docx {
   --u-file-viewer-kind: #2563eb;
+  --u-file-viewer-kind-border: rgba(37, 99, 235, 0.28);
+  --u-file-viewer-kind-bg: rgba(37, 99, 235, 0.1);
 }
 .u-file-viewer__badge--text {
   --u-file-viewer-kind: #64748b;
+  --u-file-viewer-kind-border: rgba(100, 116, 139, 0.28);
+  --u-file-viewer-kind-bg: rgba(100, 116, 139, 0.1);
 }
 .u-file-viewer__stage {
   display: flex;
@@ -341,7 +356,7 @@
   gap: 2px;
   height: 34px;
   padding: 2px;
-  border: 1px solid color-mix(in srgb, var(--u-border-color) 86%, transparent);
+  border: 1px solid var(--u-border-color-a-86);
   border-radius: 8px;
   background: var(--u-bg-color-middle);
 }
@@ -367,7 +382,7 @@
 }
 .u-file-viewer__action:not(:disabled):hover {
   color: var(--u-color-primary);
-  background: color-mix(in srgb, var(--u-color-primary) 10%, transparent);
+  background: var(--u-color-primary-a-10);
 }
 .u-file-viewer__action:not(:disabled):active {
   transform: translateY(1px);
@@ -394,7 +409,7 @@
 }
 .u-file-viewer__action--primary:not(:disabled):hover {
   color: #fff;
-  background: color-mix(in srgb, var(--u-color-primary) 88%, #fff);
+  background: var(--u-color-primary-light-1);
 }
 .u-file-viewer.is-modal .u-file-viewer__action--primary {
   color: #06111d;
@@ -623,8 +638,8 @@
 }
 .u-file-viewer__sheet-tab.is-active {
   color: var(--u-color-primary);
-  background: color-mix(in srgb, var(--u-color-primary) 11%, transparent);
-  border-color: color-mix(in srgb, var(--u-color-primary) 22%, transparent);
+  background: var(--u-color-primary-a-11);
+  border-color: var(--u-color-primary-a-22);
 }
 .u-file-viewer.is-modal .u-file-viewer__sheet-tab {
   color: rgba(255, 255, 255, 0.58);
@@ -650,7 +665,7 @@
   align-items: center;
   justify-content: center;
   color: rgba(255, 255, 255, 0.72);
-  background: color-mix(in srgb, var(--u-file-viewer-canvas) 74%, transparent);
+  background: var(--u-file-viewer-canvas-overlay);
   font-size: 13px;
   pointer-events: none;
 }

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

@@ -27,9 +27,6 @@
 .u-form-item--small .u-form-item__content {
   min-height: var(--u-form-component-height-small);
 }
-.u-form-item--small .u-form-item__content .u-form-item__viewer {
-  min-height: var(--u-form-component-height-small);
-}
 .u-form-item--small .u-form-item__tips {
   font-size: var(--u-form-component-font-size-small);
 }
@@ -39,9 +36,6 @@
 .u-form-item--default .u-form-item__content {
   min-height: var(--u-form-component-height-default);
 }
-.u-form-item--default .u-form-item__content .u-form-item__viewer {
-  min-height: var(--u-form-component-height-default);
-}
 .u-form-item--default .u-form-item__tips {
   font-size: var(--u-form-component-font-size-default);
 }
@@ -51,9 +45,6 @@
 .u-form-item--large .u-form-item__content {
   min-height: var(--u-form-component-height-large);
 }
-.u-form-item--large .u-form-item__content .u-form-item__viewer {
-  min-height: var(--u-form-component-height-large);
-}
 .u-form-item--large .u-form-item__tips {
   font-size: var(--u-form-component-font-size-large);
 }
@@ -93,12 +84,6 @@
   align-items: center;
   flex-wrap: wrap;
 }
-.u-form-item__content .u-form-item__viewer {
-  line-height: 1.3;
-  color: var(--u-text-color-title);
-  display: inline-flex;
-  align-items: center;
-}
 .u-form-item__error {
   width: 100%;
   height: calc(var(--u-font-size-main-default) + 4px);

package/dist/components/group-input/group-input.js

@@ -8,6 +8,7 @@ import { Minus, Plus } from "@veltra/icons/normal";
 const _hoisted_1 = { key: 0 };
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "UGroupInput",
+	inheritAttrs: false,
 	__name: "group-input",
 	props: {
 		modelValue: { default: () => [] },
@@ -72,10 +73,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			});
 		}
 		return (_ctx, _cache) => {
-			return !unref(readonly) ? (openBlock(), createElementBlock("ul", {
-				key: 0,
-				class: normalizeClass([unref(cls).b, unref(cls).m(unref(size))])
-			}, [isEmpty.value && __props.creatable ? (openBlock(), createElementBlock("li", _hoisted_1, [createVNode(unref(_sfc_main$1), {
+			return !unref(readonly) ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, _ctx.$attrs, { class: [unref(cls).b, unref(cls).m(unref(size))] }), [isEmpty.value && __props.creatable ? (openBlock(), createElementBlock("li", _hoisted_1, [createVNode(unref(_sfc_main$1), {
 				style: { "width": "100%" },
 				icon: unref(Plus),
 				onClick: _cache[0] || (_cache[0] = ($event) => handleAdd(0)),
@@ -115,7 +113,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"size",
 					"onClick"
 				])], 2)], 6);
-			}), 128))], 2)) : unref(items)?.length ? (openBlock(), createElementBlock("ul", {
+			}), 128))], 16)) : unref(items)?.length ? (openBlock(), createElementBlock("ul", {
 				key: 1,
 				class: normalizeClass([unref(cls).b, unref(cls).m(unref(size))])
 			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (item) => {

package/dist/components/group-input/group-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"group-input.js","names":[],"sources":["../../../src/components/group-input/group-input.vue"],"sourcesContent":["<template>\n  <ul :class=\"[cls.b, cls.m(size)]\" v-if=\"!readonly\">\n    <li v-if=\"isEmpty && creatable\">\n      <u-button style=\"width: 100%\" :icon=\"Plus\" @click=\"handleAdd(0)\" :size=\"size\">\n        新增\n      </u-button>\n    </li>\n    <li v-for=\"(item, index) of items\" :key=\"item.id\" :class=\"cls.e('item')\" :style=\"itemStyle\">\n      <slot v-bind=\"{ item: item.data, index }\" />\n      <span :class=\"cls.e('actions')\">\n        <u-button\n          :icon=\"Minus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          @click=\"handleRemove(index)\"\n        />\n        <u-button\n          :icon=\"Plus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          type=\"primary\"\n          @click=\"handleAdd(index)\"\n        />\n      </span>\n    </li>\n  </ul>\n\n  <template v-else-if=\"items?.length\">\n    <ul :class=\"[cls.b, cls.m(size)]\">\n      <li v-for=\"item of items\" :key=\"item.id\" :class=\"cls.e('item')\">\n        <span v-for=\"v in item.data\">{{ v }}</span>\n      </li>\n    </ul>\n  </template>\n\n  <template v-else>\n    {{ FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup generic=\"GroupItem extends Record<string, any>\">\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { Minus, Plus } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { GroupInputEmits, GroupInputProps } from '../../types'\nimport { UButton } from '../button'\nimport { useGroupItems } from './use-group-items'\n\ndefineOptions({ name: 'UGroupInput' })\n\nconst props = withDefaults(defineProps<GroupInputProps<GroupItem>>(), {\n  modelValue: () => [],\n  disabled: undefined,\n  readonly: undefined,\n  creatable: true\n})\n\nconst emit = defineEmits<GroupInputEmits>()\n\nconst cls = bem('group-input')\n\nconst { formProps } = injectFormContext()\nconst { disabled, size, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst { items, createItem, runByEvent } = useGroupItems({ props, emit })\n\nconst isEmpty = computed(() => {\n  return !items.value.length\n})\n\nfunction handleAdd(index: number) {\n  runByEvent(() => {\n    items.value = [\n      ...items.value.slice(0, index + 1),\n      createItem({}),\n      ...items.value.slice(index + 1)\n    ]\n  })\n}\n\nfunction handleRemove(index: number) {\n  runByEvent(() => {\n    items.value = [...items.value.slice(0, index), ...items.value.slice(index + 1)]\n  })\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"group-input.js","names":["$attrs"],"sources":["../../../src/components/group-input/group-input.vue"],"sourcesContent":["<template>\n  <ul v-if=\"!readonly\" v-bind=\"$attrs\" :class=\"[cls.b, cls.m(size)]\">\n    <li v-if=\"isEmpty && creatable\">\n      <u-button style=\"width: 100%\" :icon=\"Plus\" @click=\"handleAdd(0)\" :size=\"size\">\n        新增\n      </u-button>\n    </li>\n    <li v-for=\"(item, index) of items\" :key=\"item.id\" :class=\"cls.e('item')\" :style=\"itemStyle\">\n      <slot v-bind=\"{ item: item.data, index }\" />\n      <span :class=\"cls.e('actions')\">\n        <u-button\n          :icon=\"Minus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          @click=\"handleRemove(index)\"\n        />\n        <u-button\n          :icon=\"Plus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          type=\"primary\"\n          @click=\"handleAdd(index)\"\n        />\n      </span>\n    </li>\n  </ul>\n\n  <template v-else-if=\"items?.length\">\n    <ul :class=\"[cls.b, cls.m(size)]\">\n      <li v-for=\"item of items\" :key=\"item.id\" :class=\"cls.e('item')\">\n        <span v-for=\"v in item.data\">{{ v }}</span>\n      </li>\n    </ul>\n  </template>\n\n  <template v-else>\n    {{ FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup generic=\"GroupItem extends Record<string, any>\">\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { Minus, Plus } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { GroupInputEmits, GroupInputProps } from '../../types'\nimport { UButton } from '../button'\nimport { useGroupItems } from './use-group-items'\n\ndefineOptions({ name: 'UGroupInput', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<GroupInputProps<GroupItem>>(), {\n  modelValue: () => [],\n  disabled: undefined,\n  readonly: undefined,\n  creatable: true\n})\n\nconst emit = defineEmits<GroupInputEmits>()\n\nconst cls = bem('group-input')\n\nconst { formProps } = injectFormContext()\nconst { disabled, size, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst { items, createItem, runByEvent } = useGroupItems({ props, emit })\n\nconst isEmpty = computed(() => {\n  return !items.value.length\n})\n\nfunction handleAdd(index: number) {\n  runByEvent(() => {\n    items.value = [\n      ...items.value.slice(0, index + 1),\n      createItem({}),\n      ...items.value.slice(index + 1)\n    ]\n  })\n}\n\nfunction handleRemove(index: number) {\n  runByEvent(() => {\n    items.value = [...items.value.slice(0, index), ...items.value.slice(index + 1)]\n  })\n}\n</script>\n"],"mappings":"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"}

package/dist/components/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":[],"sources":["../../../src/components/input/input.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"inputClass\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    v-if=\"!readonly\"\n  >\n    <span v-if=\"$slots.prefix || prefix\" :class=\"prefixClass\" @click=\"handlePrefixClick\">\n      {{ prefix }}\n      <slot name=\"prefix\"></slot>\n    </span>\n\n    <input\n      :class=\"cls.e('native')\"\n      :placeholder=\"props.placeholder\"\n      type=\"text\"\n      :value=\"model\"\n      @input=\"handleInput\"\n      @change=\"handleChange\"\n      @focus=\"handleFocus\"\n      @blur=\"handleBlur\"\n      @compositionstart=\"handleCompositionStart\"\n      @compositionend=\"handleCompositionEnd\"\n      autocomplete=\"off\"\n      ref=\"el\"\n      :disabled=\"disabled\"\n      :readonly=\"nativeReadonly\"\n    />\n\n    <span :class=\"suffixClass\" v-if=\"hasSuffix\">\n      <Transition name=\"zoom-in\" mode=\"out-in\">\n        <UIcon\n          v-if=\"showClear\"\n          :class=\"cls.e('clear')\"\n          title=\"清除\"\n          @click.stop=\"clearModelValue\"\n          key=\"clear\"\n        >\n          <Close />\n        </UIcon>\n\n        <span v-else :class=\"cls.e('suffix-content')\" @click=\"handleSuffixClick\" key=\"suffix\">\n          {{ suffix }}\n          <slot name=\"suffix\"></slot>\n        </span>\n      </Transition>\n    </span>\n  </div>\n\n  <template v-else>\n    {{ generateModel || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useFocus, useFormFallbackProps } from '@veltra/compositions'\nimport { Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, getCurrentInstance, ref, shallowRef, nextTick } from 'vue'\n\nimport type { InputEmits, InputProps, _InputExposed } from '../../types'\nimport { UIcon } from '../icon'\n\ndefineOptions({ name: 'UInput' })\n\nconst props = withDefaults(defineProps<InputProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<InputEmits>()\n\nconst model = defineModel<string>()\n\nconst inst = getCurrentInstance()\n\nconst cls = bem('input')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst { focus, handleBlur, handleFocus } = useFocus((focused) => {\n  if (focused) {\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n})\n\nconst inputClass = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('focus', focus.value)\n  ]\n})\n\nconst prefixClass = [cls.e('prefix'), bem.is('clickable', !!inst?.vnode.props?.['onPrefix:click'])]\n\nconst suffixClass = [cls.e('suffix'), bem.is('clickable', !!inst?.vnode.props?.['onSuffix:click'])]\n\nlet isComposing = false\n\nfunction handleCompositionStart() {\n  isComposing = true\n}\n\nfunction handleCompositionEnd(e: Event) {\n  isComposing = false\n  handleInput(e)\n}\n\nconst handleInput = (e: Event) => {\n  if (isComposing) return\n\n  const inputVal = (e.target as HTMLInputElement).value\n  emit('native:input', e)\n\n  const valid = props.pattern?.test(inputVal) ?? true\n\n  if (!valid) return\n  model.value = inputVal\n}\n\nconst handlePrefixClick = () => {\n  emit('prefix:click', model.value)\n}\n\nconst handleSuffixClick = () => {\n  emit('suffix:click', model.value)\n}\n\nconst clearModelValue = () => {\n  model.value = ''\n  emit('clear')\n}\n\nconst hovered = ref(false)\nconst handleMouseEnter = () => {\n  hovered.value = true\n}\n\nconst handleMouseLeave = () => {\n  hovered.value = false\n}\n\nconst showClear = computed(() => {\n  return props.clearable && !disabled.value && !!model.value && hovered.value\n})\n\nconst hasSuffixContent = computed(() => {\n  return !!inst?.slots.suffix || !!props.suffix\n})\n\nconst hasSuffix = computed(() => {\n  return hasSuffixContent.value || showClear.value\n})\n\nconst handleChange = (e: Event) => {\n  const target = e.target as HTMLInputElement\n\n  const valid = props.pattern?.test(target.value) ?? true\n\n  if (valid) {\n    emit('change', target.value)\n  } else {\n    nextTick(() => {\n      target.value = model.value ?? ''\n    })\n  }\n}\n\nconst el = shallowRef<HTMLInputElement>()\n\nconst generateModel = computed(() => {\n  if (!model.value) return ''\n\n  return `${props.prefix ?? ''}${model.value}${props.suffix ?? ''}`\n})\n\ndefineExpose<_InputExposed>({ el })\n</script>\n"],"mappings":""}
+{"version":3,"file":"input.js","names":[],"sources":["../../../src/components/input/input.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"!readonly\"\n    v-bind=\"$attrs\"\n    :class=\"inputClass\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <span v-if=\"$slots.prefix || prefix\" :class=\"prefixClass\" @click=\"handlePrefixClick\">\n      {{ prefix }}\n      <slot name=\"prefix\"></slot>\n    </span>\n\n    <input\n      :class=\"cls.e('native')\"\n      :placeholder=\"props.placeholder\"\n      type=\"text\"\n      :value=\"model\"\n      @input=\"handleInput\"\n      @change=\"handleChange\"\n      @focus=\"handleFocus\"\n      @blur=\"handleBlur\"\n      @compositionstart=\"handleCompositionStart\"\n      @compositionend=\"handleCompositionEnd\"\n      autocomplete=\"off\"\n      ref=\"el\"\n      :disabled=\"disabled\"\n      :readonly=\"nativeReadonly\"\n    />\n\n    <span :class=\"suffixClass\" v-if=\"hasSuffix\">\n      <Transition name=\"zoom-in\" mode=\"out-in\">\n        <UIcon\n          v-if=\"showClear\"\n          :class=\"cls.e('clear')\"\n          title=\"清除\"\n          @click.stop=\"clearModelValue\"\n          key=\"clear\"\n        >\n          <Close />\n        </UIcon>\n\n        <span v-else :class=\"cls.e('suffix-content')\" @click=\"handleSuffixClick\" key=\"suffix\">\n          {{ suffix }}\n          <slot name=\"suffix\"></slot>\n        </span>\n      </Transition>\n    </span>\n  </div>\n\n  <template v-else>\n    {{ generateModel || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useFocus, useFormFallbackProps } from '@veltra/compositions'\nimport { Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, getCurrentInstance, ref, shallowRef, nextTick } from 'vue'\n\nimport type { InputEmits, InputProps, _InputExposed } from '../../types'\nimport { UIcon } from '../icon'\n\ndefineOptions({ name: 'UInput', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<InputProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<InputEmits>()\n\nconst model = defineModel<string>()\n\nconst inst = getCurrentInstance()\n\nconst cls = bem('input')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst { focus, handleBlur, handleFocus } = useFocus((focused) => {\n  if (focused) {\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n})\n\nconst inputClass = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('focus', focus.value)\n  ]\n})\n\nconst prefixClass = [cls.e('prefix'), bem.is('clickable', !!inst?.vnode.props?.['onPrefix:click'])]\n\nconst suffixClass = [cls.e('suffix'), bem.is('clickable', !!inst?.vnode.props?.['onSuffix:click'])]\n\nlet isComposing = false\n\nfunction handleCompositionStart() {\n  isComposing = true\n}\n\nfunction handleCompositionEnd(e: Event) {\n  isComposing = false\n  handleInput(e)\n}\n\nconst handleInput = (e: Event) => {\n  if (isComposing) return\n\n  const inputVal = (e.target as HTMLInputElement).value\n  emit('native:input', e)\n\n  const valid = props.pattern?.test(inputVal) ?? true\n\n  if (!valid) return\n  model.value = inputVal\n}\n\nconst handlePrefixClick = () => {\n  emit('prefix:click', model.value)\n}\n\nconst handleSuffixClick = () => {\n  emit('suffix:click', model.value)\n}\n\nconst clearModelValue = () => {\n  model.value = ''\n  emit('clear')\n}\n\nconst hovered = ref(false)\nconst handleMouseEnter = () => {\n  hovered.value = true\n}\n\nconst handleMouseLeave = () => {\n  hovered.value = false\n}\n\nconst showClear = computed(() => {\n  return props.clearable && !disabled.value && !!model.value && hovered.value\n})\n\nconst hasSuffixContent = computed(() => {\n  return !!inst?.slots.suffix || !!props.suffix\n})\n\nconst hasSuffix = computed(() => {\n  return hasSuffixContent.value || showClear.value\n})\n\nconst handleChange = (e: Event) => {\n  const target = e.target as HTMLInputElement\n\n  const valid = props.pattern?.test(target.value) ?? true\n\n  if (valid) {\n    emit('change', target.value)\n  } else {\n    nextTick(() => {\n      target.value = model.value ?? ''\n    })\n  }\n}\n\nconst el = shallowRef<HTMLInputElement>()\n\nconst generateModel = computed(() => {\n  if (!model.value) return ''\n\n  return `${props.prefix ?? ''}${model.value}${props.suffix ?? ''}`\n})\n\ndefineExpose<_InputExposed>({ el })\n</script>\n"],"mappings":""}

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

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

package/dist/components/input/input.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import _sfc_main from "../icon/icon.js";
-import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeModels, nextTick, normalizeClass, openBlock, ref, renderSlot, shallowRef, toDisplayString, unref, useModel, withCtx, withModifiers } from "vue";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeModels, mergeProps, nextTick, normalizeClass, openBlock, ref, renderSlot, shallowRef, toDisplayString, unref, useModel, withCtx, withModifiers } from "vue";
 import { useFocus, useFormFallbackProps } from "@veltra/compositions";
 import { FORM_EMPTY_CONTENT, bem, injectFormContext } from "@veltra/utils";
 import { Close } from "@veltra/icons/normal";
@@ -12,6 +12,7 @@ const _hoisted_1 = [
 ];
 var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "UInput",
+	inheritAttrs: false,
 	__name: "input",
 	props: /*@__PURE__*/ mergeModels({
 		modelValue: {},
@@ -130,12 +131,11 @@ var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		});
 		__expose({ el });
 		return (_ctx, _cache) => {
-			return !unref(readonly) ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				class: normalizeClass(inputClass.value),
+			return !unref(readonly) ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$attrs, {
+				class: inputClass.value,
 				onMouseenter: handleMouseEnter,
 				onMouseleave: handleMouseLeave
-			}, [
+			}), [
 				_ctx.$slots.prefix || __props.prefix ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass(prefixClass),
@@ -180,7 +180,7 @@ var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 					}, [createTextVNode(toDisplayString(__props.suffix) + " ", 1), renderSlot(_ctx.$slots, "suffix")], 2))]),
 					_: 3
 				})])) : createCommentVNode("v-if", true)
-			], 34)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(generateModel.value || unref(FORM_EMPTY_CONTENT)), 1)], 64));
+			], 16)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(generateModel.value || unref(FORM_EMPTY_CONTENT)), 1)], 64));
 		};
 	}
 });

package/dist/components/input/input.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/input/input.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"inputClass\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    v-if=\"!readonly\"\n  >\n    <span v-if=\"$slots.prefix || prefix\" :class=\"prefixClass\" @click=\"handlePrefixClick\">\n      {{ prefix }}\n      <slot name=\"prefix\"></slot>\n    </span>\n\n    <input\n      :class=\"cls.e('native')\"\n      :placeholder=\"props.placeholder\"\n      type=\"text\"\n      :value=\"model\"\n      @input=\"handleInput\"\n      @change=\"handleChange\"\n      @focus=\"handleFocus\"\n      @blur=\"handleBlur\"\n      @compositionstart=\"handleCompositionStart\"\n      @compositionend=\"handleCompositionEnd\"\n      autocomplete=\"off\"\n      ref=\"el\"\n      :disabled=\"disabled\"\n      :readonly=\"nativeReadonly\"\n    />\n\n    <span :class=\"suffixClass\" v-if=\"hasSuffix\">\n      <Transition name=\"zoom-in\" mode=\"out-in\">\n        <UIcon\n          v-if=\"showClear\"\n          :class=\"cls.e('clear')\"\n          title=\"清除\"\n          @click.stop=\"clearModelValue\"\n          key=\"clear\"\n        >\n          <Close />\n        </UIcon>\n\n        <span v-else :class=\"cls.e('suffix-content')\" @click=\"handleSuffixClick\" key=\"suffix\">\n          {{ suffix }}\n          <slot name=\"suffix\"></slot>\n        </span>\n      </Transition>\n    </span>\n  </div>\n\n  <template v-else>\n    {{ generateModel || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useFocus, useFormFallbackProps } from '@veltra/compositions'\nimport { Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, getCurrentInstance, ref, shallowRef, nextTick } from 'vue'\n\nimport type { InputEmits, InputProps, _InputExposed } from '../../types'\nimport { UIcon } from '../icon'\n\ndefineOptions({ name: 'UInput' })\n\nconst props = withDefaults(defineProps<InputProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<InputEmits>()\n\nconst model = defineModel<string>()\n\nconst inst = getCurrentInstance()\n\nconst cls = bem('input')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst { focus, handleBlur, handleFocus } = useFocus((focused) => {\n  if (focused) {\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n})\n\nconst inputClass = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('focus', focus.value)\n  ]\n})\n\nconst prefixClass = [cls.e('prefix'), bem.is('clickable', !!inst?.vnode.props?.['onPrefix:click'])]\n\nconst suffixClass = [cls.e('suffix'), bem.is('clickable', !!inst?.vnode.props?.['onSuffix:click'])]\n\nlet isComposing = false\n\nfunction handleCompositionStart() {\n  isComposing = true\n}\n\nfunction handleCompositionEnd(e: Event) {\n  isComposing = false\n  handleInput(e)\n}\n\nconst handleInput = (e: Event) => {\n  if (isComposing) return\n\n  const inputVal = (e.target as HTMLInputElement).value\n  emit('native:input', e)\n\n  const valid = props.pattern?.test(inputVal) ?? true\n\n  if (!valid) return\n  model.value = inputVal\n}\n\nconst handlePrefixClick = () => {\n  emit('prefix:click', model.value)\n}\n\nconst handleSuffixClick = () => {\n  emit('suffix:click', model.value)\n}\n\nconst clearModelValue = () => {\n  model.value = ''\n  emit('clear')\n}\n\nconst hovered = ref(false)\nconst handleMouseEnter = () => {\n  hovered.value = true\n}\n\nconst handleMouseLeave = () => {\n  hovered.value = false\n}\n\nconst showClear = computed(() => {\n  return props.clearable && !disabled.value && !!model.value && hovered.value\n})\n\nconst hasSuffixContent = computed(() => {\n  return !!inst?.slots.suffix || !!props.suffix\n})\n\nconst hasSuffix = computed(() => {\n  return hasSuffixContent.value || showClear.value\n})\n\nconst handleChange = (e: Event) => {\n  const target = e.target as HTMLInputElement\n\n  const valid = props.pattern?.test(target.value) ?? true\n\n  if (valid) {\n    emit('change', target.value)\n  } else {\n    nextTick(() => {\n      target.value = model.value ?? ''\n    })\n  }\n}\n\nconst el = shallowRef<HTMLInputElement>()\n\nconst generateModel = computed(() => {\n  if (!model.value) return ''\n\n  return `${props.prefix ?? ''}${model.value}${props.suffix ?? ''}`\n})\n\ndefineExpose<_InputExposed>({ el })\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"input.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots"],"sources":["../../../src/components/input/input.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"!readonly\"\n    v-bind=\"$attrs\"\n    :class=\"inputClass\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <span v-if=\"$slots.prefix || prefix\" :class=\"prefixClass\" @click=\"handlePrefixClick\">\n      {{ prefix }}\n      <slot name=\"prefix\"></slot>\n    </span>\n\n    <input\n      :class=\"cls.e('native')\"\n      :placeholder=\"props.placeholder\"\n      type=\"text\"\n      :value=\"model\"\n      @input=\"handleInput\"\n      @change=\"handleChange\"\n      @focus=\"handleFocus\"\n      @blur=\"handleBlur\"\n      @compositionstart=\"handleCompositionStart\"\n      @compositionend=\"handleCompositionEnd\"\n      autocomplete=\"off\"\n      ref=\"el\"\n      :disabled=\"disabled\"\n      :readonly=\"nativeReadonly\"\n    />\n\n    <span :class=\"suffixClass\" v-if=\"hasSuffix\">\n      <Transition name=\"zoom-in\" mode=\"out-in\">\n        <UIcon\n          v-if=\"showClear\"\n          :class=\"cls.e('clear')\"\n          title=\"清除\"\n          @click.stop=\"clearModelValue\"\n          key=\"clear\"\n        >\n          <Close />\n        </UIcon>\n\n        <span v-else :class=\"cls.e('suffix-content')\" @click=\"handleSuffixClick\" key=\"suffix\">\n          {{ suffix }}\n          <slot name=\"suffix\"></slot>\n        </span>\n      </Transition>\n    </span>\n  </div>\n\n  <template v-else>\n    {{ generateModel || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useFocus, useFormFallbackProps } from '@veltra/compositions'\nimport { Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, getCurrentInstance, ref, shallowRef, nextTick } from 'vue'\n\nimport type { InputEmits, InputProps, _InputExposed } from '../../types'\nimport { UIcon } from '../icon'\n\ndefineOptions({ name: 'UInput', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<InputProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<InputEmits>()\n\nconst model = defineModel<string>()\n\nconst inst = getCurrentInstance()\n\nconst cls = bem('input')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst { focus, handleBlur, handleFocus } = useFocus((focused) => {\n  if (focused) {\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n})\n\nconst inputClass = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('focus', focus.value)\n  ]\n})\n\nconst prefixClass = [cls.e('prefix'), bem.is('clickable', !!inst?.vnode.props?.['onPrefix:click'])]\n\nconst suffixClass = [cls.e('suffix'), bem.is('clickable', !!inst?.vnode.props?.['onSuffix:click'])]\n\nlet isComposing = false\n\nfunction handleCompositionStart() {\n  isComposing = true\n}\n\nfunction handleCompositionEnd(e: Event) {\n  isComposing = false\n  handleInput(e)\n}\n\nconst handleInput = (e: Event) => {\n  if (isComposing) return\n\n  const inputVal = (e.target as HTMLInputElement).value\n  emit('native:input', e)\n\n  const valid = props.pattern?.test(inputVal) ?? true\n\n  if (!valid) return\n  model.value = inputVal\n}\n\nconst handlePrefixClick = () => {\n  emit('prefix:click', model.value)\n}\n\nconst handleSuffixClick = () => {\n  emit('suffix:click', model.value)\n}\n\nconst clearModelValue = () => {\n  model.value = ''\n  emit('clear')\n}\n\nconst hovered = ref(false)\nconst handleMouseEnter = () => {\n  hovered.value = true\n}\n\nconst handleMouseLeave = () => {\n  hovered.value = false\n}\n\nconst showClear = computed(() => {\n  return props.clearable && !disabled.value && !!model.value && hovered.value\n})\n\nconst hasSuffixContent = computed(() => {\n  return !!inst?.slots.suffix || !!props.suffix\n})\n\nconst hasSuffix = computed(() => {\n  return hasSuffixContent.value || showClear.value\n})\n\nconst handleChange = (e: Event) => {\n  const target = e.target as HTMLInputElement\n\n  const valid = props.pattern?.test(target.value) ?? true\n\n  if (valid) {\n    emit('change', target.value)\n  } else {\n    nextTick(() => {\n      target.value = model.value ?? ''\n    })\n  }\n}\n\nconst el = shallowRef<HTMLInputElement>()\n\nconst generateModel = computed(() => {\n  if (!model.value) return ''\n\n  return `${props.prefix ?? ''}${model.value}${props.suffix ?? ''}`\n})\n\ndefineExpose<_InputExposed>({ el })\n</script>\n"],"mappings":"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"}

package/dist/components/kbd/style2.css

@@ -39,5 +39,5 @@
    * Adapted from Radix UI Themes Kbd.
    * Multi-layer box-shadow simulates a 3D keycap appearance.
    */
-  box-shadow: inset 0 0.05em color-mix(in srgb, var(--u-bg-color-top) 75%, var(--u-bg-color-black)), 0 0 0 0.05em color-mix(in srgb, var(--u-border-color) 50%, transparent), 0 0.08em 0.17em color-mix(in srgb, var(--u-shadow-color) 60%, transparent);
+  box-shadow: inset 0 0.05em var(--u-kbd-inset-shadow), 0 0 0 0.05em var(--u-kbd-border-shadow), 0 0.08em 0.17em var(--u-kbd-drop-shadow);
 }

package/dist/components/loading/style2.css

@@ -33,7 +33,7 @@
   width: 36px;
   aspect-ratio: 1;
   border-radius: 50%;
-  border: 3px solid color-mix(in srgb, currentColor 22%, transparent);
+  border: 3px solid var(--u-color-primary-a-22);
   border-top-color: currentColor;
   position: relative;
   animation: loading-spin 0.8s linear infinite;
@@ -43,7 +43,7 @@
   position: absolute;
   inset: 5px;
   border-radius: 50%;
-  border: 2px solid color-mix(in srgb, currentColor 22%, transparent);
+  border: 2px solid var(--u-color-primary-a-22);
   border-bottom-color: currentColor;
   animation: loading-spin 1.2s linear infinite reverse;
 }
@@ -78,7 +78,7 @@
   width: 36px;
   aspect-ratio: 1;
   border-radius: 50%;
-  border: 3px solid color-mix(in srgb, currentColor 22%, transparent);
+  border: 3px solid var(--u-color-primary-a-22);
   border-top-color: currentColor;
   animation: loading-spin 0.9s linear infinite;
 }

package/dist/components/multi-select/multi-select.js

@@ -16,6 +16,7 @@ import { o } from "@cat-kit/core";
 //#region src/components/multi-select/multi-select.vue
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "UMultiSelect",
+	inheritAttrs: false,
 	__name: "multi-select",
 	props: /*@__PURE__*/ mergeModels({
 		modelValue: {},
@@ -272,16 +273,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			checkboxClass: cls.e("checkbox")
 		});
 		return (_ctx, _cache) => {
-			return !unref(readonly) ? (openBlock(), createBlock(unref(_sfc_main$4), {
-				key: 0,
+			return !unref(readonly) ? (openBlock(), createBlock(unref(_sfc_main$4), mergeProps({ key: 0 }, _ctx.$attrs, {
 				trigger: "click",
 				ref_key: "dropdownRef",
 				ref: dropdownRef,
-				class: normalizeClass([
+				class: [
 					unref(cls).b,
 					unref(cls).m(unref(size)),
 					unref(bem).is("disabled", unref(disabled))
-				]),
+				],
 				"content-class": [
 					unref(cls).e("panel"),
 					unref(cls).em("panel", unref(size)),
@@ -294,7 +294,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				onMouseleave: _cache[2] || (_cache[2] = ($event) => hovered.value = false),
 				disabled: unref(disabled),
 				"onUpdate:visible": handleDropdownVisible
-			}, {
+			}), {
 				trigger: withCtx(() => [
 					withDirectives(createElementVNode("span", { class: normalizeClass(unref(cls).e("placeholder")) }, toDisplayString(__props.placeholder), 3), [[vShow, !model.value?.length]]),
 					model.value?.length ? (openBlock(), createElementBlock("div", {
@@ -430,7 +430,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					}, [createVNode(unref(_sfc_main$2))], 2))
 				]),
 				_: 3
-			}, 8, [
+			}, 16, [
 				"class",
 				"content-class",
 				"content-style",