yc-design-vue 1.7.6 → 1.7.7

package/es/Menu/MenuItem.vue2.js

@@ -1,232 +0,0 @@
-import { defineComponent, toRefs, useAttrs, computed, ref, onMounted, createElementBlock, createCommentVNode, unref, openBlock, normalizeClass, createVNode, createBlock, withCtx, createElementVNode, withDirectives, normalizeStyle, renderSlot, vShow, Fragment, renderList, resolveDynamicComponent } from "vue";
-import { createReusableTemplate } from "../node_modules/@vueuse/core/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
-import { isUndefined } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-import useMenuContext, { isMenuItemActive, getPopupMaxHeight } from "./hooks/useContext.js";
-import _sfc_main$1 from "./MenuPopOption.vue.js";
-import Dropdown from "../Dropdown/index.js";
-import Tooltip from "../Tooltip/index.js";
-const _hoisted_1 = {
-  key: 1,
-  class: "yc-menu-icon"
-};
-const _hoisted_2 = {
-  key: 2,
-  class: "yc-menu-icon-suffix"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "MenuItem"
-  },
-  __name: "MenuItem",
-  props: {
-    path: { default: "" },
-    disabled: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const { path, disabled } = toRefs(props);
-    const { reuse: ReuseTemplate, define: DefineTemplate } = createReusableTemplate();
-    const attrs = useAttrs();
-    const {
-      computedSelectedKeys,
-      computedOpenKeys,
-      computedCollapsed,
-      levelIndent,
-      mode,
-      theme,
-      autoOpen,
-      autoOpenSelected,
-      accordion,
-      triggerProps,
-      tooltipProps,
-      autoScrollIntoView,
-      scrollConfig,
-      popupMaxHeight: _popupMaxHeight,
-      menuTreeNodes,
-      menuTree,
-      max,
-      menuItemWidths,
-      emits
-    } = useMenuContext().inject();
-    const curNode = computed(() => {
-      const node = menuTreeNodes.value.find(
-        (item) => item.path == path.value
-      ) || { type: "menuitem", level: 0 };
-      return node;
-    });
-    const curIndex = computed(() => {
-      return menuTree.value.findIndex((item) => item.path == path.value);
-    });
-    const submenus = computed(() => {
-      var _a;
-      return ((_a = menuTree.value[curIndex.value]) == null ? void 0 : _a.children) || [];
-    });
-    const isSubmenu = computed(() => {
-      return curNode.value.type == "submenu";
-    });
-    const isRoot = computed(() => {
-      return curNode.value.level === 0;
-    });
-    const isSelected = computed(() => {
-      return isMenuItemActive(
-        menuTree.value,
-        path.value,
-        computedSelectedKeys.value
-      );
-    });
-    const popupMaxHeight = computed(() => {
-      return !isUndefined(attrs.popupMaxHeight) ? getPopupMaxHeight(attrs.popupMaxHeight) : _popupMaxHeight.value;
-    });
-    const menuItemRef = ref();
-    const handleSelect = (value) => {
-      if (computedSelectedKeys.value == value) return;
-      computedSelectedKeys.value = value;
-      emits("menu-item-click", value);
-    };
-    const handleClick = () => {
-      if (mode.value != "vertical" && isSubmenu.value || computedCollapsed.value) {
-        return;
-      }
-      if (!isSubmenu.value && !disabled.value && computedSelectedKeys.value != path.value) {
-        computedSelectedKeys.value = path.value;
-        return emits("menu-item-click", path.value);
-      }
-      if (computedOpenKeys.value.includes(path.value)) {
-        computedOpenKeys.value = computedOpenKeys.value.filter(
-          (item) => item != path.value
-        );
-      } else {
-        computedOpenKeys.value = accordion.value ? [path.value] : [...computedOpenKeys.value, path.value];
-      }
-      emits("sub-menu-click", path.value, computedOpenKeys.value);
-    };
-    onMounted(() => {
-      var _a;
-      if (isRoot.value) {
-        menuItemWidths.value[curIndex.value] = menuItemRef.value.offsetWidth;
-      }
-      if (autoScrollIntoView.value && computedSelectedKeys.value == path.value) {
-        (_a = menuItemRef.value) == null ? void 0 : _a.scrollIntoView(scrollConfig.value);
-      }
-      if (!isSubmenu.value || !autoOpen.value || !autoOpenSelected.value || !isSelected.value) {
-        return;
-      }
-      computedOpenKeys.value.push(path.value);
-    });
-    return (_ctx, _cache) => {
-      return curIndex.value < unref(max) ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass([
-          "yc-menu-item-wrapper",
-          `yc-menu-item-${unref(theme)}`,
-          {
-            "yc-menu-item-mode-horizontal": unref(mode) == "horizontal"
-          }
-        ])
-      }, [
-        createVNode(unref(DefineTemplate), null, {
-          default: withCtx(() => [
-            createElementVNode("div", {
-              class: normalizeClass([
-                "yc-menu-item",
-                {
-                  "yc-menu-item-selected": isSelected.value,
-                  "yc-menu-item-disabled": unref(disabled),
-                  "yc-menu-item-collapsed": unref(computedCollapsed)
-                }
-              ]),
-              ref_key: "menuItemRef",
-              ref: menuItemRef,
-              onClick: handleClick
-            }, [
-              !isRoot.value ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: "yc-menu-indent",
-                style: normalizeStyle({
-                  width: unref(valueToPx)(unref(levelIndent) * curNode.value.level),
-                  height: unref(valueToPx)(unref(levelIndent))
-                })
-              }, null, 4)) : createCommentVNode("", true),
-              _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                renderSlot(_ctx.$slots, "icon", {}, void 0, true)
-              ])) : createCommentVNode("", true),
-              withDirectives(createElementVNode("div", {
-                class: normalizeClass([
-                  "yc-menu-item-title",
-                  {
-                    "text-ellipsis": unref(mode) != "horizontal"
-                  }
-                ])
-              }, [
-                renderSlot(_ctx.$slots, "default", {}, void 0, true)
-              ], 2), [
-                [vShow, !unref(computedCollapsed)]
-              ]),
-              _ctx.$slots.suffix ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2, [
-                renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
-              ], 512)), [
-                [vShow, !unref(computedCollapsed)]
-              ]) : createCommentVNode("", true)
-            ], 2)
-          ]),
-          _: 3
-        }),
-        isSubmenu.value && isRoot.value && (unref(mode) != "vertical" || unref(computedCollapsed)) ? (openBlock(), createBlock(unref(Dropdown), {
-          key: 0,
-          "popup-max-height": popupMaxHeight.value,
-          "trigger-props": {
-            autoFitPosition: false,
-            position: unref(mode) == "horizontal" ? "bl" : "rt",
-            animationName: unref(mode) == "horizontal" ? "slide-dynamic-origin" : "zoom-in-fade-out",
-            popupOffset: unref(mode) == "vertical" ? 14 : 20,
-            showArrow: true,
-            ...unref(triggerProps)
-          },
-          onSelect: handleSelect
-        }, {
-          content: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(submenus.value, (node) => {
-              return openBlock(), createBlock(_sfc_main$1, {
-                key: node.path,
-                "tree-node": node,
-                "popup-max-height": popupMaxHeight.value,
-                "trigger-props": unref(triggerProps),
-                "computed-selected-keys": unref(computedSelectedKeys)
-              }, null, 8, ["tree-node", "popup-max-height", "trigger-props", "computed-selected-keys"]);
-            }), 128))
-          ]),
-          default: withCtx(() => [
-            createVNode(unref(ReuseTemplate))
-          ]),
-          _: 1
-        }, 8, ["popup-max-height", "trigger-props"])) : !isSubmenu.value && isRoot.value && unref(computedCollapsed) ? (openBlock(), createBlock(unref(Tooltip), {
-          key: 1,
-          position: "rt",
-          "trigger-props": {
-            autoFitPosition: false,
-            popupOffset: unref(mode) == "vertical" ? 14 : 18,
-            showArrow: true,
-            ...unref(tooltipProps),
-            ...unref(triggerProps)
-          }
-        }, {
-          content: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.default)))
-          ]),
-          default: withCtx(() => [
-            createVNode(unref(ReuseTemplate))
-          ]),
-          _: 1
-        }, 8, ["trigger-props"])) : (openBlock(), createBlock(unref(ReuseTemplate), { key: 2 }))
-      ], 2)) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Menu/MenuItemGroup.vue2.js

@@ -1,42 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, renderSlot, createTextVNode, toDisplayString, normalizeStyle } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-import useMenuContext from "./hooks/useContext.js";
-const _hoisted_1 = { class: "yc-menu-group-title text-ellipsis" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "MenuItemGroup"
-  },
-  __name: "MenuItemGroup",
-  props: {
-    title: { default: "" }
-  },
-  setup(__props) {
-    const { levelIndent, theme } = useMenuContext().inject();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["yc-menu-group", `yc-menu-group-${unref(theme)}`])
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "title", {}, () => [
-            createTextVNode(toDisplayString(_ctx.title), 1)
-          ], true)
-        ]),
-        createElementVNode("div", {
-          class: "yc-menu-group-content",
-          style: normalizeStyle({
-            paddingLeft: unref(valueToPx)(unref(levelIndent))
-          })
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ], 4)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Menu/SubMenu.vue2.js

@@ -1,79 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createVNode, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, withDirectives, createElementVNode, vShow } from "vue";
-import useMenuContext from "./hooks/useContext.js";
-import _sfc_main$1 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                             */
-/* empty css                                   */
-import ExpandTransition from "../_shared/components/ExpandTransition.vue2.js";
-import "./index.js";
-import MenuItem from "./MenuItem.vue.js";
-const _hoisted_1 = { class: "yc-menu-inline-content" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "SubMenu"
-  },
-  __name: "SubMenu",
-  props: {
-    path: { default: "" },
-    title: { default: "" },
-    selectable: { type: Boolean, default: false },
-    popup: { type: Boolean, default: false },
-    popupMaxHeight: { type: [Boolean, Number], default: void 0 }
-  },
-  setup(__props) {
-    const { mode, theme, computedOpenKeys, computedCollapsed } = useMenuContext().inject();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["yc-menu-inline", `yc-menu-inline-${unref(theme)}`])
-      }, [
-        createVNode(unref(MenuItem), {
-          "is-submenu": "",
-          path: _ctx.path,
-          popupMaxHeight: _ctx.popupMaxHeight,
-          class: "yc-menu-inline-header"
-        }, createSlots({
-          suffix: withCtx(() => [
-            renderSlot(_ctx.$slots, "expand-icon-down", {}, () => [
-              createVNode(unref(_sfc_main$1), {
-                rotate: unref(computedOpenKeys).includes(_ctx.path) ? 180 : 0
-              }, null, 8, ["rotate"])
-            ], true)
-          ]),
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createTextVNode(toDisplayString(_ctx.title), 1)
-            ], true)
-          ]),
-          _: 2
-        }, [
-          _ctx.$slots.icon ? {
-            name: "icon",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "icon", {}, void 0, true)
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["path", "popupMaxHeight"]),
-        createVNode(unref(ExpandTransition), null, {
-          default: withCtx(() => [
-            withDirectives(createElementVNode("div", _hoisted_1, [
-              renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 512), [
-              [
-                vShow,
-                unref(mode) == "vertical" && !unref(computedCollapsed) && unref(computedOpenKeys).includes(_ctx.path)
-              ]
-            ])
-          ]),
-          _: 3
-        })
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Message/Message.vue2.js

@@ -1,100 +0,0 @@
-import { defineComponent, toRefs, watch, onMounted, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, createBlock, resolveDynamicComponent, toDisplayString, createVNode } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import { isUndefined } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
-/* empty css                                         */
-import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "yc-message-icon"
-};
-const _hoisted_2 = { class: "yc-message-content" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Message"
-  },
-  __name: "Message",
-  props: {
-    type: { default: "info" },
-    content: { type: [String, Array, Function], default: "" },
-    id: { default: "" },
-    icon: { type: Function, default: void 0 },
-    showIcon: { type: Boolean, default: true },
-    closable: { type: Boolean, default: false },
-    duration: { default: 3e3 },
-    isReset: { type: Boolean, default: false },
-    onClose: { type: Function, default: void 0 },
-    onDestory: { type: Function, default: void 0 },
-    resetOnHover: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const { type, id, duration, resetOnHover, isReset } = toRefs(props);
-    const { onClose, onDestory } = props;
-    const { start, stop } = useTimeoutFn(
-      () => {
-        onDestory == null ? void 0 : onDestory(id.value);
-        onClose == null ? void 0 : onClose(id.value);
-      },
-      () => duration.value,
-      {
-        immediate: false
-      }
-    );
-    const handleClose = () => {
-      stop();
-      onDestory == null ? void 0 : onDestory(id.value);
-      onClose == null ? void 0 : onClose(id.value);
-    };
-    const handleMouseenter = () => {
-      if (!resetOnHover.value || duration.value <= 0) return;
-      stop();
-    };
-    const handleMouseleave = () => {
-      if (!resetOnHover.value || duration.value <= 0) return;
-      start();
-    };
-    watch(
-      () => isReset.value,
-      (val) => {
-        if (duration.value <= 0 || !val) return;
-        stop();
-        start();
-      }
-    );
-    onMounted(() => {
-      if (duration.value <= 0) return;
-      start();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("li", {
-        role: "alert",
-        class: normalizeClass(["yc-message", `yc-message-${unref(type)}`]),
-        onMouseenter: handleMouseenter,
-        onMouseleave: handleMouseleave
-      }, [
-        (unref(type) != "normal" || !unref(isUndefined)(_ctx.icon)) && _ctx.showIcon ? (openBlock(), createElementBlock("span", _hoisted_1, [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ?? unref(TYPE_ICON_MAP)[unref(type)]), {
-            spin: unref(type) == "loading"
-          }, null, 8, ["spin"]))
-        ])) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_2, toDisplayString(_ctx.content), 1),
-        _ctx.closable ? (openBlock(), createElementBlock("span", {
-          key: 1,
-          class: "yc-message-close-btn",
-          onClick: handleClose
-        }, [
-          createVNode(unref(IconButton))
-        ])) : createCommentVNode("", true)
-      ], 34);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Message/MessageList.vue2.js

@@ -1,31 +0,0 @@
-import { defineComponent, createBlock, openBlock, TransitionGroup, normalizeClass, withCtx, createElementBlock, Fragment, renderList, mergeProps } from "vue";
-import _Message from "./Message.vue.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MessageList",
-  props: {
-    messageList: { default: () => [] },
-    position: { default: "top" }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(TransitionGroup, {
-        name: "fade-message",
-        moveClass: "flip-list-move",
-        tag: "div",
-        class: normalizeClass(["yc-message-list", `yc-message-list-${_ctx.position}`])
-      }, {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.messageList, (message) => {
-            return openBlock(), createBlock(_Message, mergeProps({
-              key: message.id
-            }, { ref_for: true }, message), null, 16);
-          }), 128))
-        ]),
-        _: 1
-      }, 8, ["class"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};