yc-design-vue 1.7.6 → 1.7.8

package/es/List/List.vue2.js

@@ -1,208 +0,0 @@
-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 ListItem from "./ListItem.vue.js";
-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", {}, void 0, true)
-                    ])) : 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)), void 0, true)
-                        ]),
-                        key: "0"
-                      } : void 0
-                    ]), 1032, ["data", "virtual-list-props", "style"])) : (openBlock(), createElementBlock("div", _hoisted_3, [
-                      renderSlot(_ctx.$slots, "default", {}, void 0, true),
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(curList.value, (item, i) => {
-                        return renderSlot(_ctx.$slots, "item", {
-                          key: i,
-                          index: i,
-                          item
-                        }, void 0, true);
-                      }), 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", {}, void 0, true)
-                    ])) : createCommentVNode("", true),
-                    _ctx.$slots["scroll-loading"] && isBottomReached.value ? (openBlock(), createBlock(ListItem, {
-                      key: 5,
-                      class: "yc-list-scroll-loading"
-                    }, {
-                      default: withCtx(() => [
-                        renderSlot(_ctx.$slots, "scroll-loading", {}, void 0, true)
-                      ]),
-                      _: 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 {
-  _sfc_main as default
-};

package/es/List/ListItem.vue2.js

@@ -1,58 +0,0 @@
-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", {}, void 0, true)
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4, [
-            renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ]),
-          _ctx.$slots.actions && _ctx.actionLayout == "vertical" ? (openBlock(), createElementBlock("div", _hoisted_5, [
-            renderSlot(_ctx.$slots, "actions", {}, void 0, true)
-          ])) : createCommentVNode("", true)
-        ]),
-        _ctx.$slots.actions && _ctx.actionLayout == "horizontal" ? (openBlock(), createElementBlock("div", _hoisted_6, [
-          renderSlot(_ctx.$slots, "actions", {}, void 0, true)
-        ])) : createCommentVNode("", true),
-        _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_7, [
-          renderSlot(_ctx.$slots, "extra", {}, void 0, true)
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/List/ListItemMeta.vue2.js

@@ -1,49 +0,0 @@
-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", {}, void 0, true)
-        ])) : 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)
-            ], true)
-          ])) : createCommentVNode("", true),
-          _ctx.$slots.description || _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_5, [
-            renderSlot(_ctx.$slots, "description", {}, () => [
-              createTextVNode(toDisplayString(_ctx.description), 1)
-            ], true)
-          ])) : createCommentVNode("", true)
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Menu/Menu.vue2.js

@@ -1,98 +0,0 @@
-import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, renderSlot, createBlock } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { mediaQueryHandler } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-import _sfc_main$1 from "../_shared/icons/IconMenuFold.vue.js";
-import _sfc_main$2 from "../_shared/icons/IconMenuUnfold.vue.js";
-import useMenuContext from "./hooks/useContext.js";
-import MenuEllipsis from "./MenuEllipsis.vue.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Menu",
-    inheritAttrs: false
-  },
-  __name: "Menu",
-  props: {
-    theme: { default: void 0 },
-    mode: { default: "vertical" },
-    levelIndent: { default: 20 },
-    autoOpen: { type: Boolean, default: false },
-    collapsed: { type: Boolean, default: void 0 },
-    defaultCollapsed: { type: Boolean, default: false },
-    collapsedWidth: { default: 48 },
-    accordion: { type: Boolean, default: false },
-    showCollapseButton: { type: Boolean, default: false },
-    selectedKeys: { default: void 0 },
-    defaultSelectedKeys: { default: "" },
-    openKeys: { default: void 0 },
-    defaultOpenKeys: { default: () => [] },
-    breakpoint: { default: void 0 },
-    triggerProps: { default: () => {
-      return {};
-    } },
-    tooltipProps: { default: () => {
-      return {};
-    } },
-    autoOpenSelected: { type: Boolean, default: false },
-    autoScrollIntoView: { type: Boolean, default: false },
-    scrollConfig: {},
-    popupMaxHeight: { type: [Boolean, Number], default: 167 }
-  },
-  emits: ["update:selectedKeys", "update:openKeys", "update:collapsed", "collapse", "menu-item-click", "sub-menu-click"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const menuRef = ref();
-    const { computedCollapsed, collapsedWidth, breakpoint, menuTree, max, theme } = useMenuContext().provide(props, emits, menuRef);
-    const handleClick = () => {
-      const value = !computedCollapsed.value;
-      computedCollapsed.value = value;
-      emits("collapse", value, "clickTrigger");
-    };
-    mediaQueryHandler((_, order, i) => {
-      if (!breakpoint.value) return;
-      const value = i <= order[breakpoint.value];
-      computedCollapsed.value = value;
-      emits("collapse", value, "responsive");
-    });
-    return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "yc-menu",
-          `yc-menu-mode-${_ctx.mode}`,
-          `yc-menu-${unref(theme)}`,
-          _ctx.$attrs.class,
-          {
-            "yc-menu-collapsed": unref(computedCollapsed) && _ctx.mode != "horizontal"
-          }
-        ]),
-        style: normalizeStyle({
-          ..._ctx.$attrs.style || {},
-          width: unref(computedCollapsed) ? unref(collapsedWidth) : (_a = _ctx.$attrs.style) == null ? void 0 : _a.width
-        })
-      }, [
-        createElementVNode("div", {
-          class: "yc-menu-inner",
-          ref_key: "menuRef",
-          ref: menuRef
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true),
-          _ctx.mode == "horizontal" && unref(max) < unref(menuTree).length ? (openBlock(), createBlock(MenuEllipsis, { key: 0 })) : createCommentVNode("", true)
-        ], 512),
-        _ctx.showCollapseButton && _ctx.mode != "horizontal" ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "yc-menu-collapse-button",
-          onClick: handleClick
-        }, [
-          !unref(computedCollapsed) ? (openBlock(), createBlock(unref(_sfc_main$1), { key: 0 })) : (openBlock(), createBlock(unref(_sfc_main$2), { key: 1 }))
-        ])) : createCommentVNode("", true)
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Menu/MenuEllipsis.vue2.js

@@ -1,94 +0,0 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, createBlock } from "vue";
-import _sfc_main$2 from "../_shared/icons/IconArrowDown.vue.js";
-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/IconMore.vue.js";
-import useMenuContext, { isMenuItemActive } from "./hooks/useContext.js";
-import _sfc_main$3 from "./MenuPopOption.vue.js";
-import Dropdown from "../Dropdown/index.js";
-const _hoisted_1 = {
-  class: /* @__PURE__ */ normalizeClass(["yc-menu-item-wrapper", "yc-menu-item-mode-horizontal"])
-};
-const _hoisted_2 = { class: "yc-menu-item-title" };
-const _hoisted_3 = { class: "yc-menu-icon-suffix" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MenuEllipsis",
-  setup(__props) {
-    const {
-      computedSelectedKeys,
-      theme,
-      triggerProps,
-      popupMaxHeight,
-      menuTree,
-      max,
-      emits
-    } = useMenuContext().inject();
-    const submenus = computed(() => menuTree.value.slice(max.value));
-    const isSelected = computed(() => {
-      return submenus.value.some((item) => {
-        return isMenuItemActive(
-          menuTree.value,
-          item.path,
-          computedSelectedKeys.value
-        );
-      });
-    });
-    const handleSelect = (value) => {
-      if (computedSelectedKeys.value == value) return;
-      computedSelectedKeys.value = value;
-      emits("menu-item-click", value);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(Dropdown), {
-          "popup-max-height": unref(popupMaxHeight),
-          "trigger-props": {
-            position: "bl",
-            popupOffset: 20,
-            showArrow: true,
-            ...unref(triggerProps)
-          },
-          onSelect: handleSelect
-        }, {
-          content: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(submenus.value, (node) => {
-              return openBlock(), createBlock(_sfc_main$3, {
-                key: node.path,
-                "tree-node": node,
-                "popup-max-height": unref(popupMaxHeight),
-                "trigger-props": unref(triggerProps),
-                "computed-selected-keys": unref(computedSelectedKeys)
-              }, null, 8, ["tree-node", "popup-max-height", "trigger-props", "computed-selected-keys"]);
-            }), 128))
-          ]),
-          default: withCtx(() => [
-            createElementVNode("div", {
-              class: normalizeClass([
-                "yc-menu-item",
-                "yc-menu-item-ellipsis",
-                `yc-menu-item-${unref(theme)}`,
-                {
-                  "yc-menu-item-selected": isSelected.value
-                }
-              ])
-            }, [
-              createElementVNode("div", _hoisted_2, [
-                createVNode(unref(_sfc_main$1))
-              ]),
-              createElementVNode("div", _hoisted_3, [
-                createVNode(unref(_sfc_main$2))
-              ])
-            ], 2)
-          ]),
-          _: 1
-        }, 8, ["popup-max-height", "trigger-props"])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};