init
This commit is contained in:
@@ -0,0 +1,104 @@
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: "LayCountUp",
|
||||
};
|
||||
</script>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { computed, onMounted, Ref, ref, watch } from "vue";
|
||||
import { TransitionPresets, useTransition } from "@vueuse/core";
|
||||
|
||||
export interface CountUpProps {
|
||||
startVal?: number; // 起始值
|
||||
endVal?: number; //显示的值
|
||||
decimal?: string; // 小数点
|
||||
decimalPlaces?: number; // 小数位数
|
||||
useGrouping?: boolean; // 是否使用千位分隔符
|
||||
separator?: string; // 千位分隔符
|
||||
autoplay?: boolean; //是否自动播放
|
||||
useEasing?: boolean; // 使用动画
|
||||
easingFn?: any; //动画类型
|
||||
duration?: number; // 动画持续时间
|
||||
prefix?: string; // 前缀
|
||||
suffix?: string; // 后缀
|
||||
}
|
||||
|
||||
const props = withDefaults(defineProps<CountUpProps>(), {
|
||||
startVal: 0,
|
||||
endVal: 0,
|
||||
decimal: ".",
|
||||
decimalPlaces: 0,
|
||||
useGrouping: true,
|
||||
separator: ",",
|
||||
autoplay: true,
|
||||
useEasing: true,
|
||||
easingFn: TransitionPresets.easeInOutCubic,
|
||||
duration: 2000,
|
||||
prefix: "",
|
||||
suffix: "",
|
||||
});
|
||||
|
||||
let localStartVal: Ref<number> = ref(props.startVal);
|
||||
const isNumber = (val: string) => !isNaN(parseFloat(val));
|
||||
|
||||
/**
|
||||
* from: https://github.com/PanJiaChen/vue-countTo/blob/master/src/vue-countTo.vue
|
||||
* */
|
||||
const formatNumber = (num: number | string): string => {
|
||||
if (typeof num != "number") return "0";
|
||||
num = num.toFixed(props.decimalPlaces);
|
||||
num += "";
|
||||
const x = num.split(".");
|
||||
let x1 = x[0];
|
||||
const x2 = x.length > 1 ? props.decimal + x[1] : "";
|
||||
const rgx = /(\d+)(\d{3})/;
|
||||
if (props.useGrouping && props.separator && !isNumber(props.separator)) {
|
||||
while (rgx.test(x1)) {
|
||||
x1 = x1.replace(rgx, "$1" + props.separator + "$2");
|
||||
}
|
||||
}
|
||||
return props.prefix + x1 + x2 + props.suffix;
|
||||
};
|
||||
|
||||
const printVal = useTransition(localStartVal, {
|
||||
delay: 0,
|
||||
duration: props.duration,
|
||||
disabled: !props.useEasing,
|
||||
transition:
|
||||
typeof props.easingFn === "string"
|
||||
? // @ts-ignore
|
||||
TransitionPresets[props.easingFn]
|
||||
: props.easingFn,
|
||||
});
|
||||
|
||||
const displayValue = computed(() => formatNumber(printVal.value));
|
||||
|
||||
const start = function () {
|
||||
localStartVal.value = props.endVal;
|
||||
};
|
||||
|
||||
watch(
|
||||
() => props.endVal,
|
||||
() => {
|
||||
if (props.autoplay) {
|
||||
localStartVal.value = props.endVal;
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
onMounted(() => {
|
||||
if (props.autoplay) {
|
||||
start();
|
||||
}
|
||||
});
|
||||
|
||||
defineExpose({
|
||||
start,
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<slot name="prefix"></slot>
|
||||
<span>{{ displayValue }}</span>
|
||||
<slot name="suffix"></slot>
|
||||
</template>
|
||||
@@ -0,0 +1 @@
|
||||
export type SwitchSize = "lg" | "md" | "sm" | "xs";
|
||||
@@ -0,0 +1,16 @@
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: "AtIcon",
|
||||
};
|
||||
</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-at" />
|
||||
</template>
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,9 @@
|
||||
/*!
|
||||
* Cropper.js v1.5.12
|
||||
* https://fengyuanchen.github.io/cropperjs
|
||||
*
|
||||
* Copyright 2015-present Chen Fengyuan
|
||||
* Released under the MIT license
|
||||
*
|
||||
* Date: 2021-06-12T08:00:11.623Z
|
||||
*/.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{image-orientation:0deg;display:block;height:100%;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
|
||||
@@ -0,0 +1,16 @@
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: "UserIcon",
|
||||
};
|
||||
</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-user" />
|
||||
</template>
|
||||
@@ -0,0 +1,359 @@
|
||||
::: title 更新记录
|
||||
:::
|
||||
|
||||
<lay-timeline style="padding-left:30px;padding-top:30px;">
|
||||
<lay-timeline-item title="🐛 尾版本号:日常问题更新。" simple></lay-timeline-item>
|
||||
<lay-timeline-item title="🌟 次版本号:带有新特性的向下兼容的版本。" simple></lay-timeline-item>
|
||||
<lay-timeline-item title="♻️ 主版本号:含有破坏性更新和新特性,不在发布周期内。" simple></lay-timeline-item>
|
||||
</lay-timeline>
|
||||
|
||||
::: demo
|
||||
<template>
|
||||
<lay-timeline>
|
||||
<lay-timeline-item title="1.7.x">
|
||||
<ul>
|
||||
<a name="1-7-7"></a>
|
||||
<li>
|
||||
<h3>1.7.7 <span class="layui-badge-rim">2022-11-11</span></h3>
|
||||
<ul>
|
||||
<li>[新增] upload 组件 text 属性, 设置上传描述。</li>
|
||||
<li>[新增] upload 组件 dragText 属性, 设置拖拽面板提示信息。</li>
|
||||
<li>[修复] select-option 组件 default 插槽内容为多层元素时, 使用 label 属性值作为回显。</li>
|
||||
<li>[修复] input-number 组件 step 设置为小数时精度丢失的问题。</li>
|
||||
<li>[修复] tooltip 组件临近屏幕边界, 三角位置显示错误。</li>
|
||||
<li>[优化] select-option 组件 多选 模式只能点击复选框的问题。</li>
|
||||
<li>[优化] select 组件 search 事件在拼字时触发的问题。</li>
|
||||
<li>[优化] select 组件 change 事件触发时机不恰当的问题。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-7-6"></a>
|
||||
<li>
|
||||
<h3>1.7.6 <span class="layui-badge-rim">2022-11-09</span></h3>
|
||||
<ul>
|
||||
<li>[新增] page-header 组件 back-icon 插槽, 自定义返回图标。</li>
|
||||
<li>[新增] page-header 组件 back-icon 属性, 自定义返回图标。</li>
|
||||
<li>[修复] input-number 组件 step 设置为小数时精度丢失的问题。</li>
|
||||
<li>[修复] datePicker 组件 年选择器 清空后再点击确定回显错误。</li>
|
||||
<li>[修复] select 组件 单选模式 与 多选模式 清空操作样式不统一的问题。</li>
|
||||
<li>[修复] select 组件 单选模式 与 多选模式 下拉宽度不一致的问题。</li>
|
||||
<li>[修复] select 组件 多选模式 @search 事件不生效的问题。</li>
|
||||
<li>[优化] select 组件 label 属性不兼容 number 类型。</li>
|
||||
<li>[优化] select-option 组件 label 属性为 null 时, 单选不展示。</li>
|
||||
<li>[优化] select-option 组件 label 属性为 null 时, 搜索报错。</li>
|
||||
<li>[优化] datePicker 组件 新增change,blur,foucs事件。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-7-5"></a>
|
||||
<li>
|
||||
<h3>1.7.5 <span class="layui-badge-rim">2022-11-06</span></h3>
|
||||
<ul>
|
||||
<li>[修复] select 组件单选模式验证失败后边框无变化的问题。</li>
|
||||
<li>[修复] tooltip 组件临近屏幕边界, 三角位置显示错误。</li>
|
||||
<li>[修复] upload 组件开启 cut 裁剪属性, 取消上传仍会弹出裁剪界面。</li>
|
||||
<li>[修复] upload 组件开启 cut 裁剪属性, 多次上传同文件, 非首次都不会弹出裁剪框。</li>
|
||||
<li>[优化] collapse 组件 collapseTransition 属性开启时, 为下拉图标增加转场动画。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-7-4"></a>
|
||||
<li>
|
||||
<h3>1.7.4 <span class="layui-badge-rim">2022-11-04</span></h3>
|
||||
<ul>
|
||||
<li>[新增] button 按钮 active 效果。</li>
|
||||
<li>[新增] input 组件 max 与 min 属性, 用于控制 number 类型下手动输入值的范围。</li>
|
||||
<li>[修复] textarea 组件边框 hover 状态颜色和其它 form 系列组件不一样的问题。</li>
|
||||
<li>[修复] tag-input 组件获取焦点与 hover 状态和其它 form 系列组件不一样的问题。</li>
|
||||
<li>[修复] upload 组件多次上传同一文件时,除了第一次都无法正常触发到@before和@done 事件。</li>
|
||||
<li>[修复] select 组件 slots 无法正常解决注释的问题。</li>
|
||||
<li>[修复] tab 组件 slots 无法正常解决注释与 v-if 的问题。</li>
|
||||
<li>[修复] select 单选模式和多选模式, 鼠标悬停时边框颜色不一样的问题。</li>
|
||||
<li>[修复] textarea 双向绑定在拼字时触发更新的问题。</li>
|
||||
<li>[修复] input-number 组件 disabled-input 属性开启时,点击减号无效。</li>
|
||||
<li>[修复] input-number 的 min 和 max 属性在手动输入值的场景下无效。</li>
|
||||
<li>[修复] button 组件 disabled 属性无效。</li>
|
||||
<li>[修复] button-group 组件, 个别类型无法正常显示分割线。</li>
|
||||
<li>[修复] select 组件禁用后 仍能清空的问题。</li>
|
||||
<li>[修复] input-number 组件无法手动输入负数的问题。</li>
|
||||
<li>[修复] input-number 组件清空内容,输入框失去焦点后数字复显的问题。</li>
|
||||
<li>[修复] input-number 组件设置步长点击增加,直接拼接字符串的问题。</li>
|
||||
<li>[修复] textarea 和 select 验证失败后边框颜色没有变成红色。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-7-3"></a>
|
||||
<li>
|
||||
<h3>1.7.3 <span class="layui-badge-rim">2022-10-27</span></h3>
|
||||
<ul>
|
||||
<li>[修复] table 组件 滚动条 拖拽时 header 产生错位。</li>
|
||||
<li>[修复] layer 组件 notifiy 类型 css 丢失的问题。</li>
|
||||
<li>[优化] layer 组件 notifiy 类型 class 命名规范。</li>
|
||||
<li>[升级] layer-vue 1.4.7 版本。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-7-2"></a>
|
||||
<li>
|
||||
<h3>1.7.2 <span class="layui-badge-rim">2022-10-26</span></h3>
|
||||
<ul>
|
||||
<li>[优化] input 组件 disabled 属性禁用效果。</li>
|
||||
<li>[优化] textarea 组件 disabled 属性禁用效果。</li>
|
||||
<li>[优化] switch 组件 disabled 属性禁用效果。</li>
|
||||
<li>[优化] select 组件 disabled 属性禁用效果。</li>
|
||||
<li>[优化] tag-input 组件 disabled 属性禁用效果。</li>
|
||||
<li>[优化] color-picker 组件 disabled 属性禁用效果。</li>
|
||||
<li>[优化] cascader 组件 disabled 属性禁用效果。</li>
|
||||
<li>[优化] icon-picker 组件 disabled 属性禁用效果。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-7-1"></a>
|
||||
<li>
|
||||
<h3>1.7.1 <span class="layui-badge-rim">2022-10-26</span></h3>
|
||||
<ul>
|
||||
<li>[新增] date-picker 组件 placeholder 属性 array 类型兼容。</li>
|
||||
<li>[修复] date-picker 组件 range 属性为 true 时的 国际化 翻译失效。</li>
|
||||
<li>[修复] date-picker 组件 range 属性为 true 时的 lay-dropdown 无法解析警告。</li>
|
||||
<li>[修复] upload 组件 裁剪 案例不生效问题, 前提需要 acceptMime 为 images 值。</li>
|
||||
<li>[优化] upload 组件 i18n 国际化支持。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-7-0"></a>
|
||||
<li>
|
||||
<h3>1.7.0 <span class="layui-badge-rim">2022-10-24</span></h3>
|
||||
<ul>
|
||||
<li>[新增] select 组件 contentClass 属性, 用于自定义内容区域 class 属性。</li>
|
||||
<li>[新增] select 组件 contentStyle 属性, 用于自定义内容区域 style 属性。</li>
|
||||
<li>[新增] icon-picker 组件 disabled 属性, 禁用颜色选择。</li>
|
||||
<li>[新增] icon-picker 组件 contentClass 属性, 用于自定义内容区域 class 属性。</li>
|
||||
<li>[新增] icon-picker 组件 contentStyle 属性, 用于自定义内容区域 style 属性。</li>
|
||||
<li>[新增] color-picker 组件 disabled 属性, 禁用图标选择。</li>
|
||||
<li>[新增] color-picker 组件 contentClass 属性, 用于自定义内容区域 class 属性。</li>
|
||||
<li>[新增] color-picker 组件 contentStyle 属性, 用于自定义内容区域 style 属性。</li>
|
||||
<li>[新增] cascader 组件 disabled 属性, 禁用数据选择。</li>
|
||||
<li>[新增] cascader 组件 contentClass 属性, 用于自定义内容区域 class 属性。</li>
|
||||
<li>[新增] cascader 组件 contentStyle 属性, 用于自定义内容区域 style 属性。</li>
|
||||
<li>[新增] date-picker 组件 contentClass 属性, 用于自定义内容区域 class 属性。</li>
|
||||
<li>[新增] date-picker 组件 contentStyle 属性, 用于自定义内容区域 style 属性。</li>
|
||||
<li>[修复] date-picker 组件 type 属性为 date 值, range 属性为 true 时, 结束月份出现 13 月的问题。</li>
|
||||
<li>[修复] space 组件 size 属性使用内置 string ['md','sm'] 不生效的问题。</li>
|
||||
<li>[修复] table 组件 datasource 为空, 表头超出宽度无法滚动的问题。</li>
|
||||
<li>[修复] page 组件 pages 属性起始页计算逻辑, 在接近尾页时 pages 页码不对应的问题。</li>
|
||||
<li>[修复] select 组件 multiple 与 disabled 属性同时为 true 时, 禁用效果失效。</li>
|
||||
<li>[删除] select 组件 show-empty 属性, 由用户自定义 select-option 代替。</li>
|
||||
<li>[删除] select 组件 empty-message 属性, 由用户自定义 select-option 代替。</li>
|
||||
<li>[删除] select 组件 placeholder, searchPlaceholder 属性默认值, 由使用者提供。</li>
|
||||
<li>[优化] select 组件 disabled 属性效果, hover 状态显示禁用光标, 并保持 border 颜色不变。</li>
|
||||
<li>[优化] input 组件 disabled 属性效果, hover 状态保持 border 颜色不变。</li>
|
||||
<li>[优化] switch 组件 disabled 属性效果, 光标移入圆形白色按钮不显示禁用光标。</li>
|
||||
<li>[优化] tag-input 组件 disabled 属性效果, 与其他组件保持相同设计规范。</li>
|
||||
<li>[优化] date-picker, empty, page 组件支持 i18n 国际化。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</lay-timeline-item>
|
||||
<lay-timeline-item title="1.6.x">
|
||||
<ul>
|
||||
<a name="1-6-9"></a>
|
||||
<li>
|
||||
<h3>1.6.9 <span class="layui-badge-rim">2022-10-18</span></h3>
|
||||
<ul>
|
||||
<li>[修复] select 组件内部维护 options 时导致的内存溢出问题。</li>
|
||||
<li>[修复] select 组件单选模式 showSearch 属性开启时, 输入框循环重置的问题。</li>
|
||||
<li>[修复] upload 组件 drag 为 true 时, 获取拖拽文件 files 集合失败, 无法正常上传。</li>
|
||||
<li>[优化] layer 组件 id 属性, 当值相同时仅保留最新的弹出层实例。</li>
|
||||
<li>[升级] layer-vue 1.4.6 版本。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-6-8"></a>
|
||||
<li>
|
||||
<h3>1.6.8 <span class="layui-badge-rim">2022-10-14</span></h3>
|
||||
<ul>
|
||||
<li>[修复] upload 组件 drag 为 false 时的 removeEventListener 警告。</li>
|
||||
<li>[修复] upload 组件销毁 drap drapenter dragover 事件未注销。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-6-7"></a>
|
||||
<li>
|
||||
<h3>1.6.7 <span class="layui-badge-rim">2022-10-13</span></h3>
|
||||
<ul>
|
||||
<li>[修复] menu 组件 ident 属性带来的 typescript 警告。</li>
|
||||
<li>[修复] tansfer 组件 data-source 属性缺少响应式的特性。</li>
|
||||
<li>[修复] upload 组件 drag 属性开启后, 拖拽上传无效的问题。</li>
|
||||
<li>[优化] switch 组件 on-switch-text 和 un-switch-text 属性, 为描述提供适当边距。</li>
|
||||
<li>[优化] config-provider 组件 dark-partial 属性默认值, 降低整体饱和度。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-6-6"></a>
|
||||
<li>
|
||||
<h3>1.6.6 <span class="layui-badge-rim">2022-10-11</span></h3>
|
||||
<ul>
|
||||
<li>[新增] menu 组件 ident 属性, 用于开启目录缩进与缩进尺寸。</li>
|
||||
<li>[新增] table 组件 column 配置 total-row-method 属性, 用于自定义列统计逻辑。</li>
|
||||
<li>[修复] table 组件 column 配置 fixed 属性, 特殊情况下的列空白问题。</li>
|
||||
<li>[修复] talle 组件 table-row 行 algin 等属性, 不跟随 column 列配置的问题。</li>
|
||||
<li>[修复] table 组件 table-row 行 fixed 属性不生效的问题。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-6-5"></a>
|
||||
<li>
|
||||
<h3>1.6.5 <span class="layui-badge-rim">2022-10-11</span></h3>
|
||||
<ul>
|
||||
<li>[新增] datePicker 组件 type 属性为 date 与 datetime 时, 支持时间戳传入。</li>
|
||||
<li>[修复] datePicker 组件 type 属性为 dateTime 时 同时选择日期与时间不生效问题。</li>
|
||||
<li>[修复] datepicker 组件 type 属性为 mouth 时, v-model 为 number 类型时, 月份选择显示NaN。</li>
|
||||
<li>[修复] tree 组件 checkedKeys 属性赋值默认子集全部选中的问题。</li>
|
||||
<li>[修复] layer 组件在高版本 google 中的 event.path 警告信息。</li>
|
||||
<li>[修复] select-option 组件 default 插槽不可用的问题。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-6-4"></a>
|
||||
<li>
|
||||
<h3>1.6.4 <span class="layui-badge-rim">2022-10-09</span></h3>
|
||||
<ul>
|
||||
<li>[修复] radio 组件 value 属性不兼容 number 类型而导致类型警告。</li>
|
||||
<li>[修复] table 组件 .layui-table-body 增加过渡动画后, 修改 height 样式, 导致 header 错位。</li>
|
||||
<li>[修复] select-option 组件在伴随 v-if 指令时导致无法正常渲染。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-6-3"></a>
|
||||
<li>
|
||||
<h3>1.6.3 <span class="layui-badge-rim">2022-10-08</span></h3>
|
||||
<ul>
|
||||
<li>[修复] select 组件 option 子组件 hover 样式缺失。</li>
|
||||
<li>[修复] select 组件下拉图标在选择 option 后状态不重置的问题。</li>
|
||||
<li>[修复] select 组件多选模式, 选项无法手动删除的问题。</li>
|
||||
<li>[修复] layer 组件 end 回调函数多次触发的问题。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-6-2"></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-1"></a>
|
||||
<li>
|
||||
<h3>1.6.1 <span class="layui-badge-rim">2022-10-06</span></h3>
|
||||
<ul>
|
||||
<li>[修复] layer 组件 v-model 默认为 true 时弹出层不显示的问题。</li>
|
||||
<li>[修复] layer 组件 success 回调函数属性默认显示时不触发的问题。</li>
|
||||
<li>[修复] layer 组件 msg 调用 content-height 内容高度计算不正确。</li>
|
||||
<li>[修复] layer 组件 btn 与 close 操作抖动的问题。</li>
|
||||
<li>[升级] layer-vue 1.4.3 版本。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-6-0"></a>
|
||||
<li>
|
||||
<h3>1.6.0 <span class="layui-badge-rim">2022-10-04</span></h3>
|
||||
<ul>
|
||||
<li>[新增] tree 组件 checkStrictly 属性, 开启复选框时解除父子联动关系, 默认为 false。</li>
|
||||
<li>[修复] tree 组件 title 自定义标题插槽, 不生效的问题。</li>
|
||||
<li>[修复] tree 组件 node 配置 disabled 启用时, @node-click 事件仍触发的问题。</li>
|
||||
<li>[修复] select 组件 multiple 开启时, 值不存在时导致控制台异常。</li>
|
||||
<li>[修复] timeline 组件 title 属性必填警告。</li>
|
||||
<li>[修复] cascader 组件 trigger 属性必填警告。</li>
|
||||
<li>[修复] select-option 组件 value 属性 number 类型值警告。</li>
|
||||
<li>[修复] checkbox 组件 value 属性 number 类型值警告。</li>
|
||||
<li>[修复] checkbox 组件 label 属性与 default 插槽不设置, layui-checkbox-label 元素仍存在的问题。</li>
|
||||
<li>[修复] tree 组件 show-checkbox 为 true 时, 复选框与标题间距过宽的问题。</li>
|
||||
<li>[修复] tree 组件 node 配置 disabled 启用时, 仍会因为父子关联选择。</li>
|
||||
<li>[修复] table 组件 indentSize 属性, 在加载远程数据时不生效的问题。</li>
|
||||
<li>[调整] date-picker 组件 laydate-range-hover 前景色与背景色。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</lay-timeline-item>
|
||||
<lay-timeline-item title="1.5.x">
|
||||
<ul>
|
||||
<a name="1-5-1"></a>
|
||||
<li>
|
||||
<h3>1.5.1 <span class="layui-badge-rim">2022-09-30</span></h3>
|
||||
<ul>
|
||||
<li>[新增] avatar 组件 default 插槽, 支持文本头像, 用于复杂场景。</li>
|
||||
<li>[新增] avatar 组件 icon 属性, 用于展示 iconfont 头像, 默认值为 `layui-icon-username`。</li>
|
||||
<li>[修复] select 组件 multiple 为 true 且 showSearch 为 true 时光标为输入, 否则为小手指。</li>
|
||||
<li>[修复] select 组件 slots 延时渲染, 选中项 label 不更新的问题。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<a name="1-5-0"></a>
|
||||
<li>
|
||||
<h3>1.5.0 <span class="layui-badge-rim">2022-09-29</span></h3>
|
||||
<ul>
|
||||
<li>[新增] tag-input 标签输入框组件, 用于录入事物的属性与纬度。</li>
|
||||
<li>[新增] table 组件 header 插槽, 用于在工具栏与表格之间插入元素。</li>
|
||||
<li>[新增] tabitem 组件 icon 属性, 提供 title 属性前置 icon 设置。</li>
|
||||
<li>[新增] select 组件 searchPlaceholder 属性, 自定义搜索提示信息。</li>
|
||||
<li>[新增] select 组件 minCollapsedNum 属性, 多选模式选中项超过多少时折叠。</li>
|
||||
<li>[新增] select 组件 collapseTagsTooltip 属性, 多选模式下是否悬浮显示折叠的选中项。</li>
|
||||
<li>[修复] cascader 外部清空 modelValue, 选中项仍不清楚的问题。</li>
|
||||
<li>[修复] tolltip 组件 content 变化时, 位置无法自动计算调整的问题。</li>
|
||||
<li>[修复] breadcrumb-item 组件无法正确传递 attrs, 导致 @click 等自定义事件失效。</li>
|
||||
<li>[修复] layout 组件仅引入了 footer 作为内容元素时, layui-layout-vertical 样式不生效, 导致布局错误。</li>
|
||||
<li>[修复] select 组件 multiple 属性为 true 时, 删除选项时清空筛选条件的问题。</li>
|
||||
<li>[修复] select 组件多选模式下提示信息错误, 将 "请选择" 调整为 "请输入"。</li>
|
||||
<li>[修复] select 组件与 table 组件组合使用时, 下拉内容被遮盖。</li>
|
||||
<li>[修复] select 组件位于 layer 底部时, 点击时出现滚动条。</li>
|
||||
<li>[修复] select 组件外部修改 modelValue 值时, option 不选中的问题。</li>
|
||||
<li>[修复] icon-picker 组件 show-search 属性开启时, 搜索不生效的问题。</li>
|
||||
<li>[修复] notice-bar 组件切换页面后, NodeJS.Timeout 定时器不清除的问题。</li>
|
||||
<li>[优化] page 组件 limit 逻辑, 切换 limit 后,如果页数大于当前页,保持当前页码不变,否则使用最大页码。</li>
|
||||
<li>[优化] input 组件 suffix 插槽与 allow-clear 启用时的显示顺序, clear > suffix。</li>
|
||||
<li>[优化] tag 组件 border background height 等, 使其更贴合 layui 的设计规范。</li>
|
||||
<li>[优化] input 组件 suffix prefix password clear 左右布局, 由 15px 调整至 10px。</li>
|
||||
<li>[优化] input 组件 prefix 与 prefix-icon 存在时, 取消左侧边距缩进。</li>
|
||||
<li>[删除] select 组件 create 属性 与 create 事件。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</lay-timeline-item>
|
||||
</lay-timeline>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref } from 'vue'
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
|
||||
return {
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
:::
|
||||
Reference in New Issue
Block a user