theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

简化项目结构

Browse Source
This commit is contained in:
就眠儀式
2022-02-10 09:44:07 +08:00
parent 87eec9155c
commit 2c85b6d3ec
22 changed files with 45 additions and 1015 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
example/docs/zh-CN/guide/introduce.md
View File

@@ -16,7 +16,7 @@ layui - vue（谐音：类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库 ,
:::
<lay-timeline>
<lay-timeline-item title="2021年，layui vue 里程碑版本 0.2.0 发布" simple></lay-timeline-item>
<lay-timeline-item title="2021年，layui vue 孵化" simple></lay-timeline-item>
<lay-timeline-item title="2017年，layui 里程碑版本 2.0 发布" simple></lay-timeline-item>
<lay-timeline-item title="2016年，layui 首个版本发布" simple></lay-timeline-item>
<lay-timeline-item title="2015年，layui 孵化" simple></lay-timeline-item>

2
example/docs/zh-CN/guide/norms.md
View File

@@ -1,2 +0,0 @@
::: title 开发规范
:::

23
example/docs/zh-CN/guide/sandbox.md
View File

@@ -1,23 +0,0 @@
::: title 沙盒环境
:::
::: demo
<template>
<lay-layer title="一任流行坎止"></lay-layer>
<lay-layer title="身如不系之舟" :offset="['260px','220px']"></lay-layer>
</template>
<script>
import { ref, watch } from "vue";
import { useRoute, useRouter } from "vue-router";
export default {
setup() {
return {
};
},
};
</script>
:::

2
example/docs/zh-CN/guide/sponsor.md
View File

@@ -1,2 +0,0 @@
::: title 赞助我们
:::

6
example/docs/zh-CN/guide/theme.md
View File

@@ -13,8 +13,8 @@
<script setup>
const themeVariable = {
'--global-primary-color':'red',
'--global-checked-color':'red'
"--global-primary-color":"red",
"--global-checked-color":"red"
}
</script>
```
@@ -25,4 +25,6 @@ const themeVariable = {
--global-primary-color: #009688;
--global-checked-color: #5fb878;
--global-border-radius: 2px;
```

32
example/docs/zh-CN/hooks/useBoolean.md
View File

@@ -1,32 +0,0 @@
::: title 基础使用
:::
::: block 使 用 useBoolean 创 建 布 尔 类 型 的 Ref 响 应 变 量
:::
```vue
<script>
import { useBoolean } from '@layui/hooks-vue'
export default {
setup() {
const { setTrue, setFalse } = useBoolean(true)
return {
setTrue,
setFalse
}
},
}
</script>
```
::: title 使用备注
:::
::: table
| 备注 | 描述 | 类型 |
| ---- | -------------- | ----------- |
| setTrue | 设置值为 true | -- |
| setFalse | 设置值为 false | -- |
:::

42
example/docs/zh-CN/hooks/useClickOutside.md
View File

@@ -1,42 +0,0 @@
::: title 基础使用
:::
::: block 使 用 useClickOutside 监 听 元 素 外 click 事 件
:::
```vue
<template>
<lay-button type="primary" ref="buttonRef">当前元素</lay-button>
</template>
<script>
import { ref, watch } from 'vue'
import { useClickOutside } from '@layui/hooks-vue'
export default {
setup() {
const buttonRef = (ref < null) | (HTMLElement > null)
const isClickOutside = useClickOutside(buttonRef)
watch(isClickOutside, () => {
console.log('元素外 click 事件')
})
return {
buttonRef,
}
},
}
</script>
```
::: title 使用备注
:::
::: table
| 备注 | 描述 | 类型 |
| -------------- | --------------- | ---- |
| isClickOutside | 使用 watch 监听 | Ref |
:::

42
example/docs/zh-CN/hooks/useFullScreen.md
View File

@@ -1,42 +0,0 @@
::: title 基础使用
:::
::: block 使 用 useMove 为 元 素 提 供 拖 拽 支 持
:::
```vue
<template>
<lay-button @click="fullScreen">全屏切换</lay-button>
</template>
<script>
import { useFullScreen } from '@layui/hooks-vue'
export default {
setup() {
const { fullScreen, isFullScreen } = useFullScreen()
watch(isFullScreen, () => {
console.log('全屏切换')
})
return {
fullScreen,
isFullScreen,
}
},
}
</script>
```
::: title 使用备注
:::
::: table
| 事件 | 描述 | 类型 |
| ------------ | -------- | -------- |
| fullScreen | 全屏切换 | Function |
| isFullScreen | 当前状态 | Ref |
:::

37
example/docs/zh-CN/hooks/useMove.md
View File

@@ -1,37 +0,0 @@
::: title 基础使用
:::
::: block 使 用 useFullScreen 快 速 完 成 fullScreen 操 作
:::
```vue
<template>
<button id="button">拖动</button>
</template>
<script>
import { ref, watch, onMounted } from 'vue'
import { useMove } from '@layui/hooks-vue'
export default {
setup() {
onMounted(() => {
const el = document.getElementById('button')
useMove(el)
})
return {}
},
}
</script>
```
::: title 使用备注
:::
::: table
| 备注 | 描述 | 类型 |
| ---- | -------------- | ----------- |
| el | 需要拖拽的元素 | HtmlElement |
:::

11
example/docs/zh-CN/hooks/useStarted.md
View File

@@ -1,11 +0,0 @@
::: title 快速上手
:::
<br>
::: describe 1. 使用 npm 下载
:::
```
npm install @layui/hooks-vue --save
```

32
example/docs/zh-CN/hooks/useState.md
View File

@@ -1,32 +0,0 @@
::: title 基础使用
:::
::: block 使 用 useState 创 建 Ref 响 应 变 量
:::
```vue
<script>
import { useState } from '@layui/hooks-vue'
export default {
setup() {
const { state, setState } = useState(0)
return {
state,
setState
}
},
}
</script>
```
::: title 使用备注
:::
::: table
| 备注 | 描述 | 类型 |
| ---- | -------------- | ----------- |
| state | 值本身 | -- |
| setState | 设置值 | -- |
:::