yc-design-vue 1.0.1

package/es/Calendar/CalendarMonth.vue2.js

@@ -0,0 +1,116 @@
+import { defineComponent, toRefs, computed, watch, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, Fragment, renderList, toDisplayString, renderSlot } from "vue";
+import dayjs from "../node_modules/dayjs/dayjs.min.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import { generateMonthCalendar } from "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                         */
+import useControlValue from "../_shared/utils/control.js";
+const _hoisted_1 = { class: "yc-calendar-week-list" };
+const _hoisted_2 = { class: "yc-calendar-month-cell-body" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "yc-calendar-date" };
+const _hoisted_5 = { class: "yc-calendar-date-value" };
+const _hoisted_6 = { class: "yc-calendar-date-circle" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CalendarMonth",
+  props: {
+    computedValue: {},
+    recordDate: {},
+    calendar: { default: void 0 },
+    small: { type: Boolean, default: false }
+  },
+  emits: ["cell-click"],
+  setup(__props) {
+    const props = __props;
+    const { computedValue, calendar: _calendar, small, recordDate } = toRefs(props);
+    const weekList = computed(() => {
+      return small.value ? ["日", "一", "二", "三", "四", "五", "六"] : ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
+    });
+    const calendar = useControlValue(_calendar, []);
+    watch(
+      () => recordDate.value.month,
+      () => {
+        if (_calendar.value) return;
+        const { year, month } = recordDate.value;
+        calendar.value = generateMonthCalendar(year, month);
+      },
+      {
+        immediate: true
+      }
+    );
+    const isToday = (col) => {
+      const { day, year, month } = col;
+      const cur = dayjs();
+      const _day = cur.date();
+      const _month = cur.month();
+      const _year = cur.year();
+      return day == _day && month == _month && year == _year;
+    };
+    const isSelected = (col) => {
+      const year = computedValue.value.getFullYear();
+      const month = computedValue.value.getMonth();
+      const day = computedValue.value.getDate();
+      const { day: _day, year: _year, month: _month, isCurrentMonth } = col;
+      const isSameDate = day == _day && month == _month && year == _year;
+      return small.value ? isSameDate && isCurrentMonth : isSameDate;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-calendar-month",
+          {
+            "yc-calendar-month-small": unref(small)
+          }
+        ])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(weekList.value, (item) => {
+            return openBlock(), createElementBlock("div", {
+              class: "yc-calendar-week-list-item",
+              key: item
+            }, toDisplayString(item), 1);
+          }), 128))
+        ]),
+        createElementVNode("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(calendar), (row, i) => {
+            return openBlock(), createElementBlock("div", {
+              key: i,
+              class: "yc-calendar-month-row"
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(row, (col, i1) => {
+                return openBlock(), createElementBlock("div", {
+                  key: i1,
+                  class: normalizeClass([
+                    "yc-calendar-cell",
+                    {
+                      "yc-calendar-cell-today": isToday(col),
+                      "yc-calendar-cell-selected": isSelected(col),
+                      "yc-calendar-cell-in-view": col.isCurrentMonth
+                    }
+                  ]),
+                  onClick: ($event) => _ctx.$emit("cell-click", col)
+                }, [
+                  renderSlot(_ctx.$slots, "default", {
+                    year: col.year,
+                    month: col.month,
+                    day: col.day
+                  }, () => [
+                    createElementVNode("div", _hoisted_4, [
+                      createElementVNode("div", _hoisted_5, [
+                        createElementVNode("div", _hoisted_6, toDisplayString(col.day), 1)
+                      ])
+                    ])
+                  ], true)
+                ], 10, _hoisted_3);
+              }), 128))
+            ]);
+          }), 128))
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/Calendar/CalendarYear.vue.d.ts

@@ -0,0 +1,30 @@
+import { CalendarCellData } from '../_shared/utils';
+type __VLS_Props = {
+    computedValue: Date;
+    recordDate: Record<string, number>;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            year: any;
+            month: any;
+            day: any;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "cell-click": (col: CalendarCellData) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onCell-click"?: ((col: CalendarCellData) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/Calendar/CalendarYear.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./CalendarYear.vue2.js";
+/* empty css                  */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const YearCalendar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-345e269c"]]);
+export {
+  YearCalendar as default
+};

package/es/Calendar/CalendarYear.vue2.js

@@ -0,0 +1,96 @@
+import { defineComponent, toRefs, ref, watch, createElementBlock, openBlock, Fragment, renderList, createElementVNode, createVNode, toDisplayString, unref, createSlots, withCtx, renderSlot } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import { generateMonthCalendar } from "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                         */
+import MonthCalendar from "./CalendarMonth.vue.js";
+const _hoisted_1 = { class: "yc-calendar-year" };
+const _hoisted_2 = { class: "yc-calendar-year-cell-title" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CalendarYear",
+  props: {
+    computedValue: {},
+    recordDate: {}
+  },
+  emits: ["cell-click"],
+  setup(__props) {
+    const props = __props;
+    const { computedValue, recordDate } = toRefs(props);
+    const calendar = ref([]);
+    const monthList = [
+      "一月",
+      "二月",
+      "三月",
+      "四月",
+      "五月",
+      "六月",
+      "七月",
+      "八月",
+      "九月",
+      "十月",
+      "十一月",
+      "十二月"
+    ];
+    watch(
+      () => recordDate.value.year,
+      () => {
+        const { year } = recordDate.value;
+        calendar.value = [];
+        const row = [];
+        for (let i = 1; i <= 12; i++) {
+          row.push(generateMonthCalendar(year, i));
+          if (row.length == 4) {
+            calendar.value.push([...row]);
+            row.splice(0);
+          }
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(calendar.value, (row, i) => {
+          return openBlock(), createElementBlock("div", {
+            key: i,
+            class: "yc-calendar-year-row"
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(row, (col, i1) => {
+              return openBlock(), createElementBlock("div", {
+                key: i1,
+                class: "yc-calendar-year-cell"
+              }, [
+                createElementVNode("div", _hoisted_2, toDisplayString(monthList[i * 4 + i1]), 1),
+                createVNode(MonthCalendar, {
+                  "computed-value": unref(computedValue),
+                  calendar: col,
+                  "record-date": unref(recordDate),
+                  small: "",
+                  class: "yc-calendar-year-cell-body",
+                  onCellClick: _cache[0] || (_cache[0] = (v) => _ctx.$emit("cell-click", v))
+                }, createSlots({ _: 2 }, [
+                  _ctx.$slots.default ? {
+                    name: "default",
+                    fn: withCtx(({ year, month, day }) => [
+                      renderSlot(_ctx.$slots, "default", {
+                        year,
+                        month,
+                        day
+                      }, void 0, true)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["computed-value", "calendar", "record-date"])
+              ]);
+            }), 128))
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/Calendar/index.d.ts

@@ -0,0 +1,70 @@
+import { App } from 'vue';
+import { default as _Calendar } from './Calendar.vue';
+export type CalendarInstance = InstanceType<typeof _Calendar>;
+export * from './type';
+declare const Calendar: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').CalendarProps> & Readonly<{
+        onChange?: ((value: Date) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: Date) => any) | undefined;
+        "onUpdate:mode"?: ((mode: import('./type').CalendarMode) => any) | undefined;
+        "onPanel-change"?: ((value: Date) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (value: Date) => any;
+        "update:modelValue": (value: Date) => any;
+        "update:mode": (mode: import('./type').CalendarMode) => any;
+        "panel-change": (value: Date) => any;
+    }, import('vue').PublicProps, {
+        mode: import('./type').CalendarMode;
+        modelValue: Date;
+        defaultValue: Date;
+        defaultMode: import('./type').CalendarMode;
+        modes: import('./type').CalendarMode[];
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').CalendarProps> & Readonly<{
+        onChange?: ((value: Date) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: Date) => any) | undefined;
+        "onUpdate:mode"?: ((mode: import('./type').CalendarMode) => any) | undefined;
+        "onPanel-change"?: ((value: Date) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        mode: import('./type').CalendarMode;
+        modelValue: Date;
+        defaultValue: Date;
+        defaultMode: import('./type').CalendarMode;
+        modes: import('./type').CalendarMode[];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').CalendarProps> & Readonly<{
+    onChange?: ((value: Date) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Date) => any) | undefined;
+    "onUpdate:mode"?: ((mode: import('./type').CalendarMode) => any) | undefined;
+    "onPanel-change"?: ((value: Date) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: Date) => any;
+    "update:modelValue": (value: Date) => any;
+    "update:mode": (mode: import('./type').CalendarMode) => any;
+    "panel-change": (value: Date) => any;
+}, string, {
+    mode: import('./type').CalendarMode;
+    modelValue: Date;
+    defaultValue: Date;
+    defaultMode: import('./type').CalendarMode;
+    modes: import('./type').CalendarMode[];
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Readonly<import('./type').CalendarSlots> & import('./type').CalendarSlots;
+}) & {
+    install: (app: App) => void;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        YcCalendar: typeof Calendar;
+    }
+}
+export default Calendar;

package/es/Calendar/index.js

@@ -0,0 +1,9 @@
+import _Calendar from "./Calendar.vue.js";
+const Calendar = Object.assign(_Calendar, {
+  install: (app) => {
+    app.component("Yc" + _Calendar.name, _Calendar);
+  }
+});
+export {
+  Calendar as default
+};

package/es/Calendar/type.d.ts

@@ -0,0 +1,25 @@
+export interface CalendarProps {
+    modelValue?: Date;
+    defaultValue?: Date;
+    mode?: CalendarMode;
+    defaultMode?: CalendarMode;
+    modes?: CalendarMode[];
+}
+export interface CalendarEmits {
+    (e: 'update:modelValue', value: Date): void;
+    (e: 'update:mode', mode: CalendarMode): void;
+    (e: 'change', value: Date): void;
+    (e: 'panel-change', value: Date): void;
+}
+export interface CalendarSlots {
+    header(scope: {
+        year: number;
+        month: number;
+    }): void;
+    default(scope: {
+        year: number;
+        month: number;
+        day: number;
+    }): void;
+}
+export type CalendarMode = 'month' | 'year';

package/es/Card/Card.vue.d.ts

@@ -0,0 +1,25 @@
+import { CardProps, CardSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<CardSlots> & CardSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CardProps> & Readonly<{}>, {
+    size: import('./type').CardSize;
+    loading: boolean;
+    title: string;
+    bordered: boolean;
+    hoverable: boolean;
+    headerStyle: import('vue').CSSProperties;
+    bodyStyle: import('vue').CSSProperties;
+    extra: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/Card/Card.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./Card.vue2.js";
+/* empty css          */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const _Card = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bbd45b76"]]);
+export {
+  _Card as default
+};

package/es/Card/Card.vue2.js

@@ -0,0 +1,121 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createBlock, withCtx } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import { findComponentsFromVnodes } from "../_shared/utils/vue-utils.js";
+import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import useContext from "./hooks/useContext.js";
+import Spin from "../Spin/index.js";
+import CardGrid from "./CardGrid.vue.js";
+import CardMeta from "./CardMeta.vue.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "yc-card-header-title text-ellipsis"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "yc-card-header-extra text-ellipsis"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "yc-card-cover"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "yc-card-actions"
+};
+const _hoisted_5 = { class: "yc-card-actions-right text-ellipsis" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Card"
+  },
+  __name: "Card",
+  props: {
+    bordered: { type: Boolean, default: true },
+    loading: { type: Boolean, default: false },
+    hoverable: { type: Boolean, default: false },
+    size: { default: void 0 },
+    headerStyle: { default: () => {
+      return {};
+    } },
+    bodyStyle: { default: () => {
+      return {};
+    } },
+    title: { default: "" },
+    extra: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { size } = getGlobalConfig(props);
+    const { slots } = useContext().provide();
+    const nodes = computed(() => {
+      var _a;
+      return ((_a = slots.default) == null ? void 0 : _a.call(slots)) || [];
+    });
+    const hasMeta = computed(() => {
+      const meta = findComponentsFromVnodes(nodes.value, CardMeta.name);
+      return !!meta.length;
+    });
+    const hasGrid = computed(() => {
+      const grid = findComponentsFromVnodes(nodes.value, CardGrid.name);
+      return !!grid.length;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-card",
+          `yc-card-size-${unref(size)}`,
+          {
+            "yc-card-bordered": _ctx.bordered,
+            "yc-card-hoverable": _ctx.hoverable,
+            "yc-card-loading": _ctx.loading,
+            "yc-card-contain-grid": hasGrid.value
+          }
+        ])
+      }, [
+        _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "yc-card-header",
+          style: normalizeStyle(_ctx.headerStyle)
+        }, [
+          _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ], true)
+          ])) : createCommentVNode("", true),
+          _ctx.extra || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "extra", {}, () => [
+              createTextVNode(toDisplayString(_ctx.extra), 1)
+            ], true)
+          ])) : createCommentVNode("", true)
+        ], 4)) : createCommentVNode("", true),
+        _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "cover", {}, void 0, true)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: "yc-card-body",
+          style: normalizeStyle(_ctx.bodyStyle)
+        }, [
+          _ctx.loading ? (openBlock(), createBlock(unref(Spin), {
+            key: 0,
+            "is-size-inherit": "",
+            loading: ""
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ]),
+            _: 3
+          })) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true),
+          _ctx.$slots.actions && !hasMeta.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            createElementVNode("div", _hoisted_5, [
+              renderSlot(_ctx.$slots, "actions", {}, void 0, true)
+            ])
+          ])) : createCommentVNode("", true)
+        ], 4)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/Card/CardGrid.vue.d.ts

@@ -0,0 +1,18 @@
+import { CardGridProps, CardGridSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<CardGridSlots> & CardGridSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CardGridProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CardGridProps> & Readonly<{}>, {
+    hoverable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/Card/CardGrid.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./CardGrid.vue2.js";
+/* empty css              */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const CardGrid = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d6581cd4"]]);
+export {
+  CardGrid as default
+};

package/es/Card/CardGrid.vue2.js

@@ -0,0 +1,27 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CardGrid"
+  },
+  __name: "CardGrid",
+  props: {
+    hoverable: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-card-grid",
+          {
+            "yc-card-grid-hoverable": _ctx.hoverable
+          }
+        ])
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/Card/CardMeta.vue.d.ts

@@ -0,0 +1,19 @@
+import { CardMetaProps, CardMetaSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<CardMetaSlots> & CardMetaSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CardMetaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CardMetaProps> & Readonly<{}>, {
+    title: string;
+    description: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/Card/CardMeta.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./CardMeta.vue2.js";
+/* empty css              */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const CardMeta = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3afd68ef"]]);
+export {
+  CardMeta as default
+};

package/es/Card/CardMeta.vue2.js

@@ -0,0 +1,70 @@
+import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, renderSlot, createTextVNode, toDisplayString, unref, createBlock, resolveDynamicComponent } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import { getSlotFunction } from "../_shared/utils/vue-utils.js";
+import "../Empty/index.js";
+/* empty css                         */
+import useContext from "./hooks/useContext.js";
+const _hoisted_1 = { class: "yc-card-meta" };
+const _hoisted_2 = { class: "yc-card-meta-content" };
+const _hoisted_3 = {
+  key: 0,
+  class: "yc-card-meta-title text-ellipsis"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "yc-card-meta-description"
+};
+const _hoisted_5 = { class: "yc-card-meta-footer" };
+const _hoisted_6 = {
+  key: 0,
+  class: "yc-card-meta-avatar"
+};
+const _hoisted_7 = {
+  key: 1,
+  class: "yc-card-actions"
+};
+const _hoisted_8 = { class: "yc-card-actions-right text-ellipsis" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CardMeta"
+  },
+  __name: "CardMeta",
+  props: {
+    title: { default: "" },
+    description: { default: "" }
+  },
+  setup(__props) {
+    const { slots } = useContext().inject();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ], true)
+          ])) : createCommentVNode("", true),
+          _ctx.$slots.description || _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            renderSlot(_ctx.$slots, "description", {}, () => [
+              createTextVNode(toDisplayString(_ctx.description), 1)
+            ], true)
+          ])) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_5, [
+          _ctx.$slots.avatar ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            renderSlot(_ctx.$slots, "avatar", {}, void 0, true)
+          ])) : createCommentVNode("", true),
+          unref(slots).actions ? (openBlock(), createElementBlock("div", _hoisted_7, [
+            createElementVNode("div", _hoisted_8, [
+              (openBlock(), createBlock(resolveDynamicComponent(unref(getSlotFunction)(unref(slots).actions))))
+            ])
+          ])) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};