init
This commit is contained in:
@@ -0,0 +1,20 @@
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: "OkCircleIcon",
|
||||
};
|
||||
</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-ok-circle"
|
||||
/>
|
||||
</template>
|
||||
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,162 @@
|
||||
import { w as withInstall } from "../badge/index2.js";
|
||||
import { defineComponent, ref, reactive, onMounted, nextTick, onUnmounted, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, withModifiers } from "vue";
|
||||
var index = /* @__PURE__ */ (() => ".layui-scroll{height:100%;overflow:hidden!important}.layui-scroll-y{position:relative;height:100%}.layui-scroll-y .layui-scroll-wrap{height:100%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.layui-scroll-y .layui-scroll-track{position:absolute;top:0;right:0;bottom:0;border-radius:8px;z-index:20}.layui-scroll-y .layui-scroll-track .layui-scroll-thumb{margin:0 auto;border-radius:6px;cursor:default}.layui-scroll-y ::-webkit-scrollbar{display:none}\n")();
|
||||
const _hoisted_1 = { class: "layui-scroll-y" };
|
||||
const _hoisted_2 = ["onMousedown"];
|
||||
const __default__ = {
|
||||
name: "LayScroll"
|
||||
};
|
||||
const _sfc_main = defineComponent({
|
||||
...__default__,
|
||||
props: {
|
||||
height: { default: "100%" },
|
||||
trackColor: { default: "rgba(0,0,0,0)" },
|
||||
thumbColor: { default: "#eeeeee" },
|
||||
thumbWidth: { default: 6 }
|
||||
},
|
||||
emits: ["arrive"],
|
||||
setup(__props, { emit }) {
|
||||
const scrollRef = ref();
|
||||
const barRef = ref();
|
||||
const data = reactive({
|
||||
translateY: 0,
|
||||
heightPre: 0,
|
||||
barHeight: 0,
|
||||
winWidth: document.body.clientWidth
|
||||
});
|
||||
let time;
|
||||
let isMove = false;
|
||||
let moveClientY = 0;
|
||||
let trackHeight = 0;
|
||||
let wrapHeight = 0;
|
||||
let wrapContentHeight = 0;
|
||||
onMounted(() => {
|
||||
monitorWindow();
|
||||
monitorScrollBar();
|
||||
nextTick(() => {
|
||||
calculationLength();
|
||||
});
|
||||
});
|
||||
onUnmounted(() => {
|
||||
window.clearInterval(time);
|
||||
});
|
||||
const monitorWindow = function() {
|
||||
let time2;
|
||||
window.addEventListener("resize", () => {
|
||||
data.winWidth = document.body.clientWidth;
|
||||
clearTimeout(time2);
|
||||
time2 = setTimeout(() => {
|
||||
initScrollListner();
|
||||
}, 500);
|
||||
});
|
||||
};
|
||||
const monitorScrollBar = function() {
|
||||
let MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
|
||||
const observer = new MutationObserver((mutations) => {
|
||||
initScrollListner();
|
||||
});
|
||||
observer.observe(scrollRef.value, {
|
||||
attributes: true,
|
||||
childList: true,
|
||||
subtree: true
|
||||
});
|
||||
};
|
||||
const calculationLength = function() {
|
||||
time = setInterval(() => {
|
||||
initScrollListner();
|
||||
}, 50);
|
||||
setTimeout(() => {
|
||||
window.clearInterval(time);
|
||||
}, 2e3);
|
||||
};
|
||||
const initScrollListner = function() {
|
||||
let scroll = scrollRef.value;
|
||||
let bar = barRef.value;
|
||||
if (scroll && bar) {
|
||||
wrapContentHeight = scroll.scrollHeight;
|
||||
wrapHeight = scroll.clientHeight;
|
||||
trackHeight = bar.clientHeight;
|
||||
data.heightPre = wrapHeight / wrapContentHeight;
|
||||
data.barHeight = data.heightPre * trackHeight;
|
||||
}
|
||||
};
|
||||
const onMosewheel = (e) => {
|
||||
data.translateY = e.target.scrollTop * data.heightPre;
|
||||
if (data.translateY == 0) {
|
||||
arrive("top");
|
||||
} else if (e.target.scrollTop + e.target.offsetHeight == e.target.scrollHeight) {
|
||||
arrive("bottom");
|
||||
}
|
||||
};
|
||||
const arrive = (tb) => {
|
||||
emit("arrive", tb);
|
||||
};
|
||||
const moveStart = (e) => {
|
||||
isMove = true;
|
||||
moveClientY = e.clientY - data.translateY;
|
||||
moveTo();
|
||||
moveEnd();
|
||||
};
|
||||
const moveTo = () => {
|
||||
document.onmousemove = (e) => {
|
||||
if (isMove) {
|
||||
if (e.clientY - moveClientY > trackHeight - data.barHeight) {
|
||||
data.translateY = trackHeight - data.barHeight;
|
||||
} else if (e.clientY - moveClientY < 0) {
|
||||
data.translateY = 0;
|
||||
} else {
|
||||
data.translateY = e.clientY - moveClientY;
|
||||
}
|
||||
if (scrollRef.value) {
|
||||
scrollRef.value.scrollTop = data.translateY / data.heightPre;
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
const moveEnd = function() {
|
||||
document.onmouseup = (e) => {
|
||||
if (isMove) {
|
||||
isMove = false;
|
||||
}
|
||||
};
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return openBlock(), createElementBlock("div", {
|
||||
class: normalizeClass(["layui-scroll", { hide: data.winWidth < 500 }]),
|
||||
style: normalizeStyle({ height: __props.height })
|
||||
}, [
|
||||
createElementVNode("div", _hoisted_1, [
|
||||
createElementVNode("div", {
|
||||
ref_key: "scrollRef",
|
||||
ref: scrollRef,
|
||||
class: "layui-scroll-wrap",
|
||||
onScroll: onMosewheel
|
||||
}, [
|
||||
renderSlot(_ctx.$slots, "default")
|
||||
], 544),
|
||||
createElementVNode("div", {
|
||||
ref_key: "barRef",
|
||||
ref: barRef,
|
||||
class: "layui-scroll-track",
|
||||
style: normalizeStyle({
|
||||
backgroundColor: data.heightPre == 1 ? "transparent" : __props.trackColor
|
||||
})
|
||||
}, [
|
||||
createElementVNode("div", {
|
||||
style: normalizeStyle({
|
||||
height: data.barHeight + "px",
|
||||
width: __props.thumbWidth + "px",
|
||||
transform: "translateY(" + data.translateY + "px)",
|
||||
backgroundColor: data.heightPre == 1 ? "transparent" : __props.thumbColor
|
||||
}),
|
||||
class: "layui-scroll-thumb",
|
||||
onMousedown: withModifiers(moveStart, ["stop", "prevent"])
|
||||
}, null, 44, _hoisted_2)
|
||||
], 4)
|
||||
])
|
||||
], 6);
|
||||
};
|
||||
}
|
||||
});
|
||||
const component = withInstall(_sfc_main);
|
||||
export { _sfc_main as _, component as c };
|
||||
@@ -0,0 +1,54 @@
|
||||
import{l as e}from"./index.4ab9ecd9.js";import{r as o,o as h,j as x,h as t,g as s,B as c,v as a,i as n}from"./.pnpm.8fb36023.js";const C={class:"markdown-body"},q=n("p",{class:"describe-plugin"},"\u5168\u5C40\u5C55\u793A\u64CD\u4F5C\u53CD\u9988\u4FE1\u606F\u3002",-1),N=n("p",null,"\u901A\u8FC7 layer.msg \u65B9\u6CD5, \u521B\u5EFA\u4E00\u4E2A\u63D0\u793A\u6846\u3002",-1),j=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("openMsg"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u666E\u901A\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"},"openMsg"),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"},'"\u666E\u901A\u6D88\u606F"'),n("span",{class:"token punctuation"},","),a(),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"),a(),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(`
|
||||
openMsg
|
||||
`),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),B=n("p",null,[a("\u4F7F\u7528 "),n("code",null,"time"),a(" \u4E0E "),n("code",null,"icon"),a(" \u5C5E\u6027, \u8BBE\u7F6E\u663E\u793A\u4E8B\u4EF6\u4E0E\u56FE\u6807\u3002")],-1),F=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("openSuccess"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u6210\u529F\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")]),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("openFailure"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u5931\u8D25\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")]),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("openWarning"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u8B66\u544A\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")]),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("openPrimary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u8BE6\u60C5\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")]),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"},"openSuccess"),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"},'"\u6210\u529F\u6D88\u606F"'),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"},"1"),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"},"const"),a(),n("span",{class:"token function-variable function"},"openFailure"),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"},'"\u5931\u8D25\u6D88\u606F"'),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"},"2"),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"},"const"),a(),n("span",{class:"token function-variable function"},"openWarning"),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"},'"\u8B66\u544A\u6D88\u606F"'),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"},"3"),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"},"const"),a(),n("span",{class:"token function-variable function"},"openPrimary"),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"},'"\u8BE6\u60C5\u6D88\u606F"'),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"},"4"),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"},"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\u6D88\u606F"'),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(`
|
||||
openSuccess`),n("span",{class:"token punctuation"},","),a(" openFailure"),n("span",{class:"token punctuation"},","),a(" openWarning"),n("span",{class:"token punctuation"},","),a(" openPrimary"),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),L=n("div",{class:"language-"},[n("pre",null,[n("code",{"v-pre":""},`layer.msg(content, options)
|
||||
`)])],-1),M=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,"content"),n("td",null,"\u6D88\u606F\u5185\u5BB9"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"options"),n("td",null,"\u9009\u914D\u5C5E\u6027"),n("td",null,"{ time: \u52A0\u8F7D\u65F6\u957F, icon: \u56FE\u6807 }")])])],-1),P={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},I={},T={__name:"msg",setup(S,{expose:r}){let y=function(){e.msg("\u666E\u901A\u6D88\u606F",{time:1e3})},m=function(){e.msg("\u6210\u529F\u6D88\u606F",{icon:1,time:1e3})},g=function(){e.msg("\u5931\u8D25\u6D88\u606F",{icon:2,time:1e3})},d=function(){e.msg("\u8B66\u544A\u6D88\u606F",{icon:3,time:1e3})},_=function(){e.msg("\u8BE6\u60C5\u6D88\u606F",{icon:4,time:1e3})},f=function(){e.msg("\u52A0\u8F7D\u6D88\u606F",{icon:16,time:1e3})};return r({frontmatter:{}}),(W,V)=>{const b=o("lay-anchor"),l=o("lay-field"),p=o("lay-button"),u=o("lay-code"),v=o("lay-table-box"),w=o("lay-contributor"),i=o("lay-icon"),k=o("router-link");return h(),x("div",C,[t(b,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u6307\u5B9A\u56FE\u6807,\u7EC4\u4EF6\u65B9\u6CD5,\u7EC4\u4EF6\u5C5E\u6027",currIndex:-1,show:!0}),t(l,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),q,t(l,{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(()=>[j]),default:s(()=>[t(p,{type:"primary",onClick:c(y)},{default:s(()=>[a("\u666E\u901A\u6D88\u606F")]),_:1},8,["onClick"])]),_:1}),t(l,{id:"\u6307\u5B9A\u56FE\u6807",title:"\u6307\u5B9A\u56FE\u6807",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(u,null,{description:s(()=>[B]),code:s(()=>[F]),default:s(()=>[t(p,{type:"primary",onClick:c(m)},{default:s(()=>[a("\u6210\u529F\u6D88\u606F")]),_:1},8,["onClick"]),t(p,{type:"primary",onClick:c(g)},{default:s(()=>[a("\u5931\u8D25\u6D88\u606F")]),_:1},8,["onClick"]),t(p,{type:"primary",onClick:c(d)},{default:s(()=>[a("\u8B66\u544A\u6D88\u606F")]),_:1},8,["onClick"]),t(p,{type:"primary",onClick:c(_)},{default:s(()=>[a("\u8BE6\u60C5\u6D88\u606F")]),_:1},8,["onClick"]),t(p,{type:"primary",onClick:c(f)},{default:s(()=>[a("\u52A0\u8F7D\u6D88\u606F")]),_:1},8,["onClick"])]),_:1}),t(l,{id:"\u7EC4\u4EF6\u65B9\u6CD5",title:"\u7EC4\u4EF6\u65B9\u6CD5",style:{"margin-top":"21px","margin-bottom":"20px"}}),L,t(l,{id:"\u7EC4\u4EF6\u5C5E\u6027",title:"\u7EC4\u4EF6\u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(v,null,{default:s(()=>[M]),_:1}),t(w,{"file-path":"msg"}),n("div",P,[n("div",null,[t(k,{to:"/zh-CN/components/confirm",class:"lay-link",style:{display:""}},{default:s(()=>[t(i,{type:"layui-icon-left"}),a("\u5BF9\u8BDD\u6846")]),_:1})]),n("div",null,[t(k,{to:"/zh-CN/components/drawer",class:"lay-link",style:{display:""}},{default:s(()=>[a("\u62BD\u5C49 "),t(i,{type:"layui-icon-right"})]),_:1})])])])}}};export{T as default,I as frontmatter};
|
||||
@@ -0,0 +1,4 @@
|
||||
ef01d2baa97b4636e4c1c9870671fe5e1ed77a4e 4ea5de0c9a3c61d8312c80fd26843e41343a4067 Theluyuan <1162963624@qq.com> 1668392355 +0800 fetch: fast-forward
|
||||
4ea5de0c9a3c61d8312c80fd26843e41343a4067 ba22a7aa306003552f0bb538c2b77fa40e6a2448 Theluyuan <1162963624@qq.com> 1668393732 +0800 fetch: fast-forward
|
||||
ba22a7aa306003552f0bb538c2b77fa40e6a2448 a062e5831257b3d7f72b2c0055bb5c49f3966579 Theluyuan <1162963624@qq.com> 1668471893 +0800 fetch: fast-forward
|
||||
a062e5831257b3d7f72b2c0055bb5c49f3966579 11eada1d9d98c795d3c80ace2b30696b8b461c14 Theluyuan <1162963624@qq.com> 1668478695 +0800 fetch: fast-forward
|
||||
@@ -0,0 +1,36 @@
|
||||
/**
|
||||
* 获取 top 属性值
|
||||
* <p>
|
||||
* @param elem dom
|
||||
* */
|
||||
export declare function getTop(elem: any): any;
|
||||
/**
|
||||
* 获取 left 属性值
|
||||
* <p>
|
||||
* @param elem dom
|
||||
* */
|
||||
export declare function getLeft(elem: any): any;
|
||||
/**
|
||||
* 事件绑定
|
||||
* <p>
|
||||
* @param elem dom
|
||||
* @param events 事件
|
||||
* @param handler 事件回调
|
||||
* */
|
||||
export declare function on(elem: any, events: any, handler: any): void;
|
||||
/**
|
||||
* 单次事件
|
||||
* <p>
|
||||
* @param elem dom
|
||||
* @param events 事件
|
||||
* @param handler 事件回调
|
||||
* */
|
||||
export declare function once(elem: any, events: any, handler: any): void;
|
||||
/**
|
||||
* 事件解除
|
||||
* <p>
|
||||
* @param elem dom
|
||||
* @param events 事件
|
||||
* @param handler 事件回调
|
||||
* */
|
||||
export declare function off(elem: any, events: any, handler: any): void;
|
||||
Reference in New Issue
Block a user