x-next 1.0.0 → 1.1.0

package/dist/es/components/draggable/Draggable.js

@@ -0,0 +1,73 @@
+import { defineComponent as T, computed as v, toRefs as w, unref as i, ref as A, reactive as D, createVNode as M, mergeProps as N } from "vue";
+import { objectMap as k } from "./utils/index.js";
+import { useDraggable as B } from "./useDraggable.js";
+const m = ["update", "start", "add", "remove", "choose", "unchoose", "end", "sort", "filter", "clone", "move", "change"], F = ["clone", "animation", "ghostClass", "group", "sort", "disabled", "store", "handle", "draggable", "swapThreshold", "invertSwap", "invertedSwapThreshold", "removeCloneOnHide", "direction", "chosenClass", "dragClass", "ignore", "filter", "preventOnFilter", "easing", "setData", "dropBubble", "dragoverBubble", "dataIdAttr", "delay", "delayOnTouchOnly", "touchStartThreshold", "forceFallback", "fallbackClass", "fallbackOnBody", "fallbackTolerance", "fallbackOffset", "supportPointer", "emptyInsertThreshold", "scroll", "forceAutoScrollFallback", "scrollSensitivity", "scrollSpeed", "bubbleScroll", "modelValue", "tag", "target", "customUpdate", "allowMove", "moveValidator", ...m.filter((e) => e !== "move").map((e) => `on${e.replace(/^\S/, (a) => a.toUpperCase())}`)], I = /* @__PURE__ */ T({
+  name: "Draggable",
+  props: F,
+  emits: ["update:modelValue", ...m],
+  inheritAttrs: !1,
+  model: {
+    prop: "modelValue",
+    event: "update:modelValue"
+  },
+  setup(e, {
+    slots: a,
+    emit: u,
+    expose: b,
+    attrs: h
+  }) {
+    const V = m.reduce((t, o) => {
+      if (o === "move") return t;
+      const s = `on${o.charAt(0).toUpperCase()}${o.slice(1)}`;
+      return t[s] = (...l) => u(o, ...l), t;
+    }, {}), y = v(() => {
+      const {
+        modelValue: t,
+        class: o,
+        style: s,
+        allowMove: l,
+        moveValidator: n,
+        ...S
+      } = w(e), O = Object.entries(S).reduce((r, [d, c]) => {
+        const g = i(c);
+        return g !== void 0 && (r[d] = g), r;
+      }, {});
+      return {
+        ...V,
+        ...k({
+          ...O
+        }),
+        onMove: (r, d) => {
+          u("move", r, d);
+          const c = i(l) ?? i(n);
+          if (typeof c == "function")
+            return c(r, d);
+        }
+      };
+    }), C = v({
+      get: () => e.modelValue,
+      set: (t) => u("update:modelValue", t)
+    }), f = A(null), p = D(B(e.target || f, C, y));
+    return b(p), () => {
+      const t = e.tag || "div", {
+        class: o,
+        style: s,
+        ...l
+      } = h;
+      return M(t, N({
+        ref: f
+      }, l, {
+        class: [o, e.class],
+        style: [s, e.style]
+      }), {
+        default: () => {
+          var n;
+          return [(n = a.default) == null ? void 0 : n.call(a, p)];
+        }
+      });
+    };
+  }
+});
+export {
+  I as default
+};

package/dist/es/components/draggable/directive.js

@@ -0,0 +1,31 @@
+import { isRef as m, isProxy as d } from "vue";
+import { useDraggable as c } from "./useDraggable.js";
+const r = {
+  mounted: "mounted",
+  unmounted: "unmounted"
+}, o = /* @__PURE__ */ new WeakMap();
+function f(t) {
+  return t === void 0 || t !== null && typeof t == "object" && !Array.isArray(t);
+}
+function p(t) {
+  if (m(t) || d(t)) return [t];
+  if (Array.isArray(t)) {
+    const n = t[1];
+    if (t.length <= 2 && f(n))
+      return t;
+  }
+  return [t];
+}
+const g = {
+  [r.mounted](t, n) {
+    const [e, i] = p(n.value), s = c(t, e, i);
+    o.set(t, s.destroy);
+  },
+  [r.unmounted](t) {
+    var n;
+    (n = o.get(t)) == null || n(), o.delete(t);
+  }
+};
+export {
+  g as vDraggable
+};

package/dist/es/components/draggable/index.js

@@ -0,0 +1,8 @@
+import e from "./Draggable.js";
+import { generateComponent as o } from "../../_utils/vue-eco.js";
+import { getComponentPrefix as r } from "../../_utils/config.js";
+const m = o(r("Draggable"), e);
+export {
+  m as Draggable,
+  m as default
+};

package/dist/es/components/draggable/useDraggable.js

@@ -0,0 +1,172 @@
+import { Sortable as V } from "../../node_modules/.pnpm/sortablejs@1.15.7/node_modules/sortablejs/modular/sortable.esm.js";
+import { getCurrentInstance as O, unref as c, watch as W, onMounted as X, nextTick as k, onUnmounted as Z, isRef as D } from "vue";
+import { error as ee } from "./utils/log.js";
+import { isString as ne, getElementBySelector as te, isHTMLElement as oe, forEachObject as M, mergeOptionsEvents as re, isOn as le, extend as ie, insertNodeAt as T, removeNode as E, removeElement as R, isUndefined as ue, insertElement as h, moveArrayElement as B } from "./utils/index.js";
+function se(s) {
+  return s == null ? s : JSON.parse(JSON.stringify(s));
+}
+function fe(s) {
+  O() && Z(s);
+}
+function ce(s) {
+  O() ? X(s) : k(s);
+}
+const _ = Symbol("cloneElement");
+function ge(...s) {
+  var L;
+  const b = (L = O()) == null ? void 0 : L.proxy;
+  let m = null, w = null, A = null;
+  const H = s[0];
+  let [, r, I] = s;
+  Array.isArray(c(r)) || (I = r, r = null);
+  let t = null;
+  function S(e = null, n = null) {
+    w = e, A = n;
+  }
+  function J() {
+    return {
+      data: w,
+      clonedData: A
+    };
+  }
+  function g() {
+    return c(I) ?? {};
+  }
+  function $(e, n) {
+    return e.oldDraggableIndex ?? e.newDraggableIndex ?? n ?? -1;
+  }
+  function v(e, ...n) {
+    if (Array.isArray(e)) {
+      let u;
+      for (const l of e) {
+        const o = v(l, ...n);
+        if (o === !1) return !1;
+        o !== void 0 && (u = o);
+      }
+      return u;
+    }
+    if (typeof e == "function") return e(...n);
+  }
+  function j(e) {
+    var U;
+    const { from: n, oldIndex: u, item: l } = e, { forceFallback: o, fallbackOnBody: f, clone: d = se } = g(), i = Array.from(n.childNodes);
+    m = o && !f ? i.slice(0, -1) : i;
+    const p = $(e, u), y = c((U = c(r)) == null ? void 0 : U[p]), x = d(y);
+    S(y, x), l[_] = x;
+  }
+  function F(e) {
+    const n = e.item[_];
+    if (!ue(n)) {
+      if (E(e.item), D(r)) {
+        const u = [...c(r)];
+        r.value = h(u, e.newDraggableIndex, n);
+        return;
+      }
+      h(c(r), e.newDraggableIndex, n);
+    }
+  }
+  function K(e) {
+    const { from: n, item: u, oldIndex: l, oldDraggableIndex: o, pullMode: f, clone: d } = e;
+    if (T(n, u, l), f === "clone") {
+      E(d);
+      return;
+    }
+    if (D(r)) {
+      const i = [...c(r)];
+      r.value = R(i, o);
+      return;
+    }
+    R(c(r), o);
+  }
+  function Y(e) {
+    const { customUpdate: n } = g();
+    if (typeof n == "function") {
+      n(e);
+      return;
+    }
+    const { from: u, item: l, oldIndex: o, oldDraggableIndex: f, newDraggableIndex: d } = e;
+    if (E(l), T(u, l, o), D(r)) {
+      const i = [...c(r)];
+      r.value = B(i, f, d);
+      return;
+    }
+    B(c(r), f, d);
+  }
+  function q(e) {
+    const { newIndex: n, oldIndex: u, from: l, to: o } = e;
+    let f = null;
+    const d = n === u && l === o;
+    try {
+      if (d) {
+        let i = null;
+        m == null || m.some((p, y) => {
+          if (i && (m == null ? void 0 : m.length) !== o.childNodes.length)
+            return l.insertBefore(i, p.nextSibling), !0;
+          const x = o.childNodes[y];
+          i = o == null ? void 0 : o.replaceChild(p, x);
+        });
+      }
+    } catch (i) {
+      f = i;
+    } finally {
+      m = null;
+    }
+    k(() => {
+      if (S(), f) throw f;
+    });
+  }
+  const z = {
+    // @ts-ignore
+    onUpdate: Y,
+    // @ts-ignore
+    onStart: j,
+    // @ts-ignore
+    onAdd: F,
+    // @ts-ignore
+    onRemove: K,
+    // @ts-ignore
+    onEnd: q
+  };
+  function G(e) {
+    const n = c(H);
+    return e || (e = ne(n) ? te(n, b == null ? void 0 : b.$el) : n), e && !oe(e) && (e = e.$el), e || ee("Root element not found"), e || null;
+  }
+  function C() {
+    const { immediate: e, clone: n, customUpdate: u, ...l } = g();
+    return M(l, (o, f) => {
+      le(o) && (l[o] = (d, ...i) => {
+        const p = J();
+        return ie(d, p), v(f, d, ...i);
+      });
+    }), re(r === null ? {} : z, l);
+  }
+  const N = (e) => {
+    const n = G(e);
+    n && (t && a.destroy(), t = new V(n, C()));
+  };
+  W(
+    () => c(I),
+    () => {
+      t && M(C(), (e, n) => {
+        t == null || t.option(e, n);
+      });
+    },
+    { deep: !0 }
+  );
+  const a = {
+    option: (e, n) => t == null ? void 0 : t.option(e, n),
+    destroy: () => {
+      t == null || t.destroy(), t = null;
+    },
+    save: () => t == null ? void 0 : t.save(),
+    toArray: () => t == null ? void 0 : t.toArray(),
+    closest: (...e) => t == null ? void 0 : t.closest(...e)
+  }, P = () => a == null ? void 0 : a.option("disabled", !0), Q = () => a == null ? void 0 : a.option("disabled", !1);
+  return ce(() => {
+    const { immediate: e = !0 } = g();
+    e && N();
+  }), fe(a.destroy), { start: N, pause: P, resume: Q, ...a };
+}
+export {
+  ge as useDraggable
+};

package/dist/es/components/draggable/utils/index.js

@@ -0,0 +1,78 @@
+import { warn as t } from "./log.js";
+function f(n, i, e) {
+  return e >= 0 && e < n.length && n.splice(e, 0, n.splice(i, 1)[0]), n;
+}
+function c(n) {
+  return n.replace(/-(\w)/g, (i, e) => e ? e.toUpperCase() : "");
+}
+function s(n) {
+  return Object.keys(n).reduce(
+    (i, e) => (typeof n[e] < "u" && (i[c(e)] = n[e]), i),
+    {}
+  );
+}
+function d(n, i) {
+  return Array.isArray(n) && n.splice(i, 1), n;
+}
+function l(n, i, e) {
+  return Array.isArray(n) && n.splice(i, 0, e), n;
+}
+function h(n) {
+  return typeof n > "u";
+}
+function A(n) {
+  return typeof n == "string";
+}
+function g(n, i, e) {
+  const o = n.children[e];
+  n.insertBefore(i, o);
+}
+function O(n) {
+  n.parentNode && n.parentNode.removeChild(n);
+}
+function p(n, i = document) {
+  var o;
+  let e = null;
+  return typeof (i == null ? void 0 : i.querySelector) == "function" ? e = (o = i == null ? void 0 : i.querySelector) == null ? void 0 : o.call(i, n) : e = document.querySelector(n), e || t(`Element not found: ${n}`), e;
+}
+function r(n, i, e = null) {
+  return function(...o) {
+    return n.apply(e, o), i.apply(e, o);
+  };
+}
+function C(n, i) {
+  const e = { ...n };
+  return Object.keys(i).forEach((o) => {
+    e[o] ? e[o] = r(n[o], i[o]) : e[o] = i[o];
+  }), e;
+}
+function m(n) {
+  return n instanceof HTMLElement;
+}
+function S(n, i) {
+  Object.keys(n).forEach((e) => {
+    i(e, n[e]);
+  });
+}
+function v(n) {
+  return n.charCodeAt(0) === 111 && n.charCodeAt(1) === 110 && (n.charCodeAt(2) > 122 || n.charCodeAt(2) < 97);
+}
+const N = Object.assign;
+export {
+  c as camelize,
+  N as extend,
+  S as forEachObject,
+  p as getElementBySelector,
+  l as insertElement,
+  g as insertNodeAt,
+  m as isHTMLElement,
+  v as isOn,
+  A as isString,
+  h as isUndefined,
+  r as mergeExecuted,
+  C as mergeOptionsEvents,
+  f as moveArrayElement,
+  s as objectMap,
+  d as removeElement,
+  O as removeNode
+};

package/dist/es/components/draggable/utils/log.js

@@ -0,0 +1,11 @@
+const r = "[vue-draggable-plus]: ";
+function n(o) {
+  console.warn(r + o);
+}
+function e(o) {
+  console.error(r + o);
+}
+export {
+  e as error,
+  n as warn
+};

package/dist/es/components/drawer/index.js

@@ -0,0 +1,8 @@
+import r from "./src/Drawer.vue.js";
+import { generateComponent as e } from "../../_utils/vue-eco.js";
+import { getComponentPrefix as o } from "../../_utils/config.js";
+const n = e(o("Drawer"), r);
+export {
+  n as Drawer,
+  n as default
+};

package/dist/es/components/drawer/src/Drawer.vue.js

@@ -0,0 +1,137 @@
+import $ from "./Drawer.vue2.js";
+import { resolveComponent as p, openBlock as a, createBlock as b, Teleport as N, withDirectives as f, createElementBlock as d, mergeProps as k, createVNode as i, Transition as g, withCtx as n, withModifiers as S, normalizeClass as l, vShow as u, createCommentVNode as t, createElementVNode as s, normalizeStyle as w, renderSlot as m, toDisplayString as y, createTextVNode as v } from "vue";
+import T from "../../../_virtual/_plugin-vue_export-helper.js";
+const B = ["aria-label"];
+function V(e, o, O, M, j, z) {
+  const c = p("Scrollbar"), C = p("Button"), h = p("Space");
+  return a(), b(N, {
+    to: e.teleportContainer,
+    disabled: e.disabled || !e.teleportContainer
+  }, [
+    !e.destroyOnClosed || e.mergeVisible ? f((a(), d("div", k({
+      key: 0,
+      ref: "drawerRef",
+      class: [e.className.block, e.isFixed ? "is-fixed" : "is-absolute", e.popupClass],
+      style: e.drawerStyle
+    }, e.$attrs), [
+      i(g, {
+        name: "x-fade-in-standard",
+        appear: ""
+      }, {
+        default: n(() => [
+          e.mask ? f((a(), d("div", {
+            key: 0,
+            class: l(e.className.element("mask")),
+            onClick: o[0] || (o[0] = S((...r) => e.handleMask && e.handleMask(...r), ["self"]))
+          }, null, 2)), [
+            [u, e.modelVisible]
+          ]) : t("", !0)
+        ]),
+        _: 1
+      }),
+      i(g, {
+        name: `x-slide-${e.placement}`,
+        appear: "",
+        onAfterEnter: e.afterEnter,
+        onAfterLeave: e.afterLeave
+      }, {
+        default: n(() => [
+          f(s("div", {
+            class: l([e.className.element("container"), `is-${e.placement}`]),
+            style: w(e.containerStyle)
+          }, [
+            m(e.$slots, "fill", {}, () => [
+              s("div", {
+                class: l([e.className.element("header")])
+              }, [
+                m(e.$slots, "title", {}, () => [
+                  s("span", {
+                    class: l([e.className.element("title")])
+                  }, y(e.title), 3)
+                ])
+              ], 2),
+              s("div", {
+                class: l([e.className.element("body"), e.bodyClass]),
+                style: w(e.mergedBodyStyle)
+              }, [
+                i(c, { style: { overflow: "auto" } }, {
+                  default: n(() => [
+                    m(e.$slots, "default")
+                  ]),
+                  _: 3
+                })
+              ], 6),
+              e.showFooter ? (a(), d("div", {
+                key: 0,
+                class: l([e.className.element("footer")])
+              }, [
+                m(e.$slots, "footer", {
+                  ok: e.handleOk,
+                  cancel: e.handleCancel,
+                  loadingObj: e.loadingObj
+                }, () => [
+                  i(h, { size: 12 }, {
+                    default: n(() => [
+                      i(C, k({
+                        type: "primary",
+                        size: "small",
+                        loading: e.okLoading || e.loadingObj.ok
+                      }, e.okButtonProps, { onClick: e.handleOk }), {
+                        default: n(() => [
+                          v(y(`${e.okText ? e.okText : e.t("dialog.okText")}`), 1)
+                        ]),
+                        _: 1
+                      }, 16, ["loading", "onClick"]),
+                      e.hideCancel ? t("", !0) : (a(), b(C, k({
+                        key: 0,
+                        loading: e.loadingObj.cancel,
+                        size: "small"
+                      }, e.cancelButtonProps, { onClick: e.handleCancel }), {
+                        default: n(() => [
+                          v(y(`${e.cancelText ? e.cancelText : e.t("dialog.cancelText")}`), 1)
+                        ]),
+                        _: 1
+                      }, 16, ["loading", "onClick"]))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 2)) : t("", !0)
+            ]),
+            e.showClose ? (a(), d("span", {
+              key: 0,
+              class: l([e.className.element("close-icon")]),
+              role: "button",
+              tabindex: "0",
+              "aria-label": e.t("common.closeTarget", { target: "抽屉" }),
+              onClick: o[1] || (o[1] = (r) => e.interceptClose("cancel", r)),
+              onKeydown: o[2] || (o[2] = (...r) => e.handleCloseIconKeydown && e.handleCloseIconKeydown(...r))
+            }, [...o[3] || (o[3] = [
+              s("svg", {
+                viewBox: "0 0 48 48",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                stroke: "currentColor",
+                class: "arco-icon arco-icon-close",
+                "stroke-width": "4",
+                "stroke-linecap": "butt",
+                "stroke-linejoin": "miter"
+              }, [
+                s("path", { d: "M9.857 9.858 24 24m0 0 14.142 14.142M24 24 38.142 9.858M24 24 9.857 38.142" })
+              ], -1)
+            ])], 42, B)) : t("", !0)
+          ], 6), [
+            [u, e.modelVisible]
+          ])
+        ]),
+        _: 3
+      }, 8, ["name", "onAfterEnter", "onAfterLeave"])
+    ], 16)), [
+      [u, e.mergeVisible]
+    ]) : t("", !0)
+  ], 8, ["to", "disabled"]);
+}
+const D = /* @__PURE__ */ T($, [["render", V]]);
+export {
+  D as default
+};

package/dist/es/components/drawer/src/Drawer.vue2.js

@@ -0,0 +1,130 @@
+import { defineComponent as U, computed as o, ref as h, reactive as Y, onMounted as j, onBeforeUnmount as H, watch as w } from "vue";
+import { getClassNameMixin as $ } from "../../../_utils/config.js";
+import { addUnit as x, upperFirstChar as q } from "../../../_utils/helpers.js";
+import { isFunction as J, isPromise as Q } from "../../../_utils/is.js";
+import { useOverflow as W } from "../../../_hooks/use-overflow.js";
+import { Button as X } from "../../button/index.js";
+import { Space as Z } from "../../space/index.js";
+import { KEYBOARD_KEY as v } from "../../../_utils/keyboard.js";
+import { getElement as ee, on as te, off as oe } from "../../../_utils/dom.js";
+import ne from "../../../_hooks/use-popup-manager.js";
+import { Scrollbar as le } from "../../scrollbar-v2/index.js";
+import { drawerProps as re } from "./props.js";
+import { useLocale as ae } from "../../../locale/index.js";
+const ge = U({
+  name: "Drawer",
+  components: {
+    Button: X,
+    Space: Z,
+    Scrollbar: le
+  },
+  inheritAttrs: !1,
+  props: re,
+  emits: ["update:modelValue", "close", "closed", "open", "opened", "ok", "cancel"],
+  setup(t, { emit: n }) {
+    const C = $("drawer");
+    C.block;
+    const D = o(() => {
+      const e = {};
+      return t.width && ["left", "right"].includes(t.placement) && (e.width = x(t.width)), t.height && ["top", "bottom"].includes(t.placement) && (e.height = x(t.height)), e;
+    }), l = o(() => t.modelValue), c = h(!1), K = o(() => l.value || c.value), i = h(), u = () => {
+      typeof document > "u" || (i.value = ee(t.renderTo) || document.body);
+    }, B = o(() => typeof document > "u" ? !0 : i.value === document.body), b = h(), g = o(() => {
+      const e = {};
+      return t.showFooter ? e.height = "calc(100% - 55px - 55px)" : e.height = "calc(100% - 55px)", e;
+    }), L = o(() => [g.value, t.bodyStyle]), { zIndex: O, isLastDialog: F } = ne("dialog", {
+      visible: l
+    }), { setOverflowHidden: k, resetOverflow: p } = W(i, b), V = o(() => ({
+      zIndex: O.value,
+      ...t.drawerStyle
+    })), S = (e, a) => {
+      n("update:modelValue", !1), n(e, a), n("close", e, a);
+    }, d = Y({
+      ok: !1,
+      cancel: !1
+    }), r = (e, a) => {
+      const _ = `onBefore${q(e)}`, T = t[_];
+      let s = !0;
+      if (d[e] = !0, J(T))
+        try {
+          s = T(a) ?? !0;
+        } catch {
+          s = !1;
+        }
+      if (Q(s)) {
+        s.then((z) => {
+          (z ?? !0) && S(e, a);
+        }).catch(() => !1).finally(() => {
+          d[e] = !1;
+        });
+        return;
+      }
+      d[e] = !1, (s ?? !0) && S(e, a);
+    }, M = (e) => {
+      t.maskToClose && t.mask && r("cancel", e);
+    }, P = () => {
+      n("opened");
+    }, A = () => {
+      c.value = !1, p(), n("closed");
+    };
+    let f = !1;
+    const E = (e) => {
+      t.escToClose && e.key === v.ESC && F() && r("cancel", e);
+    }, m = () => {
+      t.escToClose && !f && (f = !0, te(document.documentElement, "keydown", E));
+    }, y = () => {
+      f = !1, oe(document.documentElement, "keydown", E);
+    };
+    j(() => {
+      u(), l.value && (k(), c.value = !0, t.escToClose && m());
+    }), H(() => {
+      p(), y();
+    }), w(
+      () => l.value,
+      (e) => {
+        e ? (u(), n("open"), k(), c.value = !0, m()) : y();
+      }
+    ), w(
+      () => t.escToClose,
+      (e) => {
+        l.value && (e ? m() : y());
+      }
+    ), w(
+      () => t.renderTo,
+      () => {
+        u();
+      }
+    );
+    const G = (e) => {
+      r("cancel", e);
+    }, I = (e) => {
+      r("ok", e);
+    }, N = (e) => {
+      (e.key === v.ENTER || e.key === v.SPACE || e.key === "Spacebar") && (e.preventDefault(), r("cancel", e));
+    }, { t: R } = ae();
+    return {
+      t: R,
+      className: C,
+      isFixed: B,
+      containerStyle: D,
+      drawerStyle: V,
+      teleportContainer: i,
+      drawerRef: b,
+      modelVisible: l,
+      mergeVisible: K,
+      drawerBodyStyle: g,
+      mergedBodyStyle: L,
+      handleMask: M,
+      afterEnter: P,
+      afterLeave: A,
+      interceptClose: r,
+      handleCancel: G,
+      handleOk: I,
+      handleCloseIconKeydown: N,
+      loadingObj: d
+    };
+  }
+});
+export {
+  ge as default
+};