@veltra/desktop 1.0.0

package/dist/components/card/card-action.js

@@ -0,0 +1,27 @@
+import { CardDIKey } from "./di.js";
+import { computed, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
+//#region src/components/card/card-action.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "CardAction",
+	__name: "card-action",
+	props: { alignRight: { type: Boolean } },
+	setup(__props) {
+		const props = __props;
+		const style = computed(() => {
+			return { textAlign: props.alignRight ? "right" : void 0 };
+		});
+		const injected = inject(CardDIKey);
+		const { cls } = injected || {};
+		if (!injected) console.warn("CardAction组件仅能在Card组件中使用");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(cls)?.e("action")),
+				style: normalizeStyle(style.value)
+			}, [renderSlot(_ctx.$slots, "default")], 6);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=card-action.js.map

package/dist/components/card/card-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-action.js","names":[],"sources":["../../../src/components/card/card-action.vue"],"sourcesContent":["<template>\n  <div :class=\"cls?.e('action')\" :style=\"style\">\n    <slot> </slot>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { type CSSProperties, computed, inject } from 'vue'\n\nimport type { CardActionProps } from '../../types'\nimport { CardDIKey } from './di'\n\ndefineOptions({ name: 'CardAction' })\n\nconst props = defineProps<CardActionProps>()\n\nconst style = computed<CSSProperties>(() => {\n  return {\n    textAlign: props.alignRight ? 'right' : undefined\n  }\n})\n\nconst injected = inject(CardDIKey)\nconst { cls } = injected || {}\n\nif (!injected) {\n  console.warn('CardAction组件仅能在Card组件中使用')\n}\n</script>\n"],"mappings":";;;;;;;;EAcA,MAAM,QAAQ;EAEd,MAAM,QAAQ,eAA8B;AAC1C,UAAO,EACL,WAAW,MAAM,aAAa,UAAU,KAAA,GAC1C;IACD;EAED,MAAM,WAAW,OAAO,UAAS;EACjC,MAAM,EAAE,QAAQ,YAAY,EAAC;AAE7B,MAAI,CAAC,SACH,SAAQ,KAAK,2BAA0B;;uBAzBvC,mBAEM,OAAA;IAFA,OAAK,eAAE,MAAA,IAAG,EAAE,EAAC,SAAA,CAAA;IAAa,OAAK,eAAE,MAAA,MAAK;OAC1C,WAAc,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

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

@@ -0,0 +1,19 @@
+import { CardActionProps } from "../../types/card.js";
+import * as _$vue from "vue";
+
+//#region src/components/card/card-action.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<CardActionProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CardActionProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=card-action.vue.d.ts.map

package/dist/components/card/card-content.js

@@ -0,0 +1,30 @@
+import { CardDIKey } from "./di.js";
+import { computed, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
+//#region src/components/card/card-content.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "CardContent",
+	__name: "card-content",
+	props: { cover: { type: Boolean } },
+	setup(__props) {
+		const props = __props;
+		const style = computed(() => {
+			return props.cover ? {
+				padding: 0,
+				fontSize: 0
+			} : void 0;
+		});
+		const injected = inject(CardDIKey);
+		const { cls } = injected || {};
+		if (!injected) console.warn("CardContent组件仅能在Card组件中使用");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(cls)?.e("content")),
+				style: normalizeStyle(style.value)
+			}, [renderSlot(_ctx.$slots, "default")], 6);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=card-content.js.map

package/dist/components/card/card-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-content.js","names":[],"sources":["../../../src/components/card/card-content.vue"],"sourcesContent":["<template>\n  <div :class=\"cls?.e('content')\" :style=\"style\">\n    <slot> </slot>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, type CSSProperties } from 'vue'\n\nimport type { CardContentProps } from '../../types'\nimport { CardDIKey } from './di'\n\ndefineOptions({ name: 'CardContent' })\n\nconst props = defineProps<CardContentProps>()\n\nconst style = computed<CSSProperties | undefined>(() => {\n  return props.cover\n    ? {\n        padding: 0,\n        fontSize: 0\n      }\n    : undefined\n})\n\nconst injected = inject(CardDIKey)\nconst { cls } = injected || {}\n\nif (!injected) {\n  console.warn('CardContent组件仅能在Card组件中使用')\n}\n</script>\n"],"mappings":";;;;;;;;EAcA,MAAM,QAAQ;EAEd,MAAM,QAAQ,eAA0C;AACtD,UAAO,MAAM,QACT;IACE,SAAS;IACT,UAAU;IACZ,GACA,KAAA;IACL;EAED,MAAM,WAAW,OAAO,UAAS;EACjC,MAAM,EAAE,QAAQ,YAAY,EAAC;AAE7B,MAAI,CAAC,SACH,SAAQ,KAAK,4BAA2B;;uBA5BxC,mBAEM,OAAA;IAFA,OAAK,eAAE,MAAA,IAAG,EAAE,EAAC,UAAA,CAAA;IAAc,OAAK,eAAE,MAAA,MAAK;OAC3C,WAAc,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/card/card-content.vue.d.ts

@@ -0,0 +1,19 @@
+import { CardContentProps } from "../../types/card.js";
+import * as _$vue from "vue";
+
+//#region src/components/card/card-content.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<CardContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CardContentProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=card-content.vue.d.ts.map

package/dist/components/card/card-cover.js

@@ -0,0 +1,38 @@
+import { CardDIKey } from "./di.js";
+import { computed, createCommentVNode, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, unref } from "vue";
+import { bem, withUnit } from "@veltra/utils";
+//#region src/components/card/card-cover.vue
+const _hoisted_1 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "CardCover",
+	__name: "card-cover",
+	props: {
+		src: {},
+		height: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const injected = inject(CardDIKey);
+		const { cls } = injected || {};
+		if (!injected) console.warn("CardCover组件仅能在Card组件中使用");
+		const style = computed(() => {
+			return { height: withUnit(props.height, "px") };
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(cls)?.e("cover")),
+				style: normalizeStyle(style.value)
+			}, [__props.src ? (openBlock(), createElementBlock("img", {
+				key: 0,
+				src: __props.src,
+				draggable: "false",
+				alt: "封面",
+				class: normalizeClass(unref(bem).is("height-fixed", props.height !== void 0))
+			}, null, 10, _hoisted_1)) : createCommentVNode("v-if", true)], 6);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=card-cover.js.map

package/dist/components/card/card-cover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-cover.js","names":[],"sources":["../../../src/components/card/card-cover.vue"],"sourcesContent":["<template>\n  <div :class=\"cls?.e('cover')\" :style=\"style\">\n    <img\n      v-if=\"src\"\n      :src=\"src\"\n      draggable=\"false\"\n      alt=\"封面\"\n      :class=\"bem.is('height-fixed', props.height !== undefined)\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { withUnit, bem } from '@veltra/utils'\nimport { computed, inject } from 'vue'\n\nimport type { CardCoverProps } from '../../types'\nimport { CardDIKey } from './di'\n\ndefineOptions({ name: 'CardCover' })\n\nconst props = defineProps<CardCoverProps>()\n\nconst injected = inject(CardDIKey)\nconst { cls } = injected || {}\n\nif (!injected) {\n  console.warn('CardCover组件仅能在Card组件中使用')\n}\n\nconst style = computed(() => {\n  return {\n    height: withUnit(props.height, 'px')\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;EAqBA,MAAM,QAAQ;EAEd,MAAM,WAAW,OAAO,UAAS;EACjC,MAAM,EAAE,QAAQ,YAAY,EAAC;AAE7B,MAAI,CAAC,SACH,SAAQ,KAAK,0BAAyB;EAGxC,MAAM,QAAQ,eAAe;AAC3B,UAAO,EACL,QAAQ,SAAS,MAAM,QAAQ,KAAI,EACrC;IACD;;uBAjCC,mBAQM,OAAA;IARA,OAAK,eAAE,MAAA,IAAG,EAAE,EAAC,QAAA,CAAA;IAAY,OAAK,eAAE,MAAA,MAAK;OAEjC,QAAA,OAAA,WAAA,EADR,mBAME,OAAA;;IAJC,KAAK,QAAA;IACN,WAAU;IACV,KAAI;IACH,OAAK,eAAE,MAAA,IAAG,CAAC,GAAE,gBAAiB,MAAM,WAAW,KAAA,EAAS,CAAA"}

package/dist/components/card/card-cover.vue.d.ts

@@ -0,0 +1,9 @@
+import { CardCoverProps } from "../../types/card.js";
+import * as _$vue from "vue";
+
+//#region src/components/card/card-cover.vue.d.ts
+declare const __VLS_export: _$vue.DefineComponent<CardCoverProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CardCoverProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };
+//# sourceMappingURL=card-cover.vue.d.ts.map

package/dist/components/card/card-header.js

@@ -0,0 +1,24 @@
+import { CardDIKey } from "./di.js";
+import { computed, createElementBlock, defineComponent, inject, normalizeClass, openBlock, renderSlot } from "vue";
+//#region src/components/card/card-header.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "CardHeader",
+	__name: "card-header",
+	setup(__props) {
+		const injected = inject(CardDIKey);
+		const { cls } = injected || {};
+		const classList = computed(() => {
+			const ret = [];
+			if (cls) ret.push(cls.e("header"));
+			return ret;
+		});
+		if (!injected) console.warn("CardHeader组件仅能在Card组件中使用");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(classList.value) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=card-header.js.map

package/dist/components/card/card-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-header.js","names":[],"sources":["../../../src/components/card/card-header.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\">\n    <slot> </slot>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\n\nimport { CardDIKey } from './di'\n\ndefineOptions({ name: 'CardHeader' })\n\nconst injected = inject(CardDIKey)\nconst { cls } = injected || {}\n\nconst classList = computed(() => {\n  const ret: string[] = []\n  if (cls) {\n    ret.push(cls.e('header'))\n  }\n\n  return ret\n})\n\nif (!injected) {\n  console.warn('CardHeader组件仅能在Card组件中使用')\n}\n</script>\n"],"mappings":";;;;;;;EAaA,MAAM,WAAW,OAAO,UAAS;EACjC,MAAM,EAAE,QAAQ,YAAY,EAAC;EAE7B,MAAM,YAAY,eAAe;GAC/B,MAAM,MAAgB,EAAC;AACvB,OAAI,IACF,KAAI,KAAK,IAAI,EAAE,SAAS,CAAA;AAG1B,UAAO;IACR;AAED,MAAI,CAAC,SACH,SAAQ,KAAK,2BAA0B;;uBAzBvC,mBAEM,OAAA,EAFA,OAAK,eAAE,UAAA,MAAS,EAAA,EAAA,CACpB,WAAc,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/card/card-header.vue.d.ts

@@ -0,0 +1,18 @@
+import * as _$vue from "vue";
+
+//#region src/components/card/card-header.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<{}, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=card-header.vue.d.ts.map

package/dist/components/card/card.js

@@ -0,0 +1,43 @@
+import { CardDIKey } from "./di.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, provide, renderSlot } from "vue";
+import { bem, withUnit } from "@veltra/utils";
+import { useFormFallbackProps } from "@veltra/compositions";
+//#region src/components/card/card.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "Card",
+	__name: "card",
+	props: {
+		width: {},
+		integrate: { type: Boolean },
+		size: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const cls = bem("card");
+		const { size } = useFormFallbackProps([props], { size: "default" });
+		const classList = computed(() => {
+			return [
+				cls.b,
+				cls.m(size.value),
+				bem.is("integrate", props.integrate)
+			];
+		});
+		const styles = computed(() => {
+			return { width: withUnit(props.width, "px") };
+		});
+		provide(CardDIKey, {
+			cls,
+			cardProps: props
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(classList.value),
+				style: normalizeStyle(styles.value)
+			}, [renderSlot(_ctx.$slots, "default")], 6);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=card.js.map

package/dist/components/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":[],"sources":["../../../src/components/card/card.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\" :style=\"styles\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport { computed, provide } from 'vue'\n\nimport type { CardProps } from '../../types'\nimport { CardDIKey } from './di'\n\ndefineOptions({\n  name: 'Card'\n})\n\nconst props = defineProps<CardProps>()\n\nconst cls = bem('card')\n\nconst { size } = useFormFallbackProps([props], { size: 'default' })\n\nconst classList = computed(() => {\n  return [cls.b, cls.m(size.value), bem.is('integrate', props.integrate)]\n})\n\nconst styles = computed(() => {\n  return {\n    width: withUnit(props.width, 'px')\n  }\n})\n\nprovide(CardDIKey, { cls, cardProps: props })\n</script>\n"],"mappings":";;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAEd,MAAM,MAAM,IAAI,OAAM;EAEtB,MAAM,EAAE,SAAS,qBAAqB,CAAC,MAAM,EAAE,EAAE,MAAM,WAAW,CAAA;EAElE,MAAM,YAAY,eAAe;AAC/B,UAAO;IAAC,IAAI;IAAG,IAAI,EAAE,KAAK,MAAM;IAAE,IAAI,GAAG,aAAa,MAAM,UAAU;IAAA;IACvE;EAED,MAAM,SAAS,eAAe;AAC5B,UAAO,EACL,OAAO,SAAS,MAAM,OAAO,KAAI,EACnC;IACD;AAED,UAAQ,WAAW;GAAE;GAAK,WAAW;GAAO,CAAA;;uBAjC1C,mBAEM,OAAA;IAFA,OAAK,eAAE,UAAA,MAAS;IAAG,OAAK,eAAE,OAAA,MAAM;OACpC,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

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

@@ -0,0 +1,19 @@
+import { CardProps } from "../../types/card.js";
+import * as _$vue from "vue";
+
+//#region src/components/card/card.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<CardProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CardProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=card.vue.d.ts.map

package/dist/components/card/di.js

@@ -0,0 +1,6 @@
+//#region src/components/card/di.ts
+const CardDIKey = Symbol("CardDIKey");
+//#endregion
+export { CardDIKey };
+
+//# sourceMappingURL=di.js.map

package/dist/components/card/di.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/card/di.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\nimport type { InjectionKey } from 'vue'\n\nimport type { CardProps } from '../../types'\n\nexport interface CardContext {\n  cls: BEM<'card'>\n  cardProps: CardProps\n}\n\nexport const CardDIKey: InjectionKey<CardContext> = Symbol('CardDIKey')\n"],"mappings":";AAUA,MAAa,YAAuC,OAAO,YAAY"}

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

@@ -0,0 +1,5 @@
+import { _default } from "./card.vue.js";
+import { _default as _default$1 } from "./card-header.vue.js";
+import { _default as _default$2 } from "./card-cover.vue.js";
+import { _default as _default$3 } from "./card-content.vue.js";
+import { _default as _default$4 } from "./card-action.vue.js";

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

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

package/dist/components/card/style.js

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

package/dist/components/card/style2.css

@@ -0,0 +1,106 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-card {
+  border-radius: var(--u-radius-default);
+  background-color: var(--u-bg-color-top);
+  box-shadow: var(--u-shadow);
+  overflow: hidden;
+}
+.u-card.is-integrate {
+  box-shadow: none;
+}
+.u-card.is-integrate > .u-card__header {
+  border-bottom: none;
+  padding-bottom: 0;
+}
+.u-card.is-integrate > .u-card__action {
+  border-top: none;
+}
+.u-card--small {
+  font-size: var(--u-font-size-main-small);
+}
+.u-card--small .u-card__header {
+  padding: var(--u-gap-small);
+}
+.u-card--small .u-card__content {
+  padding: var(--u-gap-small);
+}
+.u-card--small .u-card__action {
+  padding: var(--u-gap-small);
+}
+.u-card--small .u-card__header {
+  font-size: var(--u-font-size-title-small);
+  font-weight: bold;
+}
+.u-card--default {
+  font-size: var(--u-font-size-main-default);
+}
+.u-card--default .u-card__header {
+  padding: var(--u-gap-default);
+}
+.u-card--default .u-card__content {
+  padding: var(--u-gap-default);
+}
+.u-card--default .u-card__action {
+  padding: var(--u-gap-default);
+}
+.u-card--default .u-card__header {
+  font-size: var(--u-font-size-title-default);
+  font-weight: bold;
+}
+.u-card--large {
+  font-size: var(--u-font-size-main-large);
+}
+.u-card--large .u-card__header {
+  padding: var(--u-gap-large);
+}
+.u-card--large .u-card__content {
+  padding: var(--u-gap-large);
+}
+.u-card--large .u-card__action {
+  padding: var(--u-gap-large);
+}
+.u-card--large .u-card__header {
+  font-size: var(--u-font-size-title-large);
+  font-weight: bold;
+}
+.u-card__header {
+  border-bottom: var(--u-border);
+  color: var(--u-text-color-title);
+}
+.u-card__cover {
+  position: relative;
+  overflow: hidden;
+}
+.u-card__cover > img {
+  width: 100%;
+  overflow: hidden;
+  display: block;
+}
+.u-card__cover > img.is-height-fixed {
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.u-card__action {
+  border-top: var(--u-border);
+}
+.u-card__action .u-button + .u-button {
+  margin-left: var(--u-gap-default);
+}

package/dist/components/cascade/cascade-panel-item.js

@@ -0,0 +1,85 @@
+import _sfc_main$1 from "../icon/icon.js";
+import _sfc_main$2 from "../scroll/scroll.js";
+import _sfc_main$3 from "../checkbox/checkbox.js";
+import { CascadeDIKey } from "./di.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, onMounted, openBlock, renderList, shallowRef, toDisplayString, unref, useTemplateRef, withCtx } from "vue";
+import { bem, scrollIntoContainerView } from "@veltra/utils";
+import { ArrowRight } from "@veltra/icons/normal";
+//#region src/components/cascade/cascade-panel-item.vue
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "UCascadePanelItem",
+	__name: "cascade-panel-item",
+	props: {
+		data: {},
+		value: {},
+		panelIndex: {}
+	},
+	emits: ["click", "check"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { cls, cascadeProps, checkedSet } = inject(CascadeDIKey);
+		const panelCls = cls.create("panel-item");
+		const optionCls = panelCls.e("option");
+		function getItemCls(item) {
+			const selected = props.value === item.value;
+			return [
+				optionCls,
+				bem.is("active", selected),
+				bem.is("selected", selected && !cascadeProps.multiple)
+			];
+		}
+		const itemRefs = shallowRef([]);
+		const scrollContainerRef = useTemplateRef("scroll-container");
+		onMounted(() => {
+			const activeItem = itemRefs.value.find((el) => el.classList.contains(bem.is("active")));
+			if (activeItem) setTimeout(() => {
+				scrollIntoContainerView(activeItem, scrollContainerRef.value?.containerRef ?? null);
+			});
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$2), {
+				tag: "ul",
+				class: normalizeClass(unref(panelCls).b),
+				ref: "scroll-container",
+				"content-class": unref(panelCls).e("content")
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.data, (node, index) => {
+					return openBlock(), createElementBlock("li", {
+						key: node.value ?? index,
+						ref_for: true,
+						ref_key: "itemRefs",
+						ref: itemRefs,
+						class: normalizeClass(getItemCls(node)),
+						onClick: ($event) => emit("click", __props.panelIndex, node)
+					}, [
+						unref(cascadeProps).multiple ? (openBlock(), createBlock(unref(_sfc_main$3), {
+							key: 0,
+							class: normalizeClass(unref(panelCls).e("option-checkbox")),
+							"model-value": unref(checkedSet).has(node),
+							"onUpdate:modelValue": ($event) => emit("check", node, $event)
+						}, null, 8, [
+							"class",
+							"model-value",
+							"onUpdate:modelValue"
+						])) : createCommentVNode("v-if", true),
+						createElementVNode("span", { class: normalizeClass(unref(panelCls).e("option-label")) }, toDisplayString(node.label), 3),
+						node.children?.length ? (openBlock(), createBlock(unref(_sfc_main$1), {
+							key: 1,
+							class: normalizeClass(unref(panelCls).e("option-expand"))
+						}, {
+							default: withCtx(() => [createVNode(unref(ArrowRight))]),
+							_: 1
+						}, 8, ["class"])) : createCommentVNode("v-if", true)
+					], 10, _hoisted_1);
+				}), 128))]),
+				_: 1
+			}, 8, ["class", "content-class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=cascade-panel-item.js.map

package/dist/components/cascade/cascade-panel-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascade-panel-item.js","names":[],"sources":["../../../src/components/cascade/cascade-panel-item.vue"],"sourcesContent":["<template>\n  <u-scroll\n    tag=\"ul\"\n    :class=\"panelCls.b\"\n    ref=\"scroll-container\"\n    :content-class=\"panelCls.e('content')\"\n  >\n    <li\n      v-for=\"(node, index) of data\"\n      :key=\"node.value ?? index\"\n      ref=\"itemRefs\"\n      :class=\"getItemCls(node)\"\n      @click=\"emit('click', panelIndex, node)\"\n    >\n      <u-checkbox\n        v-if=\"cascadeProps.multiple\"\n        :class=\"panelCls.e('option-checkbox')\"\n        :model-value=\"checkedSet.has(node)\"\n        @update:model-value=\"emit('check', node, $event)\"\n      />\n\n      <span :class=\"panelCls.e('option-label')\">\n        {{ node.label }}\n      </span>\n\n      <u-icon :class=\"panelCls.e('option-expand')\" v-if=\"node.children?.length\">\n        <ArrowRight />\n      </u-icon>\n    </li>\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem, scrollIntoContainerView } from '@veltra/utils'\nimport { inject, onMounted, shallowRef, useTemplateRef } from 'vue'\n\nimport type { CascadeNode } from '../../types'\nimport { UCheckbox } from '../checkbox'\nimport { UIcon } from '../icon'\nimport { UScroll } from '../scroll'\nimport { CascadeDIKey } from './di'\n\ndefineOptions({\n  name: 'UCascadePanelItem'\n})\n\nconst props = defineProps<{\n  data: CascadeNode[]\n  value?: string\n  panelIndex: number\n}>()\n\nconst emit = defineEmits<{\n  (e: 'click', panelIndex: number, item: CascadeNode): void\n  (e: 'check', item: CascadeNode, checked: boolean): void\n}>()\n\nconst { cls, cascadeProps, checkedSet } = inject(CascadeDIKey)!\n\nconst panelCls = cls.create('panel-item')\n\nconst optionCls = panelCls.e('option')\n\nfunction getItemCls(item: CascadeNode) {\n  const selected = props.value === item.value\n  return [\n    optionCls,\n    bem.is('active', selected),\n    bem.is('selected', selected && !cascadeProps.multiple)\n  ]\n}\n\nconst itemRefs = shallowRef<HTMLElement[]>([])\nconst scrollContainerRef = useTemplateRef('scroll-container')\n\nonMounted(() => {\n  const activeItem = itemRefs.value.find((el) => el.classList.contains(bem.is('active')))\n  if (activeItem) {\n    setTimeout(() => {\n      scrollIntoContainerView(activeItem, scrollContainerRef.value?.containerRef ?? null)\n    })\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA+CA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAKb,MAAM,EAAE,KAAK,cAAc,eAAe,OAAO,aAAa;EAE9D,MAAM,WAAW,IAAI,OAAO,aAAY;EAExC,MAAM,YAAY,SAAS,EAAE,SAAQ;EAErC,SAAS,WAAW,MAAmB;GACrC,MAAM,WAAW,MAAM,UAAU,KAAK;AACtC,UAAO;IACL;IACA,IAAI,GAAG,UAAU,SAAS;IAC1B,IAAI,GAAG,YAAY,YAAY,CAAC,aAAa,SAAQ;IACvD;;EAGF,MAAM,WAAW,WAA0B,EAAE,CAAA;EAC7C,MAAM,qBAAqB,eAAe,mBAAkB;AAE5D,kBAAgB;GACd,MAAM,aAAa,SAAS,MAAM,MAAM,OAAO,GAAG,UAAU,SAAS,IAAI,GAAG,SAAS,CAAC,CAAA;AACtF,OAAI,WACF,kBAAiB;AACf,4BAAwB,YAAY,mBAAmB,OAAO,gBAAgB,KAAI;KACnF;IAEJ;;uBAlFC,YA4BW,MAAA,YAAA,EAAA;IA3BT,KAAI;IACH,OAAK,eAAE,MAAA,SAAQ,CAAC,EAAC;IAClB,KAAI;IACH,iBAAe,MAAA,SAAQ,CAAC,EAAC,UAAA;;2BAGK,EAAA,UAAA,KAAA,EAD/B,mBAqBK,UAAA,MAAA,WApBqB,QAAA,OAAhB,MAAM,UAAK;yBADrB,mBAqBK,MAAA;MAnBF,KAAK,KAAK,SAAS;;eAChB;MAAJ,KAAI;MACH,OAAK,eAAE,WAAW,KAAI,CAAA;MACtB,UAAK,WAAE,KAAI,SAAU,QAAA,YAAY,KAAI;;MAG9B,MAAA,aAAY,CAAC,YAAA,WAAA,EADrB,YAKE,MAAA,YAAA,EAAA;;OAHC,OAAK,eAAE,MAAA,SAAQ,CAAC,EAAC,kBAAA,CAAA;OACjB,eAAa,MAAA,WAAU,CAAC,IAAI,KAAI;OAChC,wBAAkB,WAAE,KAAI,SAAU,MAAM,OAAM;;;;;;MAGjD,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,SAAQ,CAAC,EAAC,eAAA,CAAA,EAAA,EAAA,gBACnB,KAAK,MAAK,EAAA,EAAA;MAGoC,KAAK,UAAU,UAAA,WAAA,EAAlE,YAES,MAAA,YAAA,EAAA;;OAFA,OAAK,eAAE,MAAA,SAAQ,CAAC,EAAC,gBAAA,CAAA;;8BACV,CAAd,YAAc,MAAA,WAAA,CAAA,CAAA,CAAA"}