init
This commit is contained in:
@@ -0,0 +1 @@
|
||||
xK<><4B>OR040eH<65>(<28>/*Q(<28>,HU<08>,(<28>I
|
||||
@@ -0,0 +1,45 @@
|
||||
<script lang="ts">
|
||||
import { computed, useSlots } from "vue";
|
||||
import { LayIcon } from "@layui/icons-vue";
|
||||
export default {
|
||||
name: "LayAvatar",
|
||||
};
|
||||
</script>
|
||||
|
||||
<script setup lang="ts">
|
||||
import "./index.less";
|
||||
|
||||
export interface AvatarProps {
|
||||
src?: string;
|
||||
size?: "xs" | "sm" | "md" | "lg";
|
||||
radius?: boolean;
|
||||
icon?: string;
|
||||
alt?: string;
|
||||
}
|
||||
|
||||
const props = withDefaults(defineProps<AvatarProps>(), {
|
||||
size: "md",
|
||||
radius: false,
|
||||
icon: "layui-icon-username",
|
||||
});
|
||||
|
||||
const slot = useSlots();
|
||||
|
||||
const classes = computed(() => {
|
||||
return [
|
||||
"layui-avatar",
|
||||
props.radius ? "layui-avatar-radius" : "",
|
||||
props.size ? `layui-avatar-${props.size}` : "",
|
||||
];
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<span :class="classes" v-if="slot.default">
|
||||
<slot></slot>
|
||||
</span>
|
||||
<span v-else :class="classes">
|
||||
<img v-if="src" :src="src" :alt="alt" />
|
||||
<lay-icon v-else :type="icon" />
|
||||
</span>
|
||||
</template>
|
||||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
@@ -0,0 +1,65 @@
|
||||
export default {
|
||||
input: {
|
||||
placeholder: "please input",
|
||||
},
|
||||
page: {
|
||||
previous: "previous",
|
||||
next: "next",
|
||||
goTo: "Go to",
|
||||
confirm: "confirm",
|
||||
page: "page",
|
||||
item: "item",
|
||||
total: "total",
|
||||
},
|
||||
datePicker: {
|
||||
year: "",
|
||||
month: "month",
|
||||
sunday: "SU",
|
||||
monday: "MO",
|
||||
tuesday: "TU",
|
||||
wednesday: "WE",
|
||||
thursday: "TH",
|
||||
friday: "FR",
|
||||
saturday: "SA",
|
||||
january: "January",
|
||||
february: "February",
|
||||
march: "March",
|
||||
april: "April",
|
||||
may: "May",
|
||||
june: "June",
|
||||
july: "July",
|
||||
august: "August",
|
||||
september: "September",
|
||||
october: "October",
|
||||
november: "November",
|
||||
december: "December",
|
||||
selectDate: "select date",
|
||||
selectTime: "select time",
|
||||
selectYear: "select year",
|
||||
selectMonth: "select month",
|
||||
clear: "clear",
|
||||
confirm: "confirm",
|
||||
cancel: "cancel",
|
||||
now: "now",
|
||||
},
|
||||
empty: {
|
||||
description: "No data",
|
||||
},
|
||||
upload: {
|
||||
text: "Upload files",
|
||||
dragText: "Click Upload or drag the file here",
|
||||
defaultErrorMsg: "Upload failed",
|
||||
urlErrorMsg: "The upload address format is illegal",
|
||||
numberErrorMsg: "The number of files uploaded exceeds the specified number",
|
||||
cutInitErrorMsg: "Clipping plug-in initialization failed",
|
||||
uploadSuccess: "Upload succeeded",
|
||||
cannotSupportCutMsg:
|
||||
"The current version does not support single multiple file clipping. Try to set multiple to false, and get the returned file object through @ done",
|
||||
occurFileSizeErrorMsg:
|
||||
"File size warning,The maximum file size cannot exceed target KB",
|
||||
startUploadMsg: "Upload Start",
|
||||
confirmBtn: "confirm",
|
||||
cancelBtn: "cancel",
|
||||
title: "title",
|
||||
},
|
||||
};
|
||||
@@ -0,0 +1,3 @@
|
||||
x<01><>K
|
||||
<EFBFBD>0`מ"to<74>RPp<50> <08>@<40>dj<64><6A><EFBFBD><EFBFBD><EFBFBD>-<2D><> <1D><>
|
||||
<EFBFBD>.<2E>|<7C>Of<4F>F<EFBFBD>,ݧ+l;m <1C><>8ɹ<38>B<EFBFBD>JB<4A><42>+ <1D>п<EFBFBD>&<18>LB<4C>}<7D>ؓF<><46><EFBFBD>c<EFBFBD><63><EFBFBD><07><>^+<2B><>3<EFBFBD><1A>_O<5F>"J<>jKr<4B><72><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>d<EFBFBD><64> B<>y<17>"Ju<><75>P]<1A>I}W'P~Ʉ<><C984>_<EFBFBD><15><> 3<> <0B>
|
||||
@@ -0,0 +1,122 @@
|
||||
::: anchor
|
||||
:::
|
||||
|
||||
::: title 基本介绍
|
||||
:::
|
||||
|
||||
::: describe 在实用价值的前提之下，我们并没有内置过多花俏的动画。
|
||||
:::
|
||||
|
||||
::: title 基础使用
|
||||
:::
|
||||
|
||||
::: demo
|
||||
|
||||
<template>
|
||||
<div class="anim">
|
||||
<ul class="layui-border-box site-doc-icon site-doc-anim">
|
||||
<li style="height:auto">
|
||||
<div class="layui-anim layui-anim-down" @click="replay">顶部往下滑入</div>
|
||||
<div class="code">layui-anim-down</div>
|
||||
</li>
|
||||
<li style="height:auto">
|
||||
<div class="layui-anim layui-anim-downbit" @click="replay">微微往下滑入</div>
|
||||
<div class="code">layui-anim-downbit</div>
|
||||
</li>
|
||||
<li style="height:auto">
|
||||
<div class="layui-anim layui-anim-up" @click="replay">底部往上滑入</div>
|
||||
<div class="code">layui-anim-up</div>
|
||||
</li>
|
||||
<li style="height:auto">
|
||||
<div class="layui-anim layui-anim-upbit" @click="replay">微微往上滑入</div>
|
||||
<div class="code">layui-anim-upbit</div>
|
||||
</li>
|
||||
<li style="height:auto">
|
||||
<div class="layui-anim layui-anim-scale" @click="replay">平滑放大</div>
|
||||
<div class="code">layui-anim-scale</div>
|
||||
</li>
|
||||
<li style="height:auto">
|
||||
<div class="layui-anim layui-anim-scaleSpring" @click="replay">弹簧式放大</div>
|
||||
<div class="code">layui-anim-scaleSpring</div>
|
||||
</li>
|
||||
<li style="height:auto">
|
||||
<div class="layui-anim layui-anim-scalesmall" @click="replay">平滑放小</div>
|
||||
<div class="code">layui-anim-scalesmall</div>
|
||||
</li>
|
||||
<li style="height:auto">
|
||||
<div class="layui-anim layui-anim-scalesmall-spring" @click="replay">弹簧式放小</div>
|
||||
<div class="code">layui-anim-scalesmall-spring</div>
|
||||
</li>
|
||||
<li style="height:auto">
|
||||
<div class="layui-anim layui-anim-fadein" @click="replay">渐现</div>
|
||||
<div class="code">layui-anim-fadein</div>
|
||||
</li>
|
||||
<li style="height:auto">
|
||||
<div class="layui-anim" @click="replay($event,'layui-anim-fadeout')">渐隐</div>
|
||||
<div class="code">layui-anim-fadeout</div>
|
||||
</li>
|
||||
<li style="height:auto">
|
||||
<div class="layui-anim layui-anim-rotate" @click="replay">360度旋转</div>
|
||||
<div class="code">layui-anim-rotate</div>
|
||||
</li>
|
||||
<li style="height:auto">
|
||||
<div class="layui-anim layui-anim-rotate layui-anim-loop" @click="replay">循环动画</div>
|
||||
<div class="code">追加：layui-anim-loop</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref } from 'vue'
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
const replay = (e, animClass) => {
|
||||
const el = e.currentTarget;
|
||||
const targetClass = el.classList[1];
|
||||
if(!targetClass){
|
||||
el.classList.add(animClass);
|
||||
}else{
|
||||
el.classList.remove(targetClass);
|
||||
setTimeout(() => {
|
||||
el.classList.add(targetClass);
|
||||
},100)
|
||||
}
|
||||
}
|
||||
return {
|
||||
replay
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
:::
|
||||
|
||||
::: title 动画类名
|
||||
:::
|
||||
|
||||
::: table
|
||||
|
||||
| 类名 | 描述 | 使用 |
|
||||
| ---------------------------------| ------------ | ---------------------------------------------- |
|
||||
| layui-anim-down | 顶部往下滑入 | `layui-anim layui-anim-down` |
|
||||
| layui-anim-downbit | 微微往下滑入 | `layui-anim layui-anim-downbit` |
|
||||
| layui-anim-up | 底部往上滑入 | `layui-anim layui-anim-up` |
|
||||
| layui-anim-upbit | 微微往上滑入 | `layui-anim ayui-anim-upbit` |
|
||||
| layui-anim-scale | 平滑放大 | `layui-anim layui-anim-scale` |
|
||||
| layui-anim-scaleSpring | 弹簧式放大 | `layui-anim layui-anim-scaleSpring` |
|
||||
| layui-anim-scalesmall | 平滑放小 | `layui-anim layui-anim-scalesmall` |
|
||||
| layui-anim-scalesmall-spring | 弹簧式放小 | `layui-anim layui-anim-scalesmall-spring` |
|
||||
| layui-anim-fadein | 渐现 | `layui-anim layui-anim-fadein` |
|
||||
| layui-anim-fadeout | 渐隐 | `layui-anim layui-anim-fadeout` |
|
||||
| layui-anim-rotate | 360 度旋转 | `layui-anim layui-anim-rotate` |
|
||||
| layui-anim-rotate layui-anim-loop| 循环动画 | `layui-anim layui-anim-rotate layui-anim-loop` |
|
||||
|
||||
:::
|
||||
|
||||
::: contributor animation
|
||||
:::
|
||||
|
||||
::: previousNext animation
|
||||
:::
|
||||
@@ -0,0 +1,77 @@
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: "LayCollapseItem",
|
||||
};
|
||||
</script>
|
||||
|
||||
<script setup lang="ts">
|
||||
import LayTransition from "../transition/index.vue";
|
||||
import { withDefaults, inject, computed, ref } from "vue";
|
||||
|
||||
export interface CollapseItemProps {
|
||||
id: number | string;
|
||||
title: string;
|
||||
disabled?: boolean;
|
||||
}
|
||||
|
||||
const props = withDefaults(defineProps<CollapseItemProps>(), {
|
||||
disabled: false,
|
||||
});
|
||||
|
||||
const { accordion, activeValues, emit, collapseTransition } = inject(
|
||||
"layCollapse"
|
||||
) as any;
|
||||
|
||||
let isShow = computed(() => {
|
||||
return activeValues.value.includes(props.id);
|
||||
});
|
||||
|
||||
const showHandle = function () {
|
||||
if (props.disabled) {
|
||||
return;
|
||||
}
|
||||
const _isShow = isShow.value;
|
||||
// 手风琴效果
|
||||
if (accordion) {
|
||||
activeValues.value = !_isShow ? [props.id] : [];
|
||||
} else if (_isShow) {
|
||||
// 普通折叠面板 --> 折叠
|
||||
activeValues.value.splice(activeValues.value.indexOf(props.id), 1);
|
||||
} else {
|
||||
// 普通折叠面板 --> 展开
|
||||
activeValues.value.push(props.id);
|
||||
}
|
||||
emit(
|
||||
"update:modelValue",
|
||||
accordion ? activeValues.value[0] || null : activeValues.value
|
||||
);
|
||||
emit("change", props.id, !_isShow, activeValues.value);
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="layui-colla-item">
|
||||
<h2
|
||||
:class="['layui-colla-title', { 'layui-disabled': disabled }]"
|
||||
@click="showHandle"
|
||||
>
|
||||
<slot name="title" :props="props">{{ title }}</slot>
|
||||
<i
|
||||
class="layui-icon layui-colla-icon layui-icon-right"
|
||||
:style="{
|
||||
transform: isShow ? 'rotate(90deg)' : 'none',
|
||||
transition: collapseTransition ? 'all 0.2s ease 0s' : '',
|
||||
}"
|
||||
></i>
|
||||
</h2>
|
||||
<lay-transition :enable="collapseTransition">
|
||||
<div v-if="isShow">
|
||||
<div class="layui-colla-content">
|
||||
<p>
|
||||
<slot :props="props"></slot>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</lay-transition>
|
||||
</div>
|
||||
</template>
|
||||
@@ -0,0 +1,73 @@
|
||||
{
|
||||
"license": "MIT",
|
||||
"description": "a component library for Vue 3 base on layui-vue",
|
||||
"homepage": "http://www.layui-vue.com",
|
||||
"scripts": {
|
||||
"dev": "pnpm -C ./package/document-component dev",
|
||||
"dev:layer": "pnpm -C ./package/document-layer dev",
|
||||
"build": "npm run build:icons && npm run build:layer && npm run build:component && npm run build:document",
|
||||
"build:document": " npm run build:document-component && npm run build:document-layer",
|
||||
"build:document-component": "pnpm -C ./package/document-component build",
|
||||
"build:document-layer": "pnpm -C ./package/document-layer build",
|
||||
"build:component": "pnpm -C ./package/component build",
|
||||
"build:icons": "pnpm -C ./package/icons build",
|
||||
"build:layer": "pnpm -C ./package/layer build",
|
||||
"publish:component": "pnpm -C ./package/component publish",
|
||||
"generate:icons": "pnpm -C ./package/icons generate",
|
||||
"lint:eslint": "eslint 'package/**/*.{vue,ts,tsx}' --fix",
|
||||
"lint:prettier": "prettier --write \"package/**/*.{vue,ts}\"",
|
||||
"postinstall": "npm run build",
|
||||
"prepare": "husky install",
|
||||
"commit": "git add . && git-cz && git push"
|
||||
},
|
||||
"dependencies": {
|
||||
"@layui/layui-vue": "workspace:*",
|
||||
"@layui/icons-vue": "workspace:*",
|
||||
"@layui/layer-vue": "workspace:*",
|
||||
"vue": "3.2.40"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"vue": "3.2.40"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@commitlint/cli": "^16.2.1",
|
||||
"@commitlint/config-conventional": "^16.2.1",
|
||||
"@typescript-eslint/eslint-plugin": "^5.8.0",
|
||||
"@typescript-eslint/parser": "^5.8.0",
|
||||
"commitizen": "^4.2.4",
|
||||
"commitlint-config-cz": "^0.13.3",
|
||||
"cz-conventional-changelog": "^3.3.0",
|
||||
"cz-customizable": "^6.3.0",
|
||||
"eslint": "^8.5.0",
|
||||
"eslint-config-prettier": "^8.3.0",
|
||||
"eslint-plugin-prettier": "^4.0.0",
|
||||
"eslint-plugin-vue": "^8.2.0",
|
||||
"husky": "^8.0.1",
|
||||
"prettier": "^2.6.2",
|
||||
"@babel/core": "^7.17.9",
|
||||
"@babel/preset-env": "^7.15.8",
|
||||
"@babel/preset-typescript": "^7.15.0",
|
||||
"@rollup/plugin-babel": "^5.3.0",
|
||||
"@types/node": "^16.11.9",
|
||||
"@types/uuid": "^8.3.4",
|
||||
"@vitejs/plugin-vue": "^2.3.3",
|
||||
"@vitejs/plugin-vue-jsx": "^1.3.10",
|
||||
"@vue/compiler-sfc": "3.2.40",
|
||||
"@vue/server-renderer": "3.2.40",
|
||||
"less": "^4.1.3",
|
||||
"rimraf": "^3.0.2",
|
||||
"rollup": "^2.75.5",
|
||||
"typescript": "^4.8.4",
|
||||
"vite": "2.9.12"
|
||||
},
|
||||
"config": {
|
||||
"commitizen": {
|
||||
"path": "node_modules/cz-customizable"
|
||||
}
|
||||
},
|
||||
"husky": {
|
||||
"hooks": {
|
||||
"commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
import{l as i}from"./index.4ab9ecd9.js";import{r as o,o as g,j as b,h as a,g as s,B as k,v as t,i as n}from"./.pnpm.8fb36023.js";const x={class:"markdown-body"},h=n("p",{class:"describe-plugin"},"\u9700\u8981\u4E00\u4E2A\u7B80\u6D01\u7684\u5BF9\u8BDD\u6846\u8BE2\u95EE\u7528\u6237\u65F6\u3002",-1),v=n("p",null,[t("\u901A\u8FC7 "),n("code",null,"layer.confirm"),t(" \u65B9\u6CD5, \u521B\u5EFA\u4E00\u4E2A\u5BF9\u8BDD\u6846\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-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"},'"')]),t(),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"},'"'),t("openConfirm1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u4FE1\u606F\u6846"),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("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(" layer "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},'"@layui/layer-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"},"const"),t(),n("span",{class:"token function-variable function"},"openConfirm1"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
|
||||
layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"confirm"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"layui-vue 1.0.0 \u5DF2\u7ECF\u53D1\u5E03"'),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(`
|
||||
openConfirm1
|
||||
`),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),C=n("p",null,[t("\u4F7F\u7528 "),n("code",null,"btn"),t(" \u5C5E\u6027, \u81EA\u5B9A\u4E49\u5BF9\u8BDD\u6846\u64CD\u4F5C\u5217\u8868\u3002")],-1),N=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-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"},'"')]),t(),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"},'"'),t("openConfirm2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u8BE2\u95EE\u6846"),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("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(" layer "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},'"@layui/layer-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"},"const"),t(),n("span",{class:"token function-variable function"},"openConfirm2"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
|
||||
layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"confirm"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"\u4F60\u5982\u4F55\u770B\u5F85 layui-vue \u7684\u53D1\u5E03"'),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"btn"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},"'\u7AD9\u7740\u770B'"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},"'\u5750\u7740\u770B'"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),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(`
|
||||
openConfirm2
|
||||
`),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),j=n("div",{class:"language-"},[n("pre",null,[n("code",{"v-pre":""},`layer.confirm(content, options)
|
||||
`)])],-1),q=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,"\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, btn: \u6309\u94AE\u7EC4 }")])])],-1),B={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},A={},D={__name:"confirm",setup(V,{expose:r}){let y=function(){i.confirm("layui-vue 1.0.0 \u5DF2\u7ECF\u53D1\u5E03")},d=function(){i.confirm("\u4F60\u5982\u4F55\u770B\u5F85 layui-vue \u7684\u53D1\u5E03",{btn:[{text:"\u7AD9\u7740\u770B"},{text:"\u5750\u7740\u770B"}]})};return r({frontmatter:{}}),(z,E)=>{const m=o("lay-anchor"),e=o("lay-field"),c=o("lay-button"),p=o("lay-code"),_=o("lay-table-box"),f=o("lay-contributor"),l=o("lay-icon"),u=o("router-link");return g(),b("div",x,[a(m,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u6307\u5B9A\u64CD\u4F5C,\u7EC4\u4EF6\u65B9\u6CD5,\u7EC4\u4EF6\u5C5E\u6027",currIndex:-1,show:!0}),a(e,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),h,a(e,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(p,null,{description:s(()=>[v]),code:s(()=>[w]),default:s(()=>[a(c,{type:"primary",onClick:k(y)},{default:s(()=>[t("\u4FE1\u606F\u6846")]),_:1},8,["onClick"])]),_:1}),a(e,{id:"\u6307\u5B9A\u64CD\u4F5C",title:"\u6307\u5B9A\u64CD\u4F5C",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(p,null,{description:s(()=>[C]),code:s(()=>[N]),default:s(()=>[a(c,{type:"primary",onClick:k(d)},{default:s(()=>[t("\u8BE2\u95EE\u6846")]),_:1},8,["onClick"])]),_:1}),a(e,{id:"\u7EC4\u4EF6\u65B9\u6CD5",title:"\u7EC4\u4EF6\u65B9\u6CD5",style:{"margin-top":"21px","margin-bottom":"20px"}}),j,a(e,{id:"\u7EC4\u4EF6\u5C5E\u6027",title:"\u7EC4\u4EF6\u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(_,null,{default:s(()=>[q]),_:1}),a(f,{"file-path":"confirm"}),n("div",B,[n("div",null,[a(u,{to:"/zh-CN/components/load",class:"lay-link",style:{display:""}},{default:s(()=>[a(l,{type:"layui-icon-left"}),t("\u52A0\u8F7D")]),_:1})]),n("div",null,[a(u,{to:"/zh-CN/components/msg",class:"lay-link",style:{display:""}},{default:s(()=>[t("\u6D88\u606F "),a(l,{type:"layui-icon-right"})]),_:1})])])])}}};export{D as default,A as frontmatter};
|
||||
@@ -0,0 +1,15 @@
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: "LayHeader",
|
||||
};
|
||||
</script>
|
||||
|
||||
<script setup lang="ts">
|
||||
import "./index.less";
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="layui-header">
|
||||
<slot></slot>
|
||||
</div>
|
||||
</template>
|
||||
Binary file not shown.
Reference in New Issue
Block a user