@layers.digital/layers-design-system-vue3 1.22.0 → 1.22.2

package/dist/chunks/chunk-2702.js

@@ -0,0 +1,19 @@
+import { buildProps as r, definePropType as e } from "./chunk-1704.js";
+const p = r({
+  colors: {
+    type: e(Array),
+    required: !0
+  },
+  color: {
+    type: e(Object),
+    required: !0
+  },
+  enableAlpha: {
+    type: Boolean,
+    required: !0
+  },
+  disabled: Boolean
+});
+export {
+  p as predefineProps
+};

package/dist/chunks/chunk-2703.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./chunk-1717.cjs"),f=require("./chunk-1911.cjs"),i=require("./chunk-2362.cjs"),r=require("vue"),b=e=>{const{currentColor:c}=r.inject(f.colorPickerPanelContextKey),l=r.ref(n(e.colors,e.color));r.watch(()=>c.value,o=>{const a=new i({value:o,enableAlpha:e.enableAlpha});l.value.forEach(t=>{t.selected=a.compare(t)})}),r.watchEffect(()=>{l.value=n(e.colors,e.color)});function s(o){e.color.fromString(e.colors[o])}function n(o,a){return o.map(t=>{const u=new i({value:t,enableAlpha:e.enableAlpha});return u.selected=u.compare(a),u})}return{rgbaColors:l,handleSelect:s}},h=e=>{const c=d.useNamespace("color-predefine"),l=r.computed(()=>[c.b(),c.is("disabled",e.disabled)]),s=r.computed(()=>c.e("colors"));function n(o){return[c.e("color-selector"),c.is("alpha",o.get("alpha")<100),{selected:o.selected}]}return{rootKls:l,colorsKls:s,colorSelectorKls:n}};exports.usePredefine=b;exports.usePredefineDOM=h;

package/dist/chunks/chunk-2703.js

@@ -0,0 +1,52 @@
+import { useNamespace as i } from "./chunk-1717.js";
+import { colorPickerPanelContextKey as d } from "./chunk-1911.js";
+import u from "./chunk-2362.js";
+import { inject as m, ref as h, watch as b, watchEffect as C, computed as f } from "vue";
+const K = (e) => {
+  const { currentColor: r } = m(d), l = h(c(e.colors, e.color));
+  b(() => r.value, (o) => {
+    const a = new u({
+      value: o,
+      enableAlpha: e.enableAlpha
+    });
+    l.value.forEach((t) => {
+      t.selected = a.compare(t);
+    });
+  }), C(() => {
+    l.value = c(e.colors, e.color);
+  });
+  function n(o) {
+    e.color.fromString(e.colors[o]);
+  }
+  function c(o, a) {
+    return o.map((t) => {
+      const s = new u({
+        value: t,
+        enableAlpha: e.enableAlpha
+      });
+      return s.selected = s.compare(a), s;
+    });
+  }
+  return {
+    rgbaColors: l,
+    handleSelect: n
+  };
+}, P = (e) => {
+  const r = i("color-predefine"), l = f(() => [r.b(), r.is("disabled", e.disabled)]), n = f(() => r.e("colors"));
+  function c(o) {
+    return [
+      r.e("color-selector"),
+      r.is("alpha", o.get("alpha") < 100),
+      { selected: o.selected }
+    ];
+  }
+  return {
+    rootKls: l,
+    colorsKls: n,
+    colorSelectorKls: c
+  };
+};
+export {
+  K as usePredefine,
+  P as usePredefineDOM
+};

package/dist/chunks/chunk-2704.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunk-1704.cjs"),r=e.buildProps({color:{type:e.definePropType(Object),required:!0},disabled:Boolean});exports.svPanelProps=r;

package/dist/chunks/chunk-2704.js

@@ -0,0 +1,11 @@
+import { buildProps as e, definePropType as o } from "./chunk-1704.js";
+const p = e({
+  color: {
+    type: o(Object),
+    required: !0
+  },
+  disabled: Boolean
+});
+export {
+  p as svPanelProps
+};

package/dist/chunks/chunk-2705.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./chunk-1697.cjs"),k=require("./chunk-1731.cjs"),q=require("./chunk-2284.cjs"),M=require("./chunk-1712.cjs"),w=require("./chunk-1717.cjs"),y=require("./chunk-2774.cjs"),n=require("vue"),O=t=>{const h=n.getCurrentInstance(),l=n.ref(),i=n.ref(0),d=n.ref(0),v=n.ref("hsl(0, 100%, 50%)"),g=n.computed(()=>t.color.get("saturation")),u=n.computed(()=>t.color.get("value")),a=n.computed(()=>t.color.get("hue"));function m(o){t.disabled||(o.target!==l.value&&f(o),l.value?.focus({preventScroll:!0}))}function f(o){if(t.disabled)return;const e=h.vnode.el.getBoundingClientRect(),{clientX:C,clientY:r}=q.getClientXY(o);let c=C-e.left,s=r-e.top;c=Math.max(0,c),c=Math.min(c,e.width),s=Math.max(0,s),s=Math.min(s,e.height),d.value=c,i.value=s,t.color.set({saturation:c/e.width*100,value:100-s/e.height*100})}function E(o){if(t.disabled)return;const{shiftKey:e}=o,C=k.getEventCode(o),r=e?10:1;let c=!0;switch(C){case b.EVENT_CODE.left:S(-r);break;case b.EVENT_CODE.right:S(r);break;case b.EVENT_CODE.up:D(r);break;case b.EVENT_CODE.down:D(-r);break;default:c=!1;break}c&&o.preventDefault()}function S(o){let e=g.value+o;e=e<0?0:e>100?100:e,t.color.set("saturation",e)}function D(o){let e=u.value+o;e=e<0?0:e>100?100:e,t.color.set("value",e)}return{cursorRef:l,cursorTop:i,cursorLeft:d,background:v,saturation:g,brightness:u,hue:a,handleClick:m,handleDrag:f,handleKeydown:E}},N=(t,{cursorTop:h,cursorLeft:l,background:i,handleDrag:d})=>{const v=n.getCurrentInstance(),g=w.useNamespace("color-svpanel");function u(){const a=t.color.get("saturation"),m=t.color.get("value"),{clientWidth:f,clientHeight:E}=v.vnode.el;l.value=a*f/100,h.value=(100-m)*E/100,i.value=`hsl(${t.color.get("hue")}, 100%, 50%)`}return n.onMounted(()=>{y.draggable(v.vnode.el,{drag:a=>{d(a)},end:a=>{d(a)}}),u()}),n.watch([()=>t.color.get("hue"),()=>t.color.get("value"),()=>t.color.value],()=>u()),{rootKls:n.computed(()=>g.b()),cursorKls:n.computed(()=>g.e("cursor")),rootStyle:n.computed(()=>({backgroundColor:i.value})),cursorStyle:n.computed(()=>({top:M.addUnit(h.value),left:M.addUnit(l.value)})),update:u}};exports.useSvPanel=O;exports.useSvPanelDOM=N;

package/dist/chunks/chunk-2705.js

@@ -0,0 +1,98 @@
+import { EVENT_CODE as m } from "./chunk-1697.js";
+import { getEventCode as D } from "./chunk-1731.js";
+import { getClientXY as E } from "./chunk-2284.js";
+import { addUnit as x } from "./chunk-1712.js";
+import { useNamespace as K } from "./chunk-1717.js";
+import { draggable as P } from "./chunk-2774.js";
+import { getCurrentInstance as y, ref as b, computed as l, onMounted as B, watch as N } from "vue";
+const U = (e) => {
+  const f = y(), r = b(), s = b(0), d = b(0), g = b("hsl(0, 100%, 50%)"), h = l(() => e.color.get("saturation")), c = l(() => e.color.get("value")), a = l(() => e.color.get("hue"));
+  function k(o) {
+    e.disabled || (o.target !== r.value && v(o), r.value?.focus({ preventScroll: !0 }));
+  }
+  function v(o) {
+    if (e.disabled) return;
+    const t = f.vnode.el.getBoundingClientRect(), { clientX: C, clientY: u } = E(o);
+    let n = C - t.left, i = u - t.top;
+    n = Math.max(0, n), n = Math.min(n, t.width), i = Math.max(0, i), i = Math.min(i, t.height), d.value = n, s.value = i, e.color.set({
+      saturation: n / t.width * 100,
+      value: 100 - i / t.height * 100
+    });
+  }
+  function w(o) {
+    if (e.disabled) return;
+    const { shiftKey: t } = o, C = D(o), u = t ? 10 : 1;
+    let n = !0;
+    switch (C) {
+      case m.left:
+        M(-u);
+        break;
+      case m.right:
+        M(u);
+        break;
+      case m.up:
+        S(u);
+        break;
+      case m.down:
+        S(-u);
+        break;
+      default:
+        n = !1;
+        break;
+    }
+    n && o.preventDefault();
+  }
+  function M(o) {
+    let t = h.value + o;
+    t = t < 0 ? 0 : t > 100 ? 100 : t, e.color.set("saturation", t);
+  }
+  function S(o) {
+    let t = c.value + o;
+    t = t < 0 ? 0 : t > 100 ? 100 : t, e.color.set("value", t);
+  }
+  return {
+    cursorRef: r,
+    cursorTop: s,
+    cursorLeft: d,
+    background: g,
+    saturation: h,
+    brightness: c,
+    hue: a,
+    handleClick: k,
+    handleDrag: v,
+    handleKeydown: w
+  };
+}, V = (e, { cursorTop: f, cursorLeft: r, background: s, handleDrag: d }) => {
+  const g = y(), h = K("color-svpanel");
+  function c() {
+    const a = e.color.get("saturation"), k = e.color.get("value"), { clientWidth: v, clientHeight: w } = g.vnode.el;
+    r.value = a * v / 100, f.value = (100 - k) * w / 100, s.value = `hsl(${e.color.get("hue")}, 100%, 50%)`;
+  }
+  return B(() => {
+    P(g.vnode.el, {
+      drag: (a) => {
+        d(a);
+      },
+      end: (a) => {
+        d(a);
+      }
+    }), c();
+  }), N([
+    () => e.color.get("hue"),
+    () => e.color.get("value"),
+    () => e.color.value
+  ], () => c()), {
+    rootKls: l(() => h.b()),
+    cursorKls: l(() => h.e("cursor")),
+    rootStyle: l(() => ({ backgroundColor: s.value })),
+    cursorStyle: l(() => ({
+      top: x(f.value),
+      left: x(r.value)
+    })),
+    update: c
+  };
+};
+export {
+  U as useSvPanel,
+  V as useSvPanelDOM
+};

package/dist/chunks/chunk-2706.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunk-1704.cjs"),r=require("./chunk-2775.cjs"),t=e.buildProps({...r.panelSharedProps,parsedValue:{type:e.definePropType([Object,Array])},visible:{type:Boolean,default:!0},format:{type:String,default:""}});exports.panelDatePickProps=t;

package/dist/chunks/chunk-2706.js

@@ -0,0 +1,17 @@
+import { buildProps as e, definePropType as r } from "./chunk-1704.js";
+import { panelSharedProps as p } from "./chunk-2775.js";
+const a = e({
+  ...p,
+  parsedValue: { type: r([Object, Array]) },
+  visible: {
+    type: Boolean,
+    default: !0
+  },
+  format: {
+    type: String,
+    default: ""
+  }
+});
+export {
+  a as panelDatePickProps
+};

package/dist/chunks/chunk-2707.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./chunk-1721.cjs"),g=require("./chunk-1829.cjs"),f=require("./chunk-1658.cjs"),A=r=>{if(!h.isArray(r))return!1;const[s,i]=r;return f.isDayjs(s)&&f.isDayjs(i)&&f(s).isValid()&&f(i).isValid()&&s.isSameOrBefore(i)},j=(r,{lang:s,step:i=1,unit:e,unlinkPanels:o})=>{let t;if(h.isArray(r)){let[c,a]=r.map(S=>f(S).locale(s));return o||(a=c.add(i,e)),[c,a]}else r?t=f(r):t=f();return t=t.locale(s),[t,t.add(i,e)]},I=(r,s,{columnIndexOffset:i,startDate:e,nextEndDate:o,now:t,unit:c,relativeDateGetter:a,setCellMetadata:S,setRowMetadata:V})=>{for(let y=0;y<r.row;y++){const d=s[y];for(let m=0;m<r.column;m++){let n=d[m+i];n||(n={row:y,column:m,type:"normal",inRange:!1,start:!1,end:!1});const l=a(y*r.column+m);n.dayjs=l,n.date=l.toDate(),n.timestamp=l.valueOf(),n.type="normal",n.inRange=!!(e&&l.isSameOrAfter(e,c)&&o&&l.isSameOrBefore(o,c))||!!(e&&l.isSameOrBefore(e,c)&&o&&l.isSameOrAfter(o,c)),e?.isSameOrAfter(o)?(n.start=!!o&&l.isSame(o,c),n.end=e&&l.isSame(e,c)):(n.start=!!e&&l.isSame(e,c),n.end=!!o&&l.isSame(o,c)),l.isSame(t,c)&&(n.type="today"),S?.(n,{rowIndex:y,columnIndex:m}),d[m+i]=n}V?.(d)}},u=(r,s,i,e)=>{const o=f().locale(e).startOf("month").month(i).year(s).hour(r.hour()).minute(r.minute()).second(r.second());return g.rangeArr(o.daysInMonth()).map(t=>o.add(t,"day").toDate())},O=(r,s,i,e,o)=>{const t=f().year(s).month(i).startOf("month").hour(r.hour()).minute(r.minute()).second(r.second()),c=u(r,s,i,e).find(a=>!o?.(a));return c?f(c).locale(e):t.locale(e)},M=(r,s,i)=>{const e=r.year();if(!i?.(r.toDate()))return r.locale(s);const o=r.month();if(!u(r,e,o,s).every(i))return O(r,e,o,s,i);for(let t=0;t<12;t++)if(!u(r,e,t,s).every(i))return O(r,e,t,s,i);return r},p=(r,s,i,e)=>{if(h.isArray(r))return r.map(o=>p(o,s,i,e));if(h.isString(r)){const o=e?.value?f(r):f(r,s);if(!o.isValid())return o}return f(r,s).locale(i)};exports.buildPickerTable=I;exports.correctlyParseUserInput=p;exports.datesInMonth=u;exports.getDefaultValue=j;exports.getValidDateOfMonth=O;exports.getValidDateOfYear=M;exports.isValidRange=A;

package/dist/chunks/chunk-2707.js

@@ -0,0 +1,65 @@
+import { isArray as O, isString as A } from "./chunk-1721.js";
+import { rangeArr as V } from "./chunk-1829.js";
+import m from "./chunk-1658.js";
+const M = (r) => {
+  if (!O(r)) return !1;
+  const [s, i] = r;
+  return m.isDayjs(s) && m.isDayjs(i) && m(s).isValid() && m(i).isValid() && s.isSameOrBefore(i);
+}, R = (r, { lang: s, step: i = 1, unit: o, unlinkPanels: e }) => {
+  let c;
+  if (O(r)) {
+    let [t, y] = r.map((S) => m(S).locale(s));
+    return e || (y = t.add(i, o)), [t, y];
+  } else r ? c = m(r) : c = m();
+  return c = c.locale(s), [c, c.add(i, o)];
+}, P = (r, s, { columnIndexOffset: i, startDate: o, nextEndDate: e, now: c, unit: t, relativeDateGetter: y, setCellMetadata: S, setRowMetadata: u }) => {
+  for (let h = 0; h < r.row; h++) {
+    const p = s[h];
+    for (let l = 0; l < r.column; l++) {
+      let f = p[l + i];
+      f || (f = {
+        row: h,
+        column: l,
+        type: "normal",
+        inRange: !1,
+        start: !1,
+        end: !1
+      });
+      const n = y(h * r.column + l);
+      f.dayjs = n, f.date = n.toDate(), f.timestamp = n.valueOf(), f.type = "normal", f.inRange = !!(o && n.isSameOrAfter(o, t) && e && n.isSameOrBefore(e, t)) || !!(o && n.isSameOrBefore(o, t) && e && n.isSameOrAfter(e, t)), o?.isSameOrAfter(e) ? (f.start = !!e && n.isSame(e, t), f.end = o && n.isSame(o, t)) : (f.start = !!o && n.isSame(o, t), f.end = !!e && n.isSame(e, t)), n.isSame(c, t) && (f.type = "today"), S?.(f, {
+        rowIndex: h,
+        columnIndex: l
+      }), p[l + i] = f;
+    }
+    u?.(p);
+  }
+}, a = (r, s, i, o) => {
+  const e = m().locale(o).startOf("month").month(i).year(s).hour(r.hour()).minute(r.minute()).second(r.second());
+  return V(e.daysInMonth()).map((c) => e.add(c, "day").toDate());
+}, j = (r, s, i, o, e) => {
+  const c = m().year(s).month(i).startOf("month").hour(r.hour()).minute(r.minute()).second(r.second()), t = a(r, s, i, o).find((y) => !e?.(y));
+  return t ? m(t).locale(o) : c.locale(o);
+}, _ = (r, s, i) => {
+  const o = r.year();
+  if (!i?.(r.toDate())) return r.locale(s);
+  const e = r.month();
+  if (!a(r, o, e, s).every(i)) return j(r, o, e, s, i);
+  for (let c = 0; c < 12; c++) if (!a(r, o, c, s).every(i)) return j(r, o, c, s, i);
+  return r;
+}, d = (r, s, i, o) => {
+  if (O(r)) return r.map((e) => d(e, s, i, o));
+  if (A(r)) {
+    const e = o?.value ? m(r) : m(r, s);
+    if (!e.isValid()) return e;
+  }
+  return m(r, s).locale(i);
+};
+export {
+  P as buildPickerTable,
+  d as correctlyParseUserInput,
+  a as datesInMonth,
+  R as getDefaultValue,
+  j as getValidDateOfMonth,
+  _ as getValidDateOfYear,
+  M as isValidRange
+};

package/dist/chunks/chunk-2708.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./chunk-2776.cjs");var t=e;module.exports=t;

package/dist/chunks/chunk-2708.js

@@ -0,0 +1,5 @@
+import e from "./chunk-2776.js";
+var _ = e;
+export {
+  _ as default
+};

package/dist/chunks/chunk-2709.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./chunk-2777.cjs");var t=e;module.exports=t;

package/dist/chunks/chunk-2709.js

@@ -0,0 +1,5 @@
+import t from "./chunk-2777.js";
+var e = t;
+export {
+  e as default
+};

package/dist/chunks/chunk-2710.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./chunk-2778.cjs");var t=e;module.exports=t;

package/dist/chunks/chunk-2710.js

@@ -0,0 +1,5 @@
+import e from "./chunk-2778.js";
+var a = e;
+export {
+  a as default
+};

package/dist/chunks/chunk-2711.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-1704.cjs"),e=require("./chunk-2775.cjs"),a=r.buildProps({...e.panelSharedProps,...e.panelRangeSharedProps});exports.panelDateRangeProps=a;

package/dist/chunks/chunk-2711.js

@@ -0,0 +1,9 @@
+import { buildProps as r } from "./chunk-1704.js";
+import { panelRangeSharedProps as o, panelSharedProps as p } from "./chunk-2775.js";
+const n = r({
+  ...p,
+  ...o
+});
+export {
+  n as panelDateRangeProps
+};

package/dist/chunks/chunk-2712.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./chunk-1721.cjs"),w=require("./chunk-1714.cjs"),A=require("./chunk-1717.cjs"),K=require("./chunk-1930.cjs"),q=require("./chunk-2707.cjs"),B=require("./chunk-2779.cjs"),t=require("vue"),k=require("./chunk-1658.cjs"),J=require("./chunk-1744.cjs"),L=(u,{defaultValue:g,defaultTime:D,leftDate:h,rightDate:N,step:O,unit:R,sortDates:_})=>{const{emit:C}=t.getCurrentInstance(),{pickerNs:P}=t.inject(K.ROOT_PICKER_INJECTION_KEY),b=A.useNamespace("date-range-picker"),{t:y,lang:f}=w.useLocale(),E=B.useShortcut(f),a=t.ref(),i=t.ref(),c=t.ref({endDate:null,selecting:!1}),x=e=>{c.value=e},I=(e=!1)=>{const n=t.unref(a),s=t.unref(i);q.isValidRange([n,s])&&C("pick",[n,s],e)},T=e=>{c.value.selecting=e,e||(c.value.endDate=null)},d=e=>{if(S.isArray(e)&&e.length===2){const[n,s]=e;a.value=n,h.value=n,i.value=s,_(t.unref(a),t.unref(i))}else v()},v=()=>{let[e,n]=q.getDefaultValue(t.unref(g),{lang:t.unref(f),step:O,unit:R,unlinkPanels:u.unlinkPanels});const s=r=>r.diff(r.startOf("d"),"ms"),l=t.unref(D);if(l){let r=0,m=0;if(S.isArray(l)){const[o,j]=l.map(k);r=s(o),m=s(j)}else{const o=s(k(l));r=o,m=o}e=e.startOf("d").add(r,"ms"),n=n.startOf("d").add(m,"ms")}a.value=void 0,i.value=void 0,h.value=e,N.value=n};return t.watch(g,e=>{e&&v()},{immediate:!0}),t.watch(()=>u.parsedValue,e=>{(!e?.length||!J(e,[a.value,i.value]))&&d(e)},{immediate:!0}),t.watch(()=>u.visible,()=>{u.visible&&d(u.parsedValue)},{immediate:!0}),{minDate:a,maxDate:i,rangeState:c,lang:f,ppNs:P,drpNs:b,handleChangeRange:x,handleRangeConfirm:I,handleShortcutClick:E,onSelect:T,parseValue:d,t:y}};exports.useRangePicker=L;

package/dist/chunks/chunk-2712.js

@@ -0,0 +1,70 @@
+import { isArray as k } from "./chunk-1721.js";
+import { useLocale as q } from "./chunk-1714.js";
+import { useNamespace as w } from "./chunk-1717.js";
+import { ROOT_PICKER_INJECTION_KEY as A } from "./chunk-1930.js";
+import { getDefaultValue as J, isValidRange as L } from "./chunk-2707.js";
+import { useShortcut as Y } from "./chunk-2779.js";
+import { getCurrentInstance as z, inject as B, ref as g, watch as v, unref as a } from "vue";
+import D from "./chunk-1658.js";
+import F from "./chunk-1744.js";
+const $ = (o, { defaultValue: h, defaultTime: C, leftDate: p, rightDate: N, step: O, unit: R, sortDates: E }) => {
+  const { emit: _ } = z(), { pickerNs: I } = B(A), P = w("date-range-picker"), { t: b, lang: f } = q(), x = Y(f), i = g(), s = g(), l = g({
+    endDate: null,
+    selecting: !1
+  }), T = (e) => {
+    l.value = e;
+  }, j = (e = !1) => {
+    const t = a(i), n = a(s);
+    L([t, n]) && _("pick", [t, n], e);
+  }, y = (e) => {
+    l.value.selecting = e, e || (l.value.endDate = null);
+  }, u = (e) => {
+    if (k(e) && e.length === 2) {
+      const [t, n] = e;
+      i.value = t, p.value = t, s.value = n, E(a(i), a(s));
+    } else S();
+  }, S = () => {
+    let [e, t] = J(a(h), {
+      lang: a(f),
+      step: O,
+      unit: R,
+      unlinkPanels: o.unlinkPanels
+    });
+    const n = (r) => r.diff(r.startOf("d"), "ms"), m = a(C);
+    if (m) {
+      let r = 0, d = 0;
+      if (k(m)) {
+        const [c, K] = m.map(D);
+        r = n(c), d = n(K);
+      } else {
+        const c = n(D(m));
+        r = c, d = c;
+      }
+      e = e.startOf("d").add(r, "ms"), t = t.startOf("d").add(d, "ms");
+    }
+    i.value = void 0, s.value = void 0, p.value = e, N.value = t;
+  };
+  return v(h, (e) => {
+    e && S();
+  }, { immediate: !0 }), v(() => o.parsedValue, (e) => {
+    (!e?.length || !F(e, [i.value, s.value])) && u(e);
+  }, { immediate: !0 }), v(() => o.visible, () => {
+    o.visible && u(o.parsedValue);
+  }, { immediate: !0 }), {
+    minDate: i,
+    maxDate: s,
+    rangeState: l,
+    lang: f,
+    ppNs: I,
+    drpNs: P,
+    handleChangeRange: T,
+    handleRangeConfirm: j,
+    handleShortcutClick: x,
+    onSelect: y,
+    parseValue: u,
+    t: b
+  };
+};
+export {
+  $ as useRangePicker
+};

package/dist/chunks/chunk-2713.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./chunk-1714.cjs"),O=require("./chunk-1828.cjs"),R=require("./chunk-2707.cjs"),n=require("vue"),j=(f,V,c,o)=>{const i=n.ref("date"),h=n.ref(),l=n.ref("date"),d=n.ref(),{disabledDate:v}=n.inject(O.PICKER_BASE_INJECTION_KEY).props,{t:Y,lang:g}=E.useLocale(),y=n.computed(()=>c.value.year()),L=n.computed(()=>c.value.month()),P=n.computed(()=>o.value.year()),$=n.computed(()=>o.value.month());function w(e,r){const a=Y("el.datepicker.year");if(e.value==="year"){const t=Math.floor(r.value/10)*10;return a?`${t} ${a} - ${t+9} ${a}`:`${t} - ${t+9}`}return`${r.value} ${a}`}function m(e){e?.focus()}async function k(e,r){if(f.disabled)return;const a=e==="left"?i:l,t=e==="left"?h:d;a.value=r,await n.nextTick(),m(t.value)}async function s(e,r,a){if(f.disabled)return;const t=r==="left",u=t?c:o,M=t?o:c,p=t?i:l,q=t?h:d;e==="year"&&(u.value=R.getValidDateOfYear(u.value.year(a),g.value,v)),e==="month"&&(u.value=R.getValidDateOfMonth(u.value,u.value.year(),a,g.value,v)),f.unlinkPanels||(M.value=r==="left"?u.value.add(1,"month"):u.value.subtract(1,"month")),p.value=e==="year"?"month":"date",await n.nextTick(),m(q.value),b(e)}function b(e){V("panel-change",[c.value.toDate(),o.value.toDate()],e)}function C(e,r,a){const t=a?"add":"subtract";return e==="year"?r[t](10,"year"):r[t](1,"year")}return{leftCurrentView:i,rightCurrentView:l,leftCurrentViewRef:h,rightCurrentViewRef:d,leftYear:y,rightYear:P,leftMonth:L,rightMonth:$,leftYearLabel:n.computed(()=>w(i,y)),rightYearLabel:n.computed(()=>w(l,P)),showLeftPicker:e=>k("left",e),showRightPicker:e=>k("right",e),handleLeftYearPick:e=>s("year","left",e),handleRightYearPick:e=>s("year","right",e),handleLeftMonthPick:e=>s("month","left",e),handleRightMonthPick:e=>s("month","right",e),handlePanelChange:b,adjustDateByView:C}};exports.usePanelDateRange=j;

package/dist/chunks/chunk-2713.js

@@ -0,0 +1,58 @@
+import { useLocale as O } from "./chunk-1714.js";
+import { PICKER_BASE_INJECTION_KEY as _ } from "./chunk-1828.js";
+import { getValidDateOfYear as j, getValidDateOfMonth as x } from "./chunk-2707.js";
+import { ref as f, inject as B, computed as o, nextTick as R } from "vue";
+const J = (h, b, u, i) => {
+  const c = f("date"), d = f(), l = f("date"), v = f(), { disabledDate: m } = B(_).props, { t: L, lang: w } = O(), y = o(() => u.value.year()), $ = o(() => u.value.month()), P = o(() => i.value.year()), C = o(() => i.value.month());
+  function g(e, a) {
+    const n = L("el.datepicker.year");
+    if (e.value === "year") {
+      const t = Math.floor(a.value / 10) * 10;
+      return n ? `${t} ${n} - ${t + 9} ${n}` : `${t} - ${t + 9}`;
+    }
+    return `${a.value} ${n}`;
+  }
+  function k(e) {
+    e?.focus();
+  }
+  async function V(e, a) {
+    if (h.disabled) return;
+    const n = e === "left" ? c : l, t = e === "left" ? d : v;
+    n.value = a, await R(), k(t.value);
+  }
+  async function s(e, a, n) {
+    if (h.disabled) return;
+    const t = a === "left", r = t ? u : i, E = t ? i : u, p = t ? c : l, I = t ? d : v;
+    e === "year" && (r.value = j(r.value.year(n), w.value, m)), e === "month" && (r.value = x(r.value, r.value.year(), n, w.value, m)), h.unlinkPanels || (E.value = a === "left" ? r.value.add(1, "month") : r.value.subtract(1, "month")), p.value = e === "year" ? "month" : "date", await R(), k(I.value), Y(e);
+  }
+  function Y(e) {
+    b("panel-change", [u.value.toDate(), i.value.toDate()], e);
+  }
+  function M(e, a, n) {
+    const t = n ? "add" : "subtract";
+    return e === "year" ? a[t](10, "year") : a[t](1, "year");
+  }
+  return {
+    leftCurrentView: c,
+    rightCurrentView: l,
+    leftCurrentViewRef: d,
+    rightCurrentViewRef: v,
+    leftYear: y,
+    rightYear: P,
+    leftMonth: $,
+    rightMonth: C,
+    leftYearLabel: o(() => g(c, y)),
+    rightYearLabel: o(() => g(l, P)),
+    showLeftPicker: (e) => V("left", e),
+    showRightPicker: (e) => V("right", e),
+    handleLeftYearPick: (e) => s("year", "left", e),
+    handleRightYearPick: (e) => s("year", "right", e),
+    handleLeftMonthPick: (e) => s("month", "left", e),
+    handleRightMonthPick: (e) => s("month", "right", e),
+    handlePanelChange: Y,
+    adjustDateByView: M
+  };
+};
+export {
+  J as usePanelDateRange
+};

package/dist/chunks/chunk-2714.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunk-1704.cjs"),n=require("./chunk-2775.cjs"),t=e.buildProps({...n.panelRangeSharedProps}),o=["pick","set-picker-option","calendar-change"];exports.panelMonthRangeEmits=o;exports.panelMonthRangeProps=t;

package/dist/chunks/chunk-2714.js

@@ -0,0 +1,11 @@
+import { buildProps as o } from "./chunk-1704.js";
+import { panelRangeSharedProps as n } from "./chunk-2775.js";
+const r = o({ ...n }), a = [
+  "pick",
+  "set-picker-option",
+  "calendar-change"
+];
+export {
+  a as panelMonthRangeEmits,
+  r as panelMonthRangeProps
+};

package/dist/chunks/chunk-2715.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./chunk-1714.cjs"),a=require("vue"),c=({unlinkPanels:u,leftDate:e,rightDate:r})=>{const{t:v}=l.useLocale();return{leftPrevYear:()=>{e.value=e.value.subtract(1,"year"),u.value||(r.value=r.value.subtract(1,"year"))},rightNextYear:()=>{u.value||(e.value=e.value.add(1,"year")),r.value=r.value.add(1,"year")},leftNextYear:()=>{e.value=e.value.add(1,"year")},rightPrevYear:()=>{r.value=r.value.subtract(1,"year")},leftLabel:a.computed(()=>`${e.value.year()} ${v("el.datepicker.year")}`),rightLabel:a.computed(()=>`${r.value.year()} ${v("el.datepicker.year")}`),leftYear:a.computed(()=>e.value.year()),rightYear:a.computed(()=>r.value.year()===e.value.year()?e.value.year()+1:r.value.year())}};exports.useMonthRangeHeader=c;

package/dist/chunks/chunk-2715.js

@@ -0,0 +1,26 @@
+import { useLocale as l } from "./chunk-1714.js";
+import { computed as a } from "vue";
+const Y = ({ unlinkPanels: u, leftDate: e, rightDate: r }) => {
+  const { t: v } = l();
+  return {
+    leftPrevYear: () => {
+      e.value = e.value.subtract(1, "year"), u.value || (r.value = r.value.subtract(1, "year"));
+    },
+    rightNextYear: () => {
+      u.value || (e.value = e.value.add(1, "year")), r.value = r.value.add(1, "year");
+    },
+    leftNextYear: () => {
+      e.value = e.value.add(1, "year");
+    },
+    rightPrevYear: () => {
+      r.value = r.value.subtract(1, "year");
+    },
+    leftLabel: a(() => `${e.value.year()} ${v("el.datepicker.year")}`),
+    rightLabel: a(() => `${r.value.year()} ${v("el.datepicker.year")}`),
+    leftYear: a(() => e.value.year()),
+    rightYear: a(() => r.value.year() === e.value.year() ? e.value.year() + 1 : r.value.year())
+  };
+};
+export {
+  Y as useMonthRangeHeader
+};

package/dist/chunks/chunk-2716.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunk-1704.cjs"),a=require("./chunk-2775.cjs"),r=e.buildProps({...a.panelRangeSharedProps}),n=["pick","set-picker-option","calendar-change"];exports.panelYearRangeEmits=n;exports.panelYearRangeProps=r;

package/dist/chunks/chunk-2716.js

@@ -0,0 +1,11 @@
+import { buildProps as e } from "./chunk-1704.js";
+import { panelRangeSharedProps as r } from "./chunk-2775.js";
+const p = e({ ...r }), n = [
+  "pick",
+  "set-picker-option",
+  "calendar-change"
+];
+export {
+  n as panelYearRangeEmits,
+  p as panelYearRangeProps
+};

package/dist/chunks/chunk-2717.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),l=({unlinkPanels:t,leftDate:e,rightDate:r})=>({leftPrevYear:()=>{e.value=e.value.subtract(10,"year"),t.value||(r.value=r.value.subtract(10,"year"))},rightNextYear:()=>{t.value||(e.value=e.value.add(10,"year")),r.value=r.value.add(10,"year")},leftNextYear:()=>{e.value=e.value.add(10,"year")},rightPrevYear:()=>{r.value=r.value.subtract(10,"year")},leftLabel:u.computed(()=>{const a=Math.floor(e.value.year()/10)*10;return`${a}-${a+9}`}),rightLabel:u.computed(()=>{const a=Math.floor(r.value.year()/10)*10;return`${a}-${a+9}`}),leftYear:u.computed(()=>Math.floor(e.value.year()/10)*10+9),rightYear:u.computed(()=>Math.floor(r.value.year()/10)*10)});exports.useYearRangeHeader=l;

package/dist/chunks/chunk-2717.js

@@ -0,0 +1,28 @@
+import { computed as u } from "vue";
+const n = ({ unlinkPanels: l, leftDate: r, rightDate: e }) => ({
+  leftPrevYear: () => {
+    r.value = r.value.subtract(10, "year"), l.value || (e.value = e.value.subtract(10, "year"));
+  },
+  rightNextYear: () => {
+    l.value || (r.value = r.value.add(10, "year")), e.value = e.value.add(10, "year");
+  },
+  leftNextYear: () => {
+    r.value = r.value.add(10, "year");
+  },
+  rightPrevYear: () => {
+    e.value = e.value.subtract(10, "year");
+  },
+  leftLabel: u(() => {
+    const a = Math.floor(r.value.year() / 10) * 10;
+    return `${a}-${a + 9}`;
+  }),
+  rightLabel: u(() => {
+    const a = Math.floor(e.value.year() / 10) * 10;
+    return `${a}-${a + 9}`;
+  }),
+  leftYear: u(() => Math.floor(r.value.year() / 10) * 10 + 9),
+  rightYear: u(() => Math.floor(e.value.year() / 10) * 10)
+});
+export {
+  n as useYearRangeHeader
+};

package/dist/chunks/chunk-2718.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunk-1704.cjs"),r=e.buildProps({row:{type:e.definePropType(Array),default:()=>[]}});exports.descriptionsRowProps=r;

package/dist/chunks/chunk-2718.js

@@ -0,0 +1,8 @@
+import { buildProps as o, definePropType as r } from "./chunk-1704.js";
+const e = o({ row: {
+  type: r(Array),
+  default: () => []
+} });
+export {
+  e as descriptionsRowProps
+};

package/dist/chunks/chunk-2719.cjs

@@ -0,0 +1 @@
+"use strict";const h=require("./chunk-1712.cjs"),q=require("./chunk-1738.cjs"),S=require("./chunk-1717.cjs"),W=require("./chunk-2383.cjs"),s=require("vue"),C=require("./chunk-1819.cjs");var D=s.defineComponent({name:"ElDescriptionsCell",props:{cell:{type:Object},tag:{type:String,default:"td"},type:{type:String}},setup(){return{descriptions:s.inject(W.descriptionsKey,{})}},render(){const e=q.getNormalizedProps(this.cell),o=(this.cell?.dirs||[]).map(a=>{const{dir:l,arg:r,modifiers:N,value:f}=a;return[l,f,r,N]}),{border:b,direction:w}=this.descriptions,i=w==="vertical",u=()=>this.cell?.children?.label?.()||e.label,y=()=>this.cell?.children?.default?.(),n=e.span,c=e.rowspan,d=e.align?`is-${e.align}`:"",v=e.labelAlign?`is-${e.labelAlign}`:d,g=e.className,m=e.labelClassName,p={width:h.addUnit(this.type==="label"?e.labelWidth??this.descriptions.labelWidth??e.width:e.width),minWidth:h.addUnit(e.minWidth)},t=S.useNamespace("descriptions");switch(this.type){case"label":return s.withDirectives(s.h(this.tag,{style:p,class:[t.e("cell"),t.e("label"),t.is("bordered-label",b),t.is("vertical-label",i),v,m],colSpan:i?n:1,rowspan:i?1:c},u()),o);case"content":return s.withDirectives(s.h(this.tag,{style:p,class:[t.e("cell"),t.e("content"),t.is("bordered-content",b),t.is("vertical-content",i),d,g],colSpan:i?n:n*2-1,rowspan:i?c*2-1:c},y()),o);default:{const a=u(),l={},r=h.addUnit(e.labelWidth??this.descriptions.labelWidth);return r&&(l.width=r,l.display="inline-block"),s.withDirectives(s.h("td",{style:p,class:[t.e("cell"),d],colSpan:n,rowspan:c},[C(a)?void 0:s.h("span",{style:l,class:[t.e("label"),m]},a),s.h("span",{class:[t.e("content"),g]},y())]),o)}}}});module.exports=D;