@transsionfe/semi-ui-vue 0.0.5 → 0.0.7

package/lib/es/components/calendar/MonthCalendarInner.vue.js

@@ -1,372 +0,0 @@
-import { defineComponent as b, isVNode as L, watch as V, onMounted as B, nextTick as j, openBlock as s, createElementBlock as c, mergeProps as I, createElementVNode as l, normalizeClass as a, renderSlot as k, createBlock as g, resolveDynamicComponent as $, createCommentVNode as C, Fragment as h, renderList as D, toDisplayString as m, withCtx as M, createVNode as z, h as q, unref as f, createTextVNode as S, withModifiers as J, normalizeStyle as Q } from "vue";
-import { cssClasses as v } from "@douyinfe/semi-foundation/calendar/constants";
-import U from "../popover/Popover.vue.js";
-import Y from "../iconButton/IconButton.vue.js";
-import Z from "../icons/icons/IconClose.vue.js";
-const x = ["aria-label"], _ = ["aria-label", "aria-current", "onClick"], ee = ["onClick"], te = ["aria-label", "aria-current", "onClick"], ie = /* @__PURE__ */ b({
-  name: "SemiMonthCalendarInner",
-  __name: "MonthCalendarInner",
-  props: {
-    locale: {},
-    dateFnsLocale: {},
-    monthCls: {},
-    monthStyle: {},
-    domRef: {},
-    cellDomRef: {},
-    getDataAttr: { type: Function },
-    props: {},
-    monthHeaderDays: {},
-    monthlyWeeks: {},
-    parsedEvents: {},
-    itemLimit: {},
-    getDayCls: { type: Function },
-    getHeaderDayCls: { type: Function },
-    getDayEvents: { type: Function },
-    getWeekDisplayEvents: { type: Function },
-    getEventStyle: { type: Function },
-    handleClick: { type: Function },
-    initMonthlyData: { type: Function },
-    showCard: {},
-    closeCard: { type: Function },
-    showCardHandler: { type: Function },
-    getWeekKey: { type: Function }
-  },
-  setup(p) {
-    const E = b({
-      name: "RenderVNode",
-      props: {
-        vnode: {
-          type: [Object, Function],
-          required: !0
-        }
-      },
-      setup(n) {
-        return () => {
-          if (!n.vnode)
-            return null;
-          if (typeof n.vnode == "function") {
-            const o = n.vnode();
-            return L(o) || Array.isArray(o) ? o : null;
-          }
-          return L(n.vnode) ? n.vnode : null;
-        };
-      }
-    }), t = p, P = (n) => {
-      t.domRef && typeof t.domRef == "object" && "value" in t.domRef && (t.domRef.value = n);
-    }, W = (n) => {
-      t.cellDomRef && typeof t.cellDomRef == "object" && "value" in t.cellDomRef && (t.cellDomRef.value = n);
-    }, d = `${v.PREFIX}-month`, H = (n) => t.getWeekDisplayEvents ? t.getWeekDisplayEvents(n) : [], F = (n) => t.getWeekKey ? t.getWeekKey(n) : String(n), A = (n, o) => {
-      const i = t.itemLimit;
-      if (i == null || i <= 0 || !t.parsedEvents)
-        return !1;
-      const u = F(n), e = t.parsedEvents[u] || t.parsedEvents[n];
-      if (!e || !e.day)
-        return !1;
-      const r = typeof o.ind == "number" ? o.ind : parseInt(o.ind, 10), y = e.day[r];
-      return !!(y && Array.isArray(y) && y.length > i);
-    }, R = (n, o) => {
-      if (!t.parsedEvents)
-        return [];
-      const i = F(n), u = t.parsedEvents[i] || t.parsedEvents[n];
-      if (!u || !u.day)
-        return [];
-      const e = typeof o.ind == "number" ? o.ind : parseInt(o.ind, 10), r = u.day[e];
-      return !r || !Array.isArray(r) ? [] : r.filter((y) => !!y);
-    }, w = (n, o) => {
-      var r;
-      const i = R(n, o), u = t.itemLimit || 0, e = i.length - u;
-      return e > 0 && ((r = t.locale) != null && r.remaining) ? t.locale.remaining.replace("${remained}", String(e)) : "";
-    }, X = (n) => {
-      if (!t.showCard)
-        return !1;
-      const o = n.toString(), i = t.showCard[o];
-      return i && i[0] === !0;
-    }, N = (n) => {
-      if (!t.showCard)
-        return "leftTopOver";
-      const o = n.toString(), i = t.showCard[o];
-      return i && i.length > 1 && typeof i[1] == "string" ? i[1] : "leftTopOver";
-    }, O = (n, o) => {
-      t.showCardHandler && t.showCardHandler(n, o.toString());
-    }, T = (n, o) => {
-      n.stopPropagation(), t.closeCard && t.closeCard(n, o.toString());
-    }, G = (n) => {
-      if (t.closeCard) {
-        const o = new MouseEvent("mousedown");
-        t.closeCard(o, n.toString());
-      }
-    }, K = (n, o) => {
-      if (!o && t.closeCard) {
-        const i = new MouseEvent("mousedown");
-        t.closeCard(i, n.toString());
-      }
-    };
-    return t.dateFnsLocale && t.monthHeaderDays.length === 0 && t.initMonthlyData(t.dateFnsLocale), V(
-      () => t.dateFnsLocale,
-      (n) => {
-        n && t.initMonthlyData(n);
-      },
-      { immediate: !0 }
-    ), V(
-      () => t.props.displayValue,
-      () => {
-        t.dateFnsLocale && t.initMonthlyData(t.dateFnsLocale);
-      }
-    ), B(async () => {
-      await j(), t.dateFnsLocale && t.monthHeaderDays.length === 0 && t.initMonthlyData(t.dateFnsLocale);
-    }), (n, o) => (s(), c("div", I({
-      ref: P,
-      role: "grid",
-      class: p.monthCls,
-      style: p.monthStyle
-    }, p.getDataAttr()), [
-      l("div", {
-        role: "presentation",
-        class: a(`${d}-sticky-top`)
-      }, [
-        k(n.$slots, "header", {}, () => [
-          t.props.header ? (s(), g($(() => t.props.header), { key: 0 })) : C("", !0)
-        ]),
-        l("div", {
-          class: a(`${d}-header`),
-          role: "presentation"
-        }, [
-          l("div", {
-            role: "presentation",
-            class: a(`${d}-grid`)
-          }, [
-            l("ul", {
-              role: "row",
-              class: a(`${d}-grid-row`)
-            }, [
-              (s(!0), c(h, null, D(p.monthHeaderDays, (i) => (s(), c("li", {
-                key: `${i.weekday}-monthheader`,
-                role: "columnheader",
-                "aria-label": i.weekday,
-                class: a(p.getHeaderDayCls(i))
-              }, [
-                l("span", null, m(i.weekday), 1)
-              ], 10, x))), 128))
-            ], 2)
-          ], 2)
-        ], 2)
-      ], 2),
-      l("div", {
-        role: "presentation",
-        class: a(`${d}-grid-wrapper`)
-      }, [
-        l("div", {
-          role: "presentation",
-          class: a(`${d}-week`)
-        }, [
-          l("ul", {
-            role: "presentation",
-            class: a(`${d}-grid-col`)
-          }, [
-            (s(!0), c(h, null, D(p.monthlyWeeks, (i, u) => (s(), c("div", {
-              key: `${u}-weekrow`,
-              ref_for: !0,
-              ref: (e) => u === 0 && W(e),
-              role: "presentation",
-              class: a(`${d}-weekrow`)
-            }, [
-              l("ul", {
-                role: "row",
-                class: a(`${d}-skeleton`)
-              }, [
-                (s(!0), c(h, null, D(i, (e) => (s(), c(h, {
-                  key: `${e.date}-weeksk`
-                }, [
-                  A(u, e) ? (s(), g(U, {
-                    key: `${e.date.valueOf()}-popover`,
-                    visible: X(e.date),
-                    position: N(e.date),
-                    trigger: "custom",
-                    onClickOutside: (r) => G(e.date),
-                    onVisibleChange: (r) => K(e.date, r)
-                  }, {
-                    default: M(() => [
-                      l("li", {
-                        role: "gridcell",
-                        "aria-label": e.date.toLocaleDateString(),
-                        "aria-current": e.isToday ? "date" : !1,
-                        class: a(p.getDayCls(e)),
-                        onClick: (r) => p.handleClick(r, [e.date])
-                      }, [
-                        k(n.$slots, "dateDisplay", {
-                          date: e.date,
-                          day: e
-                        }, () => {
-                          var r;
-                          return [
-                            t.props.renderDateDisplay ? (s(), g($(() => t.props.renderDateDisplay(e.date)), { key: 0 })) : (s(), c(h, { key: 1 }, [
-                              e.dayString === "1" ? (s(), c("span", {
-                                key: 0,
-                                class: a(`${d}-date`)
-                              }, [
-                                S(m(e.month) + " ", 1),
-                                l("span", {
-                                  class: a(`${f(v).PREFIX}-today-date`)
-                                }, "  " + m(e.dayString), 3),
-                                S(" " + m(((r = t.locale) == null ? void 0 : r.datestring) || ""), 1)
-                              ], 2)) : (s(), c("span", {
-                                key: 1,
-                                class: a(`${d}-date`)
-                              }, [
-                                l("span", {
-                                  class: a(`${f(v).PREFIX}-today-date`)
-                                }, m(e.dayString), 3)
-                              ], 2))
-                            ], 64))
-                          ];
-                        }),
-                        k(n.$slots, "dateGrid", {
-                          dateString: e.date.toString(),
-                          date: e.date
-                        }, () => [
-                          t.props.dateGridRender ? (s(), g($(
-                            () => t.props.dateGridRender(
-                              e.date.toString(),
-                              e.date
-                            )
-                          ), { key: 0 })) : C("", !0)
-                        ]),
-                        w(u, e) ? (s(), c("div", {
-                          key: 0,
-                          class: a(`${d}-event-card-wrapper`),
-                          style: { bottom: "0", cursor: "pointer" },
-                          onClick: J((r) => O(r, e.date), ["stop"])
-                        }, m(w(u, e)), 11, ee)) : C("", !0)
-                      ], 10, _)
-                    ]),
-                    content: M(() => [
-                      l("div", {
-                        class: a(`${d}-event-card`)
-                      }, [
-                        l("div", {
-                          class: a(`${d}-event-card-content`)
-                        }, [
-                          l("div", {
-                            class: a(`${d}-event-card-header`)
-                          }, [
-                            l("div", {
-                              class: a(`${d}-event-card-header-info`)
-                            }, [
-                              l("div", {
-                                class: a(`${d}-event-card-header-info-weekday`)
-                              }, m(e.weekday), 3),
-                              l("div", {
-                                class: a(`${d}-event-card-header-info-date`)
-                              }, m(e.dayString), 3)
-                            ], 2),
-                            z(Y, {
-                              icon: q(f(Z)),
-                              type: "tertiary",
-                              theme: "borderless",
-                              onClick: (r) => T(r, e.date)
-                            }, null, 8, ["icon", "onClick"])
-                          ], 2),
-                          l("div", {
-                            class: a(`${d}-event-card-body`),
-                            style: { "max-height": "300px", "overflow-y": "auto" }
-                          }, [
-                            l("ul", {
-                              class: a(`${d}-event-card-list`)
-                            }, [
-                              (s(!0), c(h, null, D(R(u, e), (r) => {
-                                var y;
-                                return s(), c("li", {
-                                  key: r.key || `${(y = r.start) == null ? void 0 : y.toString()}-event`
-                                }, [
-                                  k(n.$slots, "event", {
-                                    event: r,
-                                    index: 0,
-                                    weekIndex: u
-                                  }, () => [
-                                    r.children ? (s(), g(f(E), {
-                                      key: 0,
-                                      vnode: r.children
-                                    }, null, 8, ["vnode"])) : C("", !0)
-                                  ])
-                                ]);
-                              }), 128))
-                            ], 2)
-                          ], 2)
-                        ], 2)
-                      ], 2)
-                    ]),
-                    _: 2
-                  }, 1032, ["visible", "position", "onClickOutside", "onVisibleChange"])) : (s(), c("li", {
-                    key: 1,
-                    role: "gridcell",
-                    "aria-label": e.date.toLocaleDateString(),
-                    "aria-current": e.isToday ? "date" : !1,
-                    class: a(p.getDayCls(e)),
-                    onClick: (r) => p.handleClick(r, [e.date])
-                  }, [
-                    k(n.$slots, "dateDisplay", {
-                      date: e.date,
-                      day: e
-                    }, () => {
-                      var r;
-                      return [
-                        t.props.renderDateDisplay ? (s(), g($(() => t.props.renderDateDisplay(e.date)), { key: 0 })) : (s(), c(h, { key: 1 }, [
-                          e.dayString === "1" ? (s(), c("span", {
-                            key: 0,
-                            class: a(`${d}-date`)
-                          }, [
-                            S(m(e.month) + " ", 1),
-                            l("span", {
-                              class: a(`${f(v).PREFIX}-today-date`)
-                            }, "  " + m(e.dayString), 3),
-                            S(" " + m(((r = t.locale) == null ? void 0 : r.datestring) || ""), 1)
-                          ], 2)) : (s(), c("span", {
-                            key: 1,
-                            class: a(`${d}-date`)
-                          }, [
-                            l("span", {
-                              class: a(`${f(v).PREFIX}-today-date`)
-                            }, m(e.dayString), 3)
-                          ], 2))
-                        ], 64))
-                      ];
-                    }),
-                    k(n.$slots, "dateGrid", {
-                      dateString: e.date.toString(),
-                      date: e.date
-                    }, () => [
-                      t.props.dateGridRender ? (s(), g($(() => t.props.dateGridRender(e.date.toString(), e.date)), { key: 0 })) : C("", !0)
-                    ])
-                  ], 10, te))
-                ], 64))), 128))
-              ], 2),
-              l("ul", {
-                class: a(`${f(v).PREFIX}-event-items`)
-              }, [
-                (s(!0), c(h, null, D(H(u), (e, r) => (s(), c("li", {
-                  key: e.key || `${r}-monthevent`,
-                  class: a(`${f(v).PREFIX}-event-item ${f(v).PREFIX}-event-month`),
-                  style: Q(p.getEventStyle(e))
-                }, [
-                  k(n.$slots, "event", {
-                    event: e,
-                    index: r,
-                    weekIndex: u
-                  }, () => [
-                    e.children ? (s(), g(f(E), {
-                      key: 0,
-                      vnode: e.children
-                    }, null, 8, ["vnode"])) : C("", !0)
-                  ])
-                ], 6))), 128))
-              ], 2)
-            ], 2))), 128))
-          ], 2)
-        ], 2)
-      ], 2)
-    ], 16));
-  }
-});
-export {
-  ie as default
-};

package/lib/es/components/calendar/RangeCalendar.vue.js

@@ -1,4 +0,0 @@
-import f from "./RangeCalendar.vue2.js";
-export {
-  f as default
-};

package/lib/es/components/calendar/RangeCalendarInner.vue.js

@@ -1,198 +0,0 @@
-import { defineComponent as H, ref as C, watch as R, onMounted as A, nextTick as D, openBlock as r, createElementBlock as o, mergeProps as F, createElementVNode as s, normalizeClass as n, renderSlot as c, createBlock as k, resolveDynamicComponent as E, createCommentVNode as S, unref as y, toDisplayString as p, Fragment as v, renderList as $, normalizeStyle as P, createVNode as G, createSlots as I, withCtx as w, normalizeProps as z, guardReactiveProps as B } from "vue";
-import { cssClasses as d } from "@douyinfe/semi-foundation/calendar/constants";
-import M from "./DayCol.vue2.js";
-import N from "./TimeCol.vue2.js";
-const j = /* @__PURE__ */ H({
-  name: "SemiRangeCalendarInner",
-  __name: "RangeCalendarInner",
-  props: {
-    locale: {},
-    dateFnsLocale: {},
-    weekCls: {},
-    weekStyle: {},
-    domRef: {},
-    getDataAttr: { type: Function },
-    props: {},
-    rangeDays: {},
-    rangeMonth: {},
-    allDayEvents: {},
-    allDayStyle: {},
-    getHeaderDayCls: { type: Function },
-    getSkeletonCls: { type: Function },
-    getAllDayEventStyle: { type: Function },
-    getDayEvents: { type: Function },
-    handleClick: { type: Function },
-    initRangeData: { type: Function }
-  },
-  setup(l) {
-    const e = l, m = C(null), u = C(0), X = (a) => {
-      e.domRef && typeof e.domRef == "object" && "value" in e.domRef && (e.domRef.value = a);
-    }, L = (a) => {
-      m.value = a, a && D(() => {
-        const h = a.scrollHeight;
-        h > 0 && (u.value = h);
-      });
-    }, i = `${d.PREFIX}-week`, f = `${d.PREFIX}-all-day`;
-    return e.dateFnsLocale && e.rangeDays.length === 0 && e.initRangeData(e.dateFnsLocale), R(
-      () => e.dateFnsLocale,
-      (a) => {
-        a && e.initRangeData(a);
-      },
-      { immediate: !0 }
-    ), R(
-      () => e.props.range,
-      () => {
-        e.dateFnsLocale && e.initRangeData(e.dateFnsLocale);
-      },
-      { deep: !0 }
-    ), A(async () => {
-      await D(), e.dateFnsLocale && e.rangeDays.length === 0 && e.initRangeData(e.dateFnsLocale), await D(), m.value && u.value === 0 && (u.value = m.value.scrollHeight);
-    }), R(
-      () => e.rangeDays.length,
-      async (a) => {
-        a > 0 && u.value === 0 && (await D(), m.value && (u.value = m.value.scrollHeight));
-      }
-    ), (a, h) => (r(), o("div", F({
-      ref: X,
-      class: l.weekCls,
-      style: l.weekStyle
-    }, l.getDataAttr()), [
-      s("div", {
-        class: n(`${i}-sticky-top`)
-      }, [
-        c(a.$slots, "header", {}, () => [
-          e.props.header ? (r(), k(E(() => e.props.header), { key: 0 })) : S("", !0)
-        ]),
-        s("div", {
-          class: n(`${i}-header`)
-        }, [
-          s("ul", {
-            class: n(`${y(d).PREFIX}-tag ${i}-tag ${i}-sticky-left`)
-          }, [
-            s("span", null, p(l.rangeMonth), 1)
-          ], 2),
-          s("div", {
-            role: "gridcell",
-            class: n(`${i}-grid`)
-          }, [
-            s("ul", {
-              class: n(`${i}-grid-row`)
-            }, [
-              (r(!0), o(v, null, $(l.rangeDays, (t) => (r(), o("li", {
-                key: `${t.date.toString()}-weekheader`,
-                class: n(l.getHeaderDayCls(t))
-              }, [
-                c(a.$slots, "dateDisplay", {
-                  date: t.date,
-                  day: t
-                }, () => [
-                  e.props.renderDateDisplay ? (r(), k(E(() => e.props.renderDateDisplay(t.date)), { key: 0 })) : (r(), o(v, { key: 1 }, [
-                    s("span", {
-                      class: n(`${y(d).PREFIX}-today-date`)
-                    }, p(t.dayString), 3),
-                    s("span", null, p(t.weekday), 1)
-                  ], 64))
-                ])
-              ], 2))), 128))
-            ], 2)
-          ], 2)
-        ], 2),
-        s("div", {
-          class: n(f),
-          style: P(l.allDayStyle)
-        }, [
-          s("ul", {
-            class: n(`${y(d).PREFIX}-tag ${f}-tag ${i}-sticky-left`)
-          }, [
-            s("span", null, p(l.locale.allDay), 1)
-          ], 2),
-          s("div", {
-            role: "gridcell",
-            class: n(`${y(d).PREFIX}-content ${f}-content`)
-          }, [
-            s("ul", {
-              class: n(`${f}-skeleton`)
-            }, [
-              (r(!0), o(v, null, $(l.rangeDays, (t) => (r(), o("li", {
-                key: `${t.date.toString()}-weekgrid`,
-                class: n(l.getSkeletonCls(t))
-              }, null, 2))), 128))
-            ], 2),
-            c(a.$slots, "allDayEvents", {
-              events: e.props.events,
-              parsedEvents: l.allDayEvents
-            }, () => [
-              s("ul", {
-                class: n(`${y(d).PREFIX}-event-items`)
-              }, [
-                (r(!0), o(v, null, $(l.allDayEvents, (t, g) => (r(), o("li", {
-                  key: `allDay-${g}`,
-                  class: n(`${y(d).PREFIX}-event-item ${y(d).PREFIX}-event-allday`),
-                  style: P(l.getAllDayEventStyle(t))
-                }, [
-                  c(a.$slots, "event", {
-                    event: t,
-                    index: g
-                  }, () => [
-                    t.children ? (r(), k(E(() => t.children), { key: 0 })) : S("", !0)
-                  ])
-                ], 6))), 128))
-              ], 2)
-            ])
-          ], 2)
-        ], 4)
-      ], 2),
-      s("div", {
-        class: n(`${i}-scroll-wrapper`)
-      }, [
-        s("div", {
-          ref: (t) => L(t),
-          class: n(`${i}-scroll`)
-        }, [
-          G(N, {
-            class: n(`${i}-sticky-left`),
-            "render-time-display": e.props.renderTimeDisplay
-          }, I({ _: 2 }, [
-            a.$slots.timeDisplay ? {
-              name: "timeDisplay",
-              fn: w((t) => [
-                c(a.$slots, "timeDisplay", z(B(t)))
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["class", "render-time-display"]),
-          (r(!0), o(v, null, $(l.rangeDays, (t) => (r(), k(M, {
-            key: `${t.date.toString()}-weekday`,
-            "display-value": t.date,
-            "scroll-height": u.value,
-            "curr-pos": 0,
-            "handle-click": l.handleClick,
-            events: l.getDayEvents(t.date),
-            "show-curr-time": e.props.showCurrTime,
-            "is-weekend": !!(e.props.markWeekend && t.isWeekend),
-            "date-grid-render": e.props.dateGridRender,
-            "min-event-height": e.props.minEventHeight
-          }, I({ _: 2 }, [
-            a.$slots.dateGrid ? {
-              name: "dateGrid",
-              fn: w((g) => [
-                c(a.$slots, "dateGrid", F({ ref_for: !0 }, g))
-              ]),
-              key: "0"
-            } : void 0,
-            a.$slots.event ? {
-              name: "event",
-              fn: w((g) => [
-                c(a.$slots, "event", F({ ref_for: !0 }, g))
-              ]),
-              key: "1"
-            } : void 0
-          ]), 1032, ["display-value", "scroll-height", "handle-click", "events", "show-curr-time", "is-weekend", "date-grid-render", "min-event-height"]))), 128))
-        ], 2)
-      ], 2)
-    ], 16));
-  }
-});
-export {
-  j as default
-};

package/lib/es/components/calendar/TimeCol.vue.js

@@ -1,4 +0,0 @@
-import f from "./TimeCol.vue2.js";
-export {
-  f as default
-};

package/lib/es/components/calendar/WeekCalendar.vue.js

@@ -1,4 +0,0 @@
-import f from "./WeekCalendar.vue2.js";
-export {
-  f as default
-};