@transsionfe/semi-ui-vue 0.0.5 → 0.0.7

package/lib/es/components/icons/icons/IconYoutube.vue.js

@@ -1,27 +0,0 @@
-import { defineComponent as o, openBlock as e, createBlock as n, mergeProps as r, withCtx as c, createElementBlock as s } from "vue";
-import a from "../Icon.vue.js";
-import "E:/2026/openCode/semi-ui-vue/src/components/icons/Icon.vue?vue&type=style&index=0&lang.css";
-const C = "youtube", i = "0 0 24 24", m = '<path d="M22.5525 6.51556C22.2996 5.53583 21.5577 4.76278 20.6156 4.49901C18.8942 4.008 12.0076 4.00001 12.0076 4.00001C12.0076 4.00001 5.12209 3.99202 3.3996 4.46133C2.47626 4.72282 1.7134 5.513 1.45838 6.49158C1.0044 8.27976 1 11.9886 1 11.9886C1 11.9886 0.995605 15.7157 1.44629 17.4856C1.69911 18.4642 2.44108 19.2372 3.38422 19.501C5.12319 19.992 11.9911 20 11.9911 20C11.9911 20 18.8778 20.008 20.5991 19.5398C21.5401 19.2772 22.2853 18.5053 22.5415 17.5267C22.9965 15.7396 22.9998 12.032 22.9998 12.032C22.9998 12.032 23.0218 8.30374 22.5525 6.51556ZM9.80477 15.4245L9.81027 8.57323L15.5339 12.0046L9.80477 15.4245Z" fill="currentColor"/>', h = /* @__PURE__ */ o({
-  name: "IconYoutube",
-  __name: "IconYoutube",
-  setup(l) {
-    return (t, u) => (e(), n(a, r({ type: C }, t.$attrs), {
-      default: c(() => [
-        (e(), s("svg", {
-          viewBox: i,
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "1em",
-          height: "1em",
-          focusable: "false",
-          "aria-hidden": "true",
-          innerHTML: m
-        }))
-      ]),
-      _: 1
-    }, 16));
-  }
-});
-export {
-  h as default
-};

package/lib/es/components/image/Image.vue.js

@@ -1,263 +0,0 @@
-import { defineComponent as se, useSlots as ae, useAttrs as oe, ref as N, watch as L, computed as i, openBlock as d, createElementBlock as v, normalizeStyle as ie, normalizeClass as p, createElementVNode as le, mergeProps as P, unref as S, createBlock as f, resolveDynamicComponent as k, createCommentVNode as m, withCtx as E, renderSlot as B, h as n } from "vue";
-import D from "classnames";
-import { cssClasses as ne } from "@douyinfe/semi-foundation/image/constants";
-import ce from "@douyinfe/semi-foundation/image/imageFoundation";
-import { usePreviewContext as de } from "./context.js";
-import ue from "../skeleton/SkeletonImage.vue.js";
-import me from "./PreviewInner.vue.js";
-import { isObject as $, isBoolean as ge, omit as he, isUndefined as ve } from "lodash";
-import { useFoundation as pe } from "../../_utils/useFoundation.js";
-import fe from "../icons/icons/IconEyeOpened.vue.js";
-import we from "../icons/icons/IconUploadError.vue.js";
-const ye = ["src", "data-src", "alt", "width", "height", "crossOrigin"], Ke = /* @__PURE__ */ se({
-  name: "Image",
-  isSemiImage: !0,
-  __name: "Image",
-  props: {
-    src: {},
-    width: {},
-    height: {},
-    alt: {},
-    placeholder: {},
-    fallback: {},
-    preview: { type: [Boolean, Object], default: !0 },
-    onError: {},
-    onLoad: {},
-    onClick: {},
-    crossOrigin: {},
-    children: {},
-    imageID: {},
-    setDownloadName: {},
-    imgStyle: {},
-    imgCls: {},
-    className: {},
-    style: {},
-    id: {}
-  },
-  emits: ["load", "error", "click"],
-  setup(a, { expose: V, emit: j }) {
-    const w = ae();
-    console.log("Image 组件初始化，slots:", {
-      header: !!w.header,
-      footer: !!w.footer,
-      availableSlots: Object.keys(w)
-    });
-    const o = ne.PREFIX, t = a, y = j, z = oe(), s = de(), O = N(null), r = N({
-      src: t.src || "",
-      loadStatus: "loading",
-      previewVisible: !1
-    });
-    L(
-      () => t.src,
-      (e) => {
-        e !== r.value.src && (r.value.src = e || "", r.value.loadStatus = "loading");
-      },
-      { immediate: !0 }
-    ), L(
-      () => $(t.preview) ? t.preview.visible : void 0,
-      (e) => {
-        ge(e) && (r.value.previewVisible = e);
-      },
-      { immediate: !0 }
-    );
-    const C = i(() => !!(s && s.isGroup)), R = i(() => s ? s.lazyLoad : !1), A = i(() => {
-      const e = {};
-      t.width !== void 0 && (e.width = typeof t.width == "number" ? `${t.width}px` : t.width), t.height !== void 0 && (e.height = typeof t.height == "number" ? `${t.height}px` : t.height);
-      const l = t.style || {}, c = {}, I = [
-        "marginTop",
-        "marginRight",
-        "marginBottom",
-        "marginLeft",
-        "paddingTop",
-        "paddingRight",
-        "paddingBottom",
-        "paddingLeft",
-        "top",
-        "right",
-        "bottom",
-        "left",
-        "width",
-        "height",
-        "maxWidth",
-        "maxHeight",
-        "minWidth",
-        "minHeight"
-      ];
-      return Object.keys(l).forEach((u) => {
-        const h = l[u];
-        typeof h == "number" && I.includes(u) ? c[u] = `${h}px` : c[u] = h;
-      }), Object.assign({}, e, c);
-    }), F = i(() => D(o, t.className)), G = i(() => {
-      const e = t.preview && r.value.loadStatus === "success";
-      return D(`${o}-img`, {
-        [`${o}-img-preview`]: e,
-        [`${o}-img-error`]: r.value.loadStatus === "error",
-        [t.imgCls || ""]: !!t.imgCls
-      });
-    }), b = i(() => r.value.loadStatus === "success" && t.preview && !C.value), M = i(() => $(t.preview) ? t.preview.src ?? t.src : t.src), x = i(() => $(t.preview) && b.value ? {
-      ...he(t.preview, ["className", "style", "previewCls", "previewStyle"]),
-      className: t.preview.previewCls,
-      style: t.preview.previewStyle
-    } : {}), T = i(() => {
-      var e;
-      return ve(t.crossOrigin) ? (e = x.value) == null ? void 0 : e.crossOrigin : t.crossOrigin;
-    }), H = i(() => {
-      const {
-        src: e,
-        width: l,
-        height: c,
-        alt: I,
-        style: u,
-        className: h,
-        crossOrigin: Ce,
-        preview: be,
-        fallback: Se,
-        placeholder: ke,
-        imageID: $e,
-        setDownloadName: Oe,
-        imgCls: xe,
-        imgStyle: Ie,
-        onClick: Ne,
-        onError: Le,
-        onLoad: Pe,
-        children: Ee,
-        ...te
-      } = t, { children: Be, style: De, ...re } = z;
-      return { ...re, ...te };
-    }), W = {
-      getProps: () => t,
-      getProp: (e) => t[e],
-      getState: (e) => r.value[e],
-      getStates: () => r.value,
-      setState: (e, l) => {
-        Object.assign(r.value, e), l == null || l();
-      },
-      getContext: () => s,
-      getContexts: () => ({
-        setCurrentIndex: s == null ? void 0 : s.setCurrentIndex,
-        handleVisibleChange: s == null ? void 0 : s.handleVisibleChange
-      }),
-      getCache: () => null,
-      getCaches: () => ({}),
-      setCache: () => {
-      },
-      stopPropagation: (e) => e == null ? void 0 : e.stopPropagation(),
-      persistEvent: () => {
-      },
-      getIsInGroup: () => C.value
-    }, { foundation: g } = pe(ce, W), K = (e) => {
-      g.handleClick(e), y("click", e);
-    }, U = (e) => {
-      g.handleLoaded(e), y("load", e);
-    }, X = (e) => {
-      g.handleError(e), y("error", e);
-    }, _ = (e) => {
-      g.handlePreviewVisibleChange(e);
-    }, q = () => n(ue, {
-      style: {
-        width: "100%",
-        height: "100%",
-        position: "absolute",
-        top: 0,
-        left: 0
-      }
-    }), J = () => n(we, {
-      size: "extra-large"
-    }), Q = () => t.placeholder ? n("div", { style: {
-      width: "100%",
-      height: "100%",
-      position: "absolute",
-      top: 0,
-      left: 0,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center"
-    } }, { default: () => t.placeholder }) : q(), Y = () => {
-      if (t.fallback) {
-        const e = typeof t.fallback == "string" ? n("img", {
-          style: { width: "100%", height: "100%" },
-          src: t.fallback,
-          alt: "fallback"
-        }) : t.fallback;
-        return n("div", {}, { default: () => e });
-      }
-      return J();
-    }, Z = (e) => ({
-      preview: "预览"
-    })[e] || e, ee = () => n(
-      "div",
-      { class: `${o}-mask` },
-      {
-        default: () => n(
-          "div",
-          { class: `${o}-mask-info` },
-          {
-            default: () => [
-              n(fe, { size: "extra-large" }),
-              n("span", { class: `${o}-mask-info-text` }, Z("preview"))
-            ]
-          }
-        )
-      }
-    );
-    return V({
-      imgRef: O
-    }), (e, l) => (d(), v("div", {
-      class: p(F.value),
-      style: ie(A.value),
-      onClick: K
-    }, [
-      le("img", P({
-        ref_key: "imgRef",
-        ref: O
-      }, H.value, {
-        src: a.src && (C.value && R.value ? void 0 : a.src),
-        "data-src": a.src,
-        alt: a.alt,
-        style: a.imgStyle,
-        class: G.value,
-        width: a.width,
-        height: a.height,
-        crossOrigin: a.crossOrigin,
-        onError: X,
-        onLoad: U
-      }), null, 16, ye),
-      r.value.loadStatus !== "success" ? (d(), v("div", {
-        key: 0,
-        class: p(`${S(o)}-overlay`)
-      }, [
-        r.value.loadStatus === "error" ? (d(), v("div", {
-          key: 0,
-          class: p(`${S(o)}-status`)
-        }, [
-          (d(), f(k(Y())))
-        ], 2)) : m("", !0),
-        r.value.loadStatus === "loading" ? (d(), v("div", {
-          key: 1,
-          class: p(`${S(o)}-status`)
-        }, [
-          (d(), f(k(Q())))
-        ], 2)) : m("", !0)
-      ], 2)) : m("", !0),
-      b.value ? (d(), f(k(ee()), { key: 1 })) : m("", !0),
-      b.value ? (d(), f(me, P({ key: 2 }, x.value, {
-        src: M.value,
-        visible: r.value.previewVisible,
-        crossOrigin: T.value,
-        setDownloadName: a.setDownloadName,
-        onVisibleChange: _
-      }), {
-        header: E(({ title: c }) => [
-          B(e.$slots, "header", { title: c })
-        ]),
-        footer: E(({ menuProps: c }) => [
-          B(e.$slots, "footer", { menuProps: c })
-        ]),
-        _: 3
-      }, 16, ["src", "visible", "crossOrigin", "setDownloadName"])) : m("", !0)
-    ], 6));
-  }
-});
-export {
-  Ke as default
-};

package/lib/es/components/image/Preview.vue.js

@@ -1,275 +0,0 @@
-import { defineComponent as Y, ref as h, useSlots as T, computed as v, watch as R, reactive as ee, onMounted as re, nextTick as M, onUpdated as te, onBeforeUnmount as ne, openBlock as b, createElementBlock as F, Fragment as p, createElementVNode as se, normalizeStyle as le, normalizeClass as ie, renderList as oe, createBlock as ae, resolveDynamicComponent as ue, createVNode as ce, mergeProps as de, isVNode as L, Comment as he, h as A } from "vue";
-import ve from "classnames";
-import { cssClasses as pe } from "@douyinfe/semi-foundation/image/constants";
-import fe from "@douyinfe/semi-foundation/image/previewFoundation";
-import { providePreviewContext as ge } from "./context.js";
-import me from "./PreviewInner.vue.js";
-import { isEqual as Z, isObject as Ce } from "lodash-es";
-import { getUuidShort as xe } from "@douyinfe/semi-foundation/utils/uuid";
-import { useFoundation as Ie } from "../../_utils/useFoundation.js";
-const ye = ["id"], Ne = /* @__PURE__ */ Y({
-  name: "Preview",
-  __name: "Preview",
-  props: {
-    visible: { type: Boolean, default: !1 },
-    src: { default: () => [] },
-    previewTitle: {},
-    currentIndex: { default: 0 },
-    defaultCurrentIndex: { default: 0 },
-    defaultVisible: { type: Boolean, default: !1 },
-    maskClosable: { type: Boolean, default: !0 },
-    closable: { type: Boolean, default: !0 },
-    zoomStep: {},
-    infinite: { type: Boolean },
-    showTooltip: { type: Boolean },
-    closeOnEsc: { type: Boolean },
-    prevTip: {},
-    nextTip: {},
-    zoomInTip: {},
-    zoomOutTip: {},
-    rotateTip: {},
-    downloadTip: {},
-    adaptiveTip: {},
-    originTip: {},
-    lazyLoad: { type: Boolean, default: !0 },
-    lazyLoadMargin: { default: "0px 100px 100px 0px" },
-    preLoad: { type: Boolean },
-    preLoadGap: {},
-    viewerVisibleDelay: {},
-    disableDownload: { type: Boolean },
-    zIndex: {},
-    children: {},
-    crossOrigin: {},
-    maxZoom: {},
-    minZoom: {},
-    previewCls: {},
-    previewStyle: {},
-    renderLeftIcon: {},
-    renderRightIcon: {},
-    renderCloseIcon: {},
-    renderHeader: {},
-    renderPreviewMenu: {},
-    getPopupContainer: {},
-    onVisibleChange: {},
-    onChange: {},
-    onClose: {},
-    onZoomIn: {},
-    onZoomOut: {},
-    onPrev: {},
-    onNext: {},
-    onRatioChange: {},
-    onRotateLeft: {},
-    onDownload: {},
-    onDownloadError: {},
-    setDownloadName: {},
-    className: {},
-    style: {}
-  },
-  emits: ["visibleChange", "change"],
-  setup($, { expose: q, emit: G }) {
-    const P = pe.PREFIX, s = $, S = G, _ = h(null), d = h(null), B = h(xe({ prefix: "semi-image-preview-group", length: 4 })), u = h({
-      currentIndex: s.currentIndex ?? s.defaultCurrentIndex ?? 0,
-      visible: s.visible ?? s.defaultVisible ?? !1
-    }), m = h([]), z = h([]), C = h([]), N = T(), x = (e) => {
-      const t = [];
-      for (const r of e)
-        if (r) {
-          if (Array.isArray(r))
-            t.push(...x(r));
-          else if (L(r))
-            if (r.type === p) {
-              if (r.children) {
-                const i = Array.isArray(r.children) ? r.children : [r.children];
-                t.push(...x(i));
-              }
-            } else r.type !== he && t.push(r);
-        }
-      return t;
-    }, K = (e) => e ? (e == null ? void 0 : e.isSemiImage) === !0 ? !0 : ((e == null ? void 0 : e.__name) || (e == null ? void 0 : e.name) || (e == null ? void 0 : e.__file)) === "Image" : !1, f = (e, t = 0) => {
-      const r = [], i = [], c = [];
-      let o = t;
-      for (const n of e) {
-        if (!n) {
-          r.push(n);
-          continue;
-        }
-        if (Array.isArray(n)) {
-          const a = f(n, o);
-          r.push(...a.children), i.push(...a.srcList), c.push(...a.titles), o = a.nextIndex;
-          continue;
-        }
-        if (!L(n)) {
-          r.push(n);
-          continue;
-        }
-        if (n.type === p) {
-          if (n.children) {
-            const a = Array.isArray(n.children) ? n.children : [n.children], l = f(a, o);
-            l.children.length > 0 ? (r.push(A(p, {}, l.children)), i.push(...l.srcList), c.push(...l.titles), o = l.nextIndex) : r.push(n);
-          } else
-            r.push(n);
-          continue;
-        }
-        const y = n.type, w = n.props || {};
-        if (K(y)) {
-          const { src: a, preview: l } = w;
-          if (l !== !1) {
-            const g = Ce(l) ? l.src ?? a : a;
-            g && (i.push(g), c.push(l == null ? void 0 : l.previewTitle));
-            const Q = A(y, { ...w, imageID: o++ }, n.children);
-            r.push(Q);
-          } else
-            r.push(n);
-          continue;
-        }
-        if (n.children) {
-          const a = Array.isArray(n.children) ? n.children : [n.children], l = f(a, o);
-          if (l.srcList.length > 0 || l.children.length !== a.length) {
-            const g = A(y, w, l.children);
-            r.push(g), i.push(...l.srcList), c.push(...l.titles), o = l.nextIndex;
-          } else
-            r.push(n);
-        } else
-          r.push(n);
-      }
-      return {
-        children: r,
-        srcList: i,
-        titles: c,
-        nextIndex: o
-      };
-    }, I = v(() => {
-      if (!N.default) return [];
-      try {
-        const e = N.default();
-        return x(Array.isArray(e) ? e : [e]);
-      } catch {
-        return [];
-      }
-    }), E = (e) => e.map((t) => L(t) ? t.key ?? null : null), U = v(() => {
-      const e = I.value, t = f(e, 0);
-      return Z(t.srcList, m.value) || (m.value = t.srcList, z.value = t.titles), t.children;
-    }), V = v(() => [...Array.isArray(s.src) ? s.src : typeof s.src == "string" ? [s.src] : [], ...m.value]), j = v(() => ve(`${P}-preview-group`, s.className)), W = {
-      getProps: () => s,
-      getProp: (e) => s[e],
-      getState: (e) => u.value[e],
-      getStates: () => u.value,
-      setState: (e, t) => {
-        Object.assign(u.value, e), t == null || t();
-      },
-      getContext: () => null,
-      getContexts: () => ({}),
-      getCache: () => null,
-      getCaches: () => ({}),
-      setCache: () => {
-      },
-      stopPropagation: (e) => e == null ? void 0 : e.stopPropagation(),
-      persistEvent: () => {
-      }
-    }, { foundation: D } = Ie(fe, W), O = (e) => {
-      D.handleVisibleChange(e), S("visibleChange", e);
-    }, H = v(() => {
-      const { previewCls: e, previewStyle: t, onVisibleChange: r, onChange: i, ...c } = s;
-      return {
-        ...c,
-        className: e,
-        style: t,
-        onVisibleChange: (n) => {
-          O(n), r && r(n);
-        },
-        onChange: i
-      };
-    }), X = (e) => {
-      D.handleCurrentIndexChange(e), S("change", e);
-    }, k = () => {
-      if (!s.lazyLoad) return;
-      d.value && d.value.disconnect(), d.value = new IntersectionObserver(
-        (t) => {
-          t.forEach((r) => {
-            var o, n;
-            const i = r.target, c = (o = i.dataset) == null ? void 0 : o.src;
-            r.isIntersecting && c && (i.src = c, i.removeAttribute("data-src"), (n = d.value) == null || n.unobserve(i));
-          });
-        },
-        {
-          root: document.querySelector(`#${B.value}`),
-          rootMargin: s.lazyLoadMargin
-        }
-      ), document.querySelectorAll(`.${P}-img`).forEach((t) => {
-        var r;
-        return (r = d.value) == null ? void 0 : r.observe(t);
-      });
-    };
-    R(
-      () => s.currentIndex,
-      (e) => {
-        e !== void 0 && e !== u.value.currentIndex && (u.value.currentIndex = e);
-      }
-    ), R(
-      () => s.visible,
-      (e) => {
-        e !== void 0 && e !== u.value.visible && (u.value.visible = e);
-      }
-    );
-    const J = ee({
-      isGroup: !0,
-      get previewSrc() {
-        return V.value;
-      },
-      get titles() {
-        return z.value;
-      },
-      get currentIndex() {
-        return u.value.currentIndex;
-      },
-      get visible() {
-        return u.value.visible;
-      },
-      get lazyLoad() {
-        return s.lazyLoad;
-      },
-      get previewObserver() {
-        return d.value;
-      },
-      setCurrentIndex: X,
-      handleVisibleChange: O,
-      get setDownloadName() {
-        return s.setDownloadName;
-      }
-    });
-    return ge(J), re(() => {
-      M(() => {
-        const e = I.value;
-        C.value = E(e), k();
-      });
-    }), te(() => {
-      s.lazyLoad && M(() => {
-        const e = I.value, t = E(e);
-        Z(C.value, t) || (C.value = t, k());
-      });
-    }), ne(() => {
-      d.value && (d.value.disconnect(), d.value = null);
-    }), q({
-      previewRef: _
-    }), (e, t) => (b(), F(p, null, [
-      se("div", {
-        id: B.value,
-        class: ie(j.value),
-        style: le(s.style)
-      }, [
-        (b(!0), F(p, null, oe(U.value, (r, i) => (b(), ae(ue(r), { key: i }))), 128))
-      ], 14, ye),
-      ce(me, de({
-        ref_key: "previewRef",
-        ref: _
-      }, H.value, {
-        src: V.value,
-        currentIndex: u.value.currentIndex,
-        visible: u.value.visible
-      }), null, 16, ["src", "currentIndex", "visible"])
-    ], 64));
-  }
-});
-export {
-  Ne as default
-};