✨(component): 发布 1.6.2 版本
This commit is contained in:
parent
0ca86f1fc6
commit
6319433874
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@layui/layui-vue",
|
"name": "@layui/layui-vue",
|
||||||
"version": "1.6.1",
|
"version": "1.6.2",
|
||||||
"author": "就眠儀式",
|
"author": "就眠儀式",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"description": "a component library for Vue 3 base on layui-vue",
|
"description": "a component library for Vue 3 base on layui-vue",
|
||||||
|
@ -6,7 +6,7 @@ export default {
|
|||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import "./index.less";
|
import "./index.less";
|
||||||
import { Ref, ref } from "vue";
|
import { computed, Ref, ref, watch } from "vue";
|
||||||
import { LayIconList as icons } from "@layui/icons-vue";
|
import { LayIconList as icons } from "@layui/icons-vue";
|
||||||
import LayDropdown from "../dropdown/index.vue";
|
import LayDropdown from "../dropdown/index.vue";
|
||||||
import LayInput from "../input/index.vue";
|
import LayInput from "../input/index.vue";
|
||||||
@ -23,14 +23,14 @@ const props = withDefaults(defineProps<LayIconPickerProps>(), {
|
|||||||
page: false,
|
page: false,
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
const emit = defineEmits(["update:modelValue", "change"]);
|
const emit = defineEmits(["update:modelValue", "change"]);
|
||||||
const selectedIcon: Ref<string> = ref(props.modelValue as string);
|
const selectedIcon = computed(() => props.modelValue);
|
||||||
const dropdownRef = ref<any>(null);
|
const dropdownRef = ref<any>(null);
|
||||||
|
|
||||||
const selectIcon = function (icon: string): void {
|
const selectIcon = function (icon: string): void {
|
||||||
emit("update:modelValue", icon);
|
emit("update:modelValue", icon);
|
||||||
emit("change", icon);
|
emit("change", icon);
|
||||||
selectedIcon.value = icon;
|
|
||||||
dropdownRef.value?.hide();
|
dropdownRef.value?.hide();
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -298,9 +298,7 @@ const getUploadChange = (e: any) => {
|
|||||||
if (_cache && _cache.length > 0) {
|
if (_cache && _cache.length > 0) {
|
||||||
for (let i = 0; i < _cache.length; i++) {
|
for (let i = 0; i < _cache.length; i++) {
|
||||||
let _sizeErrorFile = _cache[i];
|
let _sizeErrorFile = _cache[i];
|
||||||
let errorMsg = `文件 ${
|
let errorMsg = `文件 ${_sizeErrorFile.name} ${sizeErrorMsg},文件最大不可超过${props.size}KB`;
|
||||||
_sizeErrorFile.name
|
|
||||||
} ${sizeErrorMsg},文件最大不可超过${props.size}kb`;
|
|
||||||
errorF(errorMsg);
|
errorF(errorMsg);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
@ -13,32 +13,7 @@
|
|||||||
::: demo 使用 lay-icon-picker 标签, 创建图标选择器
|
::: demo 使用 lay-icon-picker 标签, 创建图标选择器
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<lay-icon-picker type="layui-icon-face-smile"></lay-icon-picker>
|
<lay-icon-picker v-model="icon"></lay-icon-picker>
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { ref } from 'vue'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
setup() {
|
|
||||||
|
|
||||||
const icon = ref("layui-icon-home")
|
|
||||||
|
|
||||||
return {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
:::
|
|
||||||
|
|
||||||
::: title 默认选择
|
|
||||||
:::
|
|
||||||
|
|
||||||
::: demo
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<lay-icon-picker v-model="icon" type="layui-icon-face-smile"></lay-icon-picker>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@ -50,6 +25,7 @@ export default {
|
|||||||
const icon = ref("layui-icon-home")
|
const icon = ref("layui-icon-home")
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
icon
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -75,6 +51,7 @@ export default {
|
|||||||
const icon = ref("layui-icon-home")
|
const icon = ref("layui-icon-home")
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
icon
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -100,31 +77,7 @@ export default {
|
|||||||
const icon = ref("layui-icon-home")
|
const icon = ref("layui-icon-home")
|
||||||
|
|
||||||
return {
|
return {
|
||||||
}
|
icon
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
:::
|
|
||||||
|
|
||||||
::: title 静态面板
|
|
||||||
:::
|
|
||||||
|
|
||||||
::: demo
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<lay-icon-picker v-model="icon" type="layui-icon-face-smile" page showSearch position="static"></lay-icon-picker>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { ref } from 'vue'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
setup() {
|
|
||||||
|
|
||||||
const icon = ref("layui-icon-home")
|
|
||||||
|
|
||||||
return {
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -11,7 +11,20 @@
|
|||||||
<template>
|
<template>
|
||||||
<lay-timeline>
|
<lay-timeline>
|
||||||
<lay-timeline-item title="1.6.x">
|
<lay-timeline-item title="1.6.x">
|
||||||
<ul>
|
<ul>
|
||||||
|
<a name="1-6-0"></a>
|
||||||
|
<li>
|
||||||
|
<h3>1.6.2 <span class="layui-badge-rim">2022-10-07</span></h3>
|
||||||
|
<ul>
|
||||||
|
<li>[修复] upload 组件 size 属性提示信息单位换算错误。</li>
|
||||||
|
<li>[修复] tree 组件 checkStrictly 属性为 true 时, 初始数据仍关联选择。</li>
|
||||||
|
<li>[修复] icon-picker 组件 v-model 缺失响应式特性。</li>
|
||||||
|
<li>[修复] select-option 组件 hover 状态的选择样式。</li>
|
||||||
|
<li>[升级] 升级 vue 3.2.40 与 typescript 4.8.4。</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
<a name="1-6-0"></a>
|
<a name="1-6-0"></a>
|
||||||
<li>
|
<li>
|
||||||
<h3>1.6.1 <span class="layui-badge-rim">2022-10-06</span></h3>
|
<h3>1.6.1 <span class="layui-badge-rim">2022-10-06</span></h3>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user