✨(all): update
This commit is contained in:
就眠儀式
parent
a9dc882db7
commit
0728d005b7
@ -19,18 +19,18 @@ const props = withDefaults(defineProps<LayDropdownProps>(), {
|
||||
trigger: "click",
|
||||
disabled: false,
|
||||
});
|
||||
const emit = defineEmits(["open", "hide"]);
|
||||
|
||||
const openState = ref(false);
|
||||
const dropdownRef = ref<null | HTMLElement>(null);
|
||||
const dropdownX = ref<number | string>(0);
|
||||
const dropdownY = ref<number | string>("auto");
|
||||
|
||||
const emit = defineEmits(["open", "hide"]);
|
||||
// @ts-ignore
|
||||
onClickOutside(dropdownRef, (event) => {
|
||||
openState.value = false;
|
||||
});
|
||||
|
||||
const open = function (event?: Event) {
|
||||
const open = function (event?: Event) : void {
|
||||
if (props.disabled === false) {
|
||||
if (event) {
|
||||
const el = event.currentTarget;
|
||||
@ -47,12 +47,12 @@ const open = function (event?: Event) {
|
||||
}
|
||||
};
|
||||
|
||||
const hide = function () {
|
||||
const hide = function () : void {
|
||||
openState.value = false;
|
||||
emit("hide");
|
||||
};
|
||||
|
||||
const toggle = function (event?: Event) {
|
||||
const toggle = function (event?: Event) : void {
|
||||
if (props.disabled === false)
|
||||
if (openState.value) {
|
||||
hide();
|
||||
|
||||
@ -24,9 +24,7 @@ import Schema, {
|
||||
Rule,
|
||||
RuleItem,
|
||||
Rules,
|
||||
ValidateCallback,
|
||||
ValidateError,
|
||||
ValidateMessages,
|
||||
ValidateCallback
|
||||
} from "async-validator";
|
||||
import cnValidateMessage from "./cnValidateMessage";
|
||||
|
||||
|
||||
@ -59,10 +59,6 @@
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.layui-iconpicker-none {
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.layui-iconpicker-search {
|
||||
padding: 10px;
|
||||
box-shadow: 0 2px 8px #f0f1f2;
|
||||
|
||||
@ -9,6 +9,7 @@ import "./index.less";
|
||||
import { Ref, ref } from "vue";
|
||||
import { LayIconList as icons } from "@layui/icons-vue";
|
||||
import LayDropdown from "../dropdown/index.vue";
|
||||
import layInput from "../input/index.vue";
|
||||
|
||||
export interface LayIconPickerProps {
|
||||
page?: boolean;
|
||||
@ -21,21 +22,22 @@ const props = withDefaults(defineProps<LayIconPickerProps>(), {
|
||||
page: false,
|
||||
});
|
||||
|
||||
const emit = defineEmits(["update:modelValue"]);
|
||||
const dropdownRef = ref<null | HTMLElement>(null);
|
||||
const emit = defineEmits(["update:modelValue", "change"]);
|
||||
const selectedIcon: Ref<string> = ref(props.modelValue as string);
|
||||
const dropdownRef = ref<any>(null);
|
||||
|
||||
const selectIcon = function (icon: string) {
|
||||
emit("update:modelValue", icon);
|
||||
emit("change", icon);
|
||||
selectedIcon.value = icon;
|
||||
// @ts-ignore
|
||||
dropdownRef.value.hide();
|
||||
dropdownRef.value?.hide();
|
||||
};
|
||||
|
||||
const icones: Ref = ref([]);
|
||||
const total = ref(icons.length);
|
||||
const totalPage = ref(total.value / 12);
|
||||
const currentPage: Ref = ref(1);
|
||||
const searchValue = ref();
|
||||
|
||||
if (props.page) {
|
||||
icones.value = icons.slice(0, 12);
|
||||
@ -63,20 +65,24 @@ const prev = function () {
|
||||
icones.value = icons.slice(start, end);
|
||||
};
|
||||
|
||||
const clear = () => {
|
||||
const start = (currentPage.value - 1) * 12;
|
||||
const end = start + 12;
|
||||
if (props.page) {
|
||||
icones.value = icons.slice(start, end);
|
||||
total.value = icons.length;
|
||||
totalPage.value = Math.ceil(icons.length / 12);
|
||||
} else {
|
||||
icones.value = icons;
|
||||
}
|
||||
};
|
||||
|
||||
const search = function (e: any) {
|
||||
var text = e.target.value;
|
||||
currentPage.value = 1;
|
||||
const start = (currentPage.value - 1) * 12;
|
||||
const end = start + 12;
|
||||
if (text === "") {
|
||||
if (props.page) {
|
||||
icones.value = icons.slice(start, end);
|
||||
total.value = icons.length;
|
||||
totalPage.value = Math.ceil(icons.length / 12);
|
||||
} else {
|
||||
icones.value = icons;
|
||||
}
|
||||
} else {
|
||||
const text = e.target.value;
|
||||
if (text) {
|
||||
if (props.page) {
|
||||
icones.value = searchList(text, icons).slice(start, end);
|
||||
total.value = searchList(text, icons).length;
|
||||
@ -84,6 +90,14 @@ const search = function (e: any) {
|
||||
} else {
|
||||
icones.value = searchList(text, icons);
|
||||
}
|
||||
} else {
|
||||
if (props.page) {
|
||||
icones.value = icons.slice(start, end);
|
||||
total.value = icons.length;
|
||||
totalPage.value = Math.ceil(icons.length / 12);
|
||||
} else {
|
||||
icones.value = icons;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
@ -135,23 +149,17 @@ const searchList = function (str: string, container: any) {
|
||||
<template #content>
|
||||
<div class="layui-iconpicker-view layui-iconpicker-scroll">
|
||||
<div v-if="showSearch" class="layui-iconpicker-search">
|
||||
<div class="layui-form layui-input-wrap layui-input-wrap-prefix">
|
||||
<div class="layui-input-prefix">
|
||||
<lay-input
|
||||
@input="search"
|
||||
@clear="clear"
|
||||
v-model="searchValue"
|
||||
:autocomplete="true"
|
||||
:allow-clear="true"
|
||||
>
|
||||
<template #prefix>
|
||||
<i class="layui-icon layui-icon-search"></i>
|
||||
</div>
|
||||
<input
|
||||
type="text"
|
||||
value=""
|
||||
placeholder="search"
|
||||
autocomplete="off"
|
||||
class="layui-input"
|
||||
lay-affix="clear"
|
||||
@input="search"
|
||||
/>
|
||||
<div class="layui-input-suffix layui-input-affix-event layui-hide">
|
||||
<i class="layui-icon layui-icon-clear"></i>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</lay-input>
|
||||
</div>
|
||||
<div class="layui-iconpicker-list">
|
||||
<ul>
|
||||
|
||||
@ -39,10 +39,11 @@
|
||||
}
|
||||
|
||||
.layui-input-clear {
|
||||
display: flex;
|
||||
flex: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-right: 10px;
|
||||
color: rgba(0, 0, 0, 0.45)
|
||||
}
|
||||
|
||||
.layui-input:hover {
|
||||
|
||||
@ -7,11 +7,12 @@ export default {
|
||||
<script setup lang="ts">
|
||||
import "./index.less";
|
||||
import { LayIcon } from "@layui/icons-vue";
|
||||
import { useSlots } from "vue";
|
||||
import { computed, useSlots } from "vue";
|
||||
import { useI18n } from "../../language";
|
||||
|
||||
const { t } = useI18n();
|
||||
const slots = useSlots();
|
||||
const hasContent = computed(() => props.modelValue?.length > 0);
|
||||
|
||||
export interface LayInputProps {
|
||||
name?: string;
|
||||
@ -36,9 +37,10 @@ const props = withDefaults(defineProps<LayInputProps>(), {
|
||||
|
||||
const emit = defineEmits([
|
||||
"update:modelValue",
|
||||
"input",
|
||||
"change",
|
||||
"input",
|
||||
"focus",
|
||||
"clear",
|
||||
"blur",
|
||||
]);
|
||||
|
||||
@ -50,7 +52,8 @@ const onInput = function (event: Event) {
|
||||
};
|
||||
|
||||
const onClear = () => {
|
||||
emit("update:modelValue", "");
|
||||
emit("update:modelValue");
|
||||
emit("clear");
|
||||
};
|
||||
|
||||
const onFocus = (event: Event) => {
|
||||
@ -64,6 +67,10 @@ const onChange = (event: Event) => {
|
||||
const onBlur = (event: Event) => {
|
||||
emit("blur", event);
|
||||
};
|
||||
|
||||
const classes = computed(() => {
|
||||
return { "layui-disabled": props.disabled };
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@ -80,7 +87,7 @@ const onBlur = (event: Event) => {
|
||||
:autofocus="autofocus"
|
||||
:autocomplete="autocomplete"
|
||||
:readonly="readonly"
|
||||
:class="{ 'layui-disabled': disabled }"
|
||||
:class="classes"
|
||||
class="layui-input"
|
||||
@input="onInput"
|
||||
@focus="onFocus"
|
||||
@ -90,7 +97,7 @@ const onBlur = (event: Event) => {
|
||||
<span class="layui-input-suffix" v-if="slots.suffix">
|
||||
<slot name="suffix"></slot>
|
||||
</span>
|
||||
<span class="layui-input-clear" v-if="allowClear">
|
||||
<span class="layui-input-clear" v-if="allowClear && hasContent">
|
||||
<lay-icon type="layui-icon-close-fill" @click="onClear"></lay-icon>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@ -33,8 +33,8 @@ const props = withDefaults(defineProps<LayInputNumberProps>(), {
|
||||
});
|
||||
|
||||
const emit = defineEmits(["update:modelValue", "change"]);
|
||||
|
||||
let num = ref(props.modelValue);
|
||||
|
||||
watch(num, (val) => {
|
||||
if (props.max !== Infinity && val > props.max) {
|
||||
num.value = props.max;
|
||||
|
||||
@ -11,6 +11,7 @@
|
||||
"emitDeclarationOnly": true,
|
||||
"esModuleInterop": true,
|
||||
"declarationDir": "types",
|
||||
"jsx": "preserve",
|
||||
"lib": ["ESNext","DOM"]
|
||||
},
|
||||
"include": ["src/**/*","shims-vue.d.ts"],
|
||||
|
||||
@ -66,8 +66,7 @@ const copy = function () {
|
||||
navigator.clipboard.writeText(text);
|
||||
successful = true;
|
||||
} else if (window.getSelection()) {
|
||||
// 使用document.execCommand
|
||||
// 代码div显示状态直接使用，隐藏状态则创建一个div
|
||||
// 使用 document.execCommand
|
||||
var range = document.createRange();
|
||||
let copyDiv;
|
||||
if (show.value) {
|
||||
@ -103,8 +102,7 @@ onMounted(() => {
|
||||
const foundCodes = meta.value.getElementsByClassName("language-html");
|
||||
|
||||
if (foundDescs.length) {
|
||||
codeAreaHeight.value =
|
||||
foundDescs[0].clientHeight + foundCodes[0].clientHeight + 30;
|
||||
codeAreaHeight.value = foundDescs[0].clientHeight + foundCodes[0].clientHeight + 30;
|
||||
} else {
|
||||
codeAreaHeight.value = foundCodes[0].clientHeight + 20;
|
||||
}
|
||||
|
||||
@ -3,6 +3,7 @@
|
||||
<slot></slot>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
.lay-table-box table {
|
||||
width: 100%;
|
||||
|
||||
@ -8,484 +8,11 @@
|
||||
</lay-timeline>
|
||||
|
||||
::: demo
|
||||
|
||||
<template>
|
||||
<lay-timeline>
|
||||
<lay-timeline-item title="1.1.x">
|
||||
<ul>
|
||||
<a name="1-1-1"></a>
|
||||
<li>
|
||||
<h3>1.1.1 <span class="layui-badge-rim">2022-05-21</span></h3>
|
||||
<ul>
|
||||
<li>[新增] rate 组件 has-clear 属性。</li>
|
||||
<li>[新增] table 组件 minWidth 属性, 自适应最小列宽。</li>
|
||||
<li>[新增] table 组件 ellipsisTooltip 属性, 缩略长文本并提供 tooltip 提示。</li>
|
||||
<li>[修复] table 组件 size 属性 sm 与 lg 样式。</li>
|
||||
<li>[升级] async-validator 4.1.1。</li>
|
||||
<li>[升级] vueuse/core 8.5.0。</li>
|
||||
<li>[升级] vue-i18n 9.1.10。</li>
|
||||
<li>[升级] vue 3.2.35。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-1-0"></a>
|
||||
<li>
|
||||
<h3>1.1.0 <span class="layui-badge-rim">2022-05-15</span></h3>
|
||||
<ul>
|
||||
<li>[新增] resolver 按需解析器。</li>
|
||||
<li>[新增] sub-menu 组件 expandIcon 插槽。</li>
|
||||
<li>[修复] table 组件 datasource 缺失属性 column 错位。</li>
|
||||
<li>[修复] fullscreen 组件按 F11 进入全屏, 退出全屏不生效。</li>
|
||||
<li>[重构] table 组件 columns 渲染。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</lay-timeline-item>
|
||||
<lay-timeline-item title="1.0.x">
|
||||
<ul>
|
||||
<a name="1-0-7"></a>
|
||||
<li>
|
||||
<h3>1.0.7 <span class="layui-badge-rim">2022-05-09</span></h3>
|
||||
<ul>
|
||||
<li>[新增] menu 组件 changeOpenKeys 事件。</li>
|
||||
<li>[新增] menu 组件 changeSelectedKey 事件。</li>
|
||||
<li>[新增] menu 组件 childSpacing 属性, 开启菜单层级缩进。</li>
|
||||
<li>[新增] slider 组件 showDots 属性, 显示步长断点。</li>
|
||||
<li>[新增] input 组件 autocomplete 原生属性。</li>
|
||||
<li>[新增] input 组件 autofocus 原生属性。</li>
|
||||
<li>[修复] side 组件 width 属性无效。</li>
|
||||
<li>[优化] checkbox 组件 css 样式。</li>
|
||||
<li>[优化] radio 组件 css 样式。</li>
|
||||
<li>[升级] vueuse/core 8.4.2。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-0-6"></a>
|
||||
<li>
|
||||
<h3>1.0.6 <span class="layui-badge-rim">2022-05-02</span></h3>
|
||||
<ul>
|
||||
<li>[修复] scroll 组件 height 属性必填警告。</li>
|
||||
<li>[修复] scroll 组件 slotColor 属性必填警告。</li>
|
||||
<li>[修复] scroll 组件 scrollColor 属性必填警告。</li>
|
||||
<li>[修复] scroll 组件 scrollWidth 属性必填警告。</li>
|
||||
<li>[修正] scroll 组件 slotColor 属性为 thackColor。</li>
|
||||
<li>[修正] scroll 组件 scrollColor 属性为 thumbColor。</li>
|
||||
<li>[修正] scroll 组件 scrollWidth 属性为 thumbWidth。</li>
|
||||
<li>[升级] vueuse/core 8.3.1。</li>
|
||||
<li>[升级] vue-i18n 9.1.9。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-0-5"></a>
|
||||
<li>
|
||||
<h3>1.0.5 <span class="layui-badge-rim">2022-05-01</span></h3>
|
||||
<ul>
|
||||
<li>[新增] dropdown 组件 context-menu 属性。</li>
|
||||
<li>[修复] layer 组件 tooltip 组件 index 层级冲突。</li>
|
||||
<li>[修复] table 组件 columns 宽度超出 table-box 错位。</li>
|
||||
<li>[修复] table 组件 selected-keys 属性 deep 监听。</li>
|
||||
<li>[修复] slider 组件 btn 背景色。</li>
|
||||
<li>[修复] upload 组件 url 失效。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-0-4"></a>
|
||||
<li>
|
||||
<h3>1.0.4 <span class="layui-badge-rim">2022-04-21</span></h3>
|
||||
<ul>
|
||||
<li>[新增] line 组件 direction 属性, 支持垂直分割。</li>
|
||||
<li>[新增] line 组件 offset 属性, 设置内容的偏移量。</li>
|
||||
<li>[新增] notice-bar 组件 scrollable 属性, 支持垂直滚动。</li>
|
||||
<li>[新增] line 组件 border-style 属性, 设置分割线的样式。</li>
|
||||
<li>[新增] line 组件 border-wdith 属性, 设置分割线的宽度。</li>
|
||||
<li>[新增] line 组件 content-position 属性, 设置内容的对齐方式。</li>
|
||||
<li>[修复] table 组件 columns 配置 width 属性不生效。</li>
|
||||
<li>[修复] checkbox 组件夜间模式下边框颜色不兼容。</li>
|
||||
<li>[修复] carousel 组件 index 索引下标越界。</li>
|
||||
<li>[优化] layer 方法 option 参数为可选。</li>
|
||||
<li>[升级] vueuse/core 8.3.0 版本。</li>
|
||||
<li>[升级] vue 3.2.33 版本。</li>
|
||||
<li>[升级] vite 2.9.2 版本。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-0-3"></a>
|
||||
<li>
|
||||
<h3>1.0.3 <span class="layui-badge-rim">2022-04-17</span></h3>
|
||||
<ul>
|
||||
<li>[新增] ripple 组件, 提供 水波纹 效果。</li>
|
||||
<li>[新增] empty 组件 image 插槽, 支持自定义 image。</li>
|
||||
<li>[新增] badge 组件 ripple 属性, 开启水波纹动画, 仅适用于 type 为 dot 时。</li>
|
||||
<li>[新增] table 组件 column 配置 align 属性, 支持 left center right 对齐方式。</li>
|
||||
<li>[新增] upload 组件 disabled-preview 属性, 上传预览区域添加禁用状态。</li>
|
||||
<li>[修复] upload 组件 cut 属性, 开启时丢失图片信息。</li>
|
||||
<li>[修复] table 组件 column 存在 1px 宽度误差。</li>
|
||||
<li>[优化] date-picker 组件 monent 为 day.js。</li>
|
||||
<li>[优化] table 组件 html document 结构。</li>
|
||||
<li>[移除] xlsx 依赖, 减少打包体积。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-0-2"> </a>
|
||||
<li>
|
||||
<h3>1.0.2 <span class="layui-badge-rim">2022-04-09</span></h3>
|
||||
<ul>
|
||||
<li>[新增] button 组件 border-style 属性, 自定义边框样式。</li>
|
||||
<li>[新增] carousel 组件 interval 属性, 用于控制轮播间隔。</li>
|
||||
<li>[新增] config-provider 组件 dark-partial 属性, 夜间主题偏好配置。</li>
|
||||
<li>[新增] carousel 组件 autoplay 属性, 开启自动轮播, 默认为 true。</li>
|
||||
<li>[修复] page 组件 pages 属性为单数时, 页码计算错误。</li>
|
||||
<li>[修复] panel 组件 background-color 为透明的问题。</li>
|
||||
<li>[修复] tab 组件 layui-tab-head 默认存在背景色。</li>
|
||||
<li>[修复] button-group 组件 first-child 样式。</li>
|
||||
<li>[修复] dark 模式 step 组件线条不显示。</li>
|
||||
<li>[修复] scroll 组件屏幕缩放时样式异常。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-0-1"></a>
|
||||
<li>
|
||||
<h3>1.0.1 <span class="layui-badge-rim">2022-04-06</span></h3>
|
||||
<ul>
|
||||
<li>[新增] select 组件 search 事件, 搜索回调。</li>
|
||||
<li>[新增] select 组件 keyword 属性, 提供关键词检索。</li>
|
||||
<li>[新增] upload 组件 cut cutOptions 属性, 支持上传裁剪。</li>
|
||||
<li>[新增] timeline 组件 direction 属性, 支持垂直与水平布局。</li>
|
||||
<li>[新增] dropdown 组件 open 与 hide 事件,于打开与关闭后的逻辑处理。</li>
|
||||
<li>[新增] dropdown 组件 disabled 属性, 禁止下拉框展示。</li>
|
||||
<li>[新增] date-picker 组件 disabled 属性, 禁止修改。</li>
|
||||
<li>[修复] date-picker 组件右下角实时数据无法联动。</li>
|
||||
<li>[修复] table 组件 datasource 属性丢失响应。 </li>
|
||||
<li>[修复] input 组件 readonly 属性不生效。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-0-0"> </a>
|
||||
<li>
|
||||
<h3>1.0.0 <span class="layui-badge-rim">2022-04-02</span></h3>
|
||||
<ul>
|
||||
<li>[重要] 修订 version 为 1.0.0。</li>
|
||||
<li>[新增] empty 组件 extra 插槽, 支持扩展内容。</li>
|
||||
<li>[新增] result 组件 extra 插槽, 支持扩展内容。</li>
|
||||
<li>[新增] exception 组件 extra 插槽, 支持扩展内容。</li>
|
||||
<li>[新增] switch 组件 onswitch-value 属性, 默认为 true。</li>
|
||||
<li>[新增] switch 组件 unswitch-value 属性, 默认为 false。</li>
|
||||
<li>[新增] date-picker 组件 time 属性, 支持 时 分 秒 选择。</li>
|
||||
<li>[新增] date-picker 组件 yearmonth 属性, 支持 年 月 选择。</li>
|
||||
<li>[新增] tab 组件 position 属性, 用于支持不同方向的选项卡标题。</li>
|
||||
<li>[修复] date-picker 组件 type 属性为 time 时, v-model 默认不生效。</li>
|
||||
<li>[修复] date-picker 组件 12 小时制为 24 小时制。</li>
|
||||
<li>[修复] transfer 组件 showSearch 属性类型警告。</li>
|
||||
<li>[修复] upload 组件 number 属性必填警告。</li>
|
||||
<li>[修复] variable 全局变量重复导入的问题。</li>
|
||||
<li>[修复] menu 组件 openKeys 属性失效。</li>
|
||||
<li>[支持] animation 点击演示。</li>
|
||||
<li>[支持] icon 列表复制。</li>
|
||||
<li>[支持] 夜间模式。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</lay-timeline-item>
|
||||
<lay-timeline-item title="0.4.x">
|
||||
<ul>
|
||||
<a name="0-4-4"> </a>
|
||||
<li>
|
||||
<h3>0.4.4 <span class="layui-badge-rim">2022-03-29</span></h3>
|
||||
<ul>
|
||||
<li>[新增] button 组件 prefix-icon 属性。</li>
|
||||
<li>[新增] button 组件 suffix-icon 属性。</li>
|
||||
<li>[新增] date-picker 组件 清空 操作, 清空选择日期。</li>
|
||||
<li>[新增] date-picker 组件 确认 操作, 关闭选择面板。</li>
|
||||
<li>[新增] date-picker 组件 type 属性 year 值, 支持 年份 选择。</li>
|
||||
<li>[新增] date-picker 组件 type 属性 month 值, 支持 月份 选择。</li>
|
||||
<li>[修复] date-picker 组件 type 属性为 datetime 时候面板不显示。</li>
|
||||
<li>[新增] card 组件 shadow 属性, 可选值 hover, always, never。</li>
|
||||
<li>[新增] table 组件 row 和 row-double 时间的 event 参数。</li>
|
||||
<li>[新增] table 组件 contextmenu 行右键事件。</li>
|
||||
<li>[支持] cdn 直接导入使用。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="0-4-3"> </a>
|
||||
<li>
|
||||
<h3>0.4.3 <span class="layui-badge-rim">2022-03-27</span></h3>
|
||||
<ul>
|
||||
<li>[新增] upload 文件上传组件。</li>
|
||||
<li>[新增] date-picker 组件 name 属性, 等同原生 name 属性。</li>
|
||||
<li>[新增] date-picker 组件 type 属性 date 值, 支持日期选择。 </li>
|
||||
<li>[新增] date-picker 组件 type 属性 datetime 值, 支持日期时间选择。</li>
|
||||
<li>[新增] date-picker 组件 now 操作, 将 年 月 日 重置为当前日期。</li>
|
||||
<li>[新增] table 组件 data 属性 titleSlot 选项, 自定义标题插槽。</li>
|
||||
<li>[修复] menu 组件 level 属性的语义与实际功能相悖。</li>
|
||||
<li>[修复] input 组件 height 高度固定 38 px。</li>
|
||||
<li>[修复] step 组件 line 样式。</li>
|
||||
<li>[依赖] monent 日期 js 框架。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="0-4-2"> </a>
|
||||
<li>
|
||||
<h3>0.4.2 <span class="layui-badge-rim">2022-03-26</span></h3>
|
||||
<ul>
|
||||
<li>[新增] card 组件 extra 插槽。</li>
|
||||
<li>[新增] switch 组件 onswitch-color 属性。</li>
|
||||
<li>[新增] switch 组件 unswitch-color 属性。</li>
|
||||
<li>[修复] docsearch peer dependencies 警告。</li>
|
||||
<li>[修复] select 组件 input border 显示问题。</li>
|
||||
<li>[优化] card 组件 header 插槽为 title 插槽。</li>
|
||||
<li>[优化] switch 组件 in-active-text 为 unswitch-text 属性, 默认不显示。</li>
|
||||
<li>[优化] switch 组件 active-text 为 onswitch-text 属性, 默认不显示。</li>
|
||||
<li>[优化] switch 组件样式。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="0-4-1"> </a>
|
||||
<li>
|
||||
<h3>0.4.1 <span class="layui-badge-rim">2022-03-25</span></h3>
|
||||
<ul>
|
||||
<li>[新增] switch 组件 onswitch-icon 插槽。</li>
|
||||
<li>[新增] switch 组件 unswitch-icon 插槽。</li>
|
||||
<li>[新增] transition 组件 type 属性, 默认为 collapse 过渡。</li>
|
||||
<li>[新增] transition 组件 enable 属性, 默认为 true 启用动画。</li>
|
||||
<li>[新增] transition 组件 type 属性 fade 值, 提供淡出淡入效果。</li>
|
||||
<li>[新增] menu 组件 collapseTransition 属性, 是否启用折叠动画, 默认为 true。</li>
|
||||
<li>[新增] collapse 组件 collapseTransition 属性, 是否启用折叠动画, 默认为 true。</li>
|
||||
<li>[新增] tree 组件 collapseTransition 属性, 是否启用折叠动画, 默认为 true。</li>
|
||||
<li>[新增] input 组件 allow-clear 属性, 提供输入清空。</li>
|
||||
<li>[新增] input 组件 prefix 插槽, 提供前缀设置。</li>
|
||||
<li>[新增] input 组件 suffix 插槽, 提供后缀设置。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="0-4-0"> </a>
|
||||
<li>
|
||||
<h3>0.4.0 <span class="layui-badge-rim">2022-03-17</span></h3>
|
||||
<ul>
|
||||
<li>[新增] notice-bar 通告栏。</li>
|
||||
<li>[新增] scroll 虚拟滚动组件。</li>
|
||||
<li>[新增] transition 过渡动画组件。</li>
|
||||
<li>[新增] collapse 折叠面板过渡动画。</li>
|
||||
<li>[新增] table 表格组件 excel 导出工具栏。</li>
|
||||
<li>[新增] table column 选项 sort 属性, 开启字段排序。</li>
|
||||
<li>[新增] page 分页组件 v-model 属性, 支持默认页设置。</li>
|
||||
<li>[新增] dropdown-menu 与 dropdown-menu-item 下拉菜单组件。</li>
|
||||
<li>[新增] date-picker 日期选择组件, 支持年月, 日期, 时间。</li>
|
||||
<li>[新增] transfer 穿梭框组件 showSearch 开启搜索属性。</li>
|
||||
<li>[修复] carousel-item 轮播项使用 v-for 无法渲染。</li>
|
||||
<li>[修复] checkbox 复选框组件, 选中颜色丢失。</li>
|
||||
<li>[修复] slider 滑块组件, 默认 step 值异常。</li>
|
||||
<li>[修复] form 表单错误提示没有间距的问题。</li>
|
||||
<li>[升级] layer-vue 1.3.10 版本。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</lay-timeline-item>
|
||||
<lay-timeline-item title="0.3.x">
|
||||
<ul>
|
||||
<a name="0-3-9"></a>
|
||||
<li>
|
||||
<h3>0.3.9 <span class="layui-badge-rim">2022-03-08</span></h3>
|
||||
<ul>
|
||||
<li>[重构] count-up 组件。</li>
|
||||
<li>[新增] algolia 文档搜索引擎。</li>
|
||||
<li>[新增] theme 主题 neutral 辅色配置。</li>
|
||||
<li>[新增] menuItem 与 subMenu 组件 title 与 icon 插槽。</li>
|
||||
<li>[新增] menu 菜单 collapse 属性, 支持折叠。</li>
|
||||
<li>[修复] menu 菜单 inverted 跟随主题配置。</li>
|
||||
<li>[删除] menuItem 菜单项 title 属性。</li>
|
||||
<li>[删除] subMenu 菜单集 title 属性。</li>
|
||||
<li>[升级] layer-vue 1.3.8 版本。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="0-3-8"> </a>
|
||||
<li>
|
||||
<h3>0.3.8 <span class="layui-badge-rim">2022-02-21</span></h3>
|
||||
<ul>
|
||||
<li>[新增] fullscreen 全屏组件。</li>
|
||||
<li>[新增] icon-picker 颜色选择器。</li>
|
||||
<li>[新增] config-provider 全局配置, 用于主题与国际化切换。</li>
|
||||
<li>[修复] container 容器在不同的分辨率无法自适应的问题</li>
|
||||
<li>[修复] dropdown 组件无法嵌套使用的问题。</li>
|
||||
<li>[修复] menu 组件导航模式菜单错位问题。 </li>
|
||||
<li>[修复] quote 引用的 nm 灰色主题失效。</li>
|
||||
<li>[升级] icons-vue 1.0.7 版本。</li>
|
||||
<li>[升级] layer-vue 1.3.5 版本。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="0-3-7"> </a>
|
||||
<li>
|
||||
<h3>0.3.7 <span class="layui-badge-rim">2022-02-07</span></h3>
|
||||
<ul>
|
||||
<li>[新增] slider 滑块组件 setp 属性, 支持设置步长。</li>
|
||||
<li>[新增] index.less 样式文件, 支持一定程度的主题定制。</li>
|
||||
<li>[移除] `defineProps`,`defineEmits` 两个全局宏命令引入，消除控制台警告。</li>
|
||||
<li>[修复] menu 组件 inverted 属性不兼容 string 类型。</li>
|
||||
<li>[修复] menu 组件 level 属性不兼容 string 类型。</li>
|
||||
<li>[升级] icons-vue 1.0.4 版本。</li>
|
||||
<li>[升级] layer-vue 1.3.3 版本。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="0-3-6"> </a>
|
||||
<li>
|
||||
<h3>0.3.6 <span class="layui-badge-rim">2022-02-02</span></h3>
|
||||
<ul>
|
||||
<li>[新增] result 结果组件, 提供 success error 通用状态页。</li>
|
||||
<li>[新增] exception 异常组件, 提供 403, 404, 500 通用异常页。</li>
|
||||
<li>[新增] menu 组件 level 属性, 控制菜单层级之间的背景色差异。</li>
|
||||
<li>[新增] menu 组件 inverted 属性, 提供另一种树形菜单选中效果。</li>
|
||||
<li>[新增] menu 组件 theme 属性, 可选值 light 和 dark。</li>
|
||||
<li>[修复] table 组件 header 不随 body 滚动。</li>
|
||||
<li>[升级] vue 3.2.29 版本。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="0-3-5"> </a>
|
||||
<li>
|
||||
<h3>0.3.5 <span class="layui-badge-rim">2022-01-24</span></h3>
|
||||
<ul>
|
||||
<li>[新增] split-panel 分割面板, 高度灵活的布局组件。</li>
|
||||
<li>[新增] layer 弹层 type 属性 drawer 可选值, 提供抽屉模式。</li>
|
||||
<li>[修复] tab-item 组件 closable 属性警告, 兼容 string 类型。</li>
|
||||
<li>[修复] dropdown 下拉菜单 content 显示位置问题。</li>
|
||||
<li>[升级] icons-vue 1.0.3 版本。</li>
|
||||
<li>[升级] layer-vue 1.3.1 版本。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="0-3-4"> </a>
|
||||
<li>
|
||||
<h3>0.3.4 <span class="layui-badge-rim">2022-01-19</span></h3>
|
||||
<ul>
|
||||
<li>[新增] avatar-list 头像列表组件。</li>
|
||||
<li>[新增] tab-item 选项卡组件 closable 属性, 控制当前选项卡 close 支持。</li>
|
||||
<li>[修复] button 按钮 disabled 为 true 时, 触发 click 事件。</li>
|
||||
<li>[修复] menu-item 与 sub-menu 组件的 title 属性必填警告。</li>
|
||||
<li>[修复] layout 组件 side 因 flex 布局宽度不固定。</li>
|
||||
<li>[优化] layer 的 children slot 渲染机制。</li>
|
||||
<li>[升级] layer-vue 1.2.5 版本。</li>
|
||||
<li>[升级] vue 3.2.27 版本。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="0-3-3"> </a>
|
||||
<li>
|
||||
<h3>0.3.3 <span class="layui-badge-rim">2022-01-09</span></h3>
|
||||
<ul>
|
||||
<li>[新增] setup 步骤条组件。</li>
|
||||
<li>[新增] slider 滑块组件 vertical 属性, 支持垂直布局。</li>
|
||||
<li>[新增] timeline-item 时间线组件 dot 插槽, 支持自定义节点内容。</li>
|
||||
<li>[新增] sub-menu 目录组件, 与 menu-item 组合使用。</li>
|
||||
<li>[修复] menu 菜单组件 layui-nav-more 切换动画。</li>
|
||||
<li>[修复] select 下拉选择组件外部参数变更组件内的数值不生效的问题</li>
|
||||
<li>[修复] page 分页组件 limit 数量过多时, 展示部分页数。</li>
|
||||
<li>[推出] layui-vue-admin 后台模板 </li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="0-3-2"> </a>
|
||||
<li>
|
||||
<h3>0.3.2 <span class="layui-badge-rim">2022-01-03</span></h3>
|
||||
<ul>
|
||||
<li>[新增] skeleton 骨架屏组件。</li>
|
||||
<li>[重构] tooltip 内部 popper 组件，支持移动到 tooltip 内部。</li>
|
||||
<li>[增强] layer 部分函数 msg open confirm 等, content 支持 VNode 类型。</li>
|
||||
<li>[增强] menu 菜单组件, 初步支持无限级嵌套。</li>
|
||||
<li>[修复] layer.close layer.closeAll 函数无法触发 OutAnim 过度动画问题。</li>
|
||||
<li>[废弃] menu-child-item 组件, 使用 menu-item 替代。</li>
|
||||
<li>[升级] layer-vue 1.2.4 版本。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="0-3-1"> </a>
|
||||
<li>
|
||||
<h3>0.3.1 <span class="layui-badge-rim">2021-12-28</span></h3>
|
||||
<ul>
|
||||
<li>[新增] count-up 数字滚动组件。</li>
|
||||
<li>[新增] slider 滑块 range 属性, 支持区间取值。</li>
|
||||
<li>[新增] button 按钮 disabled 属性, 删除 type 属性 disabled 值。</li>
|
||||
<li>[修复] 演示站点剪贴板功能，http下不能使用的问题。</li>
|
||||
<li>[修复] checkbox 复选框 modelValue 属性必填警告。</li>
|
||||
<li>[修复] formItem 内下拉框组件校验不通过边框未标红问题。</li>
|
||||
<li>[修复] rate 评分 mouseleave 事件绑定警告。</li>
|
||||
<li>[修复] npm 安装 layui-vue 不必要的依赖警告。</li>
|
||||
<li>[集成] eslint, prettier 规范插件 。</li>
|
||||
<li>[升级] icons-vue 1.0.2 版本。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</lay-timeline-item>
|
||||
<lay-timeline-item title="0.2.x">
|
||||
<ul>
|
||||
<a name="0-2-9"> </a>
|
||||
<li>
|
||||
<h3>0.2.9 <span class="layui-badge-rim">2021-12-21</span></h3>
|
||||
<ul>
|
||||
<li>[新增] backtop 返回顶部组件, 支持自定义功能。</li>
|
||||
<li>[新增] slider 滑动型输入器，展示当前值和可选范围。</li>
|
||||
<li>[新增] select 下拉选择组件 multiple 属性, 支持多选策略。</li>
|
||||
<li>[新增] form 表单组件内置验证, 提供 rules 配置自定义验证规则。</li>
|
||||
<li>[新增] layer 组件 resize 方法, 重置 area 与 offset 状态。</li>
|
||||
<li>[修复] layer 弹层 v-model 切换状态后, 让其保持 area 与 offset 状态。</li>
|
||||
<li>[修复] transfer 穿梭框组件按钮样式, 使其增加减少操作按钮对齐。</li>
|
||||
<li>[修复] tree 树开启 checkbox 时, 无法选中的问题。</li>
|
||||
<li>[升级] layer-vue 1.2.2 版本。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="0-2-8"> </a>
|
||||
<li>
|
||||
<h3>0.2.8 <span class="layui-badge-rim">2021-12-15</span></h3>
|
||||
<ul>
|
||||
<li>[新增] tooltip 警告提示，展现需要关注的信息。</li>
|
||||
<li>[新增] input-number 数字输入框, 通过鼠标或键盘，输入范围内的数值。</li>
|
||||
<li>[新增] layer 组件 isHtmlFangement 属性，函数调用时，用于解析 html 片段。</li>
|
||||
<li>[新增] layer 组件 resize 属性, 开启弹层尺寸拉伸, 常用于 页面层 与 Iframe 层。</li>
|
||||
<li>[加强] layer 组件 area 属性, 支持 字符串 与 数组 类型, 默认 auto 宽高根据内容自适应。</li>
|
||||
<li>[修复] layer 组件 body 禁用拖动, 仅支持标题拖动窗体。</li>
|
||||
<li>[修复] icon-picker 组件 select 图标时, 自动隐藏选择内容。</li>
|
||||
<li>[修复] dropdown 组件触发方式为 hover 时，移动不到菜单子项的问题</li>
|
||||
<li>[集成] utteranc.es 插件, 基于 issues 提供为文档提供留言能力。</li>
|
||||
<li>[升级] layer-vue 1.2.0, 更稳定的 layer 版本。</li>
|
||||
<li>[升级] vue 3.2.26 版本。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</lay-timeline-item>
|
||||
<lay-timeline-item title="0.1.x">
|
||||
<ul>
|
||||
<a name="0-2-7"> </a>
|
||||
<li>
|
||||
<h3>0.1.0 <span class="layui-badge-rim">2021-12-10</span></h3>
|
||||
<ul>
|
||||
<li>孵化。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</lay-timeline-item>
|
||||
</lay-timeline>
|
||||
<lay-timeline>
|
||||
<a href>前往查看</a>
|
||||
</lay-timeline>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user