This commit is contained in:
2022-12-09 16:41:41 +08:00
parent c1cce5a7c2
commit ff7aa8774f
2003 changed files with 156639 additions and 140 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,20 @@
<script lang="ts">
export default {
name: "DownloadCircleIcon",
};
</script>
<script setup lang="ts">
import LayIcon from "../component/icon/index";
const props = defineProps<{
color?: string;
size?: string;
}>();
</script>
<template>
<lay-icon
:color="props.color"
:size="props.size"
type="layui-icon-download-circle"
/>
</template>

View File

@@ -0,0 +1,51 @@
import { w as withInstall } from "../badge/index2.js";
import { defineComponent, inject, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createCommentVNode } from "vue";
import { d as dropdownInjectionKey } from "../dropdown/index2.js";
const _hoisted_1 = { class: "layui-menu-body-title" };
const _hoisted_2 = {
key: 0,
class: "layui-dropdown-menu-prefix"
};
const _hoisted_3 = {
key: 0,
class: "layui-dropdown-menu-suffix"
};
const __default__ = {
name: "LayDropdownMenuItem"
};
const _sfc_main = defineComponent({
...__default__,
props: {
disabled: { type: Boolean, default: false }
},
setup(__props) {
const props = __props;
inject("openState");
const dropdownCtx = inject(dropdownInjectionKey, void 0);
const handleClick = () => {
if (props.disabled) {
return;
}
dropdownCtx == null ? void 0 : dropdownCtx.hide();
};
return (_ctx, _cache) => {
return openBlock(), createElementBlock("li", {
onClick: handleClick,
class: normalizeClass({ "layui-disabled": __props.disabled }),
style: normalizeStyle(_ctx.$slots.suffix ? `justify-content: space-between;` : "")
}, [
createElementVNode("span", _hoisted_1, [
_ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_2, [
renderSlot(_ctx.$slots, "prefix")
])) : createCommentVNode("", true),
renderSlot(_ctx.$slots, "default")
]),
_ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_3, [
renderSlot(_ctx.$slots, "suffix")
])) : createCommentVNode("", true)
], 6);
};
}
});
const component = withInstall(_sfc_main);
export { _sfc_main as _, component as c };

View File

@@ -0,0 +1,84 @@
import{l as p}from"./index.4ab9ecd9.js";import{r as o,o as x,j as C,h as t,g as s,B as l,v as a,i as n}from"./.pnpm.8fb36023.js";const q={class:"markdown-body"},j=n("p",{class:"describe-plugin"},"\u9875\u9762\u6B63\u5728\u6E32\u67D3\u8FC7\u7A0B\u65F6\uFF0C\u5408\u9002\u7684\u52A0\u8F7D\u52A8\u6548\u4F1A\u6709\u6548\u7F13\u89E3\u7528\u6237\u7684\u7126\u8651\u3002",-1),N=n("p",null,[a("\u4F7F\u7528 layer.load(type, options) \u65B9\u6CD5\u521B\u5EFA\u4E00\u4E2A\u52A0\u8F7D\u5C42, "),n("code",null,"type"),a(" \u5C5E\u6027\u7528\u4E8E\u8BBE\u7F6E\u5F39\u51FA\u5C42\u7C7B\u578B\u3002")],-1),B=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button-container")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("loading0"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u52A0\u8F7D\u4E00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("loading1"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u52A0\u8F7D\u4E8C"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("loading2"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u52A0\u8F7D\u4E09"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button-container")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" layer "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},'"@layui/layer-vue"'),a(`
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"loading0"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"load"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"time"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"3000"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"loading1"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"load"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"time"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"3000"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"loading2"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"load"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"time"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"3000"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
loading0`),n("span",{class:"token punctuation"},","),a(`
loading1`),n("span",{class:"token punctuation"},","),a(`
loading2`),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1),L=n("p",null,[a("\u4F7F\u7528 "),n("code",null,"layer.msg"),a(" \u65B9\u6CD5, \u8BBE\u7F6E "),n("code",null,"icon"),a(" \u4E3A 16, \u5F39\u51FA\u4E00\u4E2A\u5E26\u6709\u52A0\u8F7D\u52A8\u753B\u7684\u63D0\u793A\u4FE1\u606F\u3002")],-1),T=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),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"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("openLoading"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u52A0\u8F7D\u6D88\u606F"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" layer "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},'"@layui/layer-vue"'),a(`
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"openLoading"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"msg"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"\u52A0\u8F7D\u4E2D..."'),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"icon"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"16"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"time"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
openLoading
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1),V=n("p",null,[a("\u901A\u8FC7 "),n("code",null,"layer.close()"),a(" \u65B9\u6CD5\u6765\u5173\u95ED\u4E00\u4E2A\u6B63\u5728\u52A0\u8F7D\u7684\u5B9E\u4F8B\u3002")],-1),z=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button-container")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("loading"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u5173\u95ED\u6D88\u606F"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button-container")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" layer "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},'"@layui/layer-vue"'),a(`
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"loading"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token keyword"},"let"),a(" id "),n("span",{class:"token operator"},"="),a(" layer"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"load"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),a(`
`),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"close"),n("span",{class:"token punctuation"},"("),a("id"),n("span",{class:"token punctuation"},")"),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token number"},"3000"),n("span",{class:"token punctuation"},")"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
loading
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1),E=n("div",{class:"language-"},[n("pre",null,[n("code",{"v-pre":""},`layer.load(load, options)
`)])],-1),I=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u5907\u6CE8")])]),n("tbody",null,[n("tr",null,[n("td",null,"load"),n("td",null,"\u7EC4\u4EF6\u7C7B\u578B"),n("td",null,[n("code",null,"1"),a(),n("code",null,"2"),a(),n("code",null,"3")])]),n("tr",null,[n("td",null,"options"),n("td",null,"\u9009\u914D\u5C5E\u6027"),n("td",null,"{ time: \u52A0\u8F7D\u65F6\u957F }")])])],-1),A={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},J={},K={__name:"load",setup(D,{expose:y}){let g=function(){p.load(0,{time:3e3})},m=function(){p.load(1,{time:3e3})},_=function(){p.load(2,{time:3e3})},f=function(){p.msg("\u52A0\u8F7D\u4E2D...",{icon:16,time:1e3})},b=function(){let i=p.load(0);setTimeout(()=>{p.close(i)},3e3)};return y({frontmatter:{}}),(i,F)=>{const v=o("lay-anchor"),c=o("lay-field"),e=o("lay-button"),k=o("lay-button-container"),u=o("lay-code"),w=o("lay-table-box"),h=o("lay-contributor"),r=o("lay-icon"),d=o("router-link");return x(),C("div",q,[t(v,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u5176\u4ED6\u65B9\u5F0F,\u624B\u52A8\u5173\u95ED,\u7EC4\u4EF6\u65B9\u6CD5,\u7EC4\u4EF6\u5C5E\u6027",currIndex:-1,show:!0}),t(c,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),j,t(c,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(u,null,{description:s(()=>[N]),code:s(()=>[B]),default:s(()=>[t(k,null,{default:s(()=>[t(e,{onClick:l(g),type:"primary"},{default:s(()=>[a("\u52A0\u8F7D\u4E00")]),_:1},8,["onClick"]),t(e,{onClick:l(m),type:"primary"},{default:s(()=>[a("\u52A0\u8F7D\u4E8C")]),_:1},8,["onClick"]),t(e,{onClick:l(_),type:"primary"},{default:s(()=>[a("\u52A0\u8F7D\u4E09")]),_:1},8,["onClick"])]),_:1})]),_:1}),t(c,{id:"\u5176\u4ED6\u65B9\u5F0F",title:"\u5176\u4ED6\u65B9\u5F0F",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(u,null,{description:s(()=>[L]),code:s(()=>[T]),default:s(()=>[t(e,{type:"primary",onClick:l(f)},{default:s(()=>[a("\u52A0\u8F7D\u6D88\u606F")]),_:1},8,["onClick"])]),_:1}),t(c,{id:"\u624B\u52A8\u5173\u95ED",title:"\u624B\u52A8\u5173\u95ED",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(u,null,{description:s(()=>[V]),code:s(()=>[z]),default:s(()=>[t(k,null,{default:s(()=>[t(e,{onClick:l(b),type:"primary"},{default:s(()=>[a("\u5173\u95ED\u6D88\u606F")]),_:1},8,["onClick"])]),_:1})]),_:1}),t(c,{id:"\u7EC4\u4EF6\u65B9\u6CD5",title:"\u7EC4\u4EF6\u65B9\u6CD5",style:{"margin-top":"21px","margin-bottom":"20px"}}),E,t(c,{id:"\u7EC4\u4EF6\u5C5E\u6027",title:"\u7EC4\u4EF6\u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(w,null,{default:s(()=>[I]),_:1}),t(h,{"file-path":"load"}),n("div",A,[n("div",null,[t(d,{to:"/zh-CN/components/modal",class:"lay-link",style:{display:""}},{default:s(()=>[t(r,{type:"layui-icon-left"}),a("\u6A21\u6001\u6846")]),_:1})]),n("div",null,[t(d,{to:"/zh-CN/components/confirm",class:"lay-link",style:{display:""}},{default:s(()=>[a("\u5BF9\u8BDD\u6846 "),t(r,{type:"layui-icon-right"})]),_:1})])])])}}};export{K as default,J as frontmatter};

View File

@@ -0,0 +1,185 @@
.layui-laypage {
display: inline-block;
vertical-align: middle;
margin: 10px 0;
font-size: 0;
}
.layui-laypage > a:first-child,
.layui-laypage > a:first-child em {
border-radius: 2px 0 0 2px;
}
.layui-laypage > a:last-child,
.layui-laypage > a:last-child em {
border-radius: 0 2px 2px 0;
}
.layui-laypage > :first-child {
margin-left: 0 !important;
}
.layui-laypage > :last-child {
margin-right: 0 !important;
}
.layui-laypage a,
.layui-laypage button,
.layui-laypage input,
.layui-laypage select,
.layui-laypage span {
border: 1px solid var(--global-neutral-color-3);
}
.layui-laypage a,
.layui-laypage span {
display: inline-block;
vertical-align: middle;
padding: 0 15px;
height: 28px;
line-height: 28px;
margin: 0 -1px 5px 0;
background-color: #fff;
color: #333;
font-size: 12px;
}
.layui-laypage a:hover {
color: var(--global-primary-color);
}
.layui-laypage-a-red:hover{
color: #ff5722 !important;
}
.layui-laypage-a-orange:hover{
color: #ffb800 !important;
}
.layui-laypage-a-green:hover{
color: #009688 !important;
}
.layui-laypage-a-cyan:hover{
color: #2f4056 !important;
}
.layui-laypage-a-blue:hover{
color: #01aaed !important;
}
.layui-laypage-a-black:hover{
color: #000 !important;
}
.layui-laypage-a-gray:hover{
color: #c2c2c2 !important;
}
.layui-laypage em {
font-style: normal;
}
.layui-laypage .layui-laypage-spr {
color: #999;
font-weight: 700;
}
.layui-laypage a {
text-decoration: none;
}
.layui-laypage .layui-laypage-curr {
position: relative;
}
.layui-laypage .layui-laypage-curr em {
position: relative;
color: #fff;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
position: absolute;
left: -1px;
top: -1px;
padding: 1px;
width: 100%;
height: 100%;
background-color: var(--global-primary-color);
}
.layui-laypage-em {
border-radius: 2px;
}
.layui-laypage-next em,
.layui-laypage-prev em {
font-family: Sim sun;
font-size: 16px;
}
.layui-laypage .layui-laypage-count,
.layui-laypage .layui-laypage-limits,
.layui-laypage .layui-laypage-refresh,
.layui-laypage .layui-laypage-skip {
margin-left: 10px;
margin-right: 10px;
padding: 0;
border: none;
}
.layui-laypage .layui-laypage-limits,
.layui-laypage .layui-laypage-refresh {
vertical-align: top;
}
.layui-laypage .layui-laypage-refresh i {
font-size: 18px;
cursor: pointer;
}
.layui-laypage select {
height: 22px;
padding: 3px;
margin-top: 4px;
border-radius: 2px;
cursor: pointer;
}
.layui-laypage .layui-laypage-skip {
height: 30px;
line-height: 30px;
color: #999;
}
.layui-laypage button,
.layui-laypage input {
height: 30px;
line-height: 30px;
border-radius: 2px;
vertical-align: top;
background-color: #fff;
box-sizing: border-box;
}
.layui-laypage input {
display: inline-block;
width: 40px;
margin: 0 10px;
padding: 0 3px;
text-align: center;
&::-webkit-outer-spin-button,
&::-webkit-inner-spin-button {
-webkit-appearance: none;
}
}
.layui-laypage input:focus,
.layui-laypage select:focus {
border-color: var(--global-primary-color) !important;
}
.layui-laypage button {
margin-left: 10px;
padding: 0 10px;
cursor: pointer;
}

View File

@@ -0,0 +1,38 @@
import { w as withInstall } from "../badge/index2.js";
import { defineComponent, openBlock, createElementBlock, mergeProps, renderSlot, Fragment, renderList, createBlock, normalizeClass } from "vue";
import { _ as _sfc_main$1 } from "../skeletonItem/index2.js";
import "../checkbox/index2.js";
var index = /* @__PURE__ */ (() => ".lay-skeleton .lay-skeleton-item,.lay-skeleton .lay-skeleton-type--p{height:16px;border-radius:5px;margin-bottom:16px;background:#eeeeee}.lay-skeleton .lay-skeleton-type--image{width:240px;height:240px;background:#eeeeee;display:flex;justify-content:center;align-items:center}.lay-skeleton .lay-skeleton-type--image i{font-size:40px}.lay-skeleton-animated .lay-skeleton-type--image{width:240px;height:240px!important;display:flex;justify-content:center;align-items:center}.lay-skeleton-animated .lay-skeleton-type--image i{font-size:40px}.lay-skeleton-animated .lay-skeleton-item{height:16px;border-radius:5px;margin-bottom:16px;background:#eeeeee;background:linear-gradient(90deg,#f2f2f2 25%,#ececec 37%,#f2f2f2 63%);background-size:400% 100%;animation:lay-skeleton-loading 1.2s ease infinite}.lay-skeleton-first{width:30%}.lay-skeleton-last{width:62.8%}@keyframes lay-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}\n")();
const __default__ = {
name: "LaySkeleton"
};
const _sfc_main = defineComponent({
...__default__,
props: {
rows: { default: 4 },
loading: { type: Boolean, default: false },
animated: { type: Boolean, default: false }
},
setup(__props) {
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", mergeProps({
class: ["lay-skeleton", __props.animated ? "lay-skeleton-animated" : ""]
}, _ctx.$attrs), [
__props.loading ? renderSlot(_ctx.$slots, "skeleton", { key: 0 }, () => [
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (item) => {
return openBlock(), createBlock(_sfc_main$1, {
key: item,
class: normalizeClass([
item === 1 ? "lay-skeleton-first" : "",
item === __props.rows ? "lay-skeleton-last" : ""
]),
type: "p"
}, null, 8, ["class"]);
}), 128))
]) : renderSlot(_ctx.$slots, "default", { key: 1 })
], 16);
};
}
});
const component = withInstall(_sfc_main);
export { component as default };

View File

@@ -0,0 +1,28 @@
<script lang="ts">
import { computed, VNodeTypes } from "vue";
export default {
name: "Iframe",
};
</script>
<script lang="ts" setup>
export interface IframeProps {
src?: string | Function | object | VNodeTypes;
}
const props = defineProps<IframeProps>();
const src = computed(() => {
return props.src as string;
});
</script>
<template>
<iframe
scrolling="auto"
class="layui-layer-iframe"
allowtransparency="true"
frameborder="0"
:src="src"
></iframe>
</template>