@transsionfe/semi-ui-vue 0.0.5 → 0.0.7

package/lib/es/components/avatar/Avatar.vue.js

@@ -1,292 +0,0 @@
-import { defineComponent as q, useSlots as G, ref as h, onMounted as H, onBeforeUnmount as J, watch as w, computed as v, nextTick as Q, openBlock as y, createElementBlock as Y, normalizeStyle as ee, normalizeClass as te, unref as A, createBlock as C, resolveDynamicComponent as k, createCommentVNode as F, h as r } from "vue";
-import { cssClasses as oe, strings as _ } from "@douyinfe/semi-foundation/avatar/constants";
-import se from "@douyinfe/semi-foundation/avatar/foundation";
-import re from "./TopSlotSvg.vue.js";
-const ue = /* @__PURE__ */ q({
-  name: "Avatar",
-  __name: "Avatar",
-  props: {
-    color: { default: "grey" },
-    shape: { default: "circle" },
-    size: { default: "medium" },
-    hoverMask: {},
-    src: {},
-    srcSet: {},
-    alt: {},
-    gap: { default: 3 },
-    imgAttr: {},
-    bottomSlot: {},
-    topSlot: {},
-    border: { type: [Object, Boolean] },
-    contentMotion: { type: Boolean },
-    className: {},
-    style: {}
-  },
-  emits: ["click", "mouseenter", "mouseleave", "error"],
-  setup($, { emit: V }) {
-    const o = oe.PREFIX, e = $, f = V, d = G(), p = h(!0), i = h(null), b = h(!1), S = h(1), I = h(null);
-    let l;
-    const L = {
-      notifyImgState: (t) => {
-        p.value = t;
-      },
-      notifyEnter: (t) => {
-        d["hover-mask"] ? i.value = !0 : i.value = e.hoverMask ?? null, f("mouseenter", t);
-      },
-      notifyLeave: (t) => {
-        i.value = null, f("mouseleave", t);
-      },
-      setFocusVisible: (t) => {
-        b.value = t;
-      },
-      setScale: (t) => {
-        S.value = t;
-      },
-      getAvatarNode: () => I.value,
-      getProp: (t) => e[t],
-      getProps: () => ({ ...e }),
-      // Add missing properties from DefaultAdapter
-      getContext: () => null,
-      getContexts: () => ({}),
-      getState: (t) => ({
-        isImgExist: p.value,
-        hoverContent: i.value,
-        focusVisible: b.value,
-        scale: S.value
-      })[t],
-      getStates: () => ({
-        isImgExist: p.value,
-        hoverContent: i.value,
-        focusVisible: b.value,
-        scale: S.value
-      }),
-      setState: () => {
-      },
-      // Not used in Vue 3 composition API
-      getCache: () => null,
-      getCaches: () => ({}),
-      setCache: () => {
-      },
-      stopPropagation: (t) => t.stopPropagation(),
-      persistEvent: () => {
-      }
-    };
-    H(() => {
-      l = new se(L), l.init();
-    }), J(() => {
-      l && l.destroy();
-    }), w(
-      () => e.src,
-      (t, s) => {
-        if (t && t !== s) {
-          const a = new Image(0, 0);
-          a.src = t, a.onload = () => {
-            p.value = !0;
-          }, a.onerror = () => {
-            p.value = !1, f("error");
-          }, a.onabort = () => {
-            p.value = !1, f("error");
-          };
-        }
-      }
-    );
-    const j = v(() => !!d.default);
-    w(
-      j,
-      () => {
-        d.default && Q(() => {
-          l && l.changeScale();
-        });
-      },
-      { immediate: !0 }
-    ), v(() => typeof e.size == "string" && _.SIZE.includes(e.size));
-    const D = v(() => ["small", "default", "medium", "large", "extra-large"].includes(e.size)), R = v(() => ["extra-small", "small", "default", "medium", "large", "extra-large"].includes(e.size)), z = v(() => e.bottomSlot || e.topSlot || e.border), x = v(() => {
-      const t = {};
-      if (typeof e.size == "number" || typeof e.size == "string" && !_.SIZE.includes(e.size)) {
-        const s = typeof e.size == "number" ? `${e.size}px` : e.size;
-        t.width = s, t.height = s;
-      }
-      return { ...t, ...e.style };
-    }), E = v(() => e.src && p.value), B = (t) => {
-      f("click", t);
-    }, M = (t) => {
-      l && l.handleEnter(t);
-    }, P = (t) => {
-      l && l.handleLeave(t);
-    }, T = () => {
-      l && l.handleImgLoadError(), f("error");
-    }, Z = (t) => {
-      var s;
-      switch (t.key) {
-        case "Enter":
-          B(t), t.preventDefault();
-          break;
-        case "Escape":
-          (s = t.target) == null || s.blur();
-          break;
-      }
-    }, K = (t) => {
-      l && l.handleFocusVisible(t);
-    }, O = () => {
-      l && l.handleBlur();
-    }, U = () => {
-      const t = d.default ? d.default() : null, s = {
-        tabindex: 0,
-        onKeydown: Z,
-        onFocus: K,
-        onBlur: O
-      };
-      if (E.value) {
-        const a = `clickable Avatar: ${e.alt}`, c = { ...{
-          src: e.src,
-          srcSet: e.srcSet,
-          onError: T,
-          ...e.imgAttr
-        }, ...s };
-        return r("img", { alt: a, ...c });
-      } else if (t && t.length === 1 && typeof t[0].children == "string") {
-        const a = t[0].children, u = { ...{
-          role: "img",
-          "aria-label": `clickable Avatar: ${e.alt ?? a}`,
-          class: `${o}-label`,
-          "x-semi-prop": "children"
-        }, ...s }, g = {
-          transform: `scale(${S.value})`
-        };
-        return r("span", { class: `${o}-content`, style: g }, [r("span", u, a)]);
-      }
-      return t;
-    }, W = () => {
-      if (!e.bottomSlot)
-        return null;
-      if (e.bottomSlot.render)
-        return e.bottomSlot.render();
-      const { shape: t = "circle", text: s, bgColor: a, textColor: n, className: c, style: m } = e.bottomSlot, u = () => {
-        const g = {};
-        return a && (g.backgroundColor = a), n && (g.color = n), r(
-          "span",
-          {
-            style: g,
-            class: [
-              `${o}-bottom_slot-shape_${t}`,
-              `${o}-bottom_slot-shape_${t}-${e.size}`,
-              c ?? ""
-            ]
-          },
-          s
-        );
-      };
-      return r("div", { class: `${o}-bottom_slot`, style: m ?? {} }, u());
-    }, X = () => {
-      if (!e.topSlot)
-        return null;
-      if (e.topSlot.render)
-        return e.topSlot.render();
-      const { style: t, className: s, text: a, textColor: n, gradientStart: c, gradientEnd: m } = e.topSlot, u = {};
-      return n && (u.color = n), r(
-        "div",
-        {
-          style: t ?? {},
-          class: [
-            `${o}-top_slot-wrapper`,
-            s ?? "",
-            { [`${o}-animated`]: e.contentMotion }
-          ]
-        },
-        [
-          r("div", { class: [`${o}-top_slot-bg`, `${o}-top_slot-bg-${e.size}`] }, [
-            r("div", { class: [`${o}-top_slot-bg-svg`, `${o}-top_slot-bg-svg-${e.size}`] }, [
-              r(re, {
-                gradientStart: c ?? "var(--semi-color-primary)",
-                gradientEnd: m ?? "var(--semi-color-primary)"
-              })
-            ])
-          ]),
-          r("div", { class: `${o}-top_slot` }, [
-            r(
-              "div",
-              {
-                style: u,
-                class: [`${o}-top_slot-content`, `${o}-top_slot-content-${e.size}`]
-              },
-              a
-            )
-          ])
-        ]
-      );
-    }, N = () => {
-      var c;
-      const t = [
-        o,
-        e.className,
-        {
-          [`${o}-${e.shape}`]: e.shape,
-          [`${o}-${e.size}`]: typeof e.size == "string" && _.SIZE.includes(e.size),
-          [`${o}-${e.color}`]: e.color && !E.value,
-          [`${o}-img`]: E.value,
-          [`${o}-focus`]: b.value,
-          [`${o}-animated`]: e.contentMotion
-        }
-      ], s = d["hover-mask"] && i.value !== null ? r("div", { class: `${o}-hover`, "x-semi-prop": "hoverContent" }, d["hover-mask"]()) : i.value && !d["hover-mask"] && typeof i.value != "boolean" ? r("div", { class: `${o}-hover`, "x-semi-prop": "hoverContent" }, i.value) : null, a = z.value ? {} : {
-        onClick: B,
-        onMouseenter: M,
-        onMouseleave: P
-      };
-      let n = r(
-        "span",
-        {
-          style: z.value ? {} : x.value,
-          class: t,
-          ...a,
-          role: "listitem",
-          ref: I
-        },
-        [U(), s]
-      );
-      if (e.border) {
-        const m = {};
-        typeof e.border == "object" && ((c = e.border) != null && c.color) && (m.borderColor = e.border.color);
-        const u = [
-          n,
-          r("span", {
-            style: m,
-            class: [
-              `${o}-additionalBorder`,
-              `${o}-additionalBorder-${e.size}`,
-              { [`${o}-${e.shape}`]: e.shape }
-            ]
-          })
-        ];
-        typeof e.border == "object" && e.border.motion && u.push(
-          r("span", {
-            style: m,
-            class: [
-              `${o}-additionalBorder`,
-              `${o}-additionalBorder-${e.size}`,
-              {
-                [`${o}-${e.shape}`]: e.shape,
-                [`${o}-additionalBorder-animated`]: !0
-              }
-            ]
-          })
-        ), n = r("div", { style: { position: "relative", ...x.value } }, u);
-      }
-      return n;
-    };
-    return (t, s) => z.value ? (y(), Y("span", {
-      key: 0,
-      class: te(`${A(o)}-wrapper`),
-      style: ee(x.value),
-      onClick: B,
-      onMouseenter: M,
-      onMouseleave: P
-    }, [
-      (y(), C(k(A(N)()))),
-      $.topSlot && D.value && $.shape === "circle" ? (y(), C(k(X()), { key: 0 })) : F("", !0),
-      $.bottomSlot && R.value ? (y(), C(k(W()), { key: 1 })) : F("", !0)
-    ], 38)) : (y(), C(k(A(N)()), { key: 1 }));
-  }
-});
-export {
-  ue as default
-};

package/lib/es/components/avatar/AvatarGroup.vue.js

@@ -1,62 +0,0 @@
-import { defineComponent as $, useSlots as y, computed as u, cloneVNode as i, openBlock as c, createElementBlock as p, normalizeClass as k, Fragment as f, renderList as x, createBlock as M, resolveDynamicComponent as F, h as z } from "vue";
-import { cssClasses as B } from "@douyinfe/semi-foundation/avatar/constants";
-import S from "./Avatar.vue.js";
-const D = /* @__PURE__ */ $({
-  __name: "AvatarGroup",
-  props: {
-    shape: { default: "circle" },
-    size: { default: "medium" },
-    overlapFrom: { default: "start" },
-    maxCount: {},
-    renderMore: {}
-  },
-  setup(d) {
-    const a = B.PREFIX, l = y(), n = d, v = () => {
-      var r;
-      return (((r = l.default) == null ? void 0 : r.call(l)) || []).flatMap((e) => e.type === f ? e.children : e).filter((e) => typeof e.type == "object");
-    }, g = (t, r) => {
-      const e = `${a}-item-more`, s = `+${t}`;
-      if (typeof n.renderMore == "function") {
-        const o = n.renderMore(t, r);
-        return o ? i(o, { key: "_more" }) : null;
-      }
-      return z(S, { class: e, alt: s, key: "_more" }, () => `+${t}`);
-    }, A = (t) => {
-      const { maxCount: r } = n;
-      if (!r || t.length <= r)
-        return t;
-      const e = t.slice(0, r), s = t.slice(r), o = t.length - r;
-      if (o > 0) {
-        const m = g(o, s);
-        e.push(m);
-      }
-      return e;
-    }, C = u(() => `${a}-group`), _ = u(() => {
-      const t = v();
-      return A(t).map((e, s) => {
-        const o = e.props || {}, h = [
-          o.class || "",
-          {
-            [`${a}-item-start-${s}`]: n.overlapFrom === "start",
-            [`${a}-item-end-${s}`]: n.overlapFrom === "end"
-          }
-        ];
-        return i(e, {
-          ...o,
-          class: h,
-          size: n.size,
-          shape: n.shape
-        });
-      });
-    });
-    return (t, r) => (c(), p("div", {
-      class: k(C.value),
-      role: "list"
-    }, [
-      (c(!0), p(f, null, x(_.value, (e, s) => (c(), M(F(e), { key: s }))), 128))
-    ], 2));
-  }
-});
-export {
-  D as default
-};

package/lib/es/components/avatar/TopSlotSvg.vue.js

@@ -1,82 +0,0 @@
-import { defineComponent as l, openBlock as i, createElementBlock as s, createElementVNode as e, unref as n } from "vue";
-import { getUuidShort as a } from "@douyinfe/semi-foundation/utils/uuid";
-const d = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "51",
-  height: "52",
-  viewBox: "0 0 51 52",
-  fill: "none"
-}, f = ["fill"], p = ["id"], c = ["stop-color"], u = ["stop-color"], g = /* @__PURE__ */ l({
-  __name: "TopSlotSvg",
-  props: {
-    gradientStart: {},
-    gradientEnd: {}
-  },
-  setup(t) {
-    const o = a();
-    return (_, r) => (i(), s("svg", d, [
-      e("g", null, [
-        e("path", {
-          d: "M40.4918 46.5592C44.6795 43.176 46.261 34.1333 47.5301 25.6141C49.5854 11.8168 39.6662 1 25.8097 1C11.2857 1 3 11.4279 3 25.3518C3 33.7866 6.29361 43.8947 10.4602 46.5592C12.5868 47.9192 12.5868 47.9051 25.8097 47.9192C38.3651 47.9282 38.5352 48.14 40.4918 46.5592Z",
-          fill: `url(#${n(o)})`
-        }, null, 8, f)
-      ]),
-      e("defs", null, [
-        r[0] || (r[0] = e("filter", {
-          id: "filter0_d_6_2",
-          x: "0.789215",
-          y: "0.447304",
-          width: "49.2216",
-          height: "51.3549",
-          filterUnits: "userSpaceOnUse",
-          colorInterpolationFilters: "sRGB"
-        }, [
-          e("feFlood", {
-            floodOpacity: "0",
-            result: "BackgroundImageFix"
-          }),
-          e("feColorMatrix", {
-            in: "SourceAlpha",
-            type: "matrix",
-            values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-            result: "hardAlpha"
-          }),
-          e("feOffset", { dy: "1.65809" }),
-          e("feGaussianBlur", { stdDeviation: "1.10539" }),
-          e("feColorMatrix", {
-            type: "matrix",
-            values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"
-          }),
-          e("feBlend", {
-            mode: "normal",
-            in2: "BackgroundImageFix",
-            result: "effect1_dropShadow_6_2"
-          }),
-          e("feBlend", {
-            mode: "normal",
-            in: "SourceGraphic",
-            in2: "effect1_dropShadow_6_2",
-            result: "shape"
-          })
-        ], -1)),
-        e("linearGradient", {
-          id: n(o),
-          x1: "17.671",
-          y1: "31.7392",
-          x2: "17.671",
-          y2: "47.9333",
-          gradientUnits: "userSpaceOnUse"
-        }, [
-          e("stop", { "stop-color": t.gradientStart }, null, 8, c),
-          e("stop", {
-            offset: "1",
-            "stop-color": t.gradientEnd
-          }, null, 8, u)
-        ], 8, p)
-      ])
-    ]));
-  }
-});
-export {
-  g as default
-};

package/lib/es/components/backTop/BackTop.vue.js

@@ -1,89 +0,0 @@
-import { defineComponent as C, reactive as k, computed as g, onMounted as w, onUnmounted as y, openBlock as v, createElementBlock as h, normalizeStyle as _, normalizeClass as b, renderSlot as S, createVNode as l, withCtx as T, unref as x, createCommentVNode as B } from "vue";
-import P from "classnames";
-import { throttle as E } from "lodash-es";
-import { cssClasses as N } from "@douyinfe/semi-foundation/backtop/constants";
-import F from "@douyinfe/semi-foundation/backtop/foundation";
-import V from "../button/Button.vue.js";
-import $ from "../icons/icons/IconChevronUp.vue.js";
-const O = /* @__PURE__ */ C({
-  name: "BackTop",
-  __name: "BackTop",
-  props: {
-    target: { type: Function, default: () => typeof window < "u" ? window : null },
-    visibilityHeight: { default: 400 },
-    duration: { default: 450 },
-    style: {},
-    className: {}
-  },
-  emits: ["click"],
-  setup(r, { emit: a }) {
-    const n = r, c = a, d = N.PREFIX, o = k({
-      visible: !1
-    }), m = {
-      // BackTopAdapter specific methods
-      updateVisible: (e) => {
-        o.visible = e;
-      },
-      notifyClick: (e) => {
-        c("click", e);
-      },
-      targetIsWindow: (e) => e === window,
-      isWindowUndefined: () => typeof window > "u",
-      targetScrollToTop: (e, t) => {
-        e === window ? (document.body.scrollTop = t, document.documentElement.scrollTop = t) : e.scrollTop = t;
-      },
-      getProps: () => n,
-      getProp: (e) => n[e],
-      getStates: () => o,
-      getState: (e) => o[e],
-      // DefaultAdapter required methods
-      getContext: (e) => {
-      },
-      getContexts: () => ({}),
-      setState: (e, t) => {
-        Object.assign(o, e), t && t();
-      },
-      getCache: (e) => {
-      },
-      getCaches: () => ({}),
-      setCache: (e, t) => {
-      },
-      stopPropagation: (e) => {
-        e == null || e.stopPropagation();
-      },
-      persistEvent: (e) => {
-      }
-    }, s = new F(m);
-    let i = null;
-    const u = g(() => P(d, n.className)), p = (e) => {
-      i && i(e);
-    }, f = (e) => {
-      s.onClick(e);
-    };
-    return w(() => {
-      s.init(), i = E(f, n.duration);
-    }), y(() => {
-      s.destroy(), i = null;
-    }), (e, t) => o.visible ? (v(), h("div", {
-      key: 0,
-      class: b(u.value),
-      style: _(r.style),
-      onClick: p
-    }, [
-      S(e.$slots, "default", {}, () => [
-        l(V, {
-          theme: "light",
-          circle: ""
-        }, {
-          default: T(() => [
-            l(x($))
-          ]),
-          _: 1
-        })
-      ])
-    ], 6)) : B("", !0);
-  }
-});
-export {
-  O as default
-};

package/lib/es/components/badge/Badge.vue.js

@@ -1,55 +0,0 @@
-import { defineComponent as N, useAttrs as w, useSlots as M, computed as n, openBlock as b, createElementBlock as E, mergeProps as P, renderSlot as _, createElementVNode as x, normalizeStyle as z, normalizeClass as A, toDisplayString as D } from "vue";
-import r from "classnames";
-import { cssClasses as F } from "@douyinfe/semi-foundation/badge/constants";
-const V = /* @__PURE__ */ N({
-  __name: "Badge",
-  props: {
-    count: {},
-    dot: { type: Boolean, default: !1 },
-    type: { default: "primary" },
-    theme: { default: "solid" },
-    position: { default: "rightTop" },
-    overflowCount: {},
-    style: {},
-    className: { default: "" },
-    countClassName: {},
-    countStyle: {}
-  },
-  emits: ["click", "mouseenter", "mouseleave"],
-  setup(u, { emit: i }) {
-    const t = F.PREFIX, e = u, l = i, m = w(), a = M(), p = n(() => {
-      const { onClick: o, onMouseenter: S, onMouseleave: I, ...B } = m;
-      return B;
-    }), c = (o) => typeof o == "number", d = (o) => typeof o == "string", s = n(() => e.count && !(c(e.count) || d(e.count))), f = n(() => e.count !== null && typeof e.count < "u"), v = n(
-      () => r(e.countClassName, {
-        [`${t}-${e.type}`]: !s.value,
-        [`${t}-${e.theme}`]: !s.value,
-        [`${t}-${e.position}`]: !!e.position && !!a.default,
-        [`${t}-block`]: !a.default,
-        [`${t}-dot`]: e.dot,
-        [`${t}-count`]: !e.dot && !s.value && f.value,
-        [`${t}-custom`]: s.value
-      })
-    ), y = n(() => r(t, e.className)), C = n(() => c(e.count) ? e.overflowCount && e.overflowCount < e.count ? `${e.overflowCount}+` : `${e.count}` : e.count), $ = n(() => e.style || e.countStyle), g = (o) => {
-      l("click", o);
-    }, h = (o) => {
-      l("mouseenter", o);
-    }, k = (o) => {
-      l("mouseleave", o);
-    };
-    return (o, S) => (b(), E("span", P({ class: y.value }, p.value, {
-      onClick: g,
-      onMouseenter: h,
-      onMouseleave: k
-    }), [
-      _(o.$slots, "default"),
-      x("span", {
-        class: A(v.value),
-        style: z($.value)
-      }, D(u.dot ? null : C.value), 7)
-    ], 16));
-  }
-});
-export {
-  V as default
-};