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

View File

@@ -0,0 +1,24 @@
#!/bin/sh
#
# An example hook script to make use of push options.
# The example simply echoes all push options that start with 'echoback='
# and rejects all pushes when the "reject" push option is used.
#
# To enable this hook, rename this file to "pre-receive".
if test -n "$GIT_PUSH_OPTION_COUNT"
then
i=0
while test "$i" -lt "$GIT_PUSH_OPTION_COUNT"
do
eval "value=\$GIT_PUSH_OPTION_$i"
case "$value" in
echoback=*)
echo "echo from the pre-receive-hook: ${value#*=}" >&2
;;
reject)
exit 1
esac
i=$((i + 1))
done
fi

View File

@@ -0,0 +1,8 @@
.layui-body {
display: block;
flex: 1;
overflow: auto;
height: 100%;
box-sizing: border-box;
min-height: 300px;
}

View File

@@ -0,0 +1,217 @@
::: anchor
:::
::: title 基本介绍
:::
::: describe 用于在多个备选项中选中单个状态。
:::
::: title 基础使用
:::
::: demo 使用 `lay-radio` 标签, 创建一个单选框。
<template>
<lay-radio v-model="selected1" name="action" :value="1" label="写作"></lay-radio>
<lay-radio v-model="selected1" name="action" :value="2" label="画画"></lay-radio>
<lay-radio v-model="selected1" name="action" :value="3" label="运动"></lay-radio>
<lay-radio v-model="selected1" name="action" :value="4">自定义slot</lay-radio>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
const selected1 = ref(1);
return {
selected1
}
}
}
</script>
:::
::: title 禁用状态
:::
::: demo 使用 `disabled` 属性, 禁用一个单选项。
<template>
<lay-radio v-model="selected2" name="action" value="1">写作</lay-radio>
<lay-radio v-model="selected2" name="action" value="2">画画</lay-radio>
<lay-radio v-model="selected2" name="action" value="3">运动</lay-radio>
<lay-radio v-model="selected2" name="action" value="4" :disabled="disabled">禁用</lay-radio>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
const disabled = ref(true);
const selected2 = ref("1");
return {
disabled,
selected2
}
}
}
</script>
:::
::: title 事件回调
:::
::: demo 通过 `@change` 事件, 监听选项改变。
<template>
<lay-radio v-model="selected3" name="action" value="1" @change="change">写作</lay-radio>
<lay-radio v-model="selected3" name="action" value="2" @change="change">画画</lay-radio>
<lay-radio v-model="selected3" name="action" value="3" @change="change">运动</lay-radio>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
const selected3 = ref("1");
const change = function( current ) {
console.log("当前值:" + current)
}
return {
selected3,
change
}
}
}
</script>
:::
::: title 指定尺寸
:::
::: demo 使用 `size` 属性设置单选框尺寸, 可选值为 `lg` `md` `sm` `xs`, 默认为 `md`。
<template>
<lay-radio v-model="selected5" name="action" size="lg" value="1">写作</lay-radio>
<lay-radio v-model="selected5" name="action" size="md" value="2">画画</lay-radio>
<lay-radio v-model="selected5" name="action" size="sm" value="3">运动</lay-radio>
<lay-radio v-model="selected5" name="action" size="xs" value="4">游泳</lay-radio>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
const selected5 = ref("1");
return {
selected5,
}
}
}
</script>
:::
::: title 单选分组
:::
::: demo 使用 `lay-radio-group` 标签, 存在大量单选框时极为有效。
<template>
<lay-radio-group name="action" v-model="selected4" @change="change4">
<lay-radio value="1">写作</lay-radio>
<lay-radio value="2">画画</lay-radio>
<lay-radio value="3">运动</lay-radio>
</lay-radio-group>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
const selected4 = ref("1");
const change4 = function( current ) {
console.log("当前值:" + current)
}
const disabled1=ref(false)
return {
selected4,
change4
}
}
}
</script>
:::
::: title Radio 属性
:::
::: table
| 属性 | 描述 | 默认值 |
| ------- | ------------- | ------ |
| name | 原始属性 name | -- |
| label | 显示值 | -- |
| value | 绑定值 | -- |
| v-model | 选中值 | -- |
| disabled | 是否禁用 | `false` |
| size | 尺寸 | `lg` `md` `sm` `xs` |
:::
::: title Radio 事件
:::
::: table
| 事件 | 描述 | 参数 |
| ------ | -------- | ---------------- |
| change | 切换事件 | current : 当前值 |
:::
::: title RadioGroup 属性
:::
::: table
| 属性 | 描述 | 默认值 |
| ------- | ------------- | ------ |
| v-model | 选中值 | -- |
| disabled | 是否整体禁用 | `false` |
:::
::: title RadioGroup 事件
:::
::: table
| 事件 | 描述 | 参数 |
| ------ | -------- | ---------------- |
| change | 切换事件 | current : 当前值 |
:::
::: contributor radio
:::
::: previousNext radio
:::

View File

@@ -0,0 +1,3 @@
xu<>Mn<4D>0<10><><EFBFBD>)<29><><EFBFBD>H<13><><EFBFBD>‘r<C291>*<2A>&`<60><><EFBFBD><EFBFBD> R<><52><EFBFBD> <09><><08>~?3<>+<2B>)<29><>,<>*<w
&<26>J<EFBFBD><4A>b<<19><><EFBFBD>/<12>e<EFBFBD>6<36>ݛ<1D><><08><>(<28>b<EFBFBD><62><EFBFBD><EFBFBD>,<1A><13>M=r P<>wPA<50>P<EFBFBD>I<15><><EFBFBD>J<EFBFBD>ְG<D6B0>[<5B>o@<40><>!%U<15>$?g<>,<2C>O<10><>Hh<48>-<2D><>
gQ<EFBFBD>߆<EFBFBD><EFBFBD>Ά5B@<40>?<3F><><EFBFBD><EFBFBD>#<23><><EFBFBD><EFBFBD>ql<71>k<EFBFBD>E<1A>R;<3B>'<27>"M<><4D>+<2B>uxO.<2E><>h<EFBFBD><68><EFBFBD>

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,3 @@
export * from "./domUtil";
export * from "./withInstall";
export * from "./arrayUtil";

View File

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