web-plus-ui/docs/assets/README.d40e6e20.js

vue3+vite+ts+element-plus 组件库

import{_ as x}from"./index.17927878.js";import{l as h,r as c,E as m,a as l,o as g,f as _,w as o,e as s,c as D,b as y,R as p}from"./vendor.184a8d03.js";const F={name:"DateTimePicker",setup(){const a=h(""),r=c({DateTimePickerValue:a}),n=c({disabledDate(e){return e.getTime()>Date.now()},shortcuts:[{text:"Today",value:new Date},{text:"Yesterday",value:()=>{const e=new Date;return e.setTime(e.getTime()-3600*1e3*24),e}},{text:"A week ago",value:()=>{const e=new Date;return e.setTime(e.getTime()-3600*1e3*24*7),e}}]});return{listQuery:r,formItem:[{type:"es-date-picker",label:"DateTimePicker",key:"DateTimePickerValue",col:12,attrs:{placeholder:"\u8BF7\u9009\u62E9",type:"datetime"},listeners:{change:e=>{m({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e,type:"success"})}}},{type:"es-date-picker",label:"Shortcuts",key:"DatePickerValue",col:12,attrs:{placeholder:"\u8BF7\u9009\u62E9",type:"date","disabled-date":n.disabledDate,shortcuts:n.shortcuts},listeners:{change:e=>{m({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e,type:"success"})}}}],rules:{DateTimePickerValue:[{required:!0,message:"\u8BF7\u9009\u62E9",trigger:"change"}]}}}};function f(a,r,n,e,t,d){const i=l("EsForm"),u=l("EsContainer");return g(),_(u,{title:"DateTimePicker\u7EC4\u4EF6"},{default:o(()=>[s(i,{ref:"EsForm","list-query":e.listQuery,"form-item":e.formItem,rules:e.rules},null,8,["list-query","form-item","rules"])]),_:1})}var E=x(F,[["render",f]]);const T={name:"DateTimePicker",setup(){const a=h([new Date(2e3,10,10,10,10),new Date(2e3,10,11,10,10)]),r=c({DateTimePickerValue:a}),n=c({shortcuts:[{text:"Last week",value:()=>{const e=new Date,t=new Date;return t.setTime(t.getTime()-3600*1e3*24*7),[t,e]}},{text:"Last month",value:()=>{const e=new Date,t=new Date;return t.setTime(t.getTime()-3600*1e3*24*30),[t,e]}},{text:"Last 3 months",value:()=>{const e=new Date,t=new Date;return t.setTime(t.getTime()-3600*1e3*24*90),[t,e]}}]});return{listQuery:r,formItem:[{type:"es-date-picker",label:"DateTimePicker",key:"DateTimePickerValue",col:16,attrs:{placeholder:"\u8BF7\u9009\u62E9",type:"datetimerange",shortcuts:n.shortcuts,"range-separator":"To","start-placeholder":"\u8BF7\u9009\u62E9\u5F00\u59CB\u65F6\u95F4","end-placeholder":"\u8BF7\u9009\u62E9\u7ED3\u675F\u65F6\u95F4"},listeners:{change:e=>{m({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e,type:"success"})}}}],rules:{DateTimePickerValue:[{required:!0,message:"\u8BF7\u9009\u62E9",trigger:"change"}]}}}};function k(a,r,n,e,t,d){const i=l("EsForm"),u=l("EsContainer");return g(),_(u,{title:"DateTimePicker\u7EC4\u4EF6"},{default:o(()=>[s(i,{ref:"EsForm","list-query":e.listQuery,"form-item":e.formItem,rules:e.rules},null,8,["list-query","form-item","rules"])]),_:1})}var w=x(T,[["render",k]]);const b={name:"DateTimePicker",setup(){const a=h([new Date(2e3,10,10,10,10),new Date(2e3,10,11,10,10)]),r=c({DateTimePickerValue:a}),n=c({shortcuts:[{text:"Last week",value:()=>{const e=new Date,t=new Date;return t.setTime(t.getTime()-3600*1e3*24*7),[t,e]}},{text:"Last month",value:()=>{const e=new Date,t=new Date;return t.setTime(t.getTime()-3600*1e3*24*30),[t,e]}},{text:"Last 3 months",value:()=>{const e=new Date,t=new Date;return t.setTime(t.getTime()-3600*1e3*24*90),[t,e]}}],defaultTime1:[new Date(2e3,1,1,12,0,0)]});return{listQuery:r,formItem:[{type:"es-date-picker",label:"DateTimePicker",key:"DateTimePickerValue",col:16,attrs:{placeholder:"\u8BF7\u9009\u62E9",type:"datetimerange",shortcuts:n.shortcuts,"range-separator":"-","start-placeholder":"\u8BF7\u9009\u62E9\u5F00\u59CB\u65F6\u95F4","end-placeholder":"\u8BF7\u9009\u62E9\u7ED3\u675F\u65F6\u95F4","default-time":n.defaultTime1},listeners:{change:e=>{m({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e,type:"success"})}}}],rules:{DateTimePickerValue:[{required:!0,message:"\u8BF7\u9009\u62E9",trigger:"change"}]}}}};function P(a,r,n,e,t,d){const i=l("EsForm"),u=l("EsContainer");return g(),_(u,{title:"DateTimePicker default-time\u5C5E\u6027"},{default:o(()=>[s(i,{ref:"EsForm","list-query":e.listQuery,"form-item":e.formItem,rules:e.rules},null,8,["list-query","form-item","rules"])]),_:1})}var v=x(b,[["render",P]]);const B={class:"markdown-body"},C=y("h1",null,"DateTimePicker\u7EC4\u4EF6",-1),V=y("h3",null,"\u65E5\u671F\u548C\u65F6\u95F4\u70B9",-1),q=y("h3",null,"\u65E5\u671F\u548C\u65F6\u95F4\u8303\u56F4",-1),$=y("h3",null,"\u5F00\u59CB\u65E5\u671F\u548C\u7ED3\u675F\u65E5\u671F\u7684\u9ED8\u8BA4\u503C",-1),I=p('<h3>\u5C5E\u6027</h3><table><thead><tr><th style="text-align:center;">\u53C2\u6570</th><th style="text-align:center;">\u8BF4\u660E</th><th style="text-align:center;">\u7C7B\u578B</th><th style="text-align:center;">\u53EF\u9009\u503C</th><th style="text-align:center;">\u9ED8\u8BA4\u503C</th><th style="text-align:center;">\u662F\u5426\u5FC5\u586B</th></tr></thead><tbody><tr><td style="text-align:center;"><code>readonly</code></td><td style="text-align:center;">\u53EA\u8BFB</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;"><code>false</code></td><td style="text-align:center;">\u5426</td></tr><tr><td style="text-align:center;"><code>disabled</code></td><td style="text-align:center;">\u7981\u7528</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;"><code>false</code></td><td style="text-align:center;">\u5426</td></tr><tr><td style="text-align:center;"><code>editable</code></td><td style="text-align:center;">\u6587\u672C\u6846\u53EF\u8F93\u5165</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;"><code> true</code></td><td style="text-align:center;">\u5426</td></tr><tr><td style="text-align:center;"><code>clearable</code></td><td style="text-align:center;">\u662F\u5426\u663E\u793A\u6E05\u9664\u6309\u94AE</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;"><code>true</code></td><td style="text-align:center;">\u5426</td></tr><tr><td style="text-align:center;"><code>size</code></td><td style="text-align:center;">\u8F93\u5165\u6846\u5C3A\u5BF8</td><td style="text-align:center;">string</td><td style="text-align:center;">large/medium/small/mini</td><td style="text-align:center;"><code>large</code></td><td style="text-align:center;">\u5426</td></tr><tr><td style="text-align:center;"><code>placeholder</code></td><td style="text-align:center;">\u975E\u8303\u56F4\u9009\u62E9\u65F6\u7684\u5360\u4F4D\u5185\u5BB9</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;"><code>-</code></td><td style="text-align:center;">\u5426</td></tr><tr><td style="text-align:center;"><code>start-placeholder</code></td><td style="text-align:center;">\u8303\u56F4\u9009\u62E9\u65F6\u5F00\u59CB\u65E5\u671F\u7684\u5360\u4F4D\u5185\u5BB9</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;"><code>-</code></td><td style="text-align:center;">\u5426</td></tr><tr><td style="text-align:center;"><code>end-placeholder</code></td><td style="text-align:center;">\u8303\u56F4\u9009\u62E9\u65F6\u7ED3\u675F\u65E5\u671F\u7684\u5360\u4F4D\u5185\u5BB9</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;"><code>-</code></td><td style="text-align:center;">\u5426</td></tr><tr><td style="text-align:center;"><code>type</code></td><td style="text-align:center;">\u663E\u793A\u7C7B\u578B</td><td style="text-align:center;">string</td><td style="text-align:center;">year/month/date/datetime/ week/datetimerange/daterange</td><td style="text-align:center;"><code>date</code></td><td style="text-align:center;">\u5426</td></tr><tr><td style="text-align:center;"><code>format</code></td><td style="text-align:center;">\u663E\u793A\u5728\u8F93\u5165\u6846\u4E2D\u7684\u683C\u5F0F</td><td style="text-align:center;">string</td><td style="text-align:center;">see date formats</td><td style="text-align:center;"><code>YYYY-MM-DD HH:mm:ss</code></td><td style="text-align:center;">\u5426</td></tr></tbody></table><h3>\u4E8B\u4EF6</h3><table><thead><tr><th style="text-align:center;">\u4E8B\u4EF6\u540D</th><th style="text-align:center;">\u8BF4\u660E</th><th style="text-align:center;">\u53C2\u6570\u5217\u8868</th><th style="text-align:center;">\u53C2\u6570\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:center;"><code>click</code></td><td style="text-align:center;">\u70B9\u51FB\u4E8B\u4EF6</td><td style="text-align:center;">$event</td><td style="text-align:center;">\u539F\u751F\u7684 dom event</td></tr><tr><td style="text-align:center;"><code>customEvent</code></td><td style="text-align:center;">\u81EA\u5B9A\u4E49\u4E8B\u4EF6</td><td style="text-align:center;">[a, b, c]</td><td style="text-align:center;">a\uFF1A\u53C2\u6570\u4E00\uFF1Bb\uFF1A\u53C2\u6570\u4E8C\uFF1Bc\uFF1A\u53C2\u6570\u4E09</td></tr></tbody></table>',4),A={setup(a,{expose:r}){return r({frontmatter:{}}),(e,t)=>{const d=l("Preview");return g(),D("div",B,[C,V,s(d,{"comp-name":"DateTimePicker","demo-name":"demo"},{default:o(()=>[s(E)]),_:1}),q,s(d,{"comp-name":"DateTimePicker","demo-name":"demo2"},{default:o(()=>[s(w)]),_:1}),$,s(d,{"comp-name":"DateTimePicker","demo-name":"demo3"},{default:o(()=>[s(v)]),_:1}),I])}}};export{A as default};