@transsionfe/semi-ui-vue 0.0.5 → 0.0.7

package/lib/es/components/notification/Notice.vue.js

@@ -1,186 +0,0 @@
-import { defineComponent as k, isVNode as E, ref as N, computed as d, h as f, openBlock as s, createElementBlock as c, mergeProps as F, unref as i, normalizeClass as r, createBlock as S, resolveDynamicComponent as H, createCommentVNode as m, createElementVNode as x, createVNode as A } from "vue";
-import T from "classnames";
-import { numbers as q, cssClasses as D, strings as L } from "@douyinfe/semi-foundation/notification/constants";
-import U from "@douyinfe/semi-foundation/notification/notificationFoundation";
-import W from "../iconButton/IconButton.vue.js";
-import { getUuidShort as G } from "@douyinfe/semi-foundation/utils/uuid";
-import J from "../icons/icons/IconAlertCircle.vue.js";
-import K from "../icons/icons/IconInfoCircle.vue.js";
-import Q from "../icons/icons/IconTickCircle.vue.js";
-import X from "../icons/icons/IconAlertTriangle.vue.js";
-import { useFoundation as Y } from "../../_utils/useFoundation.js";
-import Z from "../icons/icons/IconClose.vue.js";
-const tt = ["aria-labelledby"], et = ["id"], Ct = /* @__PURE__ */ k({
-  name: "Notice",
-  inheritAttrs: !1,
-  __name: "Notice",
-  props: {
-    id: {},
-    title: { default: "" },
-    content: { default: "" },
-    type: {},
-    theme: { default: "normal" },
-    icon: {},
-    onClick: {},
-    onClose: {},
-    onCloseClick: {},
-    onHookClose: {},
-    showClose: { type: Boolean, default: !0 },
-    close: {},
-    style: {},
-    className: {},
-    direction: {},
-    motion: { type: Boolean, default: !0 },
-    onAnimationEnd: {},
-    onAnimationStart: {},
-    top: {},
-    bottom: {},
-    left: {},
-    right: {},
-    duration: { default: q.duration },
-    position: {},
-    zIndex: {},
-    getPopupContainer: {}
-  },
-  emits: ["close", "animationEnd", "animationStart"],
-  setup(b, { expose: P, emit: z }) {
-    const t = b, C = k({
-      props: {
-        content: {
-          type: [Object, String],
-          required: !0
-        }
-      },
-      setup(e) {
-        return () => (E(e.content), e.content);
-      }
-    }), u = z, n = D.NOTICE, w = N(null), p = G({}), y = {
-      warning: X,
-      success: Q,
-      info: K,
-      error: J
-    }, _ = d(() => {
-      const { type: e, icon: o } = t, $ = "large", g = T(`${n}-icon`, `${n}-${e}`);
-      return o ? E(o) ? f(o, { size: $, class: g }) : o : e && y[e] ? f(y[e], { size: $, class: g }) : null;
-    }), B = d(() => {
-      const e = t.direction || "ltr", o = e === "rtl" ? "topLeft" : "topRight";
-      return t.position, T(n, t.className, {
-        [`${n}-close`]: !l.value.visible,
-        [`${n}-icon-show`]: t.type && L.types.includes(t.type),
-        [`${n}-${t.type}`]: t.type,
-        [`${n}-${t.theme}`]: t.theme === "light",
-        [`${n}-rtl`]: e === "rtl"
-      });
-    }), l = N({
-      visible: !0
-    }), I = (e) => {
-      var o;
-      (o = t.onAnimationStart) == null || o.call(t, e), u("animationStart", e);
-    }, V = (e) => {
-      var o;
-      (o = t.onAnimationEnd) == null || o.call(t, e), u("animationEnd", e);
-    }, M = d(() => t.motion ? {
-      onAnimationstart: I,
-      onAnimationend: V
-    } : {}), O = {
-      getProps: () => t,
-      getProp: (e) => t[e],
-      getState: () => l.value,
-      getStates: () => l.value,
-      setState: (e, o) => {
-        Object.assign(l.value, e), o == null || o();
-      },
-      getContext: () => {
-      },
-      getContexts: () => ({}),
-      getCache: () => {
-      },
-      getCaches: () => ({}),
-      setCache: () => {
-      },
-      stopPropagation: (e) => e == null ? void 0 : e.stopPropagation(),
-      persistEvent: () => {
-      },
-      notifyWrapperToRemove: (e) => {
-        u("close", e);
-      },
-      notifyClose: () => {
-        var e, o;
-        (e = t.onClose) == null || e.call(t), (o = t.onHookClose) == null || o.call(t);
-      }
-    }, { foundation: a } = Y(U, O), h = () => {
-      a._clearCloseTimer();
-    }, v = () => {
-      a._startCloseTimer();
-    }, R = (e) => {
-      var o;
-      (o = t.onCloseClick) == null || o.call(t, t.id || ""), a.close(e);
-    }, j = (e) => {
-      var o;
-      (o = t.onClick) == null || o.call(t, e);
-    };
-    return P({
-      clearCloseTimer: h,
-      startCloseTimer: v,
-      restartCloseTimer: () => a.restartCloseTimer(),
-      foundation: a
-    }), (e, o) => (s(), c("div", F({
-      ref_key: "noticeEle",
-      ref: w,
-      role: "alert",
-      "aria-labelledby": i(p),
-      class: B.value,
-      style: t.style
-    }, M.value, {
-      onMouseenter: h,
-      onMouseleave: v,
-      onClick: j
-    }), [
-      _.value ? (s(), c("div", {
-        key: 0,
-        class: r(`${i(n)}-icon`)
-      }, [
-        (s(), S(H(_.value)))
-      ], 2)) : m("", !0),
-      x("div", {
-        class: r(`${i(n)}-inner`)
-      }, [
-        x("div", {
-          class: r(`${i(n)}-content-wrapper`)
-        }, [
-          t.title ? (s(), c("div", {
-            key: 0,
-            id: i(p),
-            class: r(`${i(n)}-title`),
-            "x-semi-prop": "title"
-          }, [
-            A(i(C), {
-              content: t.title
-            }, null, 8, ["content"])
-          ], 10, et)) : m("", !0),
-          t.content ? (s(), c("div", {
-            key: 1,
-            class: r(`${i(n)}-content`),
-            "x-semi-prop": "content"
-          }, [
-            A(i(C), {
-              content: t.content
-            }, null, 8, ["content"])
-          ], 2)) : m("", !0)
-        ], 2),
-        t.showClose ? (s(), S(W, {
-          key: 0,
-          class: r(`${i(n)}-icon-close`),
-          type: "tertiary",
-          icon: f(i(Z)),
-          theme: "borderless",
-          size: "small",
-          onClick: R
-        }, null, 8, ["class", "icon"])) : m("", !0)
-      ], 2)
-    ], 16, tt));
-  }
-});
-export {
-  Ct as default
-};

package/lib/es/components/notification/NotificationList.vue.js

@@ -1,147 +0,0 @@
-import { defineComponent as j, ref as v, computed as I, watch as q, nextTick as _, openBlock as l, createElementBlock as p, Fragment as g, renderList as A, normalizeStyle as D, normalizeClass as G, createBlock as k, unref as N, withCtx as H, mergeProps as J, createCommentVNode as x } from "vue";
-import P from "classnames";
-import { cssClasses as L } from "@douyinfe/semi-foundation/notification/constants";
-import K from "@douyinfe/semi-foundation/notification/notificationListFoundation";
-import Q from "./Notice.vue.js";
-import U from "../_cssAnimation/index.vue.js";
-import { useFoundation as X } from "../../_utils/useFoundation.js";
-const Y = ["placement"], rt = /* @__PURE__ */ j({
-  name: "NotificationList",
-  inheritAttrs: !1,
-  __name: "NotificationList",
-  props: {
-    className: {},
-    style: {},
-    direction: { default: "ltr" }
-  },
-  setup(S, { expose: $ }) {
-    const f = S, R = L.NOTICE, y = v([]), T = v([]), a = v({
-      notices: [],
-      removedItems: [],
-      updatedItems: []
-    }), w = {
-      getProps: () => f,
-      getProp: (t) => f[t],
-      getState: (t) => a.value[t],
-      getStates: () => a.value,
-      setState: (t, o) => {
-        t.notices !== void 0 && (a.value.notices = t.notices), t.removedItems !== void 0 && (a.value.removedItems = t.removedItems), t.updatedItems !== void 0 && (a.value.updatedItems = t.updatedItems), o == null || o();
-      },
-      getContext: () => {
-      },
-      getContexts: () => ({}),
-      getCache: () => {
-      },
-      getCaches: () => ({}),
-      setCache: () => {
-      },
-      stopPropagation: (t) => t == null ? void 0 : t.stopPropagation(),
-      persistEvent: () => {
-      },
-      updateNotices: (t, o = [], s = []) => {
-        y.value = [...t], T.value = [...o], a.value.notices = t, a.value.removedItems = o, a.value.updatedItems = s;
-      },
-      getNotices: () => y.value
-    }, { foundation: n } = X(K, w), F = I(() => {
-      const { notices: t } = a.value, o = Array.from(/* @__PURE__ */ new Set([...t, ...a.value.removedItems])), s = {
-        top: [],
-        topLeft: [],
-        topRight: [],
-        bottom: [],
-        bottomLeft: [],
-        bottomRight: []
-      };
-      return o.forEach((r) => {
-        const h = (r.direction || f.direction || "ltr") === "rtl" ? "topLeft" : "topRight", i = r.position || h;
-        s[i].push(r);
-      }), s;
-    }), b = I(() => P(L.LIST)), c = (t) => a.value.removedItems.find((o) => o.id === t.id) !== void 0, z = (t) => {
-      const o = {};
-      return ["top", "left", "bottom", "right"].forEach((s) => {
-        const r = t[s];
-        r != null && (typeof r == "string" || typeof r == "number") && (o[s] = typeof r == "number" ? `${r}px` : r);
-      }), o;
-    }, M = (t) => {
-      t && n.removeNotice(t);
-    }, O = (t) => {
-      t && M(t);
-    }, C = /* @__PURE__ */ new Map(), V = (t, o) => {
-      t ? (C.set(o.id || "", t), a.value.updatedItems.some((s) => s.id === o.id) && _(() => {
-        var s;
-        (s = t == null ? void 0 : t.restartCloseTimer) == null || s.call(t);
-      })) : C.delete(o.id || "");
-    };
-    return q(
-      () => a.value.updatedItems,
-      (t) => {
-        t.length > 0 && _(() => {
-          t.forEach((o) => {
-            var r;
-            const s = C.get(o.id || "");
-            s && ((r = s.restartCloseTimer) == null || r.call(s));
-          });
-        });
-      },
-      { deep: !0 }
-    ), $({
-      has: (t) => n.has(t),
-      add: (t) => n.addNotice(t),
-      update: (t, o) => n.update(t, o),
-      remove: (t) => n.removeNotice(t),
-      destroyAll: () => n.destroyAll()
-    }), (t, o) => (l(!0), p(g, null, A(F.value, (s, r) => (l(), p(g, { key: r }, [
-      s.length > 0 ? (l(), p("div", {
-        key: 0,
-        class: G(b.value),
-        style: D(z(s[0])),
-        placement: r
-      }, [
-        (l(!0), p(g, null, A(s, (e) => (l(), k(U, {
-          key: e.id,
-          motion: e.motion !== !1,
-          animationState: c(e) ? "leave" : "enter",
-          startClassName: `${N(R)}-animation-${c(e) ? "hide" : "show"}_${r}`,
-          endClassName: ""
-        }, {
-          default: H(({ animationClassName: h, animationEventsNeedBind: i, isAnimating: W }) => [
-            c(e) && !W ? x("", !0) : (l(), k(Q, J({
-              key: 0,
-              id: e.id,
-              ref_for: !0,
-              ref: (m) => V(m, e),
-              title: e.title,
-              content: e.content,
-              type: e.type,
-              duration: e.duration,
-              icon: e.icon,
-              showClose: e.showClose,
-              onClose: e.onClose,
-              onCloseClick: e.onCloseClick,
-              onClick: e.onClick,
-              style: e.style,
-              className: N(P)(e.className, h),
-              theme: e.theme,
-              position: e.position,
-              direction: e.direction,
-              motion: e.motion !== !1
-            }, { ref_for: !0 }, i, {
-              onAnimationstart: (m) => {
-                var u, d;
-                (u = i.onAnimationstart) == null || u.call(i), (d = e.onAnimationStart) == null || d.call(e, m);
-              },
-              onAnimationend: (m) => {
-                var u, d;
-                (u = i.onAnimationend) == null || u.call(i), (d = e.onAnimationEnd) == null || d.call(e, m);
-              },
-              onClose: O
-            }), null, 16, ["id", "title", "content", "type", "duration", "icon", "showClose", "onClose", "onCloseClick", "onClick", "style", "className", "theme", "position", "direction", "motion", "onAnimationstart", "onAnimationend"]))
-          ]),
-          _: 2
-        }, 1032, ["motion", "animationState", "startClassName"]))), 128))
-      ], 14, Y)) : x("", !0)
-    ], 64))), 128));
-  }
-});
-export {
-  rt as default
-};

package/lib/es/components/overflowList/IntersectionObserver.vue.js

@@ -1,49 +0,0 @@
-import { defineComponent as a, ref as l, watch as n, onMounted as f, onBeforeUnmount as u, renderSlot as d, nextTick as m } from "vue";
-const b = /* @__PURE__ */ a({
-  __name: "IntersectionObserver",
-  props: {
-    root: {},
-    rootMargin: { default: "0px" },
-    threshold: { default: 0 },
-    items: {}
-  },
-  emits: ["intersect"],
-  setup(s, { emit: i }) {
-    const e = s, c = i;
-    l();
-    let t = null;
-    const r = async () => {
-      await m(), t && t.disconnect(), t = new IntersectionObserver(
-        (o) => {
-          c("intersect", o);
-        },
-        {
-          root: e.root || null,
-          rootMargin: e.rootMargin,
-          threshold: e.threshold
-        }
-      ), e.items && Object.values(e.items).forEach((o) => {
-        o && o instanceof Element && t.observe(o);
-      });
-    };
-    return n(
-      () => e.items,
-      () => {
-        r();
-      },
-      { deep: !0 }
-    ), n(
-      () => e.root,
-      () => {
-        r();
-      }
-    ), f(() => {
-      r();
-    }), u(() => {
-      t && (t.disconnect(), t = null);
-    }), (o, p) => d(o.$slots, "default");
-  }
-});
-export {
-  b as default
-};

package/lib/es/components/overflowList/OverflowList.vue.js

@@ -1,242 +0,0 @@
-import { defineComponent as Z, ref as A, reactive as k, watch as $, computed as W, openBlock as s, createBlock as c, unref as g, withCtx as L, createElementVNode as M, normalizeStyle as O, normalizeClass as p, resolveDynamicComponent as f, createCommentVNode as R, createElementBlock as S, Fragment as b, renderList as P, nextTick as _, h as x } from "vue";
-import { get as ee } from "lodash";
-import { cssClasses as te, strings as T, numbers as B } from "@douyinfe/semi-foundation/overflowList/constants";
-import oe from "@douyinfe/semi-foundation/overflowList/foundation";
-import N from "../_resizeObserver/index.vue.js";
-import re from "./IntersectionObserver.vue.js";
-import V from "fast-copy";
-const ue = /* @__PURE__ */ Z({
-  name: "OverflowList",
-  __name: "OverflowList",
-  props: {
-    className: {},
-    collapseFrom: { default: "end" },
-    items: {},
-    minVisibleItems: { default: 0 },
-    onIntersect: {},
-    onOverflow: {},
-    overflowRenderer: {},
-    renderMode: { default: "collapse" },
-    style: {},
-    threshold: { default: 0.75 },
-    visibleItemRenderer: {},
-    wrapperClassName: {},
-    wrapperStyle: {},
-    itemKey: {},
-    onVisibleStateChange: {},
-    overflowRenderDirection: { default: "both" }
-  },
-  emits: ["intersect", "overflow", "visibleStateChange"],
-  setup(a, { emit: K }) {
-    const i = a, z = K, w = te.PREFIX, U = A(), j = T.BOUNDARY_MAP;
-    T.OVERFLOW_DIR;
-    const D = T.MODE_MAP, F = A(), v = k({}), h = k(/* @__PURE__ */ new Map()), o = k({
-      direction: "grow",
-      lastOverflowCount: 0,
-      overflow: [],
-      visible: [],
-      containerWidth: 0,
-      visibleState: /* @__PURE__ */ new Map(),
-      itemSizeMap: /* @__PURE__ */ new Map(),
-      overflowStatus: "calculating",
-      pivot: -1,
-      overflowWidth: 0,
-      maxCount: 0
-    }), y = () => i.renderMode === D.SCROLL, C = (e, n) => {
-      const { itemKey: t } = i;
-      return typeof t == "function" ? t(e) : ee(e, t || "key", n);
-    }, X = (e, n) => {
-      const t = (r) => {
-        var l, m;
-        if (!r) return null;
-        if (r instanceof HTMLElement || r instanceof Element)
-          return r;
-        if (r.$el && r.$el instanceof HTMLElement)
-          return r.$el;
-        if (r.tabItemRef) {
-          const u = r.tabItemRef;
-          if (u instanceof HTMLElement)
-            return u;
-          if ((u == null ? void 0 : u.value) instanceof HTMLElement)
-            return u.value;
-        }
-        return ((m = (l = r.setupState) == null ? void 0 : l.tabItemRef) == null ? void 0 : m.value) instanceof HTMLElement ? r.setupState.tabItemRef.value : null;
-      };
-      if (n) {
-        const r = t(n);
-        r ? v[e] = r : _(() => {
-          const l = t(n);
-          l ? v[e] = l : delete v[e];
-        });
-      } else
-        delete v[e];
-    }, Y = {
-      getProps: () => i,
-      getState: (e) => o[e],
-      getStates: () => o,
-      setState: (e) => {
-        Object.assign(o, e);
-      },
-      getProp: (e) => i[e],
-      getContext: () => ({}),
-      getContexts: () => ({}),
-      getCache: () => ({}),
-      getCaches: () => ({}),
-      setCache: () => {
-      },
-      updateVisibleState: (e) => {
-        o.visibleState = e, z("visibleStateChange", e);
-      },
-      updateStates: (e) => {
-        Object.assign(o, e);
-      },
-      notifyIntersect: (e) => {
-        z("intersect", e);
-      },
-      getItemSizeMap: () => {
-        const e = /* @__PURE__ */ new Map();
-        return h.forEach((n, t) => {
-          e.set(String(t), n);
-        }), e;
-      },
-      stopPropagation: (e) => e == null ? void 0 : e.stopPropagation(),
-      persistEvent: () => {
-      }
-    }, I = new oe(Y);
-    $(
-      () => [i.items, i.style, i.renderMode],
-      () => {
-        if (o.direction = "grow", o.lastOverflowCount = 0, o.maxCount = 0, i.renderMode === D.SCROLL)
-          o.visible = i.items || [], o.overflow = [];
-        else {
-          let e = (i.items || []).length;
-          o.containerWidth > 0 && Math.floor(o.containerWidth / B.MINIMUM_HTML_ELEMENT_WIDTH) !== 0 && (e = Math.min(e, Math.floor(o.containerWidth / B.MINIMUM_HTML_ELEMENT_WIDTH)));
-          const n = i.collapseFrom === j.START, t = i.items || [], r = n ? V(t).reverse().slice(0, e) : t.slice(0, e), l = n ? V(t).reverse().slice(e) : t.slice(e);
-          o.visible = r, o.overflow = l, o.maxCount = e;
-        }
-        o.pivot = -1, o.containerWidth > 0 ? o.overflowStatus = "calculating" : o.overflowStatus = "normal";
-      },
-      { deep: !0, immediate: !0 }
-    ), $(
-      () => o.overflowStatus,
-      (e) => {
-        !y() && e === "calculating" && I.handleCollapseOverflow();
-      }
-    );
-    const q = (e = []) => {
-      var t;
-      const n = (t = e[0]) == null ? void 0 : t.target.clientWidth;
-      o.containerWidth = n, o.overflowStatus = "calculating";
-    }, G = (e) => {
-      I.handleIntersect(e);
-    }, J = (e, n, t) => {
-      const r = C(n, t), l = e.target.clientWidth, m = h.get(r);
-      m !== l && (h.set(r, l), m !== void 0 && (o.overflowStatus = "calculating"));
-      const { maxCount: u } = o;
-      h.size === u && o.overflowStatus !== "calculating" && (o.overflowStatus = "calculating");
-    }, E = () => {
-      var t;
-      const e = I.getOverflowItem(), n = ((t = i.overflowRenderer) == null ? void 0 : t.call(i, e)) || null;
-      return !y() && n ? Array.isArray(n) ? x("div", {}, n) : x(
-        N,
-        {
-          onResize: ([r]) => {
-            const l = r.target.clientWidth;
-            o.overflowWidth !== l && (o.overflowWidth = l, o.overflowStatus = "calculating");
-          }
-        },
-        () => x("div", { class: `${w}-overflow` }, n)
-      ) : n;
-    }, H = W(() => [w, i.className]), Q = W(() => {
-      if (!y())
-        return [];
-      const e = [], n = o.visible;
-      for (let t = 0; t < n.length; t++) {
-        const r = n[t];
-        let l = null;
-        typeof i.visibleItemRenderer == "function" ? l = i.visibleItemRenderer(r, t) : l = i.visibleItemRenderer || null, l && (l.key = C(r, t), e.push(l));
-      }
-      return e;
-    }), d = W(() => {
-      if (!y())
-        return [null, null];
-      const e = E();
-      return Array.isArray(e) ? e : [e, null];
-    });
-    return (e, n) => a.renderMode === "collapse" ? (s(), c(g(N), {
-      key: 0,
-      onResize: q
-    }, {
-      default: L(() => [
-        M("div", {
-          class: p(H.value),
-          style: O(
-            {
-              ...a.style,
-              maxWidth: "100%",
-              visibility: o.overflowStatus === "calculating" ? "hidden" : "visible"
-            }
-          )
-        }, [
-          a.collapseFrom === "start" ? (s(), c(f(E()), { key: 0 })) : R("", !0),
-          (s(!0), S(b, null, P(o.visible, (t, r) => (s(), c(g(N), {
-            key: C(t, r),
-            onResize: (l) => J(l[0], t, r)
-          }, {
-            default: L(() => [
-              M("div", {
-                class: p(`${g(w)}-item`)
-              }, [
-                (s(), c(f(a.visibleItemRenderer(t, r))))
-              ], 2)
-            ]),
-            _: 2
-          }, 1032, ["onResize"]))), 128)),
-          a.collapseFrom === "end" ? (s(), c(f(E()), { key: 1 })) : R("", !0)
-        ], 6)
-      ]),
-      _: 1
-    })) : (s(), c(re, {
-      key: 1,
-      root: F.value,
-      threshold: a.threshold,
-      items: v,
-      onIntersect: G
-    }, {
-      default: L(() => [
-        M("div", {
-          ref_key: "containerRef",
-          ref: U,
-          class: p(H.value),
-          style: O(a.style)
-        }, [
-          a.overflowRenderDirection === "both" ? (s(), c(f(d.value[0]), { key: 0 })) : a.overflowRenderDirection === "start" ? (s(), S(b, { key: 1 }, [
-            (s(), c(f(d.value[1]))),
-            (s(), c(f(d.value[0])))
-          ], 64)) : R("", !0),
-          M("div", {
-            ref_key: "scroller",
-            ref: F,
-            class: p([a.wrapperClassName, `${g(w)}-scroll-wrapper`]),
-            style: O(a.wrapperStyle)
-          }, [
-            (s(!0), S(b, null, P(Q.value, (t, r) => (s(), c(f(t), {
-              key: t.key,
-              ref_for: !0,
-              ref: (l) => X(t.key, l),
-              "data-scrollkey": t.key
-            }, null, 8, ["data-scrollkey"]))), 128))
-          ], 6),
-          a.overflowRenderDirection === "both" ? (s(), c(f(d.value[1]), { key: 2 })) : a.overflowRenderDirection === "end" ? (s(), S(b, { key: 3 }, [
-            (s(), c(f(d.value[0]))),
-            (s(), c(f(d.value[1])))
-          ], 64)) : R("", !0)
-        ], 6)
-      ]),
-      _: 1
-    }, 8, ["root", "threshold", "items"]));
-  }
-});
-export {
-  ue as default
-};