@transsionfe/semi-ui-vue 0.0.5 → 0.0.7

package/lib/es/components/resizable/ResizableHandler.vue.js

@@ -1,64 +0,0 @@
-import { defineComponent as i, ref as d, computed as u, onMounted as c, onUnmounted as m, openBlock as v, createElementBlock as p, normalizeStyle as f, normalizeClass as g, renderSlot as h } from "vue";
-import E from "classnames";
-import { cssClasses as s } from "@douyinfe/semi-foundation/resizable/constants";
-import { ResizableHandlerFoundation as C } from "@douyinfe/semi-foundation/resizable/foundation";
-const _ = /* @__PURE__ */ i({
-  name: "SemiResizableHandler",
-  __name: "ResizableHandler",
-  props: {
-    direction: {},
-    onResizeStart: {},
-    className: {},
-    disabled: { type: Boolean, default: !1 },
-    style: {}
-  },
-  setup(a) {
-    const o = a, t = d(), r = u(() => E(
-      o.className,
-      `${s.PREFIX}-resizableHandler`,
-      `${s.PREFIX}-resizableHandler-${o.direction}`
-    )), l = {
-      getProp: (n) => o[n],
-      getProps: () => o,
-      getState: () => ({}),
-      getStates: () => ({}),
-      setState: () => {
-      },
-      getContext: () => {
-      },
-      getContexts: () => {
-      },
-      getCache: () => {
-      },
-      getCaches: () => {
-      },
-      setCache: () => {
-      },
-      stopPropagation: () => {
-      },
-      persistEvent: () => {
-      },
-      registerEvent: () => {
-        t.value && e && (t.value.addEventListener("mousedown", e.onMouseDown), t.value.addEventListener("touchstart", e.onTouchStart));
-      },
-      unregisterEvent: () => {
-        t.value && e && (t.value.removeEventListener("mousedown", e.onMouseDown), t.value.removeEventListener("touchstart", e.onTouchStart));
-      }
-    }, e = new C(l);
-    return c(() => {
-      e.init();
-    }), m(() => {
-      e.destroy();
-    }), (n, S) => (v(), p("div", {
-      ref_key: "handlerRef",
-      ref: t,
-      class: g(r.value),
-      style: f(o.style)
-    }, [
-      h(n.$slots, "default")
-    ], 6));
-  }
-});
-export {
-  _ as default
-};

package/lib/es/components/resizable/group/ResizeGroup.vue.js

@@ -1,153 +0,0 @@
-import { defineComponent as D, ref as H, reactive as O, computed as m, onMounted as V, onUnmounted as j, watch as F, openBlock as R, createElementBlock as h, mergeProps as T, normalizeClass as $, unref as B, normalizeStyle as W, createCommentVNode as X, renderSlot as K } from "vue";
-import U from "classnames";
-import { cssClasses as w } from "@douyinfe/semi-foundation/resizable/constants";
-import { ResizeGroupFoundation as q } from "@douyinfe/semi-foundation/resizable/foundation";
-import { provideResizeContext as J } from "./resizeContext.js";
-import "../resizable.css";
-const re = /* @__PURE__ */ D({
-  name: "SemiResizeGroup",
-  __name: "ResizeGroup",
-  props: {
-    direction: { default: "horizontal" },
-    className: {},
-    style: { default: () => ({}) }
-  },
-  setup(M) {
-    const r = M, a = H(), c = O({
-      isResizing: !1,
-      originalPosition: {
-        x: 0,
-        y: 0,
-        lastItemSize: 0,
-        nextItemSize: 0,
-        lastOffset: 0,
-        nextOffset: 0
-      },
-      backgroundStyle: {
-        cursor: "auto"
-      },
-      curHandler: null
-    }), u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
-    function S(t) {
-      const e = {};
-      return Object.keys(t).forEach((o) => {
-        o.startsWith("data-") && (e[o] = t[o]);
-      }), e;
-    }
-    const y = m(() => {
-      const t = r, e = ["style", "className", "direction"], o = {};
-      return Object.keys(t).forEach((s) => {
-        e.includes(s) || (o[s] = t[s]);
-      }), o;
-    }), C = m(() => S(y.value)), I = (t, e, o, s, P, N, _) => {
-      if (Array.from(u.values()).some((A) => A === t))
-        return -1;
-      const i = u.size;
-      return u.set(i, t), d.set(i, e), g.set(i, o), v.set(i, s), p.set(i, P), f.set(i, N), z.set(i, _), i;
-    }, L = (t) => {
-      if (Array.from(l.values()).some((o) => o === t))
-        return -1;
-      const e = l.size;
-      return l.set(e, t), e;
-    }, b = () => a.value ? r.direction === "horizontal" ? a.value.offsetWidth : a.value.offsetHeight : 0, k = {
-      getProp: (t) => r[t],
-      getProps: () => r,
-      getState: () => c,
-      getStates: () => c,
-      setState: (t) => {
-        Object.assign(c, t);
-      },
-      getContext: () => {
-      },
-      getContexts: () => {
-      },
-      getCache: () => {
-      },
-      getCaches: () => {
-      },
-      setCache: () => {
-      },
-      stopPropagation: () => {
-      },
-      persistEvent: () => {
-      },
-      getGroupRef: () => a.value || null,
-      getItem: (t) => {
-        const e = u.get(t);
-        return e == null ? void 0 : e.value;
-      },
-      getItemCount: () => u.size,
-      getHandler: (t) => {
-        const e = l.get(t);
-        return e == null ? void 0 : e.value;
-      },
-      getHandlerCount: () => l.size,
-      getItemMin: (t) => d.get(t) ?? "",
-      getItemMax: (t) => g.get(t) ?? "",
-      getItemChange: (t) => {
-        const e = f.get(t);
-        return console.log("[ResizeGroup] getItemChange", { index: t, callback: !!e }), e;
-      },
-      getItemEnd: (t) => {
-        const e = z.get(t);
-        return console.log("[ResizeGroup] getItemEnd", { index: t, callback: !!e }), e;
-      },
-      getItemStart: (t) => {
-        const e = p.get(t);
-        return console.log("[ResizeGroup] getItemStart", {
-          index: t,
-          callback: !!e,
-          callbackType: typeof e,
-          callbackName: (e == null ? void 0 : e.name) || "anonymous"
-        }), e && console.log("[ResizeGroup] getItemStart - will call callback", { index: t }), e;
-      },
-      getItemDefaultSize: (t) => v.get(t),
-      registerEvents: (t = "mouse") => {
-        var o, s;
-        const e = (s = (o = a.value) == null ? void 0 : o.ownerDocument) == null ? void 0 : s.defaultView;
-        !e || !n || (t === "mouse" ? (e.addEventListener("mousemove", n.onMouseMove), e.addEventListener("mouseup", n.onResizeEnd), e.addEventListener("mouseleave", n.onResizeEnd)) : (e.addEventListener("touchmove", n.onTouchMove, { passive: !1 }), e.addEventListener("touchend", n.onResizeEnd), e.addEventListener("touchcancel", n.onResizeEnd)));
-      },
-      unregisterEvents: (t = "mouse") => {
-        var o, s;
-        const e = (s = (o = a.value) == null ? void 0 : o.ownerDocument) == null ? void 0 : s.defaultView;
-        !e || !n || (t === "mouse" ? (e.removeEventListener("mousemove", n.onMouseMove), e.removeEventListener("mouseup", n.onResizeEnd), e.removeEventListener("mouseleave", n.onResizeEnd)) : (e.removeEventListener("touchmove", n.onTouchMove), e.removeEventListener("touchend", n.onResizeEnd), e.removeEventListener("touchcancel", n.onResizeEnd)));
-      }
-    }, n = new q(k), E = {
-      direction: r.direction,
-      registerItem: I,
-      registerHandler: L,
-      notifyResizeStart: n.onResizeStart,
-      getGroupSize: b
-    };
-    J(E), V(() => {
-      n.init(), window.addEventListener("resize", n.ensureConstraint);
-    }), j(() => {
-      n.destroy(), window.removeEventListener("resize", n.ensureConstraint);
-    }), F(
-      () => r.direction,
-      (t) => {
-        n.direction = t, E.direction = t;
-      }
-    );
-    const x = m(() => U(r.className, `${w.PREFIX}-group`)), G = m(() => ({
-      flexDirection: r.direction === "vertical" ? "column" : "row",
-      ...r.style
-    }));
-    return (t, e) => (R(), h("div", T({
-      ref_key: "groupRef",
-      ref: a,
-      class: x.value,
-      style: G.value
-    }, C.value), [
-      c.isResizing ? (R(), h("div", {
-        key: 0,
-        style: W(c.backgroundStyle),
-        class: $(`${B(w).PREFIX}-background`)
-      }, null, 6)) : X("", !0),
-      K(t.$slots, "default")
-    ], 16));
-  }
-});
-export {
-  re as default
-};

package/lib/es/components/resizable/group/ResizeHandler.vue.js

@@ -1,82 +0,0 @@
-import { defineComponent as v, ref as h, onMounted as g, onUnmounted as y, computed as z, openBlock as C, createElementBlock as E, normalizeStyle as d, normalizeClass as R, renderSlot as S, createVNode as _, unref as c } from "vue";
-import P from "classnames";
-import { cssClasses as u } from "@douyinfe/semi-foundation/resizable/constants";
-import { ResizeHandlerFoundation as $ } from "@douyinfe/semi-foundation/resizable/foundation";
-import { useResizeContext as w } from "./resizeContext.js";
-import x from "../../icons/icons/IconHandle.vue.js";
-const M = /* @__PURE__ */ v({
-  name: "SemiResizeHandler",
-  __name: "ResizeHandler",
-  props: {
-    className: {},
-    disabled: { type: Boolean, default: !1 },
-    style: {}
-  },
-  setup(m) {
-    const s = m, t = h(), e = w();
-    let n = -1;
-    const r = (o) => {
-      e && n !== -1 && e.notifyResizeStart(n, o, "mouse");
-    }, a = (o) => {
-      e && n !== -1 && e.notifyResizeStart(n, o.targetTouches[0], "touch");
-    }, f = {
-      getProp: (o) => s[o],
-      getProps: () => s,
-      getState: () => ({}),
-      getStates: () => ({}),
-      setState: () => {
-      },
-      getContext: () => {
-      },
-      getContexts: () => {
-      },
-      getCache: () => {
-      },
-      getCaches: () => {
-      },
-      setCache: () => {
-      },
-      stopPropagation: () => {
-      },
-      persistEvent: () => {
-      },
-      registerEvents: () => {
-        t.value && (t.value.addEventListener("mousedown", r), t.value.addEventListener("touchstart", a));
-      },
-      unregisterEvents: () => {
-        t.value && (t.value.removeEventListener("mousedown", r), t.value.removeEventListener("touchstart", a));
-      }
-    }, i = new $(f);
-    g(() => {
-      i.init(), e && n === -1 && (n = e.registerHandler(t));
-    }), y(() => {
-      i.destroy();
-    });
-    const p = z(() => P(
-      s.className,
-      `${u.PREFIX}-handler`,
-      `${u.PREFIX}-handler-${(e == null ? void 0 : e.direction) || "horizontal"}`
-    ));
-    return (o, H) => (C(), E("div", {
-      ref_key: "handlerRef",
-      ref: t,
-      class: R(p.value),
-      style: d(s.style)
-    }, [
-      S(o.$slots, "default", {}, () => {
-        var l;
-        return [
-          _(c(x), {
-            size: "inherit",
-            style: d({
-              rotate: ((l = c(e)) == null ? void 0 : l.direction) === "horizontal" ? "0deg" : "90deg"
-            })
-          }, null, 8, ["style"])
-        ];
-      })
-    ], 6));
-  }
-});
-export {
-  M as default
-};

package/lib/es/components/resizable/group/ResizeItem.vue.js

@@ -1,98 +0,0 @@
-import { defineComponent as R, ref as u, onMounted as C, onUnmounted as S, watch as E, computed as d, openBlock as P, createElementBlock as F, normalizeStyle as I, normalizeClass as x, renderSlot as _ } from "vue";
-import w from "classnames";
-import { cssClasses as c } from "@douyinfe/semi-foundation/resizable/constants";
-import { ResizeItemFoundation as k } from "@douyinfe/semi-foundation/resizable/foundation";
-import { useResizeContext as N } from "./resizeContext.js";
-import "../resizable.css";
-const M = /* @__PURE__ */ R({
-  name: "SemiResizeItem",
-  __name: "ResizeItem",
-  props: {
-    style: {},
-    className: {},
-    min: {},
-    max: {},
-    defaultSize: {},
-    onResizeStart: { type: Function, default: () => {
-    } },
-    onChange: { type: Function, default: () => {
-    } },
-    onResizeEnd: { type: Function, default: () => {
-    } }
-  },
-  setup(f) {
-    const s = f, t = u(), n = N();
-    let r = -1, i;
-    const a = u(!1), p = (e, o) => {
-      a.value = !0, t.value && (t.value.style.transition = "none"), s.onResizeStart && s.onResizeStart(e, o);
-    }, v = (e, o, l) => {
-      s.onChange(e, o, l);
-    }, h = (e, o, l) => {
-      s.onResizeEnd && s.onResizeEnd(e, o, l), setTimeout(() => {
-        a.value = !1, requestAnimationFrame(() => {
-          t.value && t.value.style.removeProperty("transition");
-        });
-      }, 250);
-    }, y = {
-      getProp: (e) => s[e],
-      getProps: () => s,
-      getState: () => ({}),
-      getStates: () => ({}),
-      setState: () => {
-      },
-      getContext: () => {
-      },
-      getContexts: () => {
-      },
-      getCache: () => {
-      },
-      getCaches: () => {
-      },
-      setCache: () => {
-      },
-      stopPropagation: () => {
-      },
-      persistEvent: () => {
-      }
-    }, m = new k(y);
-    C(() => {
-      m.init(), n && r === -1 && (r = n.registerItem(
-        t,
-        s.min ?? "",
-        s.max ?? "",
-        s.defaultSize ?? "auto",
-        p,
-        v,
-        h
-      ), i = n.direction);
-    }), S(() => {
-      m.destroy();
-    }), E(
-      () => n == null ? void 0 : n.direction,
-      (e) => {
-        if (e && i && e !== i && t.value)
-          if (i = e, e === "horizontal") {
-            const o = t.value.style.height;
-            t.value.style.width = o, t.value.style.removeProperty("height");
-          } else {
-            const o = t.value.style.width;
-            t.value.style.height = o, t.value.style.removeProperty("width");
-          }
-      }
-    );
-    const g = d(() => w(s.className, `${c.PREFIX}-item`, {
-      [`${c.PREFIX}-item-resizing`]: a.value
-    })), z = d(() => s.style || {});
-    return (e, o) => (P(), F("div", {
-      ref_key: "itemRef",
-      ref: t,
-      class: x(g.value),
-      style: I(z.value)
-    }, [
-      _(e.$slots, "default")
-    ], 6));
-  }
-});
-export {
-  M as default
-};

package/lib/es/components/resizable/group/resizeContext.js

@@ -1,12 +0,0 @@
-import { provide as o, inject as n } from "vue";
-const e = Symbol("ResizeContext");
-function r(t) {
-  o(e, t);
-}
-function s() {
-  return n(e);
-}
-export {
-  r as provideResizeContext,
-  s as useResizeContext
-};

package/lib/es/components/resizeObserver/index.js

@@ -1,4 +0,0 @@
-import f from "./index.vue.js";
-export {
-  f as default
-};

package/lib/es/components/resizeObserver/index.vue.js

@@ -1,53 +0,0 @@
-import { defineComponent as R, useSlots as g, ref as u, onMounted as y, watch as P, onBeforeUnmount as h, renderSlot as w } from "vue";
-import { ObserverProperty as b } from "./interface.js";
-const T = /* @__PURE__ */ R({
-  __name: "index",
-  props: {
-    onResize: {},
-    observeParent: { type: Boolean, default: !1 },
-    observerProperty: { default: b.All },
-    delayTick: { default: 0 }
-  },
-  emits: ["resize"],
-  setup(p, { emit: z }) {
-    const t = p, f = z, i = g(), r = u(null), v = u(null), c = u(null), a = u(/* @__PURE__ */ new Map()), d = (n) => {
-      var o, e;
-      if (t.observerProperty === b.All)
-        (o = t.onResize) == null || o.call(t, n), f("resize", n);
-      else {
-        const s = [];
-        for (const l of n)
-          a.value.has(l.target) ? l.contentRect[t.observerProperty] !== a.value.get(l.target) && (a.value.set(l.target, l.contentRect[t.observerProperty]), s.push(l)) : (a.value.set(l.target, l.contentRect[t.observerProperty]), s.push(l));
-        s.length > 0 && ((e = t.onResize) == null || e.call(t, s), f("resize", s));
-      }
-    }, m = (n = !1) => {
-      var s;
-      const o = (s = i.default) == null ? void 0 : s.call(i);
-      if (!o || !o[0])
-        return;
-      const e = o[0].el;
-      if (e && (!r.value && globalThis.ResizeObserver && (r.value = new ResizeObserver(d)), !!r.value)) {
-        if (!(e && e instanceof Element)) {
-          r.value.disconnect();
-          return;
-        }
-        e === v.value && !n || (r.value.disconnect(), v.value = e, r.value.observe(e), t.observeParent && e.parentNode && e.parentNode.ownerDocument && e.parentNode.ownerDocument.defaultView && e.parentNode instanceof e.parentNode.ownerDocument.defaultView.HTMLElement && (c.value = e.parentNode, r.value.observe(c.value)));
-      }
-    };
-    return y(() => {
-      globalThis.ResizeObserver && (r.value = new ResizeObserver(d)), setTimeout(() => {
-        m();
-      }, 0);
-    }), P(
-      () => t.observeParent,
-      (n, o) => {
-        n !== o && m(!0);
-      }
-    ), h(() => {
-      r.value && (r.value.disconnect(), r.value = null, v.value = null);
-    }), (n, o) => w(n.$slots, "default");
-  }
-});
-export {
-  T as default
-};

package/lib/es/components/resizeObserver/interface.js

@@ -1,4 +0,0 @@
-var i = /* @__PURE__ */ ((h) => (h.Width = "width", h.Height = "height", h.All = "all", h))(i || {});
-export {
-  i as ObserverProperty
-};