init
This commit is contained in:
@@ -0,0 +1,80 @@
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: "LayMenuItem",
|
||||
};
|
||||
</script>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { computed, ComputedRef, inject, ref, Ref, useSlots } from "vue";
|
||||
import { DropdownContext, dropdownInjectionKey } from "../dropdown/interface";
|
||||
import useLevel from "../menu/useLevel";
|
||||
import { indentHandle } from "../menu/utils";
|
||||
import LayTooltip from "../tooltip/index.vue";
|
||||
|
||||
export interface MenuItemProps {
|
||||
id: string;
|
||||
title?: string;
|
||||
}
|
||||
|
||||
const slots = useSlots();
|
||||
const props = defineProps<MenuItemProps>();
|
||||
const { level } = useLevel();
|
||||
const selectedKey: Ref<string> = inject("selectedKey") as Ref<string>;
|
||||
const isTree = inject("isTree") as ComputedRef<boolean>;
|
||||
const isCollapse = inject("isCollapse") as ComputedRef<boolean | string>;
|
||||
const theme = inject("menuTheme") as Ref<string>;
|
||||
const indent = inject("indent") as Ref<string | boolean>;
|
||||
const dropdownCtx = inject<DropdownContext | undefined>(
|
||||
dropdownInjectionKey,
|
||||
undefined
|
||||
);
|
||||
|
||||
const selectHandle = function () {
|
||||
selectedKey.value = props.id;
|
||||
dropdownCtx?.hide();
|
||||
};
|
||||
|
||||
const needTooltip = computed(
|
||||
() =>
|
||||
isTree.value &&
|
||||
(isCollapse.value === true || isCollapse.value === "true") &&
|
||||
level.value === 1
|
||||
);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<li
|
||||
:class="['layui-nav-item', { 'layui-this': selectedKey === id }]"
|
||||
:style="indentHandle({ indent, level, isTree })"
|
||||
@click="selectHandle()"
|
||||
>
|
||||
<template v-if="needTooltip">
|
||||
<lay-tooltip position="right" :isDark="theme !== 'light'">
|
||||
<a href="javascript:void(0)">
|
||||
<i v-if="slots.icon">
|
||||
<slot name="icon"></slot>
|
||||
</i>
|
||||
</a>
|
||||
<template #content>
|
||||
<span v-if="slots.title">
|
||||
<slot name="title"></slot>
|
||||
</span>
|
||||
</template>
|
||||
</lay-tooltip>
|
||||
</template>
|
||||
|
||||
<template v-else>
|
||||
<a href="javascript:void(0)">
|
||||
<i v-if="slots.icon" class="layui-sub-menu-icon">
|
||||
<slot name="icon"></slot>
|
||||
</i>
|
||||
<span v-if="slots.title">
|
||||
<slot name="title"></slot>
|
||||
</span>
|
||||
<span v-else>
|
||||
<slot></slot>
|
||||
</span>
|
||||
</a>
|
||||
</template>
|
||||
</li>
|
||||
</template>
|
||||
@@ -0,0 +1,13 @@
|
||||
[core]
|
||||
repositoryformatversion = 0
|
||||
filemode = false
|
||||
bare = false
|
||||
logallrefupdates = true
|
||||
symlinks = false
|
||||
ignorecase = true
|
||||
[remote "origin"]
|
||||
url = https://git.theluyuan.com/luyuan/layui-layer.git
|
||||
fetch = +refs/heads/*:refs/remotes/origin/*
|
||||
[branch "master"]
|
||||
remote = origin
|
||||
merge = refs/heads/master
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
1329
.svn/pristine/5c/5cbb2dced99fde5c1479c249ccdea845ce216114.svn-base
Normal file
1329
.svn/pristine/5c/5cbb2dced99fde5c1479c249ccdea845ce216114.svn-base
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,40 @@
|
||||
import{r as l,o as _,j as m,h as a,g as s,v as t,i as n}from"./.pnpm.8fb36023.js";const f={class:"markdown-body"},b=n("p",{class:"describe-plugin"},"\u4E3A\u7EC4\u4EF6\u6DFB\u52A0\u6C34\u6CE2\u7EB9\u52A8\u753B\u3002",-1),h=n("p",null,[t("\u4F7F\u7528 "),n("code",null,"lay-ripple"),t(" \u6807\u7B7E, \u4E3A "),n("code",null,"element"),t(" \u6DFB\u52A0\u6C34\u6CE2\u7EB9\u6548\u679C\u3002")],-1),x=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-space")]),n("span",{class:"token punctuation"},">")]),t(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-ripple")]),n("span",{class:"token punctuation"},">")]),t(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-button")]),n("span",{class:"token punctuation"},">")]),t("click"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-button")]),n("span",{class:"token punctuation"},">")]),t(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-ripple")]),n("span",{class:"token punctuation"},">")]),t(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-ripple")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("out"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"borderRadius"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("2px"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-button")]),n("span",{class:"token punctuation"},">")]),t("click"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-button")]),n("span",{class:"token punctuation"},">")]),t(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-ripple")]),n("span",{class:"token punctuation"},">")]),t(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-space")]),n("span",{class:"token punctuation"},">")]),t(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
|
||||
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
|
||||
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),t(`
|
||||
|
||||
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token punctuation"},"{"),t(`
|
||||
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
|
||||
|
||||
`),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
|
||||
`),n("span",{class:"token punctuation"},"}"),t(`
|
||||
`),n("span",{class:"token punctuation"},"}"),t(`
|
||||
`),n("span",{class:"token punctuation"},"}"),t(`
|
||||
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
|
||||
`)])],-1),v=n("p",null,[t("\u901A\u8FC7 "),n("code",null,"trigger"),t(" \u5C5E\u6027, \u8BBE\u7F6E "),n("code",null,"ripple"),t(" \u89E6\u53D1\u65F6\u673A\u3002")],-1),w=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-ripple")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("out"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"trigger"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("always"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"borderRadius"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("2px"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("#009688"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u95EA\u70C1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-button")]),n("span",{class:"token punctuation"},">")]),t(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-ripple")]),n("span",{class:"token punctuation"},">")]),t(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
|
||||
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
|
||||
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),t(`
|
||||
|
||||
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token punctuation"},"{"),t(`
|
||||
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
|
||||
|
||||
`),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
|
||||
`),n("span",{class:"token punctuation"},"}"),t(`
|
||||
`),n("span",{class:"token punctuation"},"}"),t(`
|
||||
`),n("span",{class:"token punctuation"},"}"),t(`
|
||||
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
|
||||
`)])],-1),R=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53EF\u9009\u503C")])]),n("tbody",null,[n("tr",null,[n("td",null,"type"),n("td",null,"\u6CE2\u7EB9\u7C7B\u578B"),n("td",null,[n("code",null,"out"),t(),n("code",null,"inset")])]),n("tr",null,[n("td",null,"color"),n("td",null,"\u6CE2\u7EB9\u989C\u8272"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"borderRadius"),n("td",null,[t("\u5706\u89D2\uFF0C\u4EC5 "),n("code",null,"out"),t(" \u7C7B\u578B")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"spreadWidth"),n("td",null,[t("\u6269\u6563\u5BBD\u5EA6\uFF0C\u5355\u4F4D px\uFF0C\u4EC5 "),n("code",null,"out"),t(" \u7C7B\u578B")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"spreadSize"),n("td",null,[t("\u6269\u6563\u5927\u5C0F\uFF0C\u5355\u4F4D px\uFF0C\u4EC5 "),n("code",null,"inset"),t(" \u7C7B\u578B")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"trigger"),n("td",null,"\u89E6\u53D1\u65B9\u5F0F"),n("td",null,[n("code",null,"click"),t(),n("code",null,"always"),t(),n("code",null,"mouseenter")])]),n("tr",null,[n("td",null,"center"),n("td",null,"\u662F\u5426\u5728\u5143\u7D20\u4E2D\u5FC3\u6269\u6563"),n("td",null,"\u2013")])])],-1),q=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u63D2\u69FD"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53C2\u6570")])]),n("tbody",null,[n("tr",null,[n("td",null,"default"),n("td",null,"\u9ED8\u8BA4\u63D2\u69FD"),n("td",null,"-")])])],-1),N={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},V={},E={__name:"ripple",setup(j,{expose:r}){return r({frontmatter:{}}),(C,z)=>{const d=l("lay-anchor"),o=l("lay-field"),e=l("lay-button"),p=l("lay-ripple"),y=l("lay-space"),c=l("lay-code"),u=l("lay-table-box"),g=l("lay-contributor"),i=l("lay-icon"),k=l("router-link");return _(),m("div",f,[a(d,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u89E6\u53D1\u65F6\u673A,Ripple \u5C5E\u6027,Ripple \u63D2\u69FD",currIndex:-1,show:!0}),a(o,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),b,a(o,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(c,null,{description:s(()=>[h]),code:s(()=>[x]),default:s(()=>[a(y,null,{default:s(()=>[a(p,null,{default:s(()=>[a(e,null,{default:s(()=>[t("click")]),_:1})]),_:1}),a(p,{type:"out",borderRadius:"2px"},{default:s(()=>[a(e,null,{default:s(()=>[t("click")]),_:1})]),_:1})]),_:1})]),_:1}),a(o,{id:"\u89E6\u53D1\u65F6\u673A",title:"\u89E6\u53D1\u65F6\u673A",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(c,null,{description:s(()=>[v]),code:s(()=>[w]),default:s(()=>[a(p,{type:"out",trigger:"always",borderRadius:"2px",color:"#009688"},{default:s(()=>[a(e,{type:"primary"},{default:s(()=>[t("\u95EA\u70C1")]),_:1})]),_:1})]),_:1}),a(o,{id:"Ripple \u5C5E\u6027",title:"Ripple \u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(u,null,{default:s(()=>[R]),_:1}),a(o,{id:"Ripple \u63D2\u69FD",title:"Ripple \u63D2\u69FD",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(u,null,{default:s(()=>[q]),_:1}),a(g,{"file-path":"ripple"}),n("div",N,[n("div",null,[a(k,{to:"/zh-CN/components/fullscreen",class:"lay-link",style:{display:""}},{default:s(()=>[a(i,{type:"layui-icon-left"}),t("\u5168\u5C4F")]),_:1})]),n("div",null,[a(k,{to:"/zh-CN/components/layout",class:"lay-link",style:{display:""}},{default:s(()=>[t("\u5E03\u5C40 "),a(i,{type:"layui-icon-right"})]),_:1})])])])}}};export{E as default,V as frontmatter};
|
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 40 KiB |
Reference in New Issue
Block a user