docs: 更新文档

This commit is contained in:
就眠儀式 2022-03-28 00:03:05 +08:00
parent 8e767faca3
commit 529d21c593
3 changed files with 32 additions and 28 deletions

View File

@ -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>

View File

@ -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) => {

View File

@ -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"]);