@farris/ui-vue 1.3.1 → 1.3.3

package/components/calendar/index.esm.js

@@ -1,31 +1,35 @@
-import { defineComponent as B, ref as M, watch as I, computed as O, createVNode as l, onMounted as J, inject as se } from "vue";
-import { isPlainObject as Z, cloneDeep as le } from "lodash-es";
+import { defineComponent as F, ref as V, watch as $, computed as W, createVNode as c, onMounted as J, inject as se } from "vue";
+import { isPlainObject as Z, cloneDeep as ce } from "lodash-es";
 const K = {}, ee = {};
 function U(e) {
-  const { properties: t, title: i, ignore: m } = e, y = m && Array.isArray(m), d = Object.keys(t).reduce((o, s) => ((!y || !m.find((k) => k == s)) && (o[s] = t[s].type === "object" && t[s].properties ? U(t[s]) : le(t[s].default)), o), {});
-  return i && (!y || !m.find((o) => o == "id")) && (d.id = `${i}-${Date.now()}`), d;
+  const { properties: t, title: l, ignore: m } = e, y = m && Array.isArray(m), u = Object.keys(t).reduce((o, s) => ((!y || !m.find((k) => k === s)) && (o[s] = t[s].type === "object" && t[s].properties ? U(t[s]) : ce(t[s].default)), o), {});
+  if (l && (!y || !m.find((o) => o === "id"))) {
+    const o = l.toLowerCase().replace(/-/g, "_");
+    u.id = `${o}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return u;
 }
-function ne(e, t = {}, i) {
+function ne(e, t = {}, l) {
   const m = K[e];
   if (m) {
     let y = U(m);
-    const d = ee[e];
-    return y = d ? d({ getSchemaByType: ne }, y, t, i) : y, y;
+    const u = ee[e];
+    return y = u ? u({ getSchemaByType: ne }, y, t, l) : y, y;
   }
   return null;
 }
-function ce(e, t) {
-  const i = U(t);
-  return Object.keys(e).reduce((m, y) => (m[y] && Z(m[y]) && Z(e[y]) ? Object.assign(m[y], e[y]) : m[y] = e[y], m), i), i;
+function le(e, t) {
+  const l = U(t);
+  return Object.keys(l).reduce((m, y) => (m[y] && Z(m[y]) && Z(e[y] || !e[y]) ? Object.assign(m[y], e[y] || {}) : m[y] = e[y], m), l), l;
 }
 function ue(e, t) {
   return Object.keys(e).filter((m) => e[m] != null).reduce((m, y) => {
     if (t.has(y)) {
-      const d = t.get(y);
-      if (typeof d == "string")
-        m[d] = e[y];
+      const u = t.get(y);
+      if (typeof u == "string")
+        m[u] = e[y];
       else {
-        const o = d(y, e[y], e);
+        const o = u(y, e[y], e);
         Object.assign(m, o);
       }
     } else
@@ -33,31 +37,31 @@ function ue(e, t) {
     return m;
   }, {});
 }
-function ie(e, t, i = /* @__PURE__ */ new Map()) {
-  const m = ce(e, t);
-  return ue(m, i);
+function ie(e, t, l = /* @__PURE__ */ new Map()) {
+  const m = le(e, t);
+  return ue(m, l);
 }
 function de(e = {}) {
   function t(n, p, g, b) {
     if (typeof g == "number")
       return b[n].length === g;
     if (typeof g == "object") {
-      const c = Object.keys(g)[0], f = g[c];
-      if (c === "not")
+      const i = Object.keys(g)[0], f = g[i];
+      if (i === "not")
         return Number(b[n].length) !== Number(f);
-      if (c === "moreThan")
+      if (i === "moreThan")
         return Number(b[n].length) >= Number(f);
-      if (c === "lessThan")
+      if (i === "lessThan")
         return Number(b[n].length) <= Number(f);
     }
     return !1;
   }
-  function i(n, p, g, b) {
+  function l(n, p, g, b) {
     return b[n] && b[n].propertyValue && String(b[n].propertyValue.value) === String(g);
   }
   const m = /* @__PURE__ */ new Map([
     ["length", t],
-    ["getProperty", i]
+    ["getProperty", l]
   ]);
   Object.keys(e).reduce((n, p) => (n.set(p, e[p]), n), m);
   function y(n, p) {
@@ -65,14 +69,14 @@ function de(e = {}) {
     return typeof p == "number" ? [{ target: g, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: g, operator: "getProperty", param: n, value: !!p }] : typeof p == "object" ? Object.keys(p).map((b) => {
       if (b === "length")
         return { target: g, operator: "length", param: null, value: p[b] };
-      const c = b, f = p[b];
-      return { target: g, operator: "getProperty", param: c, value: f };
+      const i = b, f = p[b];
+      return { target: g, operator: "getProperty", param: i, value: f };
     }) : [];
   }
-  function d(n) {
+  function u(n) {
     return Object.keys(n).reduce((g, b) => {
-      const c = y(b, n[b]);
-      return g.push(...c), g;
+      const i = y(b, n[b]);
+      return g.push(...i), g;
     }, []);
   }
   function o(n, p) {
@@ -83,19 +87,19 @@ function de(e = {}) {
     return !1;
   }
   function s(n, p) {
-    return d(n).reduce((c, f) => c && o(f, p), !0);
+    return u(n).reduce((i, f) => i && o(f, p), !0);
   }
   function k(n, p) {
-    const g = Object.keys(n), b = g.includes("allOf"), c = g.includes("anyOf"), f = b || c, u = (f ? n[f ? b ? "allOf" : "anyOf" : "allOf"] : [n]).map((r) => s(r, p));
-    return b ? !u.includes(!1) : u.includes(!0);
+    const g = Object.keys(n), b = g.includes("allOf"), i = g.includes("anyOf"), f = b || i, d = (f ? n[f ? b ? "allOf" : "anyOf" : "allOf"] : [n]).map((r) => s(r, p));
+    return b ? !d.includes(!1) : d.includes(!0);
   }
   return { parseValueSchema: k };
 }
 const ye = {}, ve = {};
 de();
-function fe(e, t, i = /* @__PURE__ */ new Map(), m = (o, s, k) => s, y = {}, d = (o) => o) {
-  return K[t.title] = t, ee[t.title] = m, ye[t.title] = y, ve[t.title] = d, (o = {}) => {
-    const s = ie(o, t, i), k = Object.keys(e).reduce((n, p) => (n[p] = e[p].default, n), {});
+function fe(e, t, l = /* @__PURE__ */ new Map(), m = (o, s, k, n) => s, y = {}, u = (o) => o) {
+  return K[t.title] = t, ee[t.title] = m, ye[t.title] = y, ve[t.title] = u, (o = {}) => {
+    const s = ie(o, t, l), k = Object.keys(e).reduce((n, p) => (n[p] = e[p].default, n), {});
     return Object.assign(k, s);
   };
 }
@@ -105,7 +109,7 @@ function he(e, t) {
 const me = /* @__PURE__ */ new Map([
   ["appearance", he]
 ]);
-function pe(e, t, i) {
+function pe(e, t, l) {
   return t;
 }
 const we = "https://json-schema.org/draft/2020-12/schema", ge = "https://farris-design.gitee.io/calendar.schema.json", ke = "calendar", De = "A Farris Input Component", be = "object", Me = {
@@ -142,7 +146,7 @@ const we = "https://json-schema.org/draft/2020-12/schema", ge = "https://farris-
   type: be,
   properties: Me,
   required: Te
-}, Ce = "calendar", Pe = "A Farris Component", Ne = "object", Oe = {
+}, Pe = "calendar", Ne = "A Farris Component", Oe = "object", We = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -164,16 +168,16 @@ const we = "https://json-schema.org/draft/2020-12/schema", ge = "https://farris-
       }
     }
   }
-}, We = {
-  title: Ce,
-  description: Pe,
-  type: Ne,
-  categories: Oe
+}, Ce = {
+  title: Pe,
+  description: Ne,
+  type: Oe,
+  categories: We
 }, Q = {
   events: { Type: Array, default: [] },
   firstDayOfTheWeek: { type: String, default: "Sun." }
-}, te = fe(Q, Ve, me, pe, We), F = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-var S = /* @__PURE__ */ ((e) => (e[e.previous = 1] = "previous", e[e.current = 2] = "current", e[e.next = 3] = "next", e))(S || {});
+}, te = fe(Q, Ve, me, pe, Ce), I = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+var A = /* @__PURE__ */ ((e) => (e[e.previous = 1] = "previous", e[e.current = 2] = "current", e[e.next = 3] = "next", e))(A || {});
 function z() {
   function e() {
     return { year: 0, month: 0, day: 0 };
@@ -189,7 +193,7 @@ function z() {
       0
     );
   }
-  function i(n) {
+  function l(n) {
     const p = /* @__PURE__ */ new Date();
     return n.year || (n.year = p.getFullYear()), n.month || (n.month = p.getMonth() + 1), n.day || (n.day = 1), new Date(
       n.year,
@@ -213,17 +217,17 @@ function z() {
     ).getDay();
   }
   function y(n) {
-    return F.indexOf(n);
+    return I.indexOf(n);
   }
-  function d(n) {
+  function u(n) {
     return t(n).getTime();
   }
   function o(n) {
-    return Math.round(d(n) / 1e3);
+    return Math.round(u(n) / 1e3);
   }
   function s(n, p, g) {
-    const b = d(p), c = d(g), f = d(n);
-    return c - f > f - b ? p : g;
+    const b = u(p), i = u(g), f = u(n);
+    return i - f > f - b ? p : g;
   }
   function k() {
     const n = /* @__PURE__ */ new Date();
@@ -236,79 +240,79 @@ function z() {
       second: n.getSeconds()
     };
   }
-  return { emptyDate: e, getDate: t, getDate2: i, getDayNumber: m, getEpocTime: o, getNearDate: s, getWeekdayIndex: y, getTimeInMilliseconds: d, getToday: k };
+  return { emptyDate: e, getDate: t, getDate2: l, getDayNumber: m, getEpocTime: o, getNearDate: s, getWeekdayIndex: y, getTimeInMilliseconds: u, getToday: k };
 }
-function je() {
-  function e(d, o) {
-    return new Date(o, d, 0).getDate();
+function Se() {
+  function e(u, o) {
+    return new Date(o, u, 0).getDate();
   }
-  function t(d, o, s) {
-    return new Date(d, o - 1, s, 0, 0, 0, 0);
+  function t(u, o, s) {
+    return new Date(u, o - 1, s, 0, 0, 0, 0);
   }
-  function i(d, o) {
-    const s = t(o, d, 1);
+  function l(u, o) {
+    const s = t(o, u, 1);
     return s.setMonth(s.getMonth() - 1), e(s.getMonth() + 1, s.getFullYear());
   }
-  function m(d, o) {
+  function m(u, o) {
     const s = {
-      year: d === 12 ? o + 1 : o
-    }, k = d === 12 ? 1 : d + 1;
+      year: u === 12 ? o + 1 : o
+    }, k = u === 12 ? 1 : u + 1;
     return s.month = k, s;
   }
-  function y(d, o) {
+  function y(u, o) {
     const s = {
-      year: d === 1 ? o - 1 : o
-    }, k = d === 1 ? 12 : d - 1;
+      year: u === 1 ? o - 1 : o
+    }, k = u === 1 ? 12 : u - 1;
     return s.month = k, s;
   }
-  return { daysInMonth: e, daysInPreMonth: i, getNextMonth: m, getPreviousMonth: y };
+  return { daysInMonth: e, daysInPreMonth: l, getNextMonth: m, getPreviousMonth: y };
 }
 function ae() {
-  const { getToday: e, getDayNumber: t } = z(), { daysInMonth: i, daysInPreMonth: m, getNextMonth: y, getPreviousMonth: d } = je();
+  const { getToday: e, getDayNumber: t } = z(), { daysInMonth: l, daysInPreMonth: m, getNextMonth: y, getPreviousMonth: u } = Se();
   function o(h) {
-    const D = F.indexOf(h);
+    const D = I.indexOf(h);
     return D > 0 ? 7 - D : 0;
   }
   function s(h) {
-    const { day: D, month: u, year: a } = h;
-    if (D === void 0 || u === void 0 || a === void 0)
+    const { day: D, month: d, year: a } = h;
+    if (D === void 0 || d === void 0 || a === void 0)
       throw new Error("invalided date.");
-    const r = D === 1, w = r ? m(u, a) : D - 1, v = r ? u - 1 : u, T = v < 1, V = T ? 12 : v;
+    const r = D === 1, w = r ? m(d, a) : D - 1, v = r ? d - 1 : d, M = v < 1, T = M ? 12 : v;
     return {
-      year: T ? a - 1 : a,
-      month: V,
+      year: M ? a - 1 : a,
+      month: T,
       day: w
     };
   }
   function k(h) {
-    const { day: D, month: u, year: a } = h;
-    if (D === void 0 || u === void 0 || a === void 0)
+    const { day: D, month: d, year: a } = h;
+    if (D === void 0 || d === void 0 || a === void 0)
       throw new Error("invalided date.");
-    const r = i(u, a), w = D === r, v = w ? 1 : D + 1, T = w ? u + 1 : u, V = T > 12, C = V ? 1 : T;
+    const r = l(d, a), w = D === r, v = w ? 1 : D + 1, M = w ? d + 1 : d, T = M > 12, P = T ? 1 : M;
     return {
-      year: V ? a + 1 : a,
-      month: C,
+      year: T ? a + 1 : a,
+      month: P,
       day: v
     };
   }
   function n(h) {
-    const D = d(h.month || 1, h.year || 1), u = i(D.month || 1, D.year || 1);
+    const D = u(h.month || 1, h.year || 1), d = l(D.month || 1, D.year || 1);
     return {
-      day: (h.day || 1) <= u ? h.day : u,
+      day: (h.day || 1) <= d ? h.day : d,
       month: D.month,
       year: D.year
     };
   }
   function p(h) {
-    const D = y(h.month || 1, h.year || 1), u = i(D.month || 1, D.year || 1);
+    const D = y(h.month || 1, h.year || 1), d = l(D.month || 1, D.year || 1);
     return {
-      day: (h.day || 1) <= u ? h.day : u,
+      day: (h.day || 1) <= d ? h.day : d,
       month: D.month,
       year: D.year
     };
   }
   function g(h) {
-    const u = (h.day || 1) - 7, a = u < 1, r = a ? i(h.month || 1, h.year || 1) + u : u, w = a ? d(h.month || 1, h.year || 1) : h;
+    const d = (h.day || 1) - 7, a = d < 1, r = a ? l(h.month || 1, h.year || 1) + d : d, w = a ? u(h.month || 1, h.year || 1) : h;
     return {
       day: r,
       month: w.month,
@@ -316,45 +320,45 @@ function ae() {
     };
   }
   function b(h) {
-    const u = (h.day || 1) + 7, a = i(h.month || 1, h.year || 1), r = u > a, w = r ? u - a : u, v = r ? y(h.month || 1, h.year || 1) : h;
+    const d = (h.day || 1) + 7, a = l(h.month || 1, h.year || 1), r = d > a, w = r ? d - a : d, v = r ? y(h.month || 1, h.year || 1) : h;
     return {
       day: w,
       month: v.month,
       year: v.year
     };
   }
-  function c(h, D, u, a) {
-    const r = { day: h, month: D, year: u }, v = o(a) === 0 ? 1 : 0, T = t(r) + v, V = e();
-    let C = s(r);
-    const j = [];
-    for (let A = T - 1; A >= 1; A--) {
-      const R = C.month !== r.month ? S.previous : S.current, N = C.month === D && C.day === V.day && C.month === V.month && C.year === V.year;
-      j.push({ date: C, monthTag: R, isCurrent: N }), A > 1 && (C = s(C));
+  function i(h, D, d, a) {
+    const r = { day: h, month: D, year: d }, v = o(a) === 0 ? 1 : 0, M = t(r) + v, T = e();
+    let P = s(r);
+    const S = [];
+    for (let j = M - 1; j >= 1; j--) {
+      const R = P.month !== r.month ? A.previous : A.current, O = P.month === D && P.day === T.day && P.month === T.month && P.year === T.year;
+      S.push({ date: P, monthTag: R, isCurrent: O }), j > 1 && (P = s(P));
     }
-    let W = k(r);
+    let C = k(r);
     const E = [];
-    for (let A = T + 1; A <= 7; A++) {
-      const R = C.month !== r.month ? S.next : S.current, N = W.day === V.day && W.month === V.month && W.year === V.year;
-      E.push({ date: W, monthTag: R, isCurrent: N }), A < 7 && (W = k(W));
+    for (let j = M + 1; j <= 7; j++) {
+      const R = P.month !== r.month ? A.next : A.current, O = C.day === T.day && C.month === T.month && C.year === T.year;
+      E.push({ date: C, monthTag: R, isCurrent: O }), j < 7 && (C = k(C));
     }
-    const P = h === V.day && D === V.month && u === V.year;
+    const N = h === T.day && D === T.month && d === T.year;
     return {
-      days: [...j.reverse(), { date: r, monthTag: S.current, isCurrent: P }, ...E],
+      days: [...S.reverse(), { date: r, monthTag: A.current, isCurrent: N }, ...E],
       weekNumber: 0,
-      year: u
+      year: d
     };
   }
-  function f(h, D, u) {
-    const a = [], r = i(h, D);
+  function f(h, D, d) {
+    const a = [], r = l(h, D);
     for (let w = 1; w <= r; w += 7) {
-      const v = c(w, h, D, u);
+      const v = i(w, h, D, d);
       a.push(v);
     }
     return a;
   }
   return {
     getMonthlyCalendar: f,
-    getWeeklyCalendar: c,
+    getWeeklyCalendar: i,
     getPreviousDay: s,
     getNextDay: k,
     getDayInPreviousWeek: g,
@@ -363,53 +367,53 @@ function ae() {
     getDayInNextMonth: p
   };
 }
-function x() {
+function H() {
   const { getTimeInMilliseconds: e } = z();
-  function t(c) {
-    return c && c.year !== 0 && c.month !== 0 && c.day !== 0;
+  function t(i) {
+    return i && i.year !== 0 && i.month !== 0 && i.day !== 0;
   }
-  function i(c) {
-    return c && c.year !== 0 && c.month !== 0;
+  function l(i) {
+    return i && i.year !== 0 && i.month !== 0;
   }
-  function m(c) {
-    return c && c.year !== 0;
+  function m(i) {
+    return i && i.year !== 0;
   }
-  function y(c, f) {
-    return e(c) < e(f);
+  function y(i, f) {
+    return e(i) < e(f);
   }
-  function d(c, f) {
-    return e(c) <= e(f);
+  function u(i, f) {
+    return e(i) <= e(f);
   }
-  function o(c, f) {
-    return e(c) === e(f);
+  function o(i, f) {
+    return e(i) === e(f);
   }
-  function s(c, f) {
+  function s(i, f) {
     const h = e(f);
-    return e(c.from) === h || e(c.to) === h;
+    return e(i.from) === h || e(i.to) === h;
   }
-  function k(c, f) {
-    return !f || !t(f.to) || !t(f.from) ? !1 : d(f.from, c) && d(c, f.to);
+  function k(i, f) {
+    return !f || !t(f.to) || !t(f.from) ? !1 : u(f.from, i) && u(i, f.to);
   }
-  function n(c, f) {
-    return t(f) && e(c) >= e(f);
+  function n(i, f) {
+    return t(f) && e(i) >= e(f);
   }
-  function p(c, f) {
-    return t(f) && e(c) <= e(f);
+  function p(i, f) {
+    return t(f) && e(i) <= e(f);
   }
-  function g(c, f) {
-    return e({ year: c.year, month: c.month, day: c.day }) === e({ year: f.year, month: f.month, day: f.day });
+  function g(i, f) {
+    return e({ year: i.year, month: i.month, day: i.day }) === e({ year: f.year, month: f.month, day: f.day });
   }
-  function b(c, f) {
-    return e({ hour: c.hour, minute: c.minute, second: c.second }) === e({ hour: f.hour, minute: f.minute, second: f.second });
+  function b(i, f) {
+    return e({ hour: i.hour, minute: i.minute, second: i.second }) === e({ hour: f.hour, minute: f.minute, second: f.second });
   }
   return {
     isDateEarlier: y,
     equal: o,
     inPeriod: k,
     isPoint: s,
-    equalOrEarlier: d,
+    equalOrEarlier: u,
     isInitializedDate: t,
-    isInitializedMonth: i,
+    isInitializedMonth: l,
     isInitializedYear: m,
     isMonthDisabledByDisableSince: n,
     isMonthDisabledByDisableUntil: p,
@@ -430,29 +434,29 @@ const X = {
   10: "Oct",
   11: "Nov",
   12: "Dec"
-}, Ae = {
+}, je = {
   activeView: { Type: Number, default: 3 },
   title: { Type: String, default: "" },
   dailyViewTitle: { Type: String, default: "Day" },
   weeklyViewTitle: { Type: String, default: "Week" },
   monthlyViewTitle: { Type: String, default: "Month" }
-}, G = /* @__PURE__ */ B({
+}, _ = /* @__PURE__ */ F({
   name: "FCalendarHeader",
-  props: Ae,
+  props: je,
   emits: ["ViewChange", "Previous", "Next", "ResetToToday"],
   setup(e, t) {
-    const i = M(e.title), m = M(e.dailyViewTitle), y = M(e.weeklyViewTitle), d = M(e.monthlyViewTitle), o = 2, s = 62, k = M(e.activeView), n = M("Today");
-    I(() => e.title, () => {
-      i.value = e.title;
+    const l = V(e.title), m = V(e.dailyViewTitle), y = V(e.weeklyViewTitle), u = V(e.monthlyViewTitle), o = 2, s = 62, k = V(e.activeView), n = V("Today");
+    $(() => e.title, () => {
+      l.value = e.title;
     });
-    const p = O(() => ({
+    const p = W(() => ({
       top: `${o}px`,
       left: `${k.value * (o + 1) + (k.value - 1) * (s + 1)}px`
-    })), g = O(() => k.value === 1 ? m.value : k.value === 2 ? y.value : d.value);
+    })), g = W(() => k.value === 1 ? m.value : k.value === 2 ? y.value : u.value);
     function b() {
       k.value = 1, t.emit("ViewChange", 1);
     }
-    function c() {
+    function i() {
       k.value = 2, t.emit("ViewChange", 2);
     }
     function f() {
@@ -464,155 +468,155 @@ const X = {
     function D() {
       t.emit("Next", k.value);
     }
-    function u() {
+    function d() {
       t.emit("ResetToToday");
     }
-    return () => l("div", {
+    return () => c("div", {
       class: "f-calendar-header"
-    }, [l("div", {
+    }, [c("div", {
       class: "f-calendar-title"
-    }, [i.value]), l("div", {
+    }, [l.value]), c("div", {
       class: "f-calendar-navigator"
-    }, [l("div", {
+    }, [c("div", {
       class: "f-calendar-navigator-today btn btn-default",
-      onClick: () => u()
-    }, [n.value]), l("div", {
+      onClick: () => d()
+    }, [n.value]), c("div", {
       class: "f-calendar-navigator-button-group"
-    }, [l("div", {
+    }, [c("div", {
       class: "f-calendar-navigator-previous btn btn-default",
       onClick: () => h()
-    }, [l("i", {
+    }, [c("i", {
       class: "f-icon f-icon-arrow-chevron-left"
-    }, null)]), l("div", {
+    }, null)]), c("div", {
       class: "f-calendar-navigator-next btn btn-default",
       onClick: () => D()
-    }, [l("i", {
+    }, [c("i", {
       class: "f-icon f-icon-arrow-chevron-right"
-    }, null)])])]), l("div", {
+    }, null)])])]), c("div", {
       class: "f-calendar-view-switch"
-    }, [l("div", {
+    }, [c("div", {
       class: "f-calendar-view-switch-panel"
-    }, [l("span", {
+    }, [c("span", {
       class: "f-calendar-view-switch-daily",
       onClick: (a) => b()
-    }, [m.value]), l("span", {
+    }, [m.value]), c("span", {
       class: "f-calendar-view-switch-weekly",
-      onClick: (a) => c()
-    }, [y.value]), l("span", {
+      onClick: (a) => i()
+    }, [y.value]), c("span", {
       class: "f-calendar-view-switch-monthly",
       onClick: (a) => f()
-    }, [d.value])]), l("div", {
+    }, [u.value])]), c("div", {
       class: "f-calendar-view-switch-active-view",
       style: p.value
     }, [g.value])])]);
   }
-}), Se = {
+}), Ae = {
   dates: { Type: Array, default: [] },
-  daysInWeek: { Type: Array, default: F },
+  daysInWeek: { Type: Array, default: I },
   enableKeyboadNavigate: { Type: Boolean, default: !0 },
   enableMarkCurrent: { Type: Boolean, default: !0 },
   events: { Type: Array, default: [] },
   activeDay: { Type: Object, default: null }
 };
-var q = /* @__PURE__ */ ((e) => (e[e.enter = 13] = "enter", e[e.esc = 27] = "esc", e[e.space = 32] = "space", e[e.leftArrow = 37] = "leftArrow", e[e.upArrow = 38] = "upArrow", e[e.rightArrow = 39] = "rightArrow", e[e.downArrow = 40] = "downArrow", e[e.tab = 9] = "tab", e[e.shift = 16] = "shift", e))(q || {});
+var G = /* @__PURE__ */ ((e) => (e[e.enter = 13] = "enter", e[e.esc = 27] = "esc", e[e.space = 32] = "space", e[e.leftArrow = 37] = "leftArrow", e[e.upArrow = 38] = "upArrow", e[e.rightArrow = 39] = "rightArrow", e[e.downArrow = 40] = "downArrow", e[e.tab = 9] = "tab", e[e.shift = 16] = "shift", e))(G || {});
 function Ee() {
   function e(t) {
-    const i = t.key || t.keyCode;
-    return i === "Enter" || i === 13 ? 13 : i === "Escape" || i === 27 ? 27 : i === " " || i === 32 ? 32 : i === "ArrowLeft" || i === 37 ? 37 : i === "ArrowUp" || i === 38 ? 38 : i === "ArrowRight" || i === 39 ? 39 : i === "ArrowDown" || i === 40 ? 40 : i === "Tab" || i === 9 ? 9 : i === "Shift" || i === 16 ? 16 : -1;
+    const l = t.key || t.keyCode;
+    return l === "Enter" || l === 13 ? 13 : l === "Escape" || l === 27 ? 27 : l === " " || l === 32 ? 32 : l === "ArrowLeft" || l === 37 ? 37 : l === "ArrowUp" || l === 38 ? 38 : l === "ArrowRight" || l === 39 ? 39 : l === "ArrowDown" || l === 40 ? 40 : l === "Tab" || l === 9 ? 9 : l === "Shift" || l === 16 ? 16 : -1;
   }
   return { getKeyCodeFromEvent: e };
 }
-const Y = /* @__PURE__ */ B({
+const x = /* @__PURE__ */ F({
   name: "FCalendarMonthView",
-  props: Se,
+  props: Ae,
   emits: ["click", "keyDown"],
   setup(e, t) {
-    const i = M(e.daysInWeek), m = M(e.enableKeyboadNavigate), y = M(e.enableMarkCurrent), d = M(e.activeDay), o = M(e.events), {
+    const l = V(e.daysInWeek), m = V(e.enableKeyboadNavigate), y = V(e.enableMarkCurrent), u = V(e.activeDay), o = V(e.events), {
       equal: s,
       sameDay: k
-    } = x(), {
+    } = H(), {
       getKeyCodeFromEvent: n
     } = Ee();
-    function p(u, a) {
-      return u.forEach((r) => {
+    function p(d, a) {
+      return d.forEach((r) => {
         r.days.forEach((w) => {
-          const v = a.filter((T) => k(T.starts, w.date));
+          const v = a.filter((M) => k(M.starts, w.date));
           v && v.length && (w.events = [...v]);
         });
-      }), u;
+      }), d;
     }
-    const g = M(p(e.dates, o.value));
-    I(() => e.dates, () => {
+    const g = V(p(e.dates, o.value));
+    $(() => e.dates, () => {
       g.value = p(e.dates, o.value);
-    }), I(() => e.activeDay, () => {
-      d.value = e.activeDay;
-    }), I(() => e.events, () => {
+    }), $(() => e.activeDay, () => {
+      u.value = e.activeDay;
+    }), $(() => e.events, () => {
       o.value = e.events;
     });
-    function b(u) {
-      return !!d.value && s({
-        year: d.value.year,
-        month: d.value.month,
-        day: d.value.day
-      }, u);
+    function b(d) {
+      return !!u.value && s({
+        year: u.value.year,
+        month: u.value.month,
+        day: u.value.day
+      }, d);
     }
-    const c = (u, a, r) => {
+    const i = (d, a, r) => {
       const v = {
-        "f-datepicker-no-currmonth": u.monthTag === S.previous || u.monthTag === S.next
-      }, T = `d_${a}_${r}`;
-      return v[T] = !0, v;
-    }, f = (u) => {
-      const a = u.monthTag === S.current && b(u.date), r = u.isCurrent && y.value;
+        "f-datepicker-no-currmonth": d.monthTag === A.previous || d.monthTag === A.next
+      }, M = `d_${a}_${r}`;
+      return v[M] = !0, v;
+    }, f = (d) => {
+      const a = d.monthTag === A.current && b(d.date), r = d.isCurrent && y.value;
       return {
         "f-calendar-month-view-date": !0,
         "f-calendar-month-view-selected": a,
         "f-calendar-month-view-current": r
       };
     };
-    function h(u, a) {
-      u.stopPropagation(), t.emit("click", a.date);
+    function h(d, a) {
+      d.stopPropagation(), t.emit("click", a.date);
     }
-    function D(u, a) {
-      const r = n(u);
-      r !== q.tab && (u.preventDefault(), r === q.enter || r === q.space ? h(u, a) : m.value && t.emit("keyDown", a.date));
+    function D(d, a) {
+      const r = n(d);
+      r !== G.tab && (d.preventDefault(), r === G.enter || r === G.space ? h(d, a) : m.value && t.emit("keyDown", a.date));
     }
-    return () => l("div", {
+    return () => c("div", {
       class: "f-calendar-month-view"
-    }, [l("table", {
+    }, [c("table", {
       class: "f-datepicker-table",
       cellpadding: "0"
-    }, [l("thead", null, [l("tr", null, [i.value && i.value.map((u) => l("th", {
+    }, [c("thead", null, [c("tr", null, [l.value && l.value.map((d) => c("th", {
       scope: "col",
       style: "padding: 4px 4px 8px"
-    }, [u]))])]), l("tbody", null, [g.value && g.value.map((u, a) => l("tr", null, [u.days && u.days.map((r, w) => l("td", {
+    }, [d]))])]), c("tbody", null, [g.value && g.value.map((d, a) => c("tr", null, [d.days && d.days.map((r, w) => c("td", {
       id: `d_${a}_${w}`,
       tabindex: "0",
-      class: c(r, a, w),
+      class: i(r, a, w),
       onClick: (v) => h(v, r),
       onKeydown: (v) => D(v, r)
-    }, [l("div", {
+    }, [c("div", {
       class: "f-calendar-month-view-title"
-    }, [l("div", {
+    }, [c("div", {
       class: f(r)
-    }, [r.date.day]), l("div", {
+    }, [r.date.day]), c("div", {
       class: "f-calendar-month-view-date-month"
-    }, [r.date.day === 1 ? X[r.date.month || 1] : ""])]), r.events && r.events.length && r.events.map((v) => l("div", {
+    }, [r.date.day === 1 ? X[r.date.month || 1] : ""])]), r.events && r.events.length && r.events.map((v) => c("div", {
       class: "f-calendar-month-view-event-item"
     }, [v.title]))]))]))])])]);
   }
-}), Ie = {
-  daysInWeek: { Type: Array, default: F },
+}), $e = {
+  daysInWeek: { Type: Array, default: I },
   enableMarkCurrent: { Type: Boolean, default: !0 },
   events: { Type: Array, default: [] },
   week: { Type: Object, default: { days: [], weekNumber: 0, year: 0 } }
-}, _ = /* @__PURE__ */ B({
+}, Y = /* @__PURE__ */ F({
   name: "FCalendarWeekView",
-  props: Ie,
+  props: $e,
   emits: [],
   setup(e) {
-    const t = M(), i = M(), m = M(e.daysInWeek), y = M(e.week), d = M(e.enableMarkCurrent), o = M(e.events), s = M([]), {
+    const t = V(), l = V(), m = V(e.daysInWeek), y = V(e.week), u = V(e.enableMarkCurrent), o = V(e.events), s = V([]), {
       equal: k
-    } = x();
+    } = H();
     function n(a) {
       return y.value.days.map((w) => {
         const v = {
@@ -622,10 +626,10 @@ const Y = /* @__PURE__ */ B({
           hour: a.hour,
           minute: a.minute,
           second: a.second
-        }, T = o.value.filter((V) => k(V.starts, v));
+        }, M = o.value.filter((T) => k(T.starts, v));
         return {
           day: v,
-          events: T
+          events: M
         };
       });
     }
@@ -640,53 +644,53 @@ const Y = /* @__PURE__ */ B({
           hour: r,
           minute: 30,
           second: 0
-        }, T = n(w), V = n(v);
+        }, M = n(w), T = n(v);
         a.push({
           time: w,
-          events: T,
+          events: M,
           title: r > 0 ? `${r}:00` : "",
           part: "upper"
         }), a.push({
           time: v,
-          events: V,
+          events: T,
           title: `${r}:30`,
           part: "lower"
         });
       }
       s.value = a;
     }
-    p(), I(() => e.week, () => {
+    p(), $(() => e.week, () => {
       y.value = e.week, p();
-    }), I(() => e.events, () => {
+    }), $(() => e.events, () => {
       o.value = e.events, p();
     });
     const g = (a) => ({
       "f-calendar-week-view-date": !0,
-      "f-calendar-week-view-current": a.isCurrent && d.value
+      "f-calendar-week-view-current": a.isCurrent && u.value
     });
     function b() {
-      return l("div", {
+      return c("div", {
         class: "f-calendar-week-view-header"
-      }, [l("div", {
+      }, [c("div", {
         class: "f-calendar-week-view-header-corner"
-      }, null), l("div", {
+      }, null), c("div", {
         class: "f-calendar-week-view-header-primary"
-      }, [l("div", {
+      }, [c("div", {
         class: "f-calendar-week-view-header-columns"
-      }, [m.value.map((a, r) => l("div", {
+      }, [m.value.map((a, r) => c("div", {
         class: "f-calendar-week-view-header-cell"
-      }, [l("div", {
+      }, [c("div", {
         class: g(y.value.days[r])
-      }, [y.value.days[r].date.day]), l("span", null, [a])]))])])]);
+      }, [y.value.days[r].date.day]), c("span", null, [a])]))])])]);
     }
-    function c() {
-      return l("div", {
+    function i() {
+      return c("div", {
         class: "f-calendar-week-view-content-side"
-      }, [l("div", {
+      }, [c("div", {
         class: "f-calendar-side"
-      }, [s.value.map((a) => l("div", {
+      }, [s.value.map((a) => c("div", {
         class: "f-calendar-side-row"
-      }, [l("div", {
+      }, [c("div", {
         class: "f-calendar-side-row-number"
       }, [a.part === "upper" ? a.title : ""])]))])]);
     }
@@ -698,51 +702,51 @@ const Y = /* @__PURE__ */ B({
       };
     }
     function h(a) {
-      const C = (a.starts.hour || 0) + (a.starts.minute || 0) / 60;
+      const P = (a.starts.hour || 0) + (a.starts.minute || 0) / 60;
       return {
-        height: `${44 * ((a.ends.hour || 0) + (a.ends.minute || 0) / 60 - C) - 2 - 2 - 1 - 1}px`
+        height: `${44 * ((a.ends.hour || 0) + (a.ends.minute || 0) / 60 - P) - 2 - 2 - 1 - 1}px`
       };
     }
     function D() {
-      return s.value.map((a) => l("div", {
+      return s.value.map((a) => c("div", {
         class: f(a)
-      }, [a.events.map((r) => l("div", {
+      }, [a.events.map((r) => c("div", {
         class: "f-calendar-week-view-item-cell"
-      }, [r.events.length > 0 && r.events.map((w) => l("div", {
+      }, [r.events.length > 0 && r.events.map((w) => c("div", {
         class: "f-calendar-event",
         style: h(w)
       }, [w.title]))]))]));
     }
-    function u() {
-      return l("div", {
-        ref: i,
+    function d() {
+      return c("div", {
+        ref: l,
         class: "f-calendar-content-primary"
-      }, [l("div", {
+      }, [c("div", {
         class: "f-calendar-content-data"
       }, [D()])]);
     }
     return J(() => {
       t.value && t.value.scrollTo(0, 250);
-    }), () => l("div", {
+    }), () => c("div", {
       class: "f-calendar-week-view"
-    }, [b(), l("div", {
+    }, [b(), c("div", {
       class: "f-calendar-week-view-content",
       ref: t
-    }, [c(), u()])]);
+    }, [i(), d()])]);
   }
-}), $e = {
+}), Be = {
   day: { Type: Object, default: {} },
   dayInWeek: { Type: String, default: "" },
   enableMarkCurrent: { Type: Boolean, default: !0 },
   events: { Type: Array, default: [] }
-}, L = /* @__PURE__ */ B({
+}, L = /* @__PURE__ */ F({
   name: "FCalendarDayView",
-  props: $e,
+  props: Be,
   emits: [],
   setup(e) {
-    const t = M(), i = M(), m = M(e.dayInWeek), y = M(e.day), d = M(e.enableMarkCurrent), o = M(e.events), s = M([]), {
+    const t = V(), l = V(), m = V(e.dayInWeek), y = V(e.day), u = V(e.enableMarkCurrent), o = V(e.events), s = V([]), {
       equal: k
-    } = x();
+    } = H();
     function n(a) {
       const r = {
         year: y.value.date.year,
@@ -768,53 +772,53 @@ const Y = /* @__PURE__ */ B({
           hour: r,
           minute: 30,
           second: 0
-        }, T = n(w), V = n(v);
+        }, M = n(w), T = n(v);
         a.push({
           time: w,
-          events: T,
+          events: M,
           title: r > 0 ? `${r}:00` : "",
           part: "upper"
         }), a.push({
           time: v,
-          events: V,
+          events: T,
           title: `${r}:30`,
           part: "lower"
         });
       }
       s.value = a;
     }
-    p(), I(() => e.day, () => {
+    p(), $(() => e.day, () => {
       y.value = e.day, p();
-    }), I(() => e.events, () => {
+    }), $(() => e.events, () => {
       o.value = e.events, p();
     });
     const g = (a) => ({
       "f-calendar-day-view-date": !0,
-      "f-calendar-day-view-current": a.isCurrent && d.value
+      "f-calendar-day-view-current": a.isCurrent && u.value
     });
     function b() {
-      return l("div", {
+      return c("div", {
         class: "f-calendar-day-view-header"
-      }, [l("div", {
+      }, [c("div", {
         class: "f-calendar-day-view-header-corner"
-      }, null), l("div", {
+      }, null), c("div", {
         class: "f-calendar-day-view-header-primary"
-      }, [l("div", {
+      }, [c("div", {
         class: "f-calendar-day-view-header-columns"
-      }, [l("div", {
+      }, [c("div", {
         class: "f-calendar-day-view-header-cell"
-      }, [l("div", {
+      }, [c("div", {
         class: g(y.value)
-      }, [y.value.date.day]), l("span", null, [m.value])])])])]);
+      }, [y.value.date.day]), c("span", null, [m.value])])])])]);
     }
-    function c() {
-      return l("div", {
+    function i() {
+      return c("div", {
         class: "f-calendar-day-view-content-side"
-      }, [l("div", {
+      }, [c("div", {
         class: "f-calendar-side"
-      }, [s.value.map((a) => l("div", {
+      }, [s.value.map((a) => c("div", {
         class: "f-calendar-side-row"
-      }, [l("div", {
+      }, [c("div", {
         class: "f-calendar-side-row-number"
       }, [a.part === "upper" ? a.title : ""])]))])]);
     }
@@ -826,215 +830,222 @@ const Y = /* @__PURE__ */ B({
       };
     }
     function h(a) {
-      const C = (a.starts.hour || 0) + (a.starts.minute || 0) / 60;
+      const P = (a.starts.hour || 0) + (a.starts.minute || 0) / 60;
       return {
-        height: `${44 * ((a.ends.hour || 0) + (a.ends.minute || 0) / 60 - C) - 2 - 2 - 1 - 1}px`
+        height: `${44 * ((a.ends.hour || 0) + (a.ends.minute || 0) / 60 - P) - 2 - 2 - 1 - 1}px`
       };
     }
     function D() {
-      return s.value.map((a) => l("div", {
+      return s.value.map((a) => c("div", {
         class: f(a)
-      }, [a.events.map((r) => l("div", {
+      }, [a.events.map((r) => c("div", {
         class: "f-calendar-day-view-item-cell"
-      }, [r.events.length > 0 && r.events.map((w) => l("div", {
+      }, [r.events.length > 0 && r.events.map((w) => c("div", {
         class: "f-calendar-event",
         style: h(w)
       }, [w.title]))]))]));
     }
-    function u() {
-      return l("div", {
-        ref: i,
+    function d() {
+      return c("div", {
+        ref: l,
         class: "f-calendar-content-primary"
-      }, [l("div", {
+      }, [c("div", {
         class: "f-calendar-content-data"
       }, [D()])]);
     }
     return J(() => {
       t.value && t.value.scrollTo(0, 250);
-    }), () => l("div", {
+    }), () => c("div", {
       class: "f-calendar-day-view"
-    }, [b(), l("div", {
+    }, [b(), c("div", {
       class: "f-calendar-day-view-content",
       ref: t
-    }, [c(), u()])]);
+    }, [i(), d()])]);
   }
-}), $ = /* @__PURE__ */ B({
+}), B = /* @__PURE__ */ F({
   name: "FCalendar",
   props: Q,
   emits: [],
   setup(e) {
     const {
       sameDay: t
-    } = x(), {
-      getToday: i
-    } = z(), m = M(e.firstDayOfTheWeek), y = M(e.events), d = i(), o = M({
-      year: d.year || 1,
-      month: d.month || 1,
-      day: d.day || 1
-    }), s = M(3), {
+    } = H(), {
+      getToday: l
+    } = z(), m = V(e.firstDayOfTheWeek), y = V(e.events), u = l(), o = V({
+      year: u.year || 1,
+      month: u.month || 1,
+      day: u.day || 1
+    }), s = V(3), {
       getMonthlyCalendar: k,
       getWeeklyCalendar: n,
       getPreviousDay: p,
       getNextDay: g,
       getDayInPreviousWeek: b,
-      getDayInNextWeek: c,
+      getDayInNextWeek: i,
       getDayInPreviousMonth: f,
       getDayInNextMonth: h
-    } = ae(), D = O(() => `${X[o.value.month || 1]} ${o.value.year}`), u = O(() => k(o.value.month || 1, o.value.year || 1, m.value)), a = O(() => n(o.value.day || 1, o.value.month || 1, o.value.year || 1, m.value)), r = O(() => a.value.days.find((P) => t(P.date, o.value)) || a.value.days[1]), w = O(() => {
-      const P = a.value.days.findIndex((A) => t(A.date, o.value)), H = P > -1 ? P : 1;
-      return F[H];
-    }), v = O(() => s.value === 3), T = O(() => s.value === 2), V = O(() => s.value === 1);
-    function C(P) {
-      s.value = P;
+    } = ae(), D = W(() => `${X[o.value.month || 1]} ${o.value.year}`), d = W(() => k(o.value.month || 1, o.value.year || 1, m.value)), a = W(() => n(o.value.day || 1, o.value.month || 1, o.value.year || 1, m.value)), r = W(() => a.value.days.find((N) => t(N.date, o.value)) || a.value.days[1]), w = W(() => {
+      const N = a.value.days.findIndex((j) => t(j.date, o.value)), q = N > -1 ? N : 1;
+      return I[q];
+    }), v = W(() => s.value === 3), M = W(() => s.value === 2), T = W(() => s.value === 1);
+    function P(N) {
+      s.value = N;
     }
-    function j(P) {
-      P === 1 && (o.value = p(o.value)), P === 2 && (o.value = b(o.value)), P === 3 && (o.value = f(o.value));
+    function S(N) {
+      N === 1 && (o.value = p(o.value)), N === 2 && (o.value = b(o.value)), N === 3 && (o.value = f(o.value));
     }
-    function W(P) {
-      P === 1 && (o.value = g(o.value)), P === 2 && (o.value = c(o.value)), P === 3 && (o.value = h(o.value));
+    function C(N) {
+      N === 1 && (o.value = g(o.value)), N === 2 && (o.value = i(o.value)), N === 3 && (o.value = h(o.value));
     }
     function E() {
       o.value = {
-        year: d.year || 1,
-        month: d.month || 1,
-        day: d.day || 1
+        year: u.year || 1,
+        month: u.month || 1,
+        day: u.day || 1
       };
     }
-    return () => l("div", {
+    return () => c("div", {
       class: "f-calendar"
-    }, [l(G, {
+    }, [c(_, {
       activeView: s.value,
       title: D.value,
-      onViewChange: (P) => C(P),
-      onPrevious: (P) => j(P),
-      onNext: (P) => W(P),
+      onViewChange: (N) => P(N),
+      onPrevious: (N) => S(N),
+      onNext: (N) => C(N),
       onResetToToday: () => E()
-    }, null), l("div", null, [V.value && l(L, {
+    }, null), c("div", null, [T.value && c(L, {
       day: r.value,
       dayInWeek: w.value,
       events: y.value
-    }, null), T.value && l(_, {
+    }, null), M.value && c(Y, {
       week: a.value,
       events: y.value
-    }, null), v.value && l(Y, {
+    }, null), v.value && c(x, {
       activeDay: o.value,
-      dates: u.value,
+      dates: d.value,
       events: y.value
     }, null)])]);
   }
 });
-function Be(e, t, i) {
+function Fe(e, t, l) {
   var w;
-  function m() {
-  }
-  const y = "", d = "", o = M();
-  function s() {
+  const m = "", y = "", u = V();
+  function o() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function k() {
+  function s() {
     return !1;
   }
-  function n() {
+  function k() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function p() {
+  function n() {
     return (t == null ? void 0 : t.schema.componentType) === "frame";
   }
-  function g(v) {
+  function p(v) {
     if (!v || !v.value)
       return null;
     if (v.value.schema && v.value.schema.type === "component")
       return v.value;
-    const T = M(v == null ? void 0 : v.value.parent), V = g(T);
-    return V || null;
+    const M = V(v == null ? void 0 : v.value.parent), T = p(M);
+    return T || null;
   }
-  function b(v = t) {
-    const { componentInstance: T, designerItemElementRef: V } = v;
-    return !T || !T.value ? null : T.value.canMove ? V : b(v.parent);
+  function g(v = t) {
+    const { componentInstance: M, designerItemElementRef: T } = v;
+    return !M || !M.value ? null : M.value.canMove ? T : g(v.parent);
   }
-  function c(v) {
-    return !!i;
+  function b(v) {
+    return !!l;
   }
-  function f() {
+  function i() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
   }
-  function h() {
+  function f() {
+  }
+  function h(v, M) {
   }
-  function D(v, T) {
+  function D(v, M) {
+    const { componentType: T } = v;
+    let P = ne(T, v, M);
+    const S = T.toLowerCase().replace(/-/g, "_");
+    return P && !P.id && P.type === T && (P.id = `${S}_${Math.random().toString().slice(2, 6)}`), P;
   }
-  function u(v, T) {
-    const { componentType: V } = v;
-    let C = ne(V, v, T);
-    const j = V.toLowerCase().replace("-", "_");
-    return C && !C.id && C.type === V && (C.id = `${j}_${Math.random().toString().slice(2, 6)}`), C;
+  function d(v) {
   }
-  function a(v) {
+  function a(...v) {
   }
-  function r(...v) {
+  function r() {
+    t != null && t.schema.contents && t.schema.contents.map((v) => {
+      var P;
+      let M = v.id;
+      v.type === "component-ref" && (M = v.component);
+      const T = e.value.querySelector(`#${M}-design-item`);
+      (P = T == null ? void 0 : T.componentInstance) != null && P.value.onRemoveComponent && T.componentInstance.value.onRemoveComponent();
+    });
   }
-  return o.value = {
-    canMove: s(),
-    canSelectParent: k(),
-    canDelete: n(),
-    canNested: !p(),
+  return u.value = {
+    canMove: o(),
+    canSelectParent: s(),
+    canDelete: k(),
+    canNested: !n(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
     parent: (w = t == null ? void 0 : t.parent) == null ? void 0 : w.componentInstance,
     schema: t == null ? void 0 : t.schema,
-    styles: y,
-    designerClass: d,
-    canAccepts: c,
-    getBelongedComponentInstance: g,
-    getDraggableDesignItemElement: b,
-    getDraggingDisplayText: f,
-    getPropConfig: r,
-    getDragScopeElement: h,
-    onAcceptMovedChildElement: D,
-    onChildElementMovedOut: a,
-    addNewChildComponentSchema: u,
-    updateDragAndDropRules: m,
-    triggerBelongedComponentToMoveWhenMoved: M(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: M(!1)
-  }, o;
+    styles: m,
+    designerClass: y,
+    canAccepts: b,
+    getBelongedComponentInstance: p,
+    getDraggableDesignItemElement: g,
+    getDraggingDisplayText: i,
+    getPropConfig: a,
+    getDragScopeElement: f,
+    onAcceptMovedChildElement: h,
+    onChildElementMovedOut: d,
+    addNewChildComponentSchema: D,
+    triggerBelongedComponentToMoveWhenMoved: V(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: V(!1),
+    onRemoveComponent: r
+  }, u;
 }
-const Fe = /* @__PURE__ */ B({
+const Ie = /* @__PURE__ */ F({
   name: "FCalendarDesign",
   props: Q,
   emits: [],
   setup(e, t) {
     const {
-      sameDay: i
-    } = x(), {
+      sameDay: l
+    } = H(), {
       getToday: m
-    } = z(), y = M(e.firstDayOfTheWeek), d = M(e.events), o = m(), s = M({
+    } = z(), y = V(e.firstDayOfTheWeek), u = V(e.events), o = m(), s = V({
       year: o.year || 1,
       month: o.month || 1,
       day: o.day || 1
-    }), k = M(3), n = M(), p = se("design-item-context"), g = Be(n, p);
+    }), k = V(3), n = V(), p = se("design-item-context"), g = Fe(n, p);
     J(() => {
       n.value.componentInstance = g;
     }), t.expose(g.value);
     const {
       getMonthlyCalendar: b,
-      getWeeklyCalendar: c,
+      getWeeklyCalendar: i,
       getPreviousDay: f,
       getNextDay: h,
       getDayInPreviousWeek: D,
-      getDayInNextWeek: u,
+      getDayInNextWeek: d,
       getDayInPreviousMonth: a,
       getDayInNextMonth: r
-    } = ae(), w = O(() => `${X[s.value.month || 1]} ${s.value.year}`), v = O(() => b(s.value.month || 1, s.value.year || 1, y.value)), T = O(() => c(s.value.day || 1, s.value.month || 1, s.value.year || 1, y.value)), V = O(() => T.value.days.find((N) => i(N.date, s.value)) || T.value.days[1]), C = O(() => {
-      const N = T.value.days.findIndex((oe) => i(oe.date, s.value)), re = N > -1 ? N : 1;
-      return F[re];
-    }), j = O(() => k.value === 3), W = O(() => k.value === 2), E = O(() => k.value === 1);
-    function P(N) {
-      k.value = N;
+    } = ae(), w = W(() => `${X[s.value.month || 1]} ${s.value.year}`), v = W(() => b(s.value.month || 1, s.value.year || 1, y.value)), M = W(() => i(s.value.day || 1, s.value.month || 1, s.value.year || 1, y.value)), T = W(() => M.value.days.find((O) => l(O.date, s.value)) || M.value.days[1]), P = W(() => {
+      const O = M.value.days.findIndex((oe) => l(oe.date, s.value)), re = O > -1 ? O : 1;
+      return I[re];
+    }), S = W(() => k.value === 3), C = W(() => k.value === 2), E = W(() => k.value === 1);
+    function N(O) {
+      k.value = O;
     }
-    function H(N) {
-      N === 1 && (s.value = f(s.value)), N === 2 && (s.value = D(s.value)), N === 3 && (s.value = a(s.value));
+    function q(O) {
+      O === 1 && (s.value = f(s.value)), O === 2 && (s.value = D(s.value)), O === 3 && (s.value = a(s.value));
     }
-    function A(N) {
-      N === 1 && (s.value = h(s.value)), N === 2 && (s.value = u(s.value)), N === 3 && (s.value = r(s.value));
+    function j(O) {
+      O === 1 && (s.value = h(s.value)), O === 2 && (s.value = d(s.value)), O === 3 && (s.value = r(s.value));
     }
     function R() {
       s.value = {
@@ -1043,53 +1054,53 @@ const Fe = /* @__PURE__ */ B({
         day: o.day || 1
       };
     }
-    return () => l("div", {
+    return () => c("div", {
       ref: n,
       class: "f-calendar"
-    }, [l(G, {
+    }, [c(_, {
       activeView: k.value,
       title: w.value,
-      onViewChange: (N) => P(N),
-      onPrevious: (N) => H(N),
-      onNext: (N) => A(N),
+      onViewChange: (O) => N(O),
+      onPrevious: (O) => q(O),
+      onNext: (O) => j(O),
       onResetToToday: () => R()
-    }, null), l("div", null, [E.value && l(L, {
-      day: V.value,
-      dayInWeek: C.value,
-      events: d.value
-    }, null), W.value && l(_, {
-      week: T.value,
-      events: d.value
-    }, null), j.value && l(Y, {
+    }, null), c("div", null, [E.value && c(L, {
+      day: T.value,
+      dayInWeek: P.value,
+      events: u.value
+    }, null), C.value && c(Y, {
+      week: M.value,
+      events: u.value
+    }, null), S.value && c(x, {
       activeDay: s.value,
       dates: v.value,
-      events: d.value
+      events: u.value
     }, null)])]);
   }
 });
-$.install = (e) => {
-  e.component($.name, $).component(L.name, L).component(G.name, G).component(Y.name, Y).component(_.name, _);
+B.install = (e) => {
+  e.component(B.name, B).component(L.name, L).component(_.name, _).component(x.name, x).component(Y.name, Y);
 };
-$.register = (e, t, i, m) => {
-  e.calendar = $, t.calendar = te;
+B.register = (e, t, l, m) => {
+  e.calendar = B, t.calendar = te;
 };
-$.registerDesigner = (e, t, i) => {
-  e.calendar = Fe, t.calendar = te;
+B.registerDesigner = (e, t, l) => {
+  e.calendar = Ie, t.calendar = te;
 };
 export {
-  $ as FCalendar,
+  B as FCalendar,
   L as FCalendarDayView,
-  G as FCalendarHeader,
-  Y as FCalendarMonthView,
-  _ as FCalendarWeekView,
-  S as MonthTag,
+  _ as FCalendarHeader,
+  x as FCalendarMonthView,
+  Y as FCalendarWeekView,
+  A as MonthTag,
   Q as calendarProps,
-  $e as dayViewProps,
-  $ as default,
+  Be as dayViewProps,
+  B as default,
   X as defaultNameOfMonths,
-  Ae as headerProps,
-  Se as monthViewProps,
+  je as headerProps,
+  Ae as monthViewProps,
   te as propsResolver,
-  F as weekDays,
-  Ie as weekViewProps
+  I as weekDays,
+  $e as weekViewProps
 };