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 it is too large Load Diff

View File

@@ -0,0 +1,31 @@
import { w as withInstall } from "../badge/index2.js";
import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, unref, renderSlot } from "vue";
var index = /* @__PURE__ */ (() => ".layui-side{overflow:auto;overflow-x:hidden;box-sizing:border-box;min-height:300px}\n")();
const __default__ = {
name: "LaySide"
};
const _sfc_main = defineComponent({
...__default__,
props: {
width: { default: "200px" }
},
setup(__props) {
const props = __props;
const styles = computed(() => {
return {
flex: `0 0 ${props.width}`,
width: `${props.width}`
};
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
class: "layui-side",
style: normalizeStyle(unref(styles))
}, [
renderSlot(_ctx.$slots, "default")
], 4);
};
}
});
const component = withInstall(_sfc_main);
export { component as default };

View File

@@ -0,0 +1,151 @@
::: anchor
:::
::: title 基本介绍
:::
::: describe 通用的异常页面。
:::
::: title 401
:::
::: demo 使用 `lay-exception` 标签, 创建一个异常页面
<template>
<lay-exception status="401" title="401" describe="身份认证失败">
<template #extra>
<lay-button>刷新</lay-button>
<lay-button type="primary">返回</lay-button>
</template>
</lay-exception>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::
::: title 403
:::
::: demo 使用 `lay-exception` 标签, 创建一个异常页面
<template>
<lay-exception status="403" title="403" describe="暂无相关权限">
<template #extra>
<lay-button>刷新</lay-button>
<lay-button type="primary">返回</lay-button>
</template>
</lay-exception>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::
::: title 404
:::
::: demo 使用 `lay-exception` 标签, 创建一个异常页面
<template>
<lay-exception status="404" title="404" describe="跳转页面失败">
<template #extra>
<lay-button>刷新</lay-button>
<lay-button type="primary">返回</lay-button>
</template>
</lay-exception>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::
::: title 500
:::
::: demo 使用 `lay-exception` 标签, 创建一个异常页面
<template>
<lay-exception status="500" title="500" describe="服务发生错误">
<template #extra>
<lay-button>刷新</lay-button>
<lay-button type="primary">返回</lay-button>
</template>
</lay-exception>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::
::: title Exception 属性
:::
::: table
| 属性 | 描述 | 可选值 |
| ----------- | -------- | ------ |
| title | 标题 | -- |
| status | 状态 | `403` `404` `500` |
| describe | 描述信息 | -- |
:::
::: title Exception 插槽
:::
::: table
| 属性 | 描述 | 可选值 |
| ----------- | -------- | ------ |
| extra | 操作 | -- |
:::
::: contributor exception
:::
::: previousNext exception
:::

View File

@@ -0,0 +1,20 @@
<script lang="ts">
export default {
name: "MenuFillIcon",
};
</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-menu-fill"
/>
</template>

View File

@@ -0,0 +1,16 @@
<script lang="ts">
export default {
name: "ListIcon",
};
</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-list" />
</template>

View File

@@ -0,0 +1,29 @@
<script lang="ts">
export default {
name: "LaySkeletonItem",
};
</script>
<script setup lang="ts">
import { withDefaults } from "vue";
import { LayIcon } from "@layui/icons-vue";
export interface SkeletonProps {
type?: string;
}
const props = withDefaults(defineProps<SkeletonProps>(), {
type: "p",
});
</script>
<template>
<div
:class="['lay-skeleton-item', `lay-skeleton-type--${type}`]"
v-bind="$attrs"
>
<div v-if="type === 'image'">
<lay-icon type="layui-icon-picture"></lay-icon>
</div>
</div>
</template>

View File

@@ -0,0 +1,4 @@
11eada1d9d98c795d3c80ace2b30696b8b461c14 branch 'v1.7.0' of https://gitee.com/layui/layui-vue
1abea5929732072f68e7649538233ba7b9edeeb9 not-for-merge branch 'master' of https://gitee.com/layui/layui-vue
5b092fe842b3a7e961cd42de23f46750a2b8cc01 not-for-merge branch 'next' of https://gitee.com/layui/layui-vue
0692717841da24e7bccb1fcae7a436c4eebf2ccb not-for-merge branch 'refactor-upload-withform' of https://gitee.com/layui/layui-vue

View File

@@ -0,0 +1,18 @@
<script lang="ts">
export default {
name: "TreadIcon",
};
</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-tread" />
</template>

View File

@@ -0,0 +1,16 @@
<script lang="ts">
export default {
name: "LogIcon",
};
</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-log" />
</template>

File diff suppressed because one or more lines are too long