@transsionfe/semi-ui-vue 0.0.1 → 0.0.2

package/lib/es/components/breadcrumb/BreadcrumbItem.vue2.js

@@ -0,0 +1,159 @@
+import { defineComponent as A, useSlots as W, computed as n, createElementBlock as c, openBlock as s, mergeProps as X, createBlock as h, renderSlot as B, createCommentVNode as v, resolveDynamicComponent as y, normalizeClass as u, withCtx as w, Fragment as C, isVNode as P, unref as i, toDisplayString as g, createVNode as _, normalizeStyle as q, createTextVNode as S, createElementVNode as G } from "vue";
+import I from "classnames";
+import { cssClasses as J } from "@douyinfe/semi-foundation/breadcrumb/constants";
+import K from "@douyinfe/semi-foundation/breadcrumb/itemFoundation";
+import { useBreadcrumbContext as M } from "./context.js";
+import Q from "../typography/Text.vue.js";
+import { useFoundation as U } from "../../_utils/useFoundation.js";
+const ne = /* @__PURE__ */ A({
+  name: "BreadcrumbItem",
+  isBreadcrumbItem: !0,
+  __name: "BreadcrumbItem",
+  props: {
+    onClick: { type: Function, default: void 0 },
+    icon: {},
+    href: {},
+    separator: {},
+    noLink: { type: Boolean },
+    active: { type: Boolean },
+    shouldRenderSeparator: { type: Boolean, default: !0 },
+    route: {}
+  },
+  emits: ["click"],
+  setup(r, { emit: b }) {
+    const a = J.PREFIX, o = r, x = b, p = W(), l = M(), d = n(() => {
+      if (p.default) {
+        const e = p.default();
+        if (e && e.length === 1 && typeof e[0].children == "string")
+          return e[0].children;
+      }
+      return null;
+    }), z = n(() => !!d.value && typeof d.value == "string"), N = n(() => l.compact ? "small" : "default"), T = n(() => o.icon && typeof o.icon == "object" && o.icon.name), f = n(() => {
+      if (!l.showTooltip)
+        return {
+          width: 150,
+          ellipsisPos: "end"
+        };
+      const e = {
+        width: 150,
+        ellipsisPos: "end",
+        opts: {
+          autoAdjustOverflow: !0,
+          position: "top"
+        }
+      };
+      return typeof l.showTooltip == "object" ? { ...e, ...l.showTooltip } : e;
+    }), V = n(
+      () => I({
+        [`${a}-item`]: !0,
+        [`${a}-item-active`]: o.active,
+        [`${a}-item-link`]: !o.noLink
+      })
+    ), F = n(
+      () => I({
+        [`${a}-item-wrap`]: !0
+      })
+    ), E = n(() => o.active ? { "aria-current": "page" } : {}), j = n(() => {
+      const e = o.href !== null && typeof o.href < "u";
+      return o.active || !e ? "span" : "a";
+    }), k = n(() => o.separator || l.separator), L = () => {
+      var $;
+      let e = {};
+      const { route: t, href: m } = o, H = m != null;
+      return t ? e = t : (e.name = d.value || (($ = p.default) == null ? void 0 : $.call(p)), H && (e.href = m)), e;
+    }, O = {
+      // Base adapter methods (required by DefaultAdapter interface)
+      getContext: (e) => null,
+      getContexts: () => ({}),
+      getProp: (e) => o[e],
+      getProps: () => o,
+      getState: (e) => null,
+      getStates: () => ({}),
+      setState: (e, t) => {
+      },
+      getCache: (e) => null,
+      getCaches: () => ({}),
+      setCache: (e, t) => {
+      },
+      stopPropagation: (e) => {
+        var t;
+        return (t = e == null ? void 0 : e.stopPropagation) == null ? void 0 : t.call(e);
+      },
+      persistEvent: (e) => {
+        typeof (e == null ? void 0 : e.persist) == "function" && e.persist();
+      },
+      notifyClick: (e, t) => {
+        x("click", e, t);
+      },
+      notifyParent: (e, t) => {
+        var m;
+        (m = l.onClick) == null || m.call(l, e, t);
+      }
+    }, { foundation: R } = U(K, O), D = (e) => {
+      const t = L();
+      R.handleClick(t, e);
+    };
+    return (e, t) => (s(), c("span", X({ class: F.value }, E.value), [
+      (s(), h(y(j.value), {
+        class: u(V.value),
+        href: r.href,
+        onClick: D
+      }, {
+        default: w(() => [
+          r.icon ? (s(), c(C, { key: 0 }, [
+            P(r.icon) ? (s(), h(y(r.icon), {
+              key: 0,
+              class: u(`${i(a)}-item-icon`)
+            }, null, 8, ["class"])) : T.value ? (s(), h(y(r.icon), {
+              key: 1,
+              class: u(`${i(a)}-item-icon`),
+              size: N.value
+            }, null, 8, ["class", "size"])) : (s(), c("span", {
+              key: 2,
+              class: u(`${i(a)}-item-icon`)
+            }, g(r.icon), 3))
+          ], 64)) : v("", !0),
+          z.value ? (s(), c("span", {
+            key: 1,
+            class: u(`${i(a)}-item-title`)
+          }, [
+            _(Q, {
+              ellipsis: {
+                showTooltip: "opts" in f.value && f.value.opts ? { opts: f.value.opts } : !1,
+                pos: f.value.ellipsisPos
+              },
+              style: q({ maxWidth: `${f.value.width}px` }),
+              size: i(l).compact ? "small" : "normal"
+            }, {
+              default: w(() => [
+                S(g(d.value), 1)
+              ]),
+              _: 1
+            }, 8, ["ellipsis", "style", "size"])
+          ], 2)) : (s(), c(C, { key: 2 }, [
+            i(p).default ? (s(), c("span", {
+              key: 0,
+              class: u(`${i(a)}-item-title ${i(a)}-item-title-inline`)
+            }, [
+              B(e.$slots, "default", {}, void 0, !0)
+            ], 2)) : v("", !0)
+          ], 64))
+        ]),
+        _: 3
+      }, 8, ["class", "href"])),
+      r.shouldRenderSeparator ? B(e.$slots, "separator", { key: 0 }, () => [
+        G("span", {
+          class: u(`${i(a)}-separator`)
+        }, [
+          P(k.value) ? (s(), h(y(k.value), { key: 0 })) : (s(), c(C, { key: 1 }, [
+            S(g(k.value), 1)
+          ], 64))
+        ], 2)
+      ], !0) : v("", !0)
+    ], 16));
+  }
+});
+export {
+  ne as default
+};
+//# sourceMappingURL=BreadcrumbItem.vue2.js.map

package/lib/es/components/breadcrumb/BreadcrumbItem.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.vue2.js","sources":["../../../../src/components/breadcrumb/BreadcrumbItem.vue"],"sourcesContent":["<template>\n    <span :class=\"wrapperCls\" v-bind=\"pageLabel\">\n        <component :is=\"tag\" :class=\"itemCls\" :href=\"href\" @click=\"handleClick\">\n            <template v-if=\"icon\">\n                <component :is=\"icon\" v-if=\"isVNode(icon)\" :class=\"`${clsPrefix}-item-icon`\" />\n                <component :is=\"icon\" v-else-if=\"isValidIcon\" :class=\"`${clsPrefix}-item-icon`\" :size=\"iconSize\" />\n                <span v-else :class=\"`${clsPrefix}-item-icon`\">\n                    {{ icon }}\n                </span>\n            </template>\n            <template v-if=\"hasTextContent\">\n                <span :class=\"`${clsPrefix}-item-title`\">\n                    <TypographyText\n                        :ellipsis=\"{\n                            showTooltip: 'opts' in tooltipOpt && tooltipOpt.opts ? { opts: tooltipOpt.opts } : false,\n                            pos: tooltipOpt.ellipsisPos,\n                        }\"\n                        :style=\"{ maxWidth: `${tooltipOpt.width}px` }\"\n                        :size=\"context.compact ? 'small' : 'normal'\"\n                    >\n                        {{ children }}\n                    </TypographyText>\n                </span>\n            </template>\n            <template v-else>\n                <span v-if=\"slots.default\" :class=\"`${clsPrefix}-item-title ${clsPrefix}-item-title-inline`\">\n                    <slot></slot>\n                </span>\n            </template>\n        </component>\n        <template v-if=\"shouldRenderSeparator\">\n            <slot name=\"separator\">\n                <span :class=\"`${clsPrefix}-separator`\">\n                    <component :is=\"finalSeparator\" v-if=\"isVNode(finalSeparator)\" />\n                    <template v-else>{{ finalSeparator }}</template>\n                </span>\n            </slot>\n        </template>\n    </span>\n</template>\n\n<script setup lang=\"ts\" name=\"BreadcrumbItem\">\n/**\n * BreadcrumbItem Component\n *\n * A single item in the breadcrumb navigation, typically representing a page or section.\n * Supports icons, custom separators, links, and text ellipsis with tooltips.\n *\n * @example\n * ```vue\n * <BreadcrumbItem href=\"/home\">Home</BreadcrumbItem>\n * <BreadcrumbItem :icon=\"h(IconFolder)\">Documents</BreadcrumbItem>\n * ```\n */\nimport { computed, useSlots, isVNode } from 'vue';\nimport classnames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/breadcrumb/constants';\nimport BreadcrumbItemFoundation, { BreadcrumbItemAdapter } from '@douyinfe/semi-foundation/breadcrumb/itemFoundation';\nimport { useFoundation } from '../_utils';\nimport { useBreadcrumbContext } from './context';\nimport TypographyText from '../typography/Text.vue';\nimport type { BreadcrumbItemProps, BreadcrumbItemInfo } from './interface';\n\nconst clsPrefix = cssClasses.PREFIX;\n\nconst props = withDefaults(defineProps<BreadcrumbItemProps>(), {\n    onClick: undefined,\n    shouldRenderSeparator: true,\n});\n\nconst emit = defineEmits<{\n    click: [item: BreadcrumbItemProps, e: MouseEvent];\n}>();\n\nconst slots = useSlots();\nconst context = useBreadcrumbContext();\n\n/**\n * Extract text content from default slot\n * Used for text ellipsis with tooltip feature\n * @returns String content or null\n */\nconst children = computed(() => {\n    if (slots.default) {\n        const vnodes = slots.default();\n        if (vnodes && vnodes.length === 1 && typeof vnodes[0].children === 'string') {\n            return vnodes[0].children;\n        }\n    }\n    return null;\n});\n\nconst hasTextContent = computed(() => {\n    return Boolean(children.value) && typeof children.value === 'string';\n});\n\nconst iconSize = computed(() => (context.compact ? 'small' : 'default'));\n\nconst isValidIcon = computed(() => {\n    return props.icon && typeof props.icon === 'object' && props.icon.name;\n});\n\n/**\n * Get tooltip configuration for text ellipsis\n * Merges context showTooltip settings with default options\n * @returns Tooltip configuration object\n */\nconst tooltipOpt = computed(() => {\n    if (!context.showTooltip) {\n        return {\n            width: 150,\n            ellipsisPos: 'end' as const,\n        };\n    }\n    const defaultOpts = {\n        width: 150,\n        ellipsisPos: 'end' as const,\n        opts: {\n            autoAdjustOverflow: true,\n            position: 'top' as const,\n        },\n    };\n    if (typeof context.showTooltip === 'object') {\n        return { ...defaultOpts, ...context.showTooltip };\n    }\n    return defaultOpts;\n});\n\nconst itemCls = computed(() =>\n    classnames({\n        [`${clsPrefix}-item`]: true,\n        [`${clsPrefix}-item-active`]: props.active,\n        [`${clsPrefix}-item-link`]: !props.noLink,\n    })\n);\n\nconst wrapperCls = computed(() =>\n    classnames({\n        [`${clsPrefix}-item-wrap`]: true,\n    })\n);\n\nconst pageLabel = computed(() => (props.active ? { 'aria-current': 'page' as const } : {}));\n\nconst tag = computed(() => {\n    const hasHref = props.href !== null && typeof props.href !== 'undefined';\n    return props.active || !hasHref ? 'span' : 'a';\n});\n\nconst finalSeparator = computed(() => {\n    return props.separator || context.separator;\n});\n\n/**\n * Get item information for click event\n * Collects route, name, and href information\n * @returns BreadcrumbItemInfo object for event handlers\n */\nconst getItemInfo = (): BreadcrumbItemInfo => {\n    let itemInfo: BreadcrumbItemInfo = {};\n    const { route, href } = props;\n    const hasHref = href !== undefined && href !== null;\n\n    if (route) {\n        itemInfo = route;\n    } else {\n        itemInfo.name = children.value || slots.default?.();\n        if (hasHref) {\n            itemInfo.href = href;\n        }\n    }\n    return itemInfo;\n};\n\n/** Foundation adapter - implements BreadcrumbItemAdapter interface */\nconst adapter: BreadcrumbItemAdapter = {\n    // Base adapter methods (required by DefaultAdapter interface)\n    getContext: (_key: string) => null,\n    getContexts: () => ({}),\n    getProp: (key: string) => (props as any)[key],\n    getProps: () => props,\n    getState: (_key: string) => null,\n    getStates: () => ({}),\n    setState: (_s: any, _callback?: any) => {},\n    getCache: (_key: string) => null,\n    getCaches: () => ({}),\n    setCache: (_key: string, _value: unknown) => {},\n    stopPropagation: (e: any) => e?.stopPropagation?.(),\n    persistEvent: (event: any) => {\n        if (typeof event?.persist === 'function') {\n            event.persist();\n        }\n    },\n\n    notifyClick: (item, e) => {\n        emit('click', item, e);\n    },\n    notifyParent: (item, e) => {\n        context.onClick?.(item, e);\n    },\n};\n\nconst { foundation } = useFoundation(BreadcrumbItemFoundation, adapter);\n\n/**\n * Handle click event on breadcrumb item\n * Delegates to foundation for business logic\n * @param e - Mouse event\n */\nconst handleClick = (e: MouseEvent) => {\n    const itemInfo = getItemInfo();\n    foundation.handleClick(itemInfo, e);\n};\n\n// Expose item type for parent component check\ndefineOptions({\n    name: 'BreadcrumbItem',\n    isBreadcrumbItem: true,\n});\n</script>\n\n<style scoped>\n.semi-breadcrumb-item-icon {\n    margin-right: 4px;\n}\n</style>\n"],"names":["clsPrefix","cssClasses","props","__props","emit","__emit","slots","useSlots","context","useBreadcrumbContext","children","computed","vnodes","hasTextContent","iconSize","isValidIcon","tooltipOpt","defaultOpts","itemCls","classnames","wrapperCls","pageLabel","tag","hasHref","finalSeparator","getItemInfo","itemInfo","route","href","_a","adapter","_key","key","_s","_callback","_value","event","item","e","foundation","useFoundation","BreadcrumbItemFoundation","handleClick","_openBlock","_createElementBlock","_mergeProps","_createBlock","_resolveDynamicComponent","_Fragment","isVNode","_unref","_createVNode","TypographyText","_normalizeStyle","_normalizeClass","_renderSlot","_ctx","_createElementVNode"],"mappings":"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"}

package/lib/es/components/button/Button.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Button.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Button.vue2.js.map

package/lib/es/components/button/Button.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/es/components/button/ButtonGroup.vue2.js

@@ -0,0 +1,5 @@
+import f from "./ButtonGroup.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=ButtonGroup.vue2.js.map

package/lib/es/components/button/ButtonGroup.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/es/components/button/SplitButtonGroup.vue2.js

@@ -0,0 +1,5 @@
+import f from "./SplitButtonGroup.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=SplitButtonGroup.vue2.js.map

package/lib/es/components/button/SplitButtonGroup.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButtonGroup.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/es/components/calendar/Calendar.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Calendar.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Calendar.vue2.js.map

package/lib/es/components/calendar/Calendar.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/es/components/calendar/DayCalendar.vue2.js

@@ -0,0 +1,194 @@
+import { defineComponent as M, ref as $, computed as n, onMounted as O, nextTick as F, watch as S, createElementBlock as D, openBlock as u, mergeProps as j, unref as m, createElementVNode as r, normalizeClass as s, renderSlot as c, createVNode as E, createBlock as V, createCommentVNode as T, resolveDynamicComponent as _, withCtx as h, toDisplayString as J, Fragment as Q, renderList as U, createSlots as I, normalizeProps as C, guardReactiveProps as w } from "vue";
+import X from "classnames";
+import { isEqual as Y } from "lodash";
+import Z from "@douyinfe/semi-foundation/calendar/foundation";
+import { cssClasses as i } from "@douyinfe/semi-foundation/calendar/constants";
+import x from "./DayCol.vue2.js";
+import ee from "./TimeCol.vue2.js";
+import te from "../locale/LocaleConsumer.vue.js";
+import { useBaseComponent as ae } from "../_utils/useBaseComponent.js";
+import { useFoundation as le } from "../../_utils/useFoundation.js";
+const ve = /* @__PURE__ */ M({
+  name: "SemiDayCalendar",
+  __name: "DayCalendar",
+  props: {
+    displayValue: { default: () => /* @__PURE__ */ new Date() },
+    range: {},
+    header: {},
+    events: { default: () => [] },
+    showCurrTime: { type: Boolean },
+    weekStartsOn: {},
+    scrollTop: {},
+    onClick: {},
+    onClose: {},
+    renderTimeDisplay: {},
+    markWeekend: { type: Boolean },
+    minEventHeight: {},
+    width: {},
+    height: {},
+    renderDateDisplay: {},
+    dateGridRender: {},
+    allDayEventsRender: {}
+  },
+  setup(B) {
+    const e = B, o = `${i.PREFIX}-day`, f = $(), p = $(), l = $({
+      scrollHeight: 0,
+      parsedEvents: {
+        day: [],
+        allDay: []
+      },
+      cachedKeys: []
+    }), { adapter: K, getDataAttr: G } = ae(e, l), N = {
+      ...K,
+      updateScrollHeight: (t) => {
+        l.value.scrollHeight = t;
+      },
+      setParsedEvents: (t) => {
+        l.value.parsedEvents = t;
+      },
+      cacheEventKeys: (t) => {
+        l.value.cachedKeys = t;
+      }
+    }, { foundation: d } = le(Z, N), R = n(() => e.markWeekend ? d.checkWeekend(e.displayValue) : !1), b = n(() => X(o, e.className)), W = n(() => {
+      const t = {};
+      return e.height !== void 0 && e.height !== null && (t.height = typeof e.height == "number" ? `${e.height}px` : e.height), e.width !== void 0 && e.width !== null && (t.width = typeof e.width == "number" ? `${e.width}px` : e.width), {
+        ...t,
+        ...e.style
+      };
+    }), z = n(() => e.displayValue || /* @__PURE__ */ new Date()), A = n(() => l.value.scrollHeight), g = n(() => l.value.parsedEvents), q = (t, v) => {
+      if (e.onClick) {
+        const a = d.formatCbValue(v);
+        e.onClick(t, a);
+      }
+    }, H = () => {
+      if (p.value) {
+        const t = p.value.scrollHeight;
+        t > 0 && l.value.scrollHeight === 0 && d.notifyScrollHeight(t);
+      }
+    };
+    O(async () => {
+      d.init(), d.parseDailyEvents(), await F(), f.value && (f.value.scrollTop = e.scrollTop ?? 400), H();
+    }), S(
+      () => p.value,
+      async (t) => {
+        t && l.value.scrollHeight === 0 && (await F(), H());
+      },
+      { immediate: !0 }
+    );
+    const k = n(() => `${i.PREFIX}-all-day`), L = n(() => X(`${k.value}-content`, {
+      [`${i.PREFIX}-weekend`]: R.value
+    }));
+    return S(
+      () => [e.events, e.displayValue],
+      () => {
+        const t = l.value.cachedKeys, v = e.events.map((a) => a.key);
+        Y(t, v) || d.parseDailyEvents();
+      },
+      { deep: !0 }
+    ), (t, v) => (u(), D("div", j({
+      ref_key: "domRef",
+      ref: f,
+      class: b.value,
+      style: W.value
+    }, m(G)()), [
+      r("div", {
+        class: s(`${o}-sticky-top`)
+      }, [
+        c(t.$slots, "header", {}, () => [
+          e.header ? (u(), V(_(() => e.header), { key: 0 })) : T("", !0)
+        ]),
+        E(te, { "component-name": "Calendar" }, {
+          default: h(({ locale: a }) => [
+            r("div", {
+              class: s(k.value)
+            }, [
+              r("ul", {
+                class: s(`${m(i).PREFIX}-tag ${k.value}-tag ${o}-sticky-left`)
+              }, [
+                r("span", null, J(a.allDay), 1)
+              ], 2),
+              r("div", {
+                role: "gridcell",
+                class: s(L.value)
+              }, [
+                c(t.$slots, "allDayEvents", {
+                  events: e.events,
+                  parsedEvents: g.value.allDay
+                }, () => [
+                  r("ul", {
+                    class: s(`${m(i).PREFIX}-event-items`)
+                  }, [
+                    (u(!0), D(Q, null, U(g.value.allDay, (y, P) => (u(), D("li", {
+                      key: y.key || `allDay-${P}`,
+                      class: s(`${m(i).PREFIX}-event-item ${m(i).PREFIX}-event-allday`)
+                    }, [
+                      c(t.$slots, "event", {
+                        event: y,
+                        index: P
+                      }, () => [
+                        y.children ? (u(), V(_(() => y.children), { key: 0 })) : T("", !0)
+                      ])
+                    ], 2))), 128))
+                  ], 2)
+                ])
+              ], 2)
+            ], 2)
+          ]),
+          _: 3
+        })
+      ], 2),
+      r("div", {
+        class: s(`${o}-scroll-wrapper`)
+      }, [
+        r("div", {
+          ref_key: "scrollDomRef",
+          ref: p,
+          class: s(`${o}-scroll`)
+        }, [
+          E(ee, {
+            class: s(`${o}-sticky-left`),
+            "render-time-display": e.renderTimeDisplay
+          }, I({ _: 2 }, [
+            t.$slots.timeDisplay ? {
+              name: "timeDisplay",
+              fn: h((a) => [
+                c(t.$slots, "timeDisplay", C(w(a)))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["class", "render-time-display"]),
+          E(x, {
+            events: g.value.day,
+            "display-value": z.value,
+            "scroll-height": A.value,
+            "curr-pos": 0,
+            "handle-click": q,
+            "show-curr-time": e.showCurrTime,
+            "is-weekend": R.value,
+            "min-event-height": e.minEventHeight,
+            "date-grid-render": e.dateGridRender
+          }, I({ _: 2 }, [
+            t.$slots.dateGrid ? {
+              name: "dateGrid",
+              fn: h((a) => [
+                c(t.$slots, "dateGrid", C(w(a)))
+              ]),
+              key: "0"
+            } : void 0,
+            t.$slots.event ? {
+              name: "event",
+              fn: h((a) => [
+                c(t.$slots, "event", C(w(a)))
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1032, ["events", "display-value", "scroll-height", "show-curr-time", "is-weekend", "min-event-height", "date-grid-render"])
+        ], 2)
+      ], 2)
+    ], 16));
+  }
+});
+export {
+  ve as default
+};
+//# sourceMappingURL=DayCalendar.vue2.js.map

package/lib/es/components/calendar/DayCalendar.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayCalendar.vue2.js","sources":["../../../../src/components/calendar/DayCalendar.vue"],"sourcesContent":["<template>\n    <div ref=\"domRef\" :class=\"dayCls\" :style=\"dayStyle\" v-bind=\"getDataAttr()\">\n        <div :class=\"`${prefixCls}-sticky-top`\">\n            <slot name=\"header\">\n                <component :is=\"() => props.header\" v-if=\"props.header\" />\n            </slot>\n            <LocaleConsumer component-name=\"Calendar\">\n                <template #default=\"{ locale }\">\n                    <div :class=\"allDayCls\">\n                        <ul :class=\"`${cssClasses.PREFIX}-tag ${allDayCls}-tag ${prefixCls}-sticky-left`\">\n                            <span>{{ (locale as { allDay: string }).allDay }}</span>\n                        </ul>\n                        <div role=\"gridcell\" :class=\"allDayContentCls\">\n                            <slot name=\"allDayEvents\" :events=\"props.events\" :parsedEvents=\"parsedEvents.allDay\">\n                                <ul :class=\"`${cssClasses.PREFIX}-event-items`\">\n                                    <li\n                                        v-for=\"(event, ind) in parsedEvents.allDay\"\n                                        :key=\"event.key || `allDay-${ind}`\"\n                                        :class=\"`${cssClasses.PREFIX}-event-item ${cssClasses.PREFIX}-event-allday`\"\n                                    >\n                                        <slot name=\"event\" :event=\"event\" :index=\"ind\">\n                                            <component :is=\"() => event.children\" v-if=\"event.children\" />\n                                        </slot>\n                                    </li>\n                                </ul>\n                            </slot>\n                        </div>\n                    </div>\n                </template>\n            </LocaleConsumer>\n        </div>\n        <div :class=\"`${prefixCls}-scroll-wrapper`\">\n            <div ref=\"scrollDomRef\" :class=\"`${prefixCls}-scroll`\">\n                <TimeCol :class=\"`${prefixCls}-sticky-left`\" :render-time-display=\"props.renderTimeDisplay\">\n                    <template v-if=\"$slots.timeDisplay\" #timeDisplay=\"slotProps\">\n                        <slot name=\"timeDisplay\" v-bind=\"slotProps\" />\n                    </template>\n                </TimeCol>\n                <DayCol\n                    :events=\"parsedEvents.day\"\n                    :display-value=\"displayValue\"\n                    :scroll-height=\"scrollHeight\"\n                    :curr-pos=\"0\"\n                    :handle-click=\"handleClick\"\n                    :show-curr-time=\"props.showCurrTime\"\n                    :is-weekend=\"isWeekend\"\n                    :min-event-height=\"props.minEventHeight\"\n                    :date-grid-render=\"props.dateGridRender\"\n                >\n                    <template v-if=\"$slots.dateGrid\" #dateGrid=\"slotProps\">\n                        <slot name=\"dateGrid\" v-bind=\"slotProps\" />\n                    </template>\n                    <template v-if=\"$slots.event\" #event=\"slotProps\">\n                        <slot name=\"event\" v-bind=\"slotProps\" />\n                    </template>\n                </DayCol>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, nextTick } from 'vue';\nimport classnames from 'classnames';\nimport { isEqual } from 'lodash';\nimport CalendarFoundation, {\n    CalendarAdapter,\n    ParsedEventsType,\n    ParsedEventsWithArray,\n} from '@douyinfe/semi-foundation/calendar/foundation';\nimport { cssClasses } from '@douyinfe/semi-foundation/calendar/constants';\nimport DayCol from './DayCol.vue';\nimport TimeCol from './TimeCol.vue';\nimport LocaleConsumer from '../locale/LocaleConsumer.vue';\nimport { useBaseComponent, useFoundation } from '../_utils';\nimport type { DayCalendarProps } from './interface';\n\ndefineOptions({\n    name: 'SemiDayCalendar',\n});\n\nconst props = withDefaults(defineProps<DayCalendarProps>(), {\n    events: () => [],\n    displayValue: () => new Date(),\n    mode: 'day',\n});\n\nconst prefixCls = `${cssClasses.PREFIX}-day`;\n\nconst domRef = ref<HTMLDivElement>();\nconst scrollDomRef = ref<HTMLDivElement>();\n\nconst state = ref({\n    scrollHeight: 0,\n    parsedEvents: {\n        day: [],\n        allDay: [],\n    } as ParsedEventsWithArray,\n    cachedKeys: [] as string[],\n});\n\nconst { adapter: baseAdapter, getDataAttr } = useBaseComponent(props, state);\n\nconst adapter: CalendarAdapter<DayCalendarProps, typeof state.value> = {\n    ...baseAdapter,\n    updateScrollHeight: (scrollHeight: number) => {\n        state.value.scrollHeight = scrollHeight;\n    },\n    setParsedEvents: (parsedEvents: ParsedEventsType) => {\n        state.value.parsedEvents = parsedEvents as ParsedEventsWithArray;\n    },\n    cacheEventKeys: (cachedKeys: string[]) => {\n        state.value.cachedKeys = cachedKeys;\n    },\n};\n\nconst { foundation } = useFoundation(CalendarFoundation, adapter);\n\nconst isWeekend = computed(() => {\n    if (!props.markWeekend) {\n        return false;\n    }\n    return foundation.checkWeekend(props.displayValue);\n});\n\nconst dayCls = computed(() => {\n    return classnames(prefixCls, props.className);\n});\n\nconst dayStyle = computed(() => {\n    const style: any = {};\n    if (props.height !== undefined && props.height !== null) {\n        // 如果是数字，Vue 会自动添加 px，但为了确保一致性，我们也可以显式处理\n        style.height = typeof props.height === 'number' ? `${props.height}px` : props.height;\n    }\n    if (props.width !== undefined && props.width !== null) {\n        style.width = typeof props.width === 'number' ? `${props.width}px` : props.width;\n    }\n    return {\n        ...style,\n        ...props.style,\n    };\n});\n\nconst displayValue = computed(() => props.displayValue || new Date());\nconst scrollHeight = computed(() => state.value.scrollHeight);\nconst parsedEvents = computed(() => state.value.parsedEvents);\n\nconst handleClick = (e: MouseEvent, val: [Date, number, number, number]) => {\n    if (props.onClick) {\n        const value = foundation.formatCbValue(val);\n        props.onClick(e, value);\n    }\n};\n\n// 更新 scrollHeight 的函数\nconst updateScrollHeight = () => {\n    if (scrollDomRef.value) {\n        const height = scrollDomRef.value.scrollHeight;\n        if (height > 0 && state.value.scrollHeight === 0) {\n            foundation.notifyScrollHeight(height);\n        }\n    }\n};\n\nonMounted(async () => {\n    foundation.init();\n    foundation.parseDailyEvents();\n\n    await nextTick();\n    if (domRef.value) {\n        domRef.value.scrollTop = props.scrollTop ?? 400;\n    }\n    updateScrollHeight();\n});\n\n// 监听 scrollDomRef 挂载\nwatch(\n    () => scrollDomRef.value,\n    async (newVal) => {\n        if (newVal && state.value.scrollHeight === 0) {\n            await nextTick();\n            updateScrollHeight();\n        }\n    },\n    { immediate: true }\n);\n\nconst allDayCls = computed(() => `${cssClasses.PREFIX}-all-day`);\n\nconst allDayContentCls = computed(() => {\n    return classnames(`${allDayCls.value}-content`, {\n        [`${cssClasses.PREFIX}-weekend`]: isWeekend.value,\n    });\n});\n\nwatch(\n    () => [props.events, props.displayValue],\n    () => {\n        const prevEventKeys = state.value.cachedKeys;\n        const nowEventKeys = props.events.map((event) => event.key);\n        if (!isEqual(prevEventKeys, nowEventKeys)) {\n            foundation.parseDailyEvents();\n        }\n    },\n    { deep: true }\n);\n</script>\n"],"names":["props","__props","prefixCls","cssClasses","domRef","ref","scrollDomRef","state","baseAdapter","getDataAttr","useBaseComponent","adapter","scrollHeight","parsedEvents","cachedKeys","foundation","useFoundation","CalendarFoundation","isWeekend","computed","dayCls","classnames","dayStyle","style","displayValue","handleClick","e","val","value","updateScrollHeight","height","onMounted","nextTick","watch","newVal","allDayCls","allDayContentCls","prevEventKeys","nowEventKeys","event","isEqual","_openBlock","_createElementBlock","_mergeProps","_unref","_createElementVNode","_renderSlot","_ctx","_createBlock","_resolveDynamicComponent","_createVNode","LocaleConsumer","_withCtx","locale","_toDisplayString","_normalizeClass","_Fragment","ind","TimeCol","$slots","slotProps","DayCol"],"mappings":"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"}

package/lib/es/components/calendar/DayCol.vue2.js

@@ -0,0 +1,125 @@
+import { defineComponent as z, ref as F, computed as u, onMounted as U, onUnmounted as W, watch as b, createElementBlock as c, openBlock as o, normalizeClass as a, createElementVNode as s, createCommentVNode as C, renderSlot as V, Fragment as f, normalizeStyle as k, renderList as _, createBlock as R, resolveDynamicComponent as I, unref as $ } from "vue";
+import L from "classnames";
+import { cssClasses as d } from "@douyinfe/semi-foundation/calendar/constants";
+import { getCurrDate as g, round as D, getPos as H } from "@douyinfe/semi-foundation/calendar/eventUtil";
+import { isSameDay as j } from "date-fns";
+const J = ["data-time", "onClick"], K = ["data-time", "onClick"], te = /* @__PURE__ */ z({
+  name: "SemiDayCol",
+  __name: "DayCol",
+  props: {
+    scrollHeight: { default: 0 },
+    currPos: {},
+    isWeekend: { type: Boolean },
+    handleClick: {},
+    events: { default: () => [] },
+    displayValue: {},
+    showCurrTime: { type: Boolean, default: !0 },
+    mode: {},
+    dateGridRender: {},
+    minEventHeight: { default: Number.MIN_SAFE_INTEGER }
+  },
+  setup(x) {
+    const e = x, i = `${d.PREFIX}-grid`;
+    function w(t) {
+      return t < 10 ? `0${t.toString()}` : t.toString();
+    }
+    const m = F(0), h = F(!1), p = u(() => e.displayValue && j(e.displayValue, g())), N = u(() => p.value ? D(H(g())) : 0), E = () => {
+      p.value && e.showCurrTime ? (h.value = !0, m.value = N.value) : (h.value = !1, m.value = 0);
+    };
+    let y = null, v = 0;
+    const P = () => {
+      if (p.value) {
+        const t = Date.now();
+        t - v > 3e4 && (m.value = D(H(g())), v = t);
+      }
+      y = requestAnimationFrame(P);
+    };
+    U(() => {
+      E(), e.showCurrTime && p.value && (v = Date.now(), y = requestAnimationFrame(P));
+    }), W(() => {
+      y !== null && cancelAnimationFrame(y);
+    }), b(
+      () => e.scrollHeight,
+      (t, r) => {
+        t > 0 && (!r || r === 0) && E();
+      },
+      { immediate: !0 }
+    );
+    const B = u(() => e.showCurrTime ? h.value : !1), G = u(() => L(`${i}-skeleton`, {
+      [`${d.PREFIX}-weekend`]: e.isWeekend
+    })), S = u(() => ({ top: `${m.value * e.scrollHeight}px` })), X = (t) => {
+      const { startPos: r, endPos: l, left: n = 0 } = t, M = r * e.scrollHeight, q = (l - r) * e.scrollHeight;
+      return {
+        top: `${M}px`,
+        height: `${Math.max(e.minEventHeight, q)}px`,
+        left: n
+      };
+    }, T = (t, r) => {
+      e.handleClick(t, r);
+    }, A = u(() => e.events || []);
+    return (t, r) => (o(), c("div", {
+      class: a(i),
+      role: "presentation"
+    }, [
+      s("div", {
+        role: "gridcell",
+        class: a(`${i}-content`)
+      }, [
+        B.value ? (o(), c(f, { key: 0 }, [
+          s("div", {
+            class: a(`${i}-curr-circle`),
+            style: k(S.value)
+          }, null, 6),
+          s("div", {
+            class: a(`${i}-curr-line`),
+            style: k(S.value)
+          }, null, 6)
+        ], 64)) : C("", !0),
+        s("ul", {
+          role: "row",
+          class: a(G.value)
+        }, [
+          (o(), c(f, null, _(25, (l) => (o(), c(f, {
+            key: `${l - 1}-daycol`
+          }, [
+            s("li", {
+              "data-time": `${w(l - 1)}:00:00`,
+              class: a(`${i}-skeleton-row-line`),
+              onClick: (n) => T(n, [e.displayValue, l - 1, 0, 0])
+            }, null, 10, J),
+            s("li", {
+              "data-time": `${w(l - 1)}:30:00`,
+              onClick: (n) => T(n, [e.displayValue, l - 1, 30, 0])
+            }, null, 8, K)
+          ], 64))), 64))
+        ], 2),
+        V(t.$slots, "dateGrid", {
+          dateString: e.displayValue.toString(),
+          date: e.displayValue
+        }, () => [
+          e.dateGridRender ? (o(), R(I(() => e.dateGridRender(e.displayValue.toString(), e.displayValue)), { key: 0 })) : C("", !0)
+        ]),
+        s("ul", {
+          class: a(`${$(d).PREFIX}-event-items`)
+        }, [
+          (o(!0), c(f, null, _(A.value, (l, n) => (o(), c("li", {
+            key: l.key || `${l.startPos}-${n}`,
+            class: a(`${$(d).PREFIX}-event-item ${$(d).PREFIX}-event-day`),
+            style: k(X(l))
+          }, [
+            V(t.$slots, "event", {
+              event: l,
+              index: n
+            }, () => [
+              l.children ? (o(), R(I(() => l.children), { key: 0 })) : C("", !0)
+            ])
+          ], 6))), 128))
+        ], 2)
+      ], 2)
+    ]));
+  }
+});
+export {
+  te as default
+};
+//# sourceMappingURL=DayCol.vue2.js.map

package/lib/es/components/calendar/DayCol.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayCol.vue2.js","sources":["../../../../src/components/calendar/DayCol.vue"],"sourcesContent":["<template>\n    <div :class=\"prefixCls\" role=\"presentation\">\n        <div role=\"gridcell\" :class=\"`${prefixCls}-content`\">\n            <template v-if=\"showCurrTimeComputed\">\n                <!-- 当前时间线圆点 -->\n                <div :class=\"`${prefixCls}-curr-circle`\" :style=\"currTimeStyle\" />\n                <!-- 当前时间线 -->\n                <div :class=\"`${prefixCls}-curr-line`\" :style=\"currTimeStyle\" />\n            </template>\n            <ul role=\"row\" :class=\"skeletonCls\">\n                <template v-for=\"item in 25\" :key=\"`${item - 1}-daycol`\">\n                    <li\n                        :data-time=\"`${pad(item - 1)}:00:00`\"\n                        :class=\"`${prefixCls}-skeleton-row-line`\"\n                        @click=\"handleClick($event, [props.displayValue, item - 1, 0, 0])\"\n                    />\n                    <li\n                        :data-time=\"`${pad(item - 1)}:30:00`\"\n                        @click=\"handleClick($event, [props.displayValue, item - 1, 30, 0])\"\n                    />\n                </template>\n            </ul>\n            <slot name=\"dateGrid\" :dateString=\"props.displayValue.toString()\" :date=\"props.displayValue\">\n                <component\n                    :is=\"() => props.dateGridRender(props.displayValue.toString(), props.displayValue)\"\n                    v-if=\"props.dateGridRender\"\n                />\n            </slot>\n            <ul :class=\"`${cssClasses.PREFIX}-event-items`\">\n                <li\n                    v-for=\"(event, ind) in events\"\n                    :key=\"event.key || `${event.startPos}-${ind}`\"\n                    :class=\"`${cssClasses.PREFIX}-event-item ${cssClasses.PREFIX}-event-day`\"\n                    :style=\"getEventStyle(event)\"\n                >\n                    <slot name=\"event\" :event=\"event\" :index=\"ind\">\n                        <component :is=\"() => event.children\" v-if=\"event.children\" />\n                    </slot>\n                </li>\n            </ul>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, onMounted, onUnmounted, watch } from 'vue';\nimport classnames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/calendar/constants';\nimport { getPos, round, getCurrDate } from '@douyinfe/semi-foundation/calendar/eventUtil';\nimport { isSameDay } from 'date-fns';\nimport type { DayColProps } from './interface';\n\ndefineOptions({\n    name: 'SemiDayCol',\n});\n\nconst props = withDefaults(defineProps<DayColProps>(), {\n    events: () => [],\n    showCurrTime: true,\n    scrollHeight: 0,\n    minEventHeight: Number.MIN_SAFE_INTEGER,\n});\n\nconst prefixCls = `${cssClasses.PREFIX}-grid`;\n\nfunction pad(d: number) {\n    return d < 10 ? `0${d.toString()}` : d.toString();\n}\n\n// 当前时间位置状态\nconst currPos = ref(0);\nconst showCurrTime = ref(false);\n\n// 计算是否是今天\nconst isToday = computed(() => {\n    return props.displayValue && isSameDay(props.displayValue, getCurrDate());\n});\n\n// 计算当前时间在一天中的位置比例 (0-1)\nconst calculatedCurrPos = computed(() => {\n    if (isToday.value) {\n        return round(getPos(getCurrDate()));\n    }\n    return 0;\n});\n\n// 初始化当前时间线\nconst initCurrTime = () => {\n    if (isToday.value && props.showCurrTime) {\n        showCurrTime.value = true;\n        currPos.value = calculatedCurrPos.value;\n    } else {\n        showCurrTime.value = false;\n        currPos.value = 0;\n    }\n};\n\n// 定时更新当前时间位置\nlet rafId: number | null = null;\nlet lastUpdateTime = 0;\n\nconst updateCurrPos = () => {\n    if (isToday.value) {\n        const now = Date.now();\n        if (now - lastUpdateTime > 30000) {\n            currPos.value = round(getPos(getCurrDate()));\n            lastUpdateTime = now;\n        }\n    }\n    rafId = requestAnimationFrame(updateCurrPos);\n};\n\nonMounted(() => {\n    initCurrTime();\n    if (props.showCurrTime && isToday.value) {\n        lastUpdateTime = Date.now();\n        rafId = requestAnimationFrame(updateCurrPos);\n    }\n});\n\nonUnmounted(() => {\n    if (rafId !== null) {\n        cancelAnimationFrame(rafId);\n    }\n});\n\n// 监听 scrollHeight 变化，确保时间线正确显示\nwatch(\n    () => props.scrollHeight,\n    (newVal, oldVal) => {\n        if (newVal > 0 && (!oldVal || oldVal === 0)) {\n            initCurrTime();\n        }\n    },\n    { immediate: true }\n);\n\n// 是否显示当前时间线\nconst showCurrTimeComputed = computed(() => {\n    return props.showCurrTime ? showCurrTime.value : false;\n});\n\nconst skeletonCls = computed(() => {\n    return classnames(`${prefixCls}-skeleton`, {\n        [`${cssClasses.PREFIX}-weekend`]: props.isWeekend,\n    });\n});\n\nconst currTimeStyle = computed(() => {\n    const top = currPos.value * props.scrollHeight;\n    return { top: `${top}px` };\n});\n\nconst getEventStyle = (event: any) => {\n    const { startPos, endPos, left = 0 } = event;\n    const top = startPos * props.scrollHeight;\n    const height = (endPos - startPos) * props.scrollHeight;\n    return {\n        top: `${top}px`,\n        height: `${Math.max(props.minEventHeight, height)}px`,\n        left: left,\n    };\n};\n\nconst handleClick = (e: MouseEvent, val: [Date, number, number, number]) => {\n    props.handleClick(e, val);\n};\n\nconst events = computed(() => props.events || []);\n</script>\n"],"names":["props","__props","prefixCls","cssClasses","pad","d","currPos","ref","showCurrTime","isToday","computed","isSameDay","getCurrDate","calculatedCurrPos","round","getPos","initCurrTime","rafId","lastUpdateTime","updateCurrPos","now","onMounted","onUnmounted","watch","newVal","oldVal","showCurrTimeComputed","skeletonCls","classnames","currTimeStyle","getEventStyle","event","startPos","endPos","left","top","height","handleClick","e","val","events","_createElementBlock","_createElementVNode","_Fragment","_renderList","item","$event","_renderSlot","_ctx","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_unref","ind","_normalizeStyle"],"mappings":"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"}