@robot-admin/naive-ui-components 0.16.0 → 0.17.1

package/dist/C_FullCalendar2.js

@@ -1 +1 @@
-import{t as e}from"./feedback.js";import{t}from"./export-helper.js";import{Fragment as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,isRef as u,normalizeStyle as d,openBlock as f,ref as p,renderList as m,shallowRef as h,unref as g,watch as _,withCtx as v}from"vue";import{NButton as y,NDatePicker as b,NInput as x,NModal as S}from"naive-ui";import C from"@fullcalendar/vue3";import w from"@fullcalendar/daygrid";import T from"@fullcalendar/interaction";import E from"@fullcalendar/list";import D from"@fullcalendar/core/locales/zh-cn";const O=[`#3f86ff`,`#ff6b6b`,`#67c23a`,`#e6a23c`,`#9c27b0`,`#00bcd4`,`#ff5722`],k={id:``,title:``,date:Date.now(),startTime:`09:00`,endTime:`10:00`,color:`#3f86ff`},A={left:`prev,next today`,center:`title`,right:`dayGridMonth,dayGridWeek,dayGridDay,listWeek`},j={today:`今天`,month:`月`,week:`周`,day:`日`,list:`列表`},M=/^([01]\d|2[0-3]):([0-5]\d)$/;function N(e,t,n){if(e===null||!Number.isFinite(e))return null;let r=M.exec(t),i=M.exec(n);if(!r||!i)return null;let a=Number(r[1])*60+Number(r[2]),o=Number(i[1])*60+Number(i[2]);if(o<=a)return null;let s=new Date(e);if(Number.isNaN(s.getTime()))return null;let c=e=>new Date(s.getFullYear(),s.getMonth(),s.getDate(),Math.floor(e/60),e%60),l=c(a),u=c(o);return l.getHours()*60+l.getMinutes()!==a||u.getHours()*60+u.getMinutes()!==o?null:{start:l,end:u}}let P=0;const F=()=>globalThis.crypto?.randomUUID?.()??`calendar-${Date.now()}-${++P}`;function I(t,n){let r=e(),i=p(null),a=p([...t.events??[]]),o=p(!1),s=p(!1),c=p(!1),l=h(null),u=p({...k}),d=e=>{a.value=[...a.value,e],n(`update:events`,a.value)},f=e=>{let t=a.value.findIndex(t=>t.id===e.id);t!==-1&&(a.value=a.value.map((n,r)=>r===t?{...n,...e}:n),n(`update:events`,a.value))},m=e=>{a.value=a.value.filter(t=>t.id!==e),n(`update:events`,a.value)};function g(e){t.editable&&(e.jsEvent.preventDefault(),l.value=e.event,t.showEditDialog&&(o.value=!0))}function v(e){!t.editable||!t.showAddDialog||x(e.date)}function y(e){let t={id:e.event.id,start:e.event.start??void 0,end:e.event.end??void 0};f(t),n(`event-dropped`,t),r.success(`事件 "${e.event.title}" 时间已更新`)}function b(e){let t={id:e.event.id,start:e.event.start??void 0,end:e.event.end??void 0};f(t),n(`event-updated`,t)}function x(e){c.value=!1,u.value={...k,date:e.getTime(),color:O[Math.floor(Math.random()*O.length)]},s.value=!0}function S(){let e=l.value;if(!e?.start)return;let{start:t}=e;c.value=!0;let n=new Date(t),r=e.end&&!e.allDay?new Date(e.end):new Date(t.getTime()+36e5);u.value={id:e.id,title:e.title,date:n.getTime(),startTime:`${String(n.getHours()).padStart(2,`0`)}:${String(n.getMinutes()).padStart(2,`0`)}`,endTime:`${String(r.getHours()).padStart(2,`0`)}:${String(r.getMinutes()).padStart(2,`0`)}`,color:e.backgroundColor||`#3f86ff`},o.value=!1,s.value=!0}function C(){if(!u.value.title.trim())return r.error(`请输入事件标题`),!1;let e=N(u.value.date,u.value.startTime,u.value.endTime);if(!e)return r.error(`请选择有效日期和时间，且结束时间须晚于开始时间`),!1;if(c.value&&!a.value.some(e=>e.id===u.value.id))return r.error(`事件已不存在，请刷新后重试`),!1;let t={id:c.value?u.value.id:F(),title:u.value.title.trim(),...e,color:u.value.color};return c.value?(f(t),n(`event-updated`,t),r.success(`事件已更新`)):(d(t),n(`event-added`,t),r.success(`事件已添加`)),s.value=!1,!0}function M(){if(!l.value)return;let{id:e,title:t}=l.value;if(!a.value.some(t=>t.id===e)){o.value=!1;return}m(e),n(`event-deleted`,{id:e,title:t}),o.value=!1,r.success(`已删除事件: ${t}`)}let P=h({plugins:[w,T,E],locale:D,initialView:t.initialView??`dayGridMonth`,events:a.value,headerToolbar:A,buttonText:j,editable:t.editable??!0,eventClick:g,dateClick:v,eventDrop:y,eventResize:b});return _(()=>t.events,e=>{a.value=[...e??[]]},{deep:!0}),_(a,e=>{P.value={...P.value,events:e}},{deep:!0}),_(()=>t.editable,e=>{P.value={...P.value,editable:e??!0}}),_(()=>t.initialView,e=>{e&&i.value?.getApi().changeView(e)}),{calendarRef:i,calendarOptions:P,showActionDialog:o,showEditModal:s,isEditing:c,selectedEvent:l,editForm:u,eventColors:O,openEditModal:S,saveEvent:C,deleteEvent:M,expose:{getApi:()=>i.value?.getApi(),addEvent:d,updateEvent:f,deleteEvent:m,getEvents:()=>a.value.map(e=>({...e,start:e.start instanceof Date?new Date(e.start):e.start,end:e.end instanceof Date?new Date(e.end):e.end}))}}}const L={class:`c-full-calendar`},R={class:`ml-10% mt-20px`},z={style:{padding:`20px`}},B={style:{"margin-bottom":`16px`}},V={style:{"margin-bottom":`16px`}},H={style:{display:`grid`,"grid-template-columns":`1fr 1fr`,gap:`16px`}},U={style:{"margin-top":`16px`}},W={style:{display:`flex`,gap:`8px`}},G=[`aria-label`,`aria-pressed`,`onClick`];var K=t(l({name:`C_FullCalendar`,__name:`index`,props:{events:{default:()=>[]},initialView:{default:`dayGridMonth`},editable:{type:Boolean,default:!0},showAddDialog:{type:Boolean,default:!0},showEditDialog:{type:Boolean,default:!0}},emits:[`update:events`,`event-added`,`event-updated`,`event-deleted`,`event-dropped`],setup(e,{expose:t,emit:l}){let{calendarRef:p,calendarOptions:h,showActionDialog:_,showEditModal:w,isEditing:T,selectedEvent:E,editForm:D,eventColors:O,openEditModal:k,saveEvent:A,deleteEvent:j,expose:M}=I(e,l);return t(M),(e,t)=>(f(),a(`div`,L,[c(g(C),{ref_key:`calendarRef`,ref:p,options:g(h)},null,8,[`options`]),g(_)?(f(),r(g(S),{key:0,show:g(_),"onUpdate:show":t[0]||=e=>u(_)?_.value=e:null,preset:`dialog`,title:`事件操作 - ${g(E)?.title}`,style:{width:`400px`}},{default:v(()=>[o(`div`,R,[c(g(y),{type:`primary`,onClick:g(k),style:{"margin-right":`12px`},size:`small`},{default:v(()=>[...t[6]||=[s(` 编辑 `,-1)]]),_:1},8,[`onClick`]),c(g(y),{type:`error`,onClick:g(j),size:`small`},{default:v(()=>[...t[7]||=[s(` 删除 `,-1)]]),_:1},8,[`onClick`])])]),_:1},8,[`show`,`title`])):i(`v-if`,!0),c(g(S),{show:g(w),"onUpdate:show":t[5]||=e=>u(w)?w.value=e:null,preset:`dialog`,title:g(T)?`编辑事件`:`添加事件`,"positive-text":`保存`,"negative-text":`取消`,onPositiveClick:g(A)},{default:v(()=>[o(`div`,z,[o(`div`,B,[t[8]||=o(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`事件标题`,-1),c(g(x),{value:g(D).title,"onUpdate:value":t[1]||=e=>g(D).title=e,placeholder:`请输入事件标题`,"aria-label":`事件标题`},null,8,[`value`])]),o(`div`,V,[t[9]||=o(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`事件日期`,-1),c(g(b),{value:g(D).date,"onUpdate:value":t[2]||=e=>g(D).date=e,type:`date`,format:`yyyy-MM-dd`,style:{width:`100%`},"aria-label":`事件日期`},null,8,[`value`])]),o(`div`,H,[o(`div`,null,[t[10]||=o(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`开始时间`,-1),c(g(x),{value:g(D).startTime,"onUpdate:value":t[3]||=e=>g(D).startTime=e,placeholder:`09:00`,"aria-label":`开始时间（24 小时制）`},null,8,[`value`])]),o(`div`,null,[t[11]||=o(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`结束时间`,-1),c(g(x),{value:g(D).endTime,"onUpdate:value":t[4]||=e=>g(D).endTime=e,placeholder:`10:00`,"aria-label":`结束时间（24 小时制）`},null,8,[`value`])])]),o(`div`,U,[t[12]||=o(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`事件颜色`,-1),o(`div`,W,[(f(!0),a(n,null,m(g(O),e=>(f(),a(`button`,{key:e,type:`button`,class:`event-color-swatch`,"aria-label":`事件颜色 ${e}`,"aria-pressed":g(D).color===e,style:d({width:`30px`,height:`30px`,backgroundColor:e,borderRadius:`50%`,border:g(D).color===e?`3px solid #000`:`2px solid #ddd`}),onClick:t=>g(D).color=e},null,12,G))),128))])])])]),_:1},8,[`show`,`title`,`onPositiveClick`])]))}}),[[`__scopeId`,`data-v-01d32289`]]);export{O as a,k as i,I as n,A as o,j as r,K as t};
+import{t as e}from"./feedback.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,isRef as d,normalizeStyle as f,openBlock as p,ref as m,renderList as h,shallowRef as g,unref as _,watch as v,withCtx as y}from"vue";import{NButton as b,NDatePicker as x,NInput as S,NModal as C}from"naive-ui";import w from"@fullcalendar/vue3";import T from"@fullcalendar/daygrid";import E from"@fullcalendar/interaction";import D from"@fullcalendar/list";import O from"@fullcalendar/core/locales/zh-cn";const k=[`#3f86ff`,`#ff6b6b`,`#67c23a`,`#e6a23c`,`#9c27b0`,`#00bcd4`,`#ff5722`],A={id:``,title:``,date:Date.now(),startTime:`09:00`,endTime:`10:00`,color:`#3f86ff`},j={left:`prev,next today`,center:`title`,right:`dayGridMonth,dayGridWeek,dayGridDay,listWeek`},M={today:`今天`,month:`月`,week:`周`,day:`日`,list:`列表`},N=/^([01]\d|2[0-3]):([0-5]\d)$/;function P(e,t,n){if(e===null||!Number.isFinite(e))return null;let r=N.exec(t),i=N.exec(n);if(!r||!i)return null;let a=Number(r[1])*60+Number(r[2]),o=Number(i[1])*60+Number(i[2]);if(o<=a)return null;let s=new Date(e);if(Number.isNaN(s.getTime()))return null;let c=e=>new Date(s.getFullYear(),s.getMonth(),s.getDate(),Math.floor(e/60),e%60),l=c(a),u=c(o);return l.getHours()*60+l.getMinutes()!==a||u.getHours()*60+u.getMinutes()!==o?null:{start:l,end:u}}let F=0;const I=()=>globalThis.crypto?.randomUUID?.()??`calendar-${Date.now()}-${++F}`;function L(t,n){let i=e(),a=m(null),o=m([...t.events??[]]),s=m(!1),c=m(!1),l=m(!1),u=g(null),d=m({...A}),f=e=>{o.value=[...o.value,e],n(`update:events`,o.value)},p=e=>{let t=o.value.findIndex(t=>t.id===e.id);t!==-1&&(o.value=o.value.map((n,r)=>r===t?{...n,...e}:n),n(`update:events`,o.value))},h=e=>{o.value=o.value.filter(t=>t.id!==e),n(`update:events`,o.value)};function _(e){t.editable&&(e.jsEvent.preventDefault(),u.value=e.event,t.showEditDialog&&(s.value=!0))}function y(e){!t.editable||!t.showAddDialog||S(e.date)}function b(e){let t={id:e.event.id,start:e.event.start??void 0,end:e.event.end??void 0};p(t),n(`event-dropped`,t),i.success(`事件 "${e.event.title}" 时间已更新`)}function x(e){let t={id:e.event.id,start:e.event.start??void 0,end:e.event.end??void 0};p(t),n(`event-updated`,t)}function S(e){l.value=!1,d.value={...A,date:e.getTime(),color:k[Math.floor(Math.random()*k.length)]},c.value=!0}function C(){let e=u.value;if(!e?.start)return;let{start:t}=e;l.value=!0;let n=new Date(t),r=e.end&&!e.allDay?new Date(e.end):new Date(t.getTime()+36e5);d.value={id:e.id,title:e.title,date:n.getTime(),startTime:`${String(n.getHours()).padStart(2,`0`)}:${String(n.getMinutes()).padStart(2,`0`)}`,endTime:`${String(r.getHours()).padStart(2,`0`)}:${String(r.getMinutes()).padStart(2,`0`)}`,color:e.backgroundColor||`#3f86ff`},s.value=!1,c.value=!0}function w(){if(!d.value.title.trim())return i.error(`请输入事件标题`),!1;let e=P(d.value.date,d.value.startTime,d.value.endTime);if(!e)return i.error(`请选择有效日期和时间，且结束时间须晚于开始时间`),!1;if(l.value&&!o.value.some(e=>e.id===d.value.id))return i.error(`事件已不存在，请刷新后重试`),!1;let t={id:l.value?d.value.id:I(),title:d.value.title.trim(),...e,color:d.value.color};return l.value?(p(t),n(`event-updated`,t),i.success(`事件已更新`)):(f(t),n(`event-added`,t),i.success(`事件已添加`)),c.value=!1,!0}function N(){if(!u.value)return;let{id:e,title:t}=u.value;if(!o.value.some(t=>t.id===e)){s.value=!1;return}h(e),n(`event-deleted`,{id:e,title:t}),s.value=!1,i.success(`已删除事件: ${t}`)}let F=r(()=>({locale:O,headerToolbar:j,buttonText:M,eventClick:_,dateClick:y,eventDrop:b,eventResize:x,...t.config,plugins:[T,E,D],initialView:t.initialView??`dayGridMonth`,events:o.value,eventSources:void 0,editable:t.editable??!0}));return v(()=>t.events,e=>{o.value=[...e??[]]},{deep:!0}),v(()=>t.initialView,e=>{e&&a.value?.getApi().changeView(e)}),{calendarRef:a,calendarOptions:F,showActionDialog:s,showEditModal:c,isEditing:l,selectedEvent:u,editForm:d,eventColors:k,openEditModal:C,saveEvent:w,deleteEvent:N,expose:{getApi:()=>a.value?.getApi(),addEvent:f,updateEvent:p,deleteEvent:h,getEvents:()=>o.value.map(e=>({...e,start:e.start instanceof Date?new Date(e.start):e.start,end:e.end instanceof Date?new Date(e.end):e.end}))}}}const R={class:`c-full-calendar`},z={class:`ml-10% mt-20px`},B={style:{padding:`20px`}},V={style:{"margin-bottom":`16px`}},H={style:{"margin-bottom":`16px`}},U={style:{display:`grid`,"grid-template-columns":`1fr 1fr`,gap:`16px`}},W={style:{"margin-top":`16px`}},G={style:{display:`flex`,gap:`8px`}},K=[`aria-label`,`aria-pressed`,`onClick`];var q=t(u({name:`C_FullCalendar`,__name:`index`,props:{config:{},events:{default:()=>[]},initialView:{default:`dayGridMonth`},editable:{type:Boolean,default:!0},showAddDialog:{type:Boolean,default:!0},showEditDialog:{type:Boolean,default:!0}},emits:[`update:events`,`event-added`,`event-updated`,`event-deleted`,`event-dropped`],setup(e,{expose:t,emit:r}){let{calendarRef:u,calendarOptions:m,showActionDialog:g,showEditModal:v,isEditing:T,selectedEvent:E,editForm:D,eventColors:O,openEditModal:k,saveEvent:A,deleteEvent:j,expose:M}=L(e,r);return t(M),(e,t)=>(p(),o(`div`,R,[l(_(w),{ref_key:`calendarRef`,ref:u,options:_(m)},null,8,[`options`]),_(g)?(p(),i(_(C),{key:0,show:_(g),"onUpdate:show":t[0]||=e=>d(g)?g.value=e:null,preset:`dialog`,title:`事件操作 - ${_(E)?.title}`,style:{width:`400px`}},{default:y(()=>[s(`div`,z,[l(_(b),{type:`primary`,onClick:_(k),style:{"margin-right":`12px`},size:`small`},{default:y(()=>[...t[6]||=[c(` 编辑 `,-1)]]),_:1},8,[`onClick`]),l(_(b),{type:`error`,onClick:_(j),size:`small`},{default:y(()=>[...t[7]||=[c(` 删除 `,-1)]]),_:1},8,[`onClick`])])]),_:1},8,[`show`,`title`])):a(`v-if`,!0),l(_(C),{show:_(v),"onUpdate:show":t[5]||=e=>d(v)?v.value=e:null,preset:`dialog`,title:_(T)?`编辑事件`:`添加事件`,"positive-text":`保存`,"negative-text":`取消`,onPositiveClick:_(A)},{default:y(()=>[s(`div`,B,[s(`div`,V,[t[8]||=s(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`事件标题`,-1),l(_(S),{value:_(D).title,"onUpdate:value":t[1]||=e=>_(D).title=e,placeholder:`请输入事件标题`,"aria-label":`事件标题`},null,8,[`value`])]),s(`div`,H,[t[9]||=s(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`事件日期`,-1),l(_(x),{value:_(D).date,"onUpdate:value":t[2]||=e=>_(D).date=e,type:`date`,format:`yyyy-MM-dd`,style:{width:`100%`},"aria-label":`事件日期`},null,8,[`value`])]),s(`div`,U,[s(`div`,null,[t[10]||=s(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`开始时间`,-1),l(_(S),{value:_(D).startTime,"onUpdate:value":t[3]||=e=>_(D).startTime=e,placeholder:`09:00`,"aria-label":`开始时间（24 小时制）`},null,8,[`value`])]),s(`div`,null,[t[11]||=s(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`结束时间`,-1),l(_(S),{value:_(D).endTime,"onUpdate:value":t[4]||=e=>_(D).endTime=e,placeholder:`10:00`,"aria-label":`结束时间（24 小时制）`},null,8,[`value`])])]),s(`div`,W,[t[12]||=s(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`事件颜色`,-1),s(`div`,G,[(p(!0),o(n,null,h(_(O),e=>(p(),o(`button`,{key:e,type:`button`,class:`event-color-swatch`,"aria-label":`事件颜色 ${e}`,"aria-pressed":_(D).color===e,style:f({width:`30px`,height:`30px`,backgroundColor:e,borderRadius:`50%`,border:_(D).color===e?`3px solid #000`:`2px solid #ddd`}),onClick:t=>_(D).color=e},null,12,K))),128))])])])]),_:1},8,[`show`,`title`,`onPositiveClick`])]))}}),[[`__scopeId`,`data-v-01d32289`]]);export{k as a,A as i,L as n,j as o,M as r,q as t};