@transsionfe/semi-ui-vue 0.0.5 → 0.0.7

package/lib/es/components/rating/Rating.vue.js

@@ -1,225 +0,0 @@
-import { defineComponent as X, useModel as A, ref as f, computed as n, watch as p, provide as G, onMounted as J, onUnmounted as Q, openBlock as v, createElementBlock as S, normalizeStyle as W, normalizeClass as Y, Fragment as L, renderList as Z, createBlock as M, unref as _, withCtx as ee, createVNode as ae, mergeModels as P } from "vue";
-import le from "classnames";
-import { cssClasses as te } from "@douyinfe/semi-foundation/rating/constants";
-import oe from "@douyinfe/semi-foundation/rating/foundation";
-import R from "./RatingItem.vue.js";
-import ue from "../tooltip/Tooltip.vue.js";
-import "../tooltip/tooltip.css";
-const re = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], be = /* @__PURE__ */ X({
-  __name: "Rating",
-  props: /* @__PURE__ */ P({
-    "aria-describedby": {},
-    "aria-errormessage": {},
-    "aria-invalid": { type: Boolean },
-    "aria-label": {},
-    "aria-labelledby": {},
-    "aria-required": { type: Boolean },
-    disabled: { type: Boolean },
-    value: {},
-    defaultValue: { default: 0 },
-    count: { default: 5 },
-    allowHalf: { type: Boolean, default: !1 },
-    allowClear: { type: Boolean, default: !0 },
-    style: { default: () => ({}) },
-    prefixCls: { default: te.PREFIX },
-    className: {},
-    character: {},
-    tabIndex: { default: -1 },
-    autoFocus: { type: Boolean },
-    size: { default: "default" },
-    tooltips: {},
-    id: {},
-    preventScroll: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ P(["change", "update:modelValue", "update:value", "hoverChange", "focus", "blur", "keydown"], ["update:modelValue"]),
-  setup(a, { expose: I, emit: D }) {
-    const b = A(a, "modelValue"), l = a, s = D, m = f(), y = f({}), h = n(() => b.value !== void 0 ? b.value : l.value !== void 0 ? l.value : l.defaultValue ?? 0), x = n(() => b.value !== void 0 || l.value !== void 0), C = f(h.value);
-    p(h, (e) => {
-      x.value || (C.value = e);
-    });
-    const i = n(() => x.value ? h.value : C.value), t = f({
-      value: i.value,
-      focused: !1,
-      hoverValue: void 0,
-      clearedValue: null,
-      emptyStarFocusVisible: !1
-    });
-    let B = !1;
-    p(i, (e) => {
-      B && t.value.value !== e && (t.value.value = e);
-    }), G("direction", "ltr");
-    const E = {
-      focus: () => {
-        var e;
-        if (!l.disabled) {
-          const u = Math.ceil(i.value) - 1, o = u < 0 ? l.count : u;
-          (e = y.value[o]) == null || e.starFocus();
-        }
-      },
-      getStarDOM: (e) => {
-        var u;
-        return (u = y.value[e]) == null ? void 0 : u.$el;
-      },
-      notifyHoverChange: (e, u) => {
-        t.value.hoverValue = e, t.value.clearedValue = u, s("hoverChange", e);
-      },
-      updateValue: (e) => {
-        x.value || (C.value = e), t.value.value = e, s("change", e), s("update:modelValue", e), s("update:value", e);
-      },
-      clearValue: (e) => {
-        t.value.clearedValue = e;
-      },
-      notifyFocus: (e) => {
-        t.value.focused = !0, s("focus", e);
-      },
-      notifyBlur: (e) => {
-        t.value.focused = !1, s("blur", e);
-      },
-      notifyKeyDown: (e) => {
-        t.value.focused = !1, s("keydown", e);
-      },
-      setEmptyStarFocusVisible: (e) => {
-        t.value.emptyStarFocusVisible = e;
-      },
-      getState: () => t.value,
-      getStates: () => t.value,
-      getProps: () => l,
-      getProp: (e) => l[e],
-      setState: (e) => {
-        Object.assign(t.value, e);
-      },
-      getContext: (e) => {
-        if (e === "direction") return "ltr";
-      },
-      getContexts: () => {
-      },
-      getCache: () => {
-      },
-      getCaches: () => {
-      },
-      setCache: () => {
-      },
-      stopPropagation: () => {
-      },
-      persistEvent: () => {
-      }
-    }, r = new oe(E), d = n(() => t.value.hoverValue), F = n(() => t.value.focused), g = n(() => {
-      if (l["aria-label"])
-        return l["aria-label"];
-      let e = "star";
-      return typeof l.character == "string" && (e = l.character), e;
-    }), K = n(() => `Rating: ${i.value} of ${l.count} ${g.value}${i.value === 1 ? "" : "s"},`), N = n(() => le(
-      l.prefixCls,
-      {
-        [`${l.prefixCls}-disabled`]: l.disabled,
-        [`${l.prefixCls}-focus`]: t.value.emptyStarFocusVisible
-      },
-      l.className
-    )), V = (e, u) => {
-      u && (y.value[e] = u);
-    }, $ = (e, u) => {
-      r.handleHover(e, u);
-    }, O = () => {
-      r.handleMouseLeave();
-    }, k = (e, u) => {
-      r.handleClick(e, u);
-    }, j = (e) => {
-      r.handleFocus(e);
-    }, q = (e) => {
-      r.handleBlur(e);
-    }, T = (e) => {
-      r.handleKeyDown(e, i.value);
-    }, w = (e) => {
-      r.handleStarFocusVisible(e);
-    }, H = (e) => {
-      r.handleStarBlur(e);
-    }, z = () => {
-      var e;
-      l.disabled || (e = m.value) == null || e.focus({ preventScroll: l.preventScroll });
-    }, U = () => {
-      var e;
-      l.disabled || (e = m.value) == null || e.blur();
-    };
-    return J(() => {
-      r.init(), B = !0, t.value.value = i.value, l.autoFocus && z();
-    }), Q(() => {
-      r.destroy();
-    }), I({
-      focus: z,
-      blur: U
-    }), (e, u) => (v(), S("ul", {
-      id: a.id,
-      ref_key: "rateRef",
-      ref: m,
-      class: Y(N.value),
-      style: W(a.style),
-      "aria-label": K.value,
-      "aria-labelledby": l["aria-labelledby"],
-      "aria-describedby": l["aria-describedby"],
-      tabindex: a.disabled ? -1 : a.tabIndex,
-      onMouseleave: O,
-      onFocus: j,
-      onBlur: q,
-      onKeydown: T
-    }, [
-      (v(!0), S(L, null, Z(a.count + 1, (o) => (v(), S(L, { key: o }, [
-        a.tooltips && a.tooltips[o - 1] ? (v(), M(_(ue), {
-          key: 0,
-          visible: d.value - 1 === o - 1,
-          trigger: "custom",
-          content: a.tooltips[o - 1]
-        }, {
-          default: ee(() => [
-            ae(R, {
-              ref_for: !0,
-              ref: (c) => V(o - 1, c),
-              index: o - 1,
-              count: a.count,
-              prefixCls: `${a.prefixCls}-star`,
-              allowHalf: a.allowHalf,
-              value: d.value === void 0 ? i.value : d.value,
-              disabled: a.disabled,
-              character: a.character,
-              focused: F.value,
-              size: o - 1 === a.count ? 0 : a.size,
-              ariaLabelPrefix: g.value,
-              "aria-describedby": l["aria-describedby"],
-              preventScroll: a.preventScroll,
-              onClick: k,
-              onHover: $,
-              onFocus: (c) => o - 1 === a.count ? w : void 0,
-              onBlur: (c) => o - 1 === a.count ? H : void 0
-            }, null, 8, ["index", "count", "prefixCls", "allowHalf", "value", "disabled", "character", "focused", "size", "ariaLabelPrefix", "aria-describedby", "preventScroll", "onFocus", "onBlur"])
-          ]),
-          _: 2
-        }, 1032, ["visible", "content"])) : (v(), M(R, {
-          key: 1,
-          ref_for: !0,
-          ref: (c) => V(o - 1, c),
-          index: o - 1,
-          count: a.count,
-          prefixCls: `${a.prefixCls}-star`,
-          allowHalf: a.allowHalf,
-          value: d.value === void 0 ? i.value : d.value,
-          disabled: a.disabled,
-          character: a.character,
-          focused: F.value,
-          size: o - 1 === a.count ? 0 : a.size,
-          ariaLabelPrefix: g.value,
-          "aria-describedby": l["aria-describedby"],
-          preventScroll: a.preventScroll,
-          onClick: k,
-          onHover: $,
-          onFocus: (c) => o - 1 === a.count ? w : void 0,
-          onBlur: (c) => o - 1 === a.count ? H : void 0
-        }, null, 8, ["index", "count", "prefixCls", "allowHalf", "value", "disabled", "character", "focused", "size", "ariaLabelPrefix", "aria-describedby", "preventScroll", "onFocus", "onBlur"]))
-      ], 64))), 128))
-    ], 46, re));
-  }
-});
-export {
-  be as default
-};

package/lib/es/components/rating/RatingItem.vue.js

@@ -1,198 +0,0 @@
-import { defineComponent as J, ref as x, computed as r, onMounted as Q, onUnmounted as Y, openBlock as c, createElementBlock as g, normalizeStyle as u, normalizeClass as d, createElementVNode as k, createBlock as B, resolveDynamicComponent as w, createCommentVNode as h, h as Z } from "vue";
-import f from "classnames";
-import { cssClasses as S } from "@douyinfe/semi-foundation/rating/constants";
-import { RatingItemFoundation as _ } from "@douyinfe/semi-foundation/rating/foundation";
-import ee from "../icons/icons/IconStar.vue.js";
-import { isEnterPressed as ae } from "../_utils/keyboardUtils.js";
-const te = ["aria-checked", "aria-posinset", "aria-setsize", "aria-disabled", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], re = ["aria-checked", "aria-posinset", "aria-setsize", "aria-disabled", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], ue = /* @__PURE__ */ J({
-  __name: "RatingItem",
-  props: {
-    value: {
-      type: Number,
-      required: !0
-    },
-    index: {
-      type: Number,
-      required: !0
-    },
-    prefixCls: {
-      type: String,
-      required: !0
-    },
-    allowHalf: {
-      type: Boolean,
-      default: !1
-    },
-    character: {
-      type: [Object, String, Function],
-      required: !1
-    },
-    focused: {
-      type: Boolean,
-      default: !1
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    count: {
-      type: Number,
-      required: !0
-    },
-    ariaLabelPrefix: {
-      type: String,
-      required: !0
-    },
-    size: {
-      type: [Number, String],
-      required: !0
-    },
-    "aria-describedby": {
-      type: String,
-      required: !1
-    },
-    preventScroll: {
-      type: Boolean,
-      required: !1
-    }
-  },
-  emits: ["hover", "click", "focus", "blur"],
-  setup(t, { expose: P, emit: q }) {
-    const e = t, s = q, p = x(), C = x(), i = x({
-      firstStarFocus: !1,
-      secondStarFocus: !1
-    }), R = {
-      setFirstStarFocus: (a) => {
-        i.value.firstStarFocus = a;
-      },
-      setSecondStarFocus: (a) => {
-        i.value.secondStarFocus = a;
-      },
-      getState: () => i.value,
-      getStates: () => i.value,
-      getProps: () => e,
-      getProp: (a) => e[a],
-      setState: (a) => {
-        Object.assign(i.value, a);
-      },
-      getContext: () => {
-      },
-      getContexts: () => {
-      },
-      getCache: () => {
-      },
-      getCaches: () => {
-      },
-      setCache: () => {
-      },
-      stopPropagation: () => {
-      },
-      persistEvent: () => {
-      }
-    }, n = new _(R), F = r(() => e.index + 1), v = r(() => F.value - e.value), E = r(() => e.allowHalf && v.value < 1 && v.value > 0), H = r(() => 1 - v.value), N = r(() => F.value <= e.value), o = r(() => e.index === e.count), b = r(() => typeof e.size == "number"), I = r(() => f(e.prefixCls, {
-      [`${e.prefixCls}-half`]: E.value,
-      [`${e.prefixCls}-full`]: N.value,
-      [`${e.prefixCls}-${e.size}`]: !b.value
-    })), V = r(() => {
-      if (b.value) {
-        const a = e.size;
-        return {
-          width: `${a}px`,
-          height: `${a}px`,
-          fontSize: `${a}px`
-        };
-      }
-      return {};
-    }), j = r(() => f(`${e.prefixCls}-wrapper`, {
-      [`${e.prefixCls}-disabled`]: e.disabled,
-      [`${S.PREFIX}-focus`]: (i.value.firstStarFocus || i.value.secondStarFocus) && e.value !== 0
-    })), L = r(() => f(`${e.prefixCls}-first`, `${S.PREFIX}-no-focus`)), X = r(() => f(`${e.prefixCls}-second`, `${S.PREFIX}-no-focus`)), z = r(() => e.allowHalf ? e.count * 2 + 1 : e.count + 1), D = r(() => !e.disabled && (e.value === e.index + 1 || o.value && e.value === 0) ? 0 : -1), y = r(() => b.value ? "inherit" : e.size === "small" ? "default" : "extra-large"), l = r(() => {
-      if (!e.character || typeof e.character == "string")
-        return !1;
-      const a = e.character;
-      return typeof a == "function" || typeof a == "object" && (a.__name || a.name || a.setup || a.render);
-    }), $ = () => e.character && !l.value ? () => e.character : () => Z(ee, { size: y.value, style: { display: "block" } }), K = (a) => {
-      e.disabled || s("hover", a, e.index);
-    }, M = (a) => {
-      e.disabled || s("click", a, e.index);
-    }, O = (a) => {
-      !e.disabled && ae(a) && s("click", a, e.index);
-    }, W = (a) => {
-      s("focus", a), n.handleFocusVisible(a, "first");
-    }, T = (a) => {
-      s("blur", a), n.handleBlur(a, "first");
-    }, U = (a) => {
-      s("focus", a), n.handleFocusVisible(a, "second");
-    }, A = (a) => {
-      s("blur", a), n.handleBlur(a, "second");
-    }, G = () => {
-      var a, m;
-      e.value - e.index === 0.5 ? (a = p.value) == null || a.focus({ preventScroll: e.preventScroll }) : (m = C.value) == null || m.focus({ preventScroll: e.preventScroll });
-    };
-    return Q(() => {
-    }), Y(() => {
-    }), P({
-      starFocus: G
-    }), (a, m) => (c(), g("li", {
-      class: d(I.value),
-      style: u(V.value)
-    }, [
-      k("div", {
-        class: d(j.value),
-        onClick: M,
-        onKeydown: O,
-        onMousemove: K
-      }, [
-        t.allowHalf && !o.value ? (c(), g("div", {
-          key: 0,
-          ref_key: "firstStarRef",
-          ref: p,
-          role: "radio",
-          "aria-checked": t.value === t.index + 0.5,
-          "aria-posinset": 2 * t.index + 1,
-          "aria-setsize": z.value,
-          "aria-disabled": t.disabled,
-          "aria-label": `${t.index + 0.5} ${t.ariaLabelPrefix}s`,
-          "aria-labelledby": e["aria-describedby"],
-          "aria-describedby": e["aria-describedby"],
-          class: d(L.value),
-          style: u({ width: `${H.value * 100}%` }),
-          tabindex: !t.disabled && t.value === t.index + 0.5 ? 0 : -1,
-          onFocus: W,
-          onBlur: T
-        }, [
-          !l.value || e.character ? (c(), B(w(l.value ? e.character : $()), {
-            key: 0,
-            size: l.value ? y.value : void 0,
-            style: u(l.value ? { display: "block" } : void 0)
-          }, null, 8, ["size", "style"])) : h("", !0)
-        ], 46, te)) : h("", !0),
-        k("div", {
-          ref_key: "secondStarRef",
-          ref: C,
-          role: "radio",
-          "aria-checked": o.value ? t.value === 0 : t.value === t.index + 1,
-          "aria-posinset": t.allowHalf ? 2 * (t.index + 1) : t.index + 1,
-          "aria-setsize": z.value,
-          "aria-disabled": t.disabled,
-          "aria-label": `${o.value ? 0 : t.index + 1} ${t.ariaLabelPrefix}${t.index === 0 ? "" : "s"}`,
-          "aria-labelledby": e["aria-describedby"],
-          "aria-describedby": e["aria-describedby"],
-          class: d(X.value),
-          tabindex: D.value,
-          onFocus: U,
-          onBlur: A
-        }, [
-          !l.value || e.character ? (c(), B(w(l.value ? e.character : $()), {
-            key: 0,
-            size: l.value ? y.value : void 0,
-            style: u(l.value ? { display: "block" } : void 0)
-          }, null, 8, ["size", "style"])) : h("", !0)
-        ], 42, re)
-      ], 34)
-    ], 6));
-  }
-});
-export {
-  ue as default
-};

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

@@ -1,221 +0,0 @@
-import { defineComponent as N, computed as d, ref as U, reactive as _, onMounted as A, onUnmounted as P, watch as D, openBlock as l, createElementBlock as c, mergeProps as j, normalizeClass as p, unref as g, normalizeStyle as v, createCommentVNode as m, renderSlot as F, Fragment as E, renderList as O, createBlock as y, withCtx as V, resolveDynamicComponent as $ } from "vue";
-import G from "classnames";
-import { cssClasses as R } from "@douyinfe/semi-foundation/resizable/constants";
-import { directions as I } from "@douyinfe/semi-foundation/resizable/types";
-import { ResizableFoundation as T } from "@douyinfe/semi-foundation/resizable/foundation";
-import X from "./ResizableHandler.vue.js";
-import "./resizable.css";
-const te = /* @__PURE__ */ N({
-  name: "SemiResizable",
-  __name: "Resizable",
-  props: {
-    grid: { default: () => [1, 1] },
-    style: { default: () => ({}) },
-    className: {},
-    snap: {},
-    snapGap: { default: 0 },
-    boundElement: {},
-    boundsByDirection: { type: Boolean },
-    size: {},
-    minWidth: {},
-    minHeight: {},
-    maxWidth: {},
-    maxHeight: {},
-    lockAspectRatio: { type: [Boolean, Number], default: !1 },
-    lockAspectRatioExtraWidth: { default: 0 },
-    lockAspectRatioExtraHeight: { default: 0 },
-    enable: { type: [Object, Boolean], default: () => ({
-      top: !0,
-      right: !0,
-      bottom: !0,
-      left: !0,
-      topRight: !0,
-      bottomRight: !0,
-      bottomLeft: !0,
-      topLeft: !0
-    }) },
-    handleStyle: {},
-    handleClass: {},
-    handleWrapperStyle: {},
-    handleWrapperClass: {},
-    handleNode: {},
-    defaultSize: {},
-    scale: { default: 1 },
-    ratio: { default: 1 },
-    onResizeStart: {},
-    onChange: {},
-    onResizeEnd: {}
-  },
-  emits: ["resizeStart", "change", "resizeEnd"],
-  setup(b, { emit: S }) {
-    const n = b, x = d(() => {
-      const e = n.grid;
-      return typeof e == "number" ? [e, e] : e || [1, 1];
-    }), f = S, u = U(), i = _({
-      isResizing: !1,
-      width: "auto",
-      height: "auto",
-      direction: "right",
-      original: {
-        x: 0,
-        y: 0,
-        width: 0,
-        height: 0
-      },
-      backgroundStyle: {
-        cursor: "auto"
-      },
-      flexBasis: void 0
-    }), z = d(() => n.enable || !1), C = () => u.value;
-    function W(e) {
-      const t = {};
-      return Object.keys(e).forEach((o) => {
-        o.startsWith("data-") && (t[o] = e[o]);
-      }), t;
-    }
-    const w = d(() => {
-      const e = n, t = [
-        "style",
-        "className",
-        "grid",
-        "snap",
-        "snapGap",
-        "boundElement",
-        "boundsByDirection",
-        "size",
-        "minWidth",
-        "minHeight",
-        "maxWidth",
-        "maxHeight",
-        "lockAspectRatio",
-        "lockAspectRatioExtraWidth",
-        "lockAspectRatioExtraHeight",
-        "enable",
-        "handleStyle",
-        "handleClass",
-        "handleWrapperStyle",
-        "handleWrapperClass",
-        "handleNode",
-        "defaultSize",
-        "scale",
-        "ratio",
-        "onResizeStart",
-        "onChange",
-        "onResizeEnd"
-      ], o = {};
-      return Object.keys(e).forEach((s) => {
-        t.includes(s) || (o[s] = e[s]);
-      }), o;
-    }), B = {
-      getProp: (e) => e === "onResizeStart" ? (t, o) => {
-        var r;
-        const s = (r = n.onResizeStart) == null ? void 0 : r.call(n, t, o);
-        return f("resizeStart", t, o), s;
-      } : e === "onChange" ? (t, o, s) => {
-        var r;
-        (r = n.onChange) == null || r.call(n, t, o, s), f("change", t, o, s);
-      } : e === "onResizeEnd" ? (t, o, s) => {
-        var r;
-        (r = n.onResizeEnd) == null || r.call(n, t, o, s), f("resizeEnd", t, o, s);
-      } : e === "grid" ? x.value : n[e],
-      getProps: () => n,
-      getState: () => i,
-      getStates: () => i,
-      setState: (e) => {
-        Object.assign(i, e);
-      },
-      getContext: () => {
-      },
-      getContexts: () => {
-      },
-      getCache: () => {
-      },
-      getCaches: () => {
-      },
-      setCache: () => {
-      },
-      stopPropagation: () => {
-      },
-      persistEvent: () => {
-      },
-      getResizable: C,
-      registerEvent: (e) => {
-        var o, s;
-        const t = (s = (o = u.value) == null ? void 0 : o.ownerDocument) == null ? void 0 : s.defaultView;
-        !t || !a || (e === "mouse" ? (t.addEventListener("mouseup", a.onMouseUp), t.addEventListener("mousemove", a.onMouseMove), t.addEventListener("mouseleave", a.onMouseUp)) : (t.addEventListener("touchmove", a.onTouchMove, { passive: !1 }), t.addEventListener("touchend", a.onMouseUp), t.addEventListener("touchcancel", a.onMouseUp)));
-      },
-      unregisterEvent: (e) => {
-        var o, s;
-        const t = (s = (o = u.value) == null ? void 0 : o.ownerDocument) == null ? void 0 : s.defaultView;
-        !t || !a || (e === "mouse" ? (t.removeEventListener("mouseup", a.onMouseUp), t.removeEventListener("mousemove", a.onMouseMove), t.removeEventListener("mouseleave", a.onMouseUp)) : (t.removeEventListener("touchmove", a.onTouchMove), t.removeEventListener("touchend", a.onMouseUp), t.removeEventListener("touchcancel", a.onMouseUp)));
-      }
-    }, a = new T(B);
-    A(() => {
-      a.init();
-      const e = u.value ? window.getComputedStyle(u.value).flexBasis : "auto", t = a.propSize;
-      i.width = t.width ?? "auto", i.height = t.height ?? "auto", i.flexBasis = e !== "auto" ? e : void 0;
-    }), P(() => {
-      a.destroy();
-    }), D(
-      () => n.size,
-      (e) => {
-        e && (e.width !== void 0 && (i.width = e.width), e.height !== void 0 && (i.height = e.height));
-      },
-      { immediate: !0 }
-    );
-    const L = d(() => G(n.className, `${R.PREFIX}-resizable`)), M = d(() => {
-      const e = {
-        userSelect: i.isResizing ? "none" : "auto",
-        maxWidth: n.maxWidth,
-        maxHeight: n.maxHeight,
-        minWidth: n.minWidth,
-        minHeight: n.minHeight,
-        ...n.style,
-        ...a.sizeStyle
-      };
-      return i.flexBasis && (e.flexBasis = i.flexBasis), e;
-    });
-    return (e, t) => (l(), c("div", j({
-      ref_key: "resizableRef",
-      ref: u,
-      class: L.value,
-      style: M.value
-    }, W(w.value)), [
-      i.isResizing ? (l(), c("div", {
-        key: 0,
-        style: v(i.backgroundStyle),
-        class: p(`${g(R).PREFIX}-background`)
-      }, null, 6)) : m("", !0),
-      F(e.$slots, "default"),
-      z.value ? (l(), c("div", {
-        key: 1,
-        class: p(n.handleWrapperClass),
-        style: v(n.handleWrapperStyle)
-      }, [
-        (l(!0), c(E, null, O(g(I), (o) => {
-          var s, r;
-          return l(), c(E, { key: o }, [
-            z.value[o] !== !1 ? (l(), y(X, {
-              key: 0,
-              direction: o,
-              onResizeStart: (h, k, H) => g(a).onResizeStart(h, k, H),
-              style: v((s = n.handleStyle) == null ? void 0 : s[o]),
-              class: p((r = n.handleClass) == null ? void 0 : r[o])
-            }, {
-              default: V(() => {
-                var h;
-                return [
-                  (h = n.handleNode) != null && h[o] ? (l(), y($(n.handleNode[o]), { key: 0 })) : m("", !0)
-                ];
-              }),
-              _: 2
-            }, 1032, ["direction", "onResizeStart", "style", "class"])) : m("", !0)
-          ], 64);
-        }), 128))
-      ], 6)) : m("", !0)
-    ], 16));
-  }
-});
-export {
-  te as default
-};