@transsionfe/semi-ui-vue 0.0.5 → 0.0.7

package/lib/es/components/tabs/Tabs.vue.js

@@ -1,304 +0,0 @@
-import { defineComponent as Z, useSlots as ee, computed as p, reactive as S, ref as te, onMounted as ae, nextTick as ne, onBeforeUnmount as re, watch as u, h as oe, provide as ie, openBlock as v, createElementBlock as k, normalizeStyle as w, normalizeClass as D, createBlock as E, resolveDynamicComponent as x, createElementVNode as se, renderSlot as le, Fragment as N, renderList as ce, markRaw as M } from "vue";
-import { cssClasses as m } from "@douyinfe/semi-foundation/tabs/constants";
-import { pick as _, isEqual as A } from "lodash-es";
-import ye from "@douyinfe/semi-foundation/tabs/foundation";
-import L from "./TabBar.vue.js";
-import { TabsContextKey as pe } from "./context.js";
-const Ke = /* @__PURE__ */ Z({
-  name: "Tabs",
-  __name: "Tabs",
-  props: {
-    activeKey: {},
-    className: {},
-    collapsible: { type: Boolean, default: !1 },
-    contentStyle: {},
-    defaultActiveKey: {},
-    keepDOM: { type: Boolean, default: !0 },
-    lazyRender: { type: Boolean, default: !1 },
-    onChange: {},
-    onTabClick: {},
-    renderTabBar: {},
-    showRestInDropdown: { type: Boolean, default: !0 },
-    size: { default: "large" },
-    style: {},
-    tabBarClassName: {},
-    tabBarExtraContent: {},
-    tabBarStyle: {},
-    tabList: {},
-    tabPaneMotion: { type: Boolean, default: !0 },
-    tabPosition: { default: "top" },
-    type: { default: "line" },
-    onTabClose: {},
-    preventScroll: { type: Boolean },
-    more: {},
-    onVisibleTabsChange: {},
-    visibleTabsStyle: {},
-    arrowPosition: { default: "both" },
-    renderArrow: {},
-    dropdownProps: {}
-  },
-  emits: ["change", "update:activeKey", "tabClick", "tabClose"],
-  setup(f, { emit: R }) {
-    const r = f, b = R, s = ee(), z = p(() => !!s.extra), I = p(() => !!s.arrow), d = (e) => {
-      const t = [];
-      return (e || []).forEach((n) => {
-        var o;
-        if (n && ((o = n.type) == null ? void 0 : o.toString()) !== "Symbol(Comment)" && !(typeof n.children == "string" && !n.type))
-          if (n.type === N) {
-            const l = Array.isArray(n.children) ? n.children : [];
-            t.push(...d(l));
-          } else Array.isArray(n) ? t.push(...d(n)) : n && n.type && t.push(n);
-      }), t;
-    }, O = () => {
-      var o;
-      const { tabList: e } = r, t = ((o = s.default) == null ? void 0 : o.call(s)) || [];
-      return Array.isArray(e) && e.length ? e : d(Array.isArray(t) ? t : [t]).filter((l) => {
-        if (!l || !l.type) return !1;
-        const c = l.type;
-        return c.__name === "TabPane" || c.name === "TabPane";
-      }).map((l) => {
-        if (l) {
-          const { tab: c, icon: i, disabled: g, itemKey: h, closable: T } = l.props || {};
-          return {
-            tab: typeof c == "object" && c !== null ? M(c) : c,
-            icon: i && typeof i == "object" && i !== null ? M(i) : i,
-            disabled: g,
-            itemKey: h,
-            closable: T
-          };
-        }
-      }).filter(Boolean);
-    }, a = S({
-      activeKey: "",
-      panes: [],
-      prevActiveKey: null,
-      forceDisableMotion: !1
-    }), $ = te();
-    function j() {
-      return {
-        getProps: () => {
-          const e = {};
-          return Object.keys(r).forEach((t) => {
-            r[t] !== void 0 && (e[t] = r[t]);
-          }), e;
-        },
-        getState: (e) => a[e],
-        getStates: () => a,
-        setState: (e) => {
-          Object.assign(a, e);
-        },
-        getProp: (e) => r[e],
-        getContext: () => ({}),
-        getContexts: () => ({}),
-        getCache: () => ({}),
-        getCaches: () => ({}),
-        setCache: () => {
-        },
-        collectPane: () => {
-          a.panes.length;
-        },
-        collectActiveKey: () => {
-          const { activeKey: e } = r;
-          if (typeof e < "u")
-            return;
-          const { activeKey: t } = a, n = a.panes;
-          n.findIndex((o) => o.itemKey === t) === -1 && (n.length > 0 ? a.activeKey = n[0].itemKey : a.activeKey = "");
-        },
-        notifyTabClick: (e, t) => {
-          b("tabClick", e, t);
-        },
-        notifyChange: (e) => {
-          b("change", e), b("update:activeKey", e);
-        },
-        setNewActiveKey: (e) => {
-          a.activeKey = e;
-        },
-        getDefaultActiveKeyFromChildren: () => {
-          const { tabList: e } = r;
-          let t = "";
-          return (e || a.panes).forEach((o) => {
-            o && !t && !o.disabled && (t = o.itemKey);
-          }), t;
-        },
-        notifyTabDelete: (e) => {
-          b("tabClose", e);
-        },
-        stopPropagation: (e) => {
-          e == null || e.stopPropagation();
-        },
-        persistEvent: (e) => e
-      };
-    }
-    const y = new ye(j());
-    ae(() => {
-      y.init(), ne(() => {
-        r.activeKey || (a.activeKey = y.getDefaultActiveKey()), y.handleTabPanesChange();
-      });
-    }), re(() => {
-      y.destroy();
-    }), r.activeKey && (a.activeKey = r.activeKey), u(
-      () => r.activeKey,
-      (e) => {
-        e !== void 0 && e !== a.activeKey && (a.prevActiveKey = a.activeKey, a.activeKey = e);
-      }
-    );
-    const P = ["className", "style", "disabled", "itemKey", "tab", "icon"];
-    let K = [];
-    u(
-      () => a.panes.map((e) => _(e, P)),
-      (e) => {
-        const t = r.tabList;
-        !A(K, e) && !t && y.handleTabPanesChange(), K = e;
-      },
-      { deep: !0 }
-    ), u(
-      () => r.tabList,
-      (e, t) => {
-        A(e, t) || y.handleTabListChange();
-      },
-      { deep: !0 }
-    ), u(
-      () => a.activeKey,
-      (e, t) => {
-        t !== a.prevActiveKey && (a.prevActiveKey = t);
-      }
-    ), u(
-      () => r.activeKey,
-      (e) => {
-        var c;
-        const n = (((c = s.default) == null ? void 0 : c.call(s)) || []).filter(
-          (i) => i.type && (i.type.__name === "TabPane" || i.type.name === "TabPane")
-        ).map((i) => _(i.props, P)), o = new Set(K.map((i) => i.itemKey)), l = n.map((i) => i.itemKey).filter((i) => !o.has(i));
-        a.forceDisableMotion = l.includes(e);
-      }
-    );
-    const F = p(() => {
-      const { className: e, tabPosition: t } = r;
-      return [
-        e,
-        {
-          [m.TABS]: !0,
-          [`${m.TABS}-${t}`]: t
-        }
-      ];
-    }), V = p(() => {
-      const { tabPosition: e } = r;
-      return [
-        {
-          [m.TABS_CONTENT]: !0,
-          [`${m.TABS_CONTENT}-${e}`]: e
-        }
-      ];
-    }), q = (e, t) => {
-      y.handleTabClick(e, t);
-    }, U = (e, t) => {
-      t.stopPropagation(), y.handleTabDelete(e);
-    }, C = p(() => {
-      const {
-        tabBarClassName: e,
-        collapsible: t,
-        showRestInDropdown: n,
-        size: o,
-        tabBarStyle: l,
-        tabBarExtraContent: c,
-        tabPosition: i,
-        type: g,
-        more: h,
-        onVisibleTabsChange: T,
-        visibleTabsStyle: H,
-        arrowPosition: J,
-        renderArrow: Q,
-        dropdownProps: X
-      } = r, Y = O();
-      return {
-        activeKey: a.activeKey,
-        className: e,
-        collapsible: t,
-        list: Y,
-        onTabClick: q,
-        showRestInDropdown: n,
-        size: o,
-        style: l,
-        tabBarExtraContent: z.value ? () => {
-          var B;
-          return (B = s.extra) == null ? void 0 : B.call(s);
-        } : c,
-        tabPosition: i,
-        type: g,
-        deleteTabItem: U,
-        handleKeyDown: y.handleKeyDown,
-        more: h,
-        onVisibleTabsChange: T,
-        visibleTabsStyle: H,
-        arrowPosition: J,
-        renderArrow: Q,
-        dropdownProps: X
-      };
-    });
-    u(
-      () => C.value.list,
-      (e) => {
-        e.length > 0 && (a.panes.length !== e.length || !A(a.panes, e)) && (a.panes = e);
-      },
-      { immediate: !0, deep: !0 }
-    );
-    const W = p(() => r.renderTabBar ? r.renderTabBar(C.value, L) : oe(
-      L,
-      C.value,
-      I.value ? {
-        arrow: s.arrow
-      } : {}
-    )), G = p(() => {
-      var n;
-      const e = ((n = s.default) == null ? void 0 : n.call(s)) || [];
-      return d(Array.isArray(e) ? e : [e]).filter((o) => {
-        var l;
-        return o.type && (o.type.__name === "TabPane" || o.type.name === "TabPane") ? ((l = o.props) == null ? void 0 : l.itemKey) === a.activeKey : !0;
-      });
-    });
-    return ie(
-      pe,
-      S({
-        get activeKey() {
-          return a.activeKey;
-        },
-        get lazyRender() {
-          return r.lazyRender;
-        },
-        get panes() {
-          return a.panes;
-        },
-        get tabPaneMotion() {
-          return r.tabPaneMotion;
-        },
-        get tabPosition() {
-          return r.tabPosition;
-        },
-        get prevActiveKey() {
-          return a.prevActiveKey;
-        },
-        get forceDisableMotion() {
-          return a.forceDisableMotion;
-        }
-      })
-    ), (e, t) => (v(), k("div", {
-      class: D(F.value),
-      style: w(f.style)
-    }, [
-      (v(), E(x(W.value))),
-      se("div", {
-        ref_key: "contentRef",
-        ref: $,
-        class: D(V.value),
-        style: w(f.contentStyle)
-      }, [
-        f.keepDOM ? le(e.$slots, "default", { key: 0 }) : (v(!0), k(N, { key: 1 }, ce(G.value, (n) => (v(), E(x(n), {
-          key: n.key
-        }))), 128))
-      ], 6)
-    ], 6));
-  }
-});
-export {
-  Ke as default
-};

package/lib/es/components/tabs/context.js

@@ -1,4 +0,0 @@
-const t = Symbol("TabsContext");
-export {
-  t as TabsContextKey
-};

package/lib/es/components/tag/Tag.vue.js

@@ -1,129 +0,0 @@
-import { defineComponent as K, useSlots as E, ref as N, watch as q, computed as r, openBlock as s, createElementBlock as c, mergeProps as D, unref as o, normalizeClass as n, createBlock as y, resolveDynamicComponent as I, renderSlot as m, createCommentVNode as i, createVNode as V } from "vue";
-import h from "classnames";
-import { cssClasses as M } from "@douyinfe/semi-foundation/tag/constants";
-import T from "../avatar/Avatar.vue.js";
-import A from "../icons/icons/IconClose.vue.js";
-const F = ["aria-label"], H = /* @__PURE__ */ K({
-  name: "Tag",
-  __name: "Tag",
-  props: {
-    tagKey: {},
-    size: { default: "default" },
-    color: { default: "grey" },
-    type: { default: "light" },
-    closable: { type: Boolean, default: !1 },
-    visible: { type: Boolean, default: !0 },
-    prefixIcon: {},
-    suffixIcon: {},
-    style: {},
-    className: {},
-    avatarSrc: {},
-    avatarShape: { default: "square" },
-    shape: { default: "square" },
-    "aria-label": {},
-    tabIndex: { default: 0 }
-  },
-  emits: ["close", "click", "mouseenter", "keydown"],
-  setup(t, { emit: g }) {
-    const l = M.PREFIX, e = t, u = g, f = E(), d = N(e.visible ?? !0);
-    q(
-      () => e.visible,
-      (a) => {
-        d.value = a;
-      }
-    );
-    const v = r(() => h(`${l}-content`, `${l}-content-center`)), C = r(() => e.closable), b = (a) => {
-      a.preventDefault(), a.stopPropagation();
-    }, p = (a) => {
-      a.stopPropagation();
-      const x = e.tagKey !== void 0 ? e.tagKey : "";
-      u("close", null, a, x), !a.defaultPrevented && e.visible === void 0 && (d.value = !1);
-    }, k = (a) => {
-      u("click", a);
-    }, S = (a) => {
-      u("mouseenter", a);
-    }, P = (a) => {
-      switch (a.key) {
-        case "Backspace":
-        case "Delete":
-          e.closable && p(a), b(a);
-          break;
-        case "Enter":
-          k(a), b(a);
-          break;
-        case "Escape":
-          a.target.blur();
-          break;
-      }
-      u("keydown", a);
-    }, w = r(() => e["aria-label"] ? e["aria-label"] : ""), $ = r(() => ({
-      class: h(
-        l,
-        {
-          [`${l}-default`]: e.size === "default",
-          [`${l}-small`]: e.size === "small",
-          [`${l}-large`]: e.size === "large",
-          [`${l}-square`]: e.shape === "square",
-          [`${l}-circle`]: e.shape === "circle",
-          [`${l}-${e.type}`]: e.type,
-          [`${l}-${e.color}-${e.type}`]: e.color && e.type,
-          [`${l}-closable`]: e.closable,
-          [`${l}-invisible`]: !d.value,
-          [`${l}-avatar-${e.avatarShape}`]: e.avatarSrc
-        },
-        e.className
-      ),
-      style: e.style,
-      onClick: k,
-      onMouseenter: S,
-      tabIndex: e.tabIndex
-    })), z = r(() => ({
-      role: "button",
-      tabIndex: e.tabIndex || 0,
-      onKeydown: P
-    })), B = r(() => C.value ? {
-      ...$.value,
-      ...z.value
-    } : $.value);
-    return (a, x) => d.value ? (s(), c("div", D({ key: 0 }, B.value, { "aria-label": w.value }), [
-      t.prefixIcon || o(f).prefixIcon ? (s(), c("div", {
-        key: 0,
-        class: n(`${o(l)}-prefix-icon`)
-      }, [
-        t.prefixIcon ? (s(), y(I(t.prefixIcon), { key: 0 })) : m(a.$slots, "prefixIcon", { key: 1 })
-      ], 2)) : i("", !0),
-      t.avatarSrc ? (s(), y(T, {
-        key: 1,
-        src: t.avatarSrc,
-        shape: t.avatarShape
-      }, null, 8, ["src", "shape"])) : i("", !0),
-      o(f).default || !t.prefixIcon && !o(f).prefixIcon && !t.avatarSrc ? (s(), c("div", {
-        key: 2,
-        class: n(v.value)
-      }, [
-        m(a.$slots, "default")
-      ], 2)) : (s(), c("div", {
-        key: 3,
-        class: n(v.value)
-      }, [
-        m(a.$slots, "default")
-      ], 2)),
-      t.suffixIcon || o(f).suffixIcon ? (s(), c("div", {
-        key: 4,
-        class: n(`${o(l)}-suffix-icon`)
-      }, [
-        t.suffixIcon ? (s(), y(I(t.suffixIcon), { key: 0 })) : m(a.$slots, "suffixIcon", { key: 1 })
-      ], 2)) : i("", !0),
-      t.closable ? (s(), c("div", {
-        key: 5,
-        class: n(`${o(l)}-close`),
-        onClick: p
-      }, [
-        V(o(A), { size: "small" })
-      ], 2)) : i("", !0)
-    ], 16, F)) : i("", !0);
-  }
-});
-export {
-  H as default
-};

package/lib/es/components/tag/TagGroup.vue.js

@@ -1,117 +0,0 @@
-import { defineComponent as G, useSlots as R, computed as u, openBlock as a, createElementBlock as g, normalizeStyle as _, normalizeClass as j, Fragment as y, renderList as $, createBlock as m, resolveDynamicComponent as L, createCommentVNode as P, unref as C, mergeProps as I, withCtx as f, createVNode as S, createTextVNode as E, toDisplayString as M } from "vue";
-import K from "classnames";
-import { cssClasses as W } from "@douyinfe/semi-foundation/tag/constants";
-import b from "./Tag.vue.js";
-import X from "../popover/Popover.vue.js";
-import "../popover/popover.css";
-import "../space/index.js";
-import q from "../space/Space.vue.js";
-const te = /* @__PURE__ */ G({
-  name: "TagGroup",
-  __name: "TagGroup",
-  props: {
-    style: { default: () => ({}) },
-    className: { default: "" },
-    maxTagCount: {},
-    restCount: {},
-    size: { default: "default" },
-    showPopover: { type: Boolean, default: !1 },
-    popoverProps: { default: () => ({}) },
-    tagList: { default: () => [] }
-  },
-  emits: ["tagClose", "plusNMouseEnter"],
-  setup(r, { emit: B }) {
-    const l = W.PREFIX, e = r, F = B, c = R(), V = u(() => K(
-      {
-        [`${l}-group`]: !0,
-        [`${l}-group-max`]: e.maxTagCount,
-        [`${l}-group-small`]: e.size === "small",
-        [`${l}-group-large`]: e.size === "large"
-      },
-      e.className
-    )), p = u(() => {
-      var i;
-      const o = (i = c.default) == null ? void 0 : i.call(c);
-      if (o && o.length > 0) {
-        const t = [], s = (D) => {
-          D.forEach((n) => {
-            var k, z, w, N;
-            n && ((k = n.type) != null && k.toString().includes("Comment") || (z = n.type) != null && z.toString().includes("v-cmt") || ((w = n.type) != null && w.toString().includes("Fragment") || (N = n.type) != null && N.toString().includes("v-fgt") ? Array.isArray(n.children) && s(n.children) : t.push(n)));
-          });
-        };
-        if (s(o), t.length > 0)
-          return t;
-      }
-      return e.tagList && e.tagList.length > 0 ? e.tagList : [];
-    }), A = u(() => typeof e.maxTagCount > "u" ? p.value : p.value.slice(0, e.maxTagCount)), v = u(() => typeof e.maxTagCount > "u" ? [] : p.value.slice(e.maxTagCount)), d = u(() => typeof e.restCount < "u" ? e.restCount : e.tagList && e.tagList.length > 0 && typeof e.maxTagCount < "u" ? e.tagList.length - e.maxTagCount : v.value.length), x = u(() => typeof e.maxTagCount < "u" && d.value > 0);
-    function T(o, i) {
-      return o.key ?? `tag-${i}`;
-    }
-    function h(o) {
-      F("plusNMouseEnter", o);
-    }
-    return (o, i) => (a(), g("div", {
-      class: j(V.value),
-      style: _(r.style)
-    }, [
-      (a(!0), g(y, null, $(A.value, (t, s) => (a(), g(y, {
-        key: T(t, s)
-      }, [
-        t ? (a(), m(L(t), { key: 0 })) : P("", !0)
-      ], 64))), 128)),
-      x.value && r.showPopover ? (a(), m(C(X), I({
-        key: 0,
-        "show-arrow": "",
-        trigger: "hover",
-        position: "top",
-        "auto-adjust-overflow": "",
-        "class-name": `${C(l)}-rest-group-popover`
-      }, r.popoverProps), {
-        content: f(() => [
-          S(C(q), {
-            spacing: 2,
-            wrap: "",
-            style: { maxWidth: "400px" }
-          }, {
-            default: f(() => [
-              (a(!0), g(y, null, $(v.value, (t, s) => (a(), m(L(t), {
-                key: T(t, s + (r.maxTagCount || 0))
-              }))), 128))
-            ]),
-            _: 1
-          })
-        ]),
-        default: f(() => [
-          S(b, {
-            closable: !1,
-            size: r.size,
-            color: "grey",
-            style: { backgroundColor: "transparent" },
-            onMouseenter: h
-          }, {
-            default: f(() => [
-              E(" +" + M(d.value), 1)
-            ]),
-            _: 1
-          }, 8, ["size"])
-        ]),
-        _: 1
-      }, 16, ["class-name"])) : x.value && !r.showPopover ? (a(), m(b, {
-        key: 1,
-        closable: !1,
-        size: r.size,
-        color: "grey",
-        style: { backgroundColor: "transparent" },
-        onMouseenter: h
-      }, {
-        default: f(() => [
-          E(" +" + M(d.value), 1)
-        ]),
-        _: 1
-      }, 8, ["size"])) : P("", !0)
-    ], 6));
-  }
-});
-export {
-  te as default
-};

package/lib/es/components/tagInput/TagInput.vue.js

@@ -1,7 +0,0 @@
-import o from "./TagInput.vue2.js";
-import "E:/2026/openCode/semi-ui-vue/src/components/tagInput/TagInput.vue?vue&type=style&index=0&scoped=8c73bbd4&lang.css";
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c73bbd4"]]);
-export {
-  m as default
-};

package/lib/es/components/tagInput/TagItem.vue.js

@@ -1,75 +0,0 @@
-import { defineComponent as b, computed as l, h as v, openBlock as o, createElementBlock as w, normalizeClass as r, createBlock as s, resolveDynamicComponent as n, createCommentVNode as u, withCtx as p, createVNode as $, unref as h, createTextVNode as x, toDisplayString as y } from "vue";
-import i from "classnames";
-import H from "../tag/Tag.vue.js";
-import "../typography/index.js";
-import z from "../icons/icons/IconHandle.vue.js";
-import k from "../typography/Paragraph.vue.js";
-const E = /* @__PURE__ */ b({
-  __name: "TagItem",
-  props: {
-    value: {},
-    index: {},
-    prefixCls: {},
-    size: { default: "default" },
-    disabled: { type: Boolean, default: !1 },
-    showContentTooltip: { type: [Boolean, Object], default: !0 },
-    showIconHandler: { type: Boolean, default: !1 },
-    draggable: { type: Boolean, default: !1 },
-    sortableHandle: {},
-    customRender: {},
-    onClose: {}
-  },
-  setup(a) {
-    const e = a, m = l(
-      () => i(`${e.prefixCls}-wrapper-tag`, {
-        [`${e.prefixCls}-wrapper-tag-size-${e.size}`]: e.size,
-        [`${e.prefixCls}-wrapper-tag-icon`]: e.showIconHandler
-      })
-    ), f = l(
-      () => i(`${e.prefixCls}-wrapper-typo`, {
-        [`${e.prefixCls}-wrapper-typo-disabled`]: e.disabled
-      })
-    ), C = l(
-      () => i({
-        [`${e.prefixCls}-drag-item`]: e.showIconHandler,
-        [`${e.prefixCls}-wrapper-tag-icon`]: e.showIconHandler
-      })
-    ), d = l(() => e.draggable ? e.value : `${e.index}${e.value}`), t = l(() => e.showIconHandler && e.sortableHandle), c = l(() => t.value ? e.sortableHandle(() => v(z, { class: `${e.prefixCls}-drag-handler` })) : null), g = () => {
-      e.disabled || e.onClose();
-    };
-    return (B, I) => a.customRender ? (o(), w("div", {
-      key: `custom-${d.value}`,
-      class: r(C.value)
-    }, [
-      t.value ? (o(), s(n(c.value), { key: 0 })) : u("", !0),
-      (o(), s(n(a.customRender)))
-    ], 2)) : (o(), s(H, {
-      key: `tag-${d.value}`,
-      class: r(m.value),
-      color: "white",
-      size: a.size === "small" ? "small" : "large",
-      type: "light",
-      onClose: g,
-      closable: !a.disabled,
-      visible: !0,
-      "aria-label": `${a.disabled ? "" : "Closable "}Tag: ${a.value}`
-    }, {
-      default: p(() => [
-        t.value ? (o(), s(n(c.value), { key: 0 })) : u("", !0),
-        $(h(k), {
-          class: r(f.value),
-          ellipsis: { showTooltip: a.showContentTooltip, rows: 1 }
-        }, {
-          default: p(() => [
-            x(y(a.value), 1)
-          ]),
-          _: 1
-        }, 8, ["class", "ellipsis"])
-      ]),
-      _: 1
-    }, 8, ["class", "size", "closable", "aria-label"]));
-  }
-});
-export {
-  E as default
-};