docs: 更新文档
This commit is contained in:
parent
8e767faca3
commit
529d21c593
@ -16,6 +16,7 @@
|
|||||||
<li>
|
<li>
|
||||||
<h3>0.4.3 <span class="layui-badge-rim">2022-03-27</span></h3>
|
<h3>0.4.3 <span class="layui-badge-rim">2022-03-27</span></h3>
|
||||||
<ul>
|
<ul>
|
||||||
|
<li>[新增] upload 文件上传组件。</li>
|
||||||
<li>[新增] date-picker 组件 name 属性, 等同原生 name 属性。</li>
|
<li>[新增] date-picker 组件 name 属性, 等同原生 name 属性。</li>
|
||||||
<li>[新增] date-picker 组件 type 属性 date 值, 支持日期选择。 </li>
|
<li>[新增] date-picker 组件 type 属性 date 值, 支持日期选择。 </li>
|
||||||
<li>[新增] date-picker 组件 type 属性 datetime 值, 支持日期时间选择。</li>
|
<li>[新增] date-picker 组件 type 属性 datetime 值, 支持日期时间选择。</li>
|
||||||
|
@ -73,12 +73,16 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-laydate-footer">
|
<div class="layui-laydate-footer">
|
||||||
<span v-if="type === 'datetime'" @click="showPane = 'time'" class="laydate-btns-time"
|
<span
|
||||||
|
v-if="type === 'datetime'"
|
||||||
|
@click="showPane = 'time'"
|
||||||
|
class="laydate-btns-time"
|
||||||
>选择时间</span
|
>选择时间</span
|
||||||
>
|
>
|
||||||
<div class="laydate-footer-btns">
|
<div class="laydate-footer-btns">
|
||||||
<span lay-type="clear" class="laydate-btns-clear">清空</span
|
<span lay-type="clear" class="laydate-btns-clear">清空</span
|
||||||
><span lay-type="now" class="laydate-btns-now" @click="now">现在</span
|
><span lay-type="now" class="laydate-btns-now" @click="now"
|
||||||
|
>现在</span
|
||||||
><span lay-type="confirm" class="laydate-btns-confirm">确定</span>
|
><span lay-type="confirm" class="laydate-btns-confirm">确定</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -120,7 +124,8 @@
|
|||||||
>
|
>
|
||||||
<div class="laydate-footer-btns">
|
<div class="laydate-footer-btns">
|
||||||
<span lay-type="clear" class="laydate-btns-clear">清空</span
|
<span lay-type="clear" class="laydate-btns-clear">清空</span
|
||||||
><span lay-type="now" class="laydate-btns-now" @click="now">现在</span
|
><span lay-type="now" class="laydate-btns-now" @click="now"
|
||||||
|
>现在</span
|
||||||
><span lay-type="confirm" class="laydate-btns-confirm">确定</span>
|
><span lay-type="confirm" class="laydate-btns-confirm">确定</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -174,7 +179,8 @@
|
|||||||
>
|
>
|
||||||
<div class="laydate-footer-btns">
|
<div class="laydate-footer-btns">
|
||||||
<span lay-type="clear" class="laydate-btns-clear">清空</span
|
<span lay-type="clear" class="laydate-btns-clear">清空</span
|
||||||
><span lay-type="now" class="laydate-btns-now" @click="now">现在</span
|
><span lay-type="now" class="laydate-btns-now" @click="now"
|
||||||
|
>现在</span
|
||||||
><span lay-type="confirm" class="laydate-btns-confirm">确定</span>
|
><span lay-type="confirm" class="laydate-btns-confirm">确定</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -218,7 +224,8 @@
|
|||||||
>
|
>
|
||||||
<div class="laydate-footer-btns">
|
<div class="laydate-footer-btns">
|
||||||
<span lay-type="clear" class="laydate-btns-clear">清空</span
|
<span lay-type="clear" class="laydate-btns-clear">清空</span
|
||||||
><span lay-type="now" class="laydate-btns-now" @click="now">现在</span
|
><span lay-type="now" class="laydate-btns-now" @click="now"
|
||||||
|
>现在</span
|
||||||
><span lay-type="confirm" class="laydate-btns-confirm">确定</span>
|
><span lay-type="confirm" class="laydate-btns-confirm">确定</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -288,22 +295,21 @@ const dateValue = computed<string>(() => {
|
|||||||
.hour(hms.value.hh)
|
.hour(hms.value.hh)
|
||||||
.minute(hms.value.mm)
|
.minute(hms.value.mm)
|
||||||
.second(hms.value.ss);
|
.second(hms.value.ss);
|
||||||
switch(props.type)
|
switch (props.type) {
|
||||||
{
|
case "date":
|
||||||
case 'date':
|
momentVal = momentObj.format("YYYY-MM-DD");
|
||||||
momentVal = momentObj.format("YYYY-MM-DD");
|
break;
|
||||||
break;
|
case "datetime":
|
||||||
case 'datetime':
|
momentVal = momentObj.format("YYYY-MM-DD hh:mm:ss");
|
||||||
momentVal = momentObj.format("YYYY-MM-DD hh:mm:ss");
|
break;
|
||||||
break;
|
case "year":
|
||||||
case 'year':
|
momentVal = momentObj.format("YYYY");
|
||||||
momentVal = momentObj.format("YYYY");
|
break;
|
||||||
break;
|
case "month":
|
||||||
case 'month':
|
momentVal = momentObj.format("MM");
|
||||||
momentVal = momentObj.format("MM");
|
break;
|
||||||
break;
|
|
||||||
default:
|
default:
|
||||||
momentVal = momentObj.format();
|
momentVal = momentObj.format();
|
||||||
}
|
}
|
||||||
$emits("update:modelValue", momentVal);
|
$emits("update:modelValue", momentVal);
|
||||||
return momentVal;
|
return momentVal;
|
||||||
@ -370,19 +376,15 @@ const handleDayClick = (item: any) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
// 确认事件
|
// 确认事件
|
||||||
const ok = () => {
|
const ok = () => {};
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
// 现在时间
|
// 现在时间
|
||||||
const now = () => {
|
const now = () => {
|
||||||
currentDay.value = moment().valueOf();
|
currentDay.value = moment().valueOf();
|
||||||
}
|
};
|
||||||
|
|
||||||
// 清空日期
|
// 清空日期
|
||||||
const clear = () => {
|
const clear = () => {};
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// 切换年月
|
// 切换年月
|
||||||
const changeYearOrMonth = (type: "year" | "month", num: number) => {
|
const changeYearOrMonth = (type: "year" | "month", num: number) => {
|
||||||
|
@ -7,7 +7,7 @@ export default {
|
|||||||
import "./index.less";
|
import "./index.less";
|
||||||
import { Recordable } from "../../types";
|
import { Recordable } from "../../types";
|
||||||
import { layer } from "@layui/layer-vue";
|
import { layer } from "@layui/layer-vue";
|
||||||
import { ref, useSlots, withDefaults, onMounted, defineExpose } from "vue";
|
import { ref, useSlots, withDefaults } from "vue";
|
||||||
import { templateRef } from "@vueuse/core";
|
import { templateRef } from "@vueuse/core";
|
||||||
|
|
||||||
// 组件的参数字段类型
|
// 组件的参数字段类型
|
||||||
@ -32,6 +32,7 @@ const props = withDefaults(defineProps<LayUploadProps>(), {
|
|||||||
number: 0,
|
number: 0,
|
||||||
drag: false,
|
drag: false,
|
||||||
});
|
});
|
||||||
|
|
||||||
const slot = useSlots();
|
const slot = useSlots();
|
||||||
const slots = slot.default && slot.default();
|
const slots = slot.default && slot.default();
|
||||||
const emit = defineEmits(["choose", "before", "done", "error"]);
|
const emit = defineEmits(["choose", "before", "done", "error"]);
|
||||||
|
Loading…
x
Reference in New Issue
Block a user