yc-design-vue 1.7.6 → 1.7.8

package/es/Layout/LayoutSider.vue.js

@@ -1,7 +1,132 @@
-import _sfc_main from "./LayoutSider.vue2.js";
-/* empty css                 */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const LayoutSider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-226ee3ae"]]);
+import { defineComponent, toRefs, ref, computed, createBlock, createElementBlock, openBlock, unref, normalizeClass, withCtx, createElementVNode, createCommentVNode, renderSlot, createVNode, normalizeStyle } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { mediaQueryHandler, valueToPx } from "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
+import useSiderContext from "./hooks/useSiderContext.js";
+import ResizeBox from "../ResizeBox/index.js";
+const _hoisted_1 = { class: "yc-layout-sider-children" };
+const _hoisted_2 = { class: "yc-layout-sider-children" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "LayoutSider",
+    inheritAttrs: false
+  },
+  __name: "LayoutSider",
+  props: {
+    theme: { default: void 0 },
+    collapsed: { type: Boolean, default: void 0 },
+    defaultCollapsed: { type: Boolean, default: false },
+    collapsible: { type: Boolean, default: false },
+    width: { default: 200 },
+    collapsedWidth: { default: 48 },
+    reverseArrow: { type: Boolean, default: false },
+    breakpoint: { default: void 0 },
+    hideTrigger: { type: Boolean, default: false },
+    resizeDirections: { default: () => {
+      return [];
+    } }
+  },
+  emits: ["update:collapsed", "collapse", "breakpoint"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const {
+      collapsible,
+      breakpoint,
+      hideTrigger,
+      collapsedWidth,
+      width: _width
+    } = toRefs(props);
+    const { theme, computedCollapsed } = useSiderContext().provide(props, emits);
+    const asideWidth = ref(_width.value);
+    const showTrigger = computed(() => {
+      return !hideTrigger.value && collapsible.value;
+    });
+    const handleCollapse = () => {
+      if (!collapsible.value) return;
+      const value = !computedCollapsed.value;
+      computedCollapsed.value = value;
+      asideWidth.value = value ? collapsedWidth.value : _width.value;
+      emits("collapse", value, "clickTrigger");
+    };
+    mediaQueryHandler((_, order, i) => {
+      if (!collapsible.value || !breakpoint.value) return;
+      const value = i <= order[breakpoint.value];
+      computedCollapsed.value = value;
+      asideWidth.value = value ? collapsedWidth.value : _width.value;
+      emits("collapse", value, "responsive");
+      emits("breakpoint", value);
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return _ctx.resizeDirections.length ? (openBlock(), createBlock(unref(ResizeBox), {
+        key: 0,
+        width: asideWidth.value,
+        "onUpdate:width": _cache[0] || (_cache[0] = ($event) => asideWidth.value = $event),
+        directions: _ctx.resizeDirections,
+        class: normalizeClass([
+          "yc-layout-sider",
+          `yc-layout-sider-${unref(theme)}`,
+          _ctx.$attrs.class,
+          {
+            "yc-layout-sider-has-trigger": showTrigger.value
+          }
+        ])
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          showTrigger.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "yc-layout-sider-trigger",
+            onClick: handleCollapse
+          }, [
+            renderSlot(_ctx.$slots, "trigger", { collapsed: unref(computedCollapsed) }, () => [
+              createVNode(unref(_sfc_main$1), {
+                rotate: unref(computedCollapsed) && !_ctx.reverseArrow ? 0 : 180
+              }, null, 8, ["rotate"])
+            ])
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["width", "directions", "class"])) : (openBlock(), createElementBlock("aside", {
+        key: 1,
+        class: normalizeClass([
+          "yc-layout-sider",
+          "yc-layout-sider-translation",
+          `yc-layout-sider-${unref(theme)}`,
+          _ctx.$attrs.class,
+          {
+            "yc-layout-sider-has-trigger": showTrigger.value
+          }
+        ]),
+        style: normalizeStyle({
+          ..._ctx.$attrs.style || {},
+          width: unref(computedCollapsed) ? unref(valueToPx)(unref(collapsedWidth)) : ((_a = _ctx.$attrs.style) == null ? void 0 : _a.width) || unref(valueToPx)(asideWidth.value)
+        })
+      }, [
+        createElementVNode("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        showTrigger.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "yc-layout-sider-trigger",
+          onClick: handleCollapse
+        }, [
+          renderSlot(_ctx.$slots, "trigger", { collapsed: unref(computedCollapsed) }, () => [
+            createVNode(unref(_sfc_main$1), {
+              rotate: unref(computedCollapsed) && !_ctx.reverseArrow ? 0 : 180
+            }, null, 8, ["rotate"])
+          ])
+        ])) : createCommentVNode("", true)
+      ], 6));
+    };
+  }
+});
 export {
-  LayoutSider as default
+  _sfc_main as default
 };

package/es/Layout/LayoutSider.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./LayoutSider.vue.js";
+/* empty css                 */
+export {
+  _sfc_main as default
+};

package/es/Layout/index.js

@@ -1,25 +1,30 @@
-import _Layout from "./Layout.vue.js";
-import LayoutHeader from "./LayoutHeader.vue.js";
-import LayoutFooter from "./LayoutFooter.vue.js";
-import LayoutContent from "./LayoutContent.vue.js";
-import LayoutSider from "./LayoutSider.vue.js";
-const Layout = Object.assign(_Layout, {
-  content: LayoutContent,
-  header: LayoutHeader,
-  footer: LayoutFooter,
-  sider: LayoutSider,
+import _sfc_main from "./Layout.vue.js";
+/* empty css            */
+import _sfc_main$3 from "./LayoutHeader.vue.js";
+/* empty css                  */
+import _sfc_main$2 from "./LayoutFooter.vue.js";
+/* empty css                  */
+import _sfc_main$4 from "./LayoutContent.vue.js";
+/* empty css                   */
+import _sfc_main$1 from "./LayoutSider.vue.js";
+/* empty css                 */
+const Layout = Object.assign(_sfc_main, {
+  content: _sfc_main$4,
+  header: _sfc_main$3,
+  footer: _sfc_main$2,
+  sider: _sfc_main$1,
   install: (app) => {
-    app.component("Yc" + _Layout.name, _Layout);
-    app.component("Yc" + LayoutHeader.name, LayoutHeader);
-    app.component("Yc" + LayoutFooter.name, LayoutFooter);
-    app.component("Yc" + LayoutContent.name, LayoutContent);
-    app.component("Yc" + LayoutSider.name, LayoutSider);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
+    app.component("Yc" + _sfc_main$3.name, _sfc_main$3);
+    app.component("Yc" + _sfc_main$2.name, _sfc_main$2);
+    app.component("Yc" + _sfc_main$4.name, _sfc_main$4);
+    app.component("Yc" + _sfc_main$1.name, _sfc_main$1);
   }
 });
 export {
-  LayoutContent,
-  LayoutFooter,
-  LayoutHeader,
-  LayoutSider,
+  _sfc_main$4 as LayoutContent,
+  _sfc_main$2 as LayoutFooter,
+  _sfc_main$3 as LayoutHeader,
+  _sfc_main$1 as LayoutSider,
   Layout as default
 };

package/es/Link/index.js

@@ -1,7 +1,8 @@
-import _Link from "./index.vue.js";
-const Link = Object.assign(_Link, {
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+const Link = Object.assign(_sfc_main, {
   install: (app) => {
-    app.component("Yc" + _Link.name, _Link);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
   }
 });
 export {

package/es/Link/index.vue.js

@@ -1,7 +1,71 @@
-import _sfc_main from "./index.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Link = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b403d6b8"]]);
+import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, renderSlot, createBlock } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import _sfc_main$1 from "../_shared/icons/IconLink.vue.js";
+import Spin from "../Spin/index.js";
+const _hoisted_1 = ["href"];
+const _hoisted_2 = {
+  key: 0,
+  class: "yc-link-icon"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Link"
+  },
+  __name: "index",
+  props: {
+    href: { default: "" },
+    icon: { type: Boolean, default: false },
+    status: { default: "normal" },
+    hoverable: { type: Boolean, default: true },
+    disabled: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false }
+  },
+  emits: ["click", "dblclick", "contextmenu"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { disabled, loading, href } = toRefs(props);
+    const resultHref = computed(() => {
+      if (loading.value || disabled.value) return "javascript:void(0)";
+      return href.value || "javascript:void(0)";
+    });
+    const handleEvent = (type, e) => {
+      if (disabled.value || loading.value) return;
+      emits(type, e);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("a", {
+        href: resultHref.value,
+        class: normalizeClass([
+          "yc-link",
+          `yc-link-status-${_ctx.status}`,
+          {
+            "yc-link-hoverable": _ctx.hoverable && !unref(disabled) && !unref(loading),
+            "yc-link-loading": unref(loading),
+            "yc-link-disabled": unref(disabled)
+          }
+        ]),
+        onClick: _cache[0] || (_cache[0] = ($event) => handleEvent("click", $event)),
+        onDblclick: _cache[1] || (_cache[1] = ($event) => handleEvent("dblclick", $event)),
+        onContextmenu: _cache[2] || (_cache[2] = ($event) => handleEvent("contextmenu", $event))
+      }, [
+        _ctx.$slots.icon || _ctx.icon || unref(loading) ? (openBlock(), createElementBlock("span", _hoisted_2, [
+          !unref(loading) ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
+            _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$1), { key: 0 })) : createCommentVNode("", true)
+          ]) : (openBlock(), createBlock(unref(Spin), {
+            key: 1,
+            "is-size-inherit": ""
+          }))
+        ])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default")
+      ], 42, _hoisted_1);
+    };
+  }
+});
 export {
-  _Link as default
+  _sfc_main as default
 };

package/es/Link/index.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+export {
+  _sfc_main as default
+};

package/es/List/List.vue.js

@@ -1,7 +1,209 @@
-import _sfc_main from "./List.vue2.js";
-/* empty css          */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _List = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a549d4df"]]);
+import { defineComponent, useSlots, toRefs, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createBlock, createCommentVNode, normalizeStyle, createElementVNode, renderSlot, createSlots, normalizeProps, guardReactiveProps, Fragment, renderList, resolveDynamicComponent, isRef } from "vue";
+import { unrefElement } from "../node_modules/@vueuse/core/index.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { valueToPx } from "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import useControlValue from "../_shared/utils/control.js";
+import useScrollReach from "./hooks/useScrollReach.js";
+import Spin from "../Spin/index.js";
+import Scrollbar from "../Scrollbar/index.js";
+import Pagination from "../Pagination/index.js";
+import _sfc_main$1 from "./ListVirtual.vue.js";
+/* empty css                 */
+import _sfc_main$2 from "./ListItem.vue.js";
+/* empty css              */
+const _hoisted_1 = { class: "yc-list-content-wrapper" };
+const _hoisted_2 = {
+  key: 0,
+  class: "yc-list-header"
+};
+const _hoisted_3 = {
+  key: 2,
+  role: "list",
+  class: "yc-list-content"
+};
+const _hoisted_4 = {
+  key: 4,
+  class: "yc-list-footer"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "List"
+  },
+  __name: "List",
+  props: {
+    data: { default: () => [] },
+    size: { default: void 0 },
+    bordered: { type: Boolean, default: true },
+    split: { type: Boolean, default: true },
+    loading: { type: Boolean, default: false },
+    hoverable: { type: Boolean, default: false },
+    paginationProps: { default: void 0 },
+    maxHeight: { default: void 0 },
+    bottomOffset: { default: 0 },
+    virtualListProps: { default: void 0 },
+    scrollbar: { type: Boolean, default: true }
+  },
+  emits: ["scroll", "reach-bottom", "page-change", "page-size-change"],
+  setup(__props, { emit: __emit }) {
+    var _a, _b;
+    useSlots();
+    const props = __props;
+    const emits = __emit;
+    const { data, paginationProps, virtualListProps, bottomOffset } = toRefs(props);
+    const { size, renderEmpty } = getGlobalConfig(props);
+    const isBottomReached = ref(false);
+    const realListRef = ref();
+    const virtualListRef = ref();
+    const isVirtualList = computed(() => {
+      if (!virtualListProps.value || paginationProps.value) {
+        return false;
+      }
+      return virtualListProps.value.itemHeight && (!virtualListProps.value.threshold || virtualListProps.value.threshold > data.value.length);
+    });
+    const scrollRef = computed(
+      () => {
+        var _a2;
+        return isVirtualList.value ? unrefElement(virtualListRef) : (_a2 = realListRef.value) == null ? void 0 : _a2.getScrollRef();
+      }
+    );
+    useScrollReach({
+      scrollRef,
+      offset: {
+        bottom: bottomOffset.value
+      },
+      onScroll: (e, arriveStauts) => {
+        isBottomReached.value = arriveStauts.bottom;
+        emits("scroll", e);
+      },
+      onReachBottom: (e) => {
+        emits("reach-bottom", e);
+      }
+    });
+    const current = computed(() => {
+      var _a2;
+      return (_a2 = paginationProps.value) == null ? void 0 : _a2.current;
+    });
+    const computedCurrent = useControlValue(
+      current,
+      ((_a = paginationProps.value) == null ? void 0 : _a.current) || 1,
+      (val) => {
+        emits("page-change", val);
+      }
+    );
+    const pageSize = computed(() => {
+      var _a2;
+      return (_a2 = paginationProps.value) == null ? void 0 : _a2.pageSize;
+    });
+    const computedPageSize = useControlValue(
+      pageSize,
+      ((_b = paginationProps.value) == null ? void 0 : _b.defaultPageSize) || 10,
+      (val) => {
+        computedCurrent.value = 1;
+        emits("page-change", val);
+      }
+    );
+    const curList = computed(() => {
+      if (!paginationProps.value) return data.value;
+      return data.value.slice(
+        (computedCurrent.value - 1) * computedPageSize.value,
+        computedCurrent.value * computedPageSize.value
+      );
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-list-wrapper",
+          `yc-list-size-${unref(size)}`,
+          {
+            "yc-list-bordered": _ctx.bordered,
+            "yc-list-hoverable": _ctx.hoverable,
+            "yc-list-split": _ctx.split
+          }
+        ])
+      }, [
+        createVNode(unref(Spin), {
+          loading: _ctx.loading,
+          class: "yc-list-spin"
+        }, {
+          default: withCtx(() => {
+            var _a2;
+            return [
+              createVNode(unref(Scrollbar), {
+                scrollbar: _ctx.scrollbar,
+                style: normalizeStyle({
+                  maxHeight: isVirtualList.value ? "" : unref(valueToPx)(_ctx.maxHeight)
+                }),
+                class: "yc-list",
+                ref_key: "realListRef",
+                ref: realListRef
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_1, [
+                    _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                      renderSlot(_ctx.$slots, "header")
+                    ])) : createCommentVNode("", true),
+                    isVirtualList.value ? (openBlock(), createBlock(_sfc_main$1, {
+                      key: 1,
+                      data: unref(data),
+                      "virtual-list-props": unref(virtualListProps),
+                      style: normalizeStyle({
+                        maxHeight: unref(valueToPx)(_ctx.maxHeight)
+                      }),
+                      ref_key: "virtualListRef",
+                      ref: virtualListRef
+                    }, createSlots({ _: 2 }, [
+                      _ctx.$slots.item ? {
+                        name: "item",
+                        fn: withCtx((scope) => [
+                          renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(scope)))
+                        ]),
+                        key: "0"
+                      } : void 0
+                    ]), 1032, ["data", "virtual-list-props", "style"])) : (openBlock(), createElementBlock("div", _hoisted_3, [
+                      renderSlot(_ctx.$slots, "default"),
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(curList.value, (item, i) => {
+                        return renderSlot(_ctx.$slots, "item", {
+                          key: i,
+                          index: i,
+                          item
+                        });
+                      }), 128))
+                    ])),
+                    !_ctx.$slots.default && !curList.value.length ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.empty || unref(renderEmpty)("List")), { key: 3 })) : createCommentVNode("", true),
+                    _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                      renderSlot(_ctx.$slots, "footer")
+                    ])) : createCommentVNode("", true),
+                    _ctx.$slots["scroll-loading"] && isBottomReached.value ? (openBlock(), createBlock(_sfc_main$2, {
+                      key: 5,
+                      class: "yc-list-scroll-loading"
+                    }, {
+                      default: withCtx(() => [
+                        renderSlot(_ctx.$slots, "scroll-loading")
+                      ]),
+                      _: 3
+                    })) : createCommentVNode("", true)
+                  ])
+                ]),
+                _: 3
+              }, 8, ["scrollbar", "style"]),
+              unref(paginationProps) ? (openBlock(), createBlock(unref(Pagination), {
+                key: 0,
+                current: unref(computedCurrent),
+                "onUpdate:current": _cache[0] || (_cache[0] = ($event) => isRef(computedCurrent) ? computedCurrent.value = $event : null),
+                "page-size": unref(computedPageSize),
+                "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => isRef(computedPageSize) ? computedPageSize.value = $event : null),
+                total: ((_a2 = unref(paginationProps)) == null ? void 0 : _a2.total) || 0
+              }, null, 8, ["current", "page-size", "total"])) : createCommentVNode("", true)
+            ];
+          }),
+          _: 3
+        }, 8, ["loading"])
+      ], 2);
+    };
+  }
+});
 export {
-  _List as default
+  _sfc_main as default
 };

package/es/List/List.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./List.vue.js";
+/* empty css          */
+export {
+  _sfc_main as default
+};

package/es/List/ListItem.vue.js

@@ -1,7 +1,58 @@
-import _sfc_main from "./ListItem.vue2.js";
-/* empty css              */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const ListItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6f994902"]]);
+import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, renderSlot } from "vue";
+const _hoisted_1 = {
+  role: "listitem",
+  class: "yc-list-item"
+};
+const _hoisted_2 = { class: "yc-list-item-main" };
+const _hoisted_3 = {
+  key: 0,
+  class: "yc-list-item-meta"
+};
+const _hoisted_4 = { class: "yc-list-item-content" };
+const _hoisted_5 = {
+  key: 1,
+  class: "yc-list-item-action"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "yc-list-item-action"
+};
+const _hoisted_7 = {
+  key: 1,
+  class: "list-item-extra"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ListItem"
+  },
+  __name: "ListItem",
+  props: {
+    actionLayout: { default: "horizontal" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _ctx.$slots.meta ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            renderSlot(_ctx.$slots, "meta")
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_4, [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _ctx.$slots.actions && _ctx.actionLayout == "vertical" ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            renderSlot(_ctx.$slots, "actions")
+          ])) : createCommentVNode("", true)
+        ]),
+        _ctx.$slots.actions && _ctx.actionLayout == "horizontal" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          renderSlot(_ctx.$slots, "actions")
+        ])) : createCommentVNode("", true),
+        _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          renderSlot(_ctx.$slots, "extra")
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
 export {
-  ListItem as default
+  _sfc_main as default
 };

package/es/List/ListItem.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./ListItem.vue.js";
+/* empty css              */
+export {
+  _sfc_main as default
+};

package/es/List/ListItemMeta.vue.js

@@ -1,7 +1,49 @@
-import _sfc_main from "./ListItemMeta.vue2.js";
-/* empty css                  */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const ListItemMeta = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-da1091ab"]]);
+import { defineComponent, createElementBlock, openBlock, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
+const _hoisted_1 = { class: "yc-list-item-meta" };
+const _hoisted_2 = {
+  key: 0,
+  class: "yc-list-item-meta-avatar"
+};
+const _hoisted_3 = { class: "yc-list-item-meta-content" };
+const _hoisted_4 = {
+  key: 0,
+  class: "yc-list-item-meta-title"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "yc-list-item-meta-description"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ListItemMeta"
+  },
+  __name: "ListItemMeta",
+  props: {
+    title: { default: "" },
+    description: { default: "" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.$slots.avatar ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "avatar")
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3, [
+          _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ])
+          ])) : createCommentVNode("", true),
+          _ctx.$slots.description || _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            renderSlot(_ctx.$slots, "description", {}, () => [
+              createTextVNode(toDisplayString(_ctx.description), 1)
+            ])
+          ])) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
 export {
-  ListItemMeta as default
+  _sfc_main as default
 };

package/es/List/ListItemMeta.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./ListItemMeta.vue.js";
+/* empty css                  */
+export {
+  _sfc_main as default
+};

package/es/List/index.css

@@ -1 +1 @@
-.yc-list-wrapper{position:relative;width:100%}.yc-list-wrapper .yc-list-spin{width:100%;display:flex;flex-direction:column;align-items:flex-end;gap:24px}.yc-list-wrapper .yc-list-spin .yc-scrollbar{width:100%}.yc-list-wrapper .yc-list-spin .yc-scrollbar:deep(.yc-scrollbar-container) .yc-scrollbar-content{border-radius:4px}.yc-list-wrapper .yc-list-spin .yc-list-content-wrapper{display:flex;flex-direction:column;color:var(--color-text-1);font-size:14px;line-height:1.5715}.yc-list-wrapper .yc-list-spin .yc-list-content-wrapper .yc-list-header{font-weight:500;font-size:16px;line-height:1.5;color:var(--color-text-1)}.yc-list-wrapper .yc-list-spin .yc-list-content-wrapper .yc-list-content{display:flex;flex-direction:column}.yc-list-wrapper .yc-list-spin .yc-list-content-wrapper .yc-list-scroll-loading{background-color:var(--color-bg-1)}.yc-list-wrapper .yc-list-spin .yc-list-content-wrapper .yc-list-scroll-loading:deep(.yc-list-item-content){display:flex;justify-content:center;align-items:center}.yc-list-bordered .yc-scrollbar:deep(.yc-scrollbar-container){border:1px solid var(--color-border)}.yc-list-split .yc-list-header{border-bottom:1px solid var(--color-border)}.yc-list-split:deep(.yc-list-content) .yc-list-item:not(:last-child){border-bottom:1px solid var(--color-border)}.yc-list-split .yc-list-scroll-loading{border-top:1px solid var(--color-border)}.yc-list-split .yc-list-footer{border-top:1px solid var(--color-border)}.yc-list-hoverable:deep(.yc-list-item):hover{background-color:var(--color-fill-1)}.yc-list-size-small .yc-list-header,.yc-list-size-small .yc-list-footer,.yc-list-size-small .yc-list-scroll-loading{padding:8px 20px}.yc-list-size-small:deep(.yc-list-item){padding:9px 20px}.yc-list-size-medium .yc-list-header,.yc-list-size-medium .yc-list-footer,.yc-list-size-medium .yc-list-scroll-loading{padding:12px 20px}.yc-list-size-medium:deep(.yc-list-item){padding:13px 20px}.yc-list-size-large .yc-list-header,.yc-list-size-large .yc-list-footer,.yc-list-size-large .yc-list-scroll-loading{padding:16px 20px}.yc-list-size-large:deep(.yc-list-item){padding:17px 20px}.yc-list-item{overflow:hidden;width:100%;display:flex;justify-content:space-between}.yc-list-item .yc-list-item-main{flex:1}.yc-list-item .yc-list-item-action{display:flex;align-items:center;gap:20px}.yc-list-item-meta{overflow:hidden;width:100%;padding:4px 0;display:flex;align-items:center;gap:16px}.yc-list-item-meta .yc-list-item-avatar{flex-shrink:0}.yc-list-item-meta .yc-list-item-meta-content{flex:1;display:flex;flex-direction:column;gap:2px}.yc-list-item-meta .yc-list-item-meta-content .yc-list-item-meta-title{color:var(--color-text-1);font-weight:500}.yc-list-item-meta .yc-list-item-meta-content .yc-list-item-meta-description{color:var(--color-text-2)}
+.yc-list-wrapper{position:relative;width:100%}.yc-list-wrapper .yc-list-spin{width:100%;display:flex;flex-direction:column;align-items:flex-end;gap:24px}.yc-list-wrapper .yc-list-spin .yc-scrollbar{width:100%}.yc-list-wrapper .yc-list-spin .yc-scrollbar .yc-scrollbar-container .yc-scrollbar-content{border-radius:4px}.yc-list-wrapper .yc-list-spin .yc-list-content-wrapper{display:flex;flex-direction:column;color:var(--color-text-1);font-size:14px;line-height:1.5715}.yc-list-wrapper .yc-list-spin .yc-list-content-wrapper .yc-list-header{font-weight:500;font-size:16px;line-height:1.5;color:var(--color-text-1)}.yc-list-wrapper .yc-list-spin .yc-list-content-wrapper .yc-list-content{display:flex;flex-direction:column}.yc-list-wrapper .yc-list-spin .yc-list-content-wrapper .yc-list-scroll-loading{background-color:var(--color-bg-1)}.yc-list-wrapper .yc-list-spin .yc-list-content-wrapper .yc-list-scroll-loading .yc-list-item-content{display:flex;justify-content:center;align-items:center}.yc-list-bordered .yc-scrollbar .yc-scrollbar-container{border:1px solid var(--color-border)}.yc-list-split .yc-list-header{border-bottom:1px solid var(--color-border)}.yc-list-split .yc-list-content .yc-list-item:not(:last-child){border-bottom:1px solid var(--color-border)}.yc-list-split .yc-list-scroll-loading{border-top:1px solid var(--color-border)}.yc-list-split .yc-list-footer{border-top:1px solid var(--color-border)}.yc-list-hoverable .yc-list-item:hover{background-color:var(--color-fill-1)}.yc-list-size-small .yc-list-header,.yc-list-size-small .yc-list-footer,.yc-list-size-small .yc-list-scroll-loading{padding:8px 20px}.yc-list-size-small .yc-list-item{padding:9px 20px}.yc-list-size-medium .yc-list-header,.yc-list-size-medium .yc-list-footer,.yc-list-size-medium .yc-list-scroll-loading{padding:12px 20px}.yc-list-size-medium .yc-list-item{padding:13px 20px}.yc-list-size-large .yc-list-header,.yc-list-size-large .yc-list-footer,.yc-list-size-large .yc-list-scroll-loading{padding:16px 20px}.yc-list-size-large .yc-list-item{padding:17px 20px}.yc-list-item{overflow:hidden;width:100%;display:flex;justify-content:space-between}.yc-list-item .yc-list-item-main{flex:1}.yc-list-item .yc-list-item-action{display:flex;align-items:center;gap:20px}.yc-list-item-meta{overflow:hidden;width:100%;padding:4px 0;display:flex;align-items:center;gap:16px}.yc-list-item-meta .yc-list-item-avatar{flex-shrink:0}.yc-list-item-meta .yc-list-item-meta-content{flex:1;display:flex;flex-direction:column;gap:2px}.yc-list-item-meta .yc-list-item-meta-content .yc-list-item-meta-title{color:var(--color-text-1);font-weight:500}.yc-list-item-meta .yc-list-item-meta-content .yc-list-item-meta-description{color:var(--color-text-2)}