vft 0.0.362 → 0.0.363

package/es/components/notification/notify.js

@@ -1,94 +1,121 @@
-import { isVNode as u, createVNode as T, render as v } from "vue";
-import { isClient as x, isString as g, isElement as h, isFunction as y, isUndefined as C } from "@vft/utils";
-import "@vueuse/core";
-import { debugWarn as N } from "../../utils/error.js";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import O from "./notification.vue2.js";
-import { notificationTypes as _ } from "./notification.js";
-const l = {
+import { isVNode, createVNode, render } from "vue";
+import { isClient, isString, isElement, isFunction, isUndefined } from "@vft/utils";
+import _sfc_main from "./notification.vue2.js";
+import { notificationTypes } from "./notification.js";
+import { debugWarn } from "../../utils/error.js";
+const notifications = {
   "top-left": [],
   "top-right": [],
   "bottom-left": [],
   "bottom-right": []
-}, p = 16;
-let H = 1;
-const m = function(e = {}, t) {
-  if (!x) return { close: () => {
-  } };
-  (g(e) || u(e)) && (e = { message: e });
-  const n = e.position || "top-right";
-  let s = e.offset || 0;
-  l[n].forEach(({ vm: d }) => {
-    s += (d.el?.offsetHeight || 0) + p;
-  }), s += p;
-  const i = `notification_${H++}`, a = e.onClose, f = {
-    ...e,
-    offset: s,
-    id: i,
+};
+const GAP_SIZE = 16;
+let seed = 1;
+const notify = function(options = {}, context) {
+  if (!isClient) return { close: () => void 0 };
+  if (isString(options) || isVNode(options)) {
+    options = { message: options };
+  }
+  const position = options.position || "top-right";
+  let verticalOffset = options.offset || 0;
+  notifications[position].forEach(({ vm: vm2 }) => {
+    verticalOffset += (vm2.el?.offsetHeight || 0) + GAP_SIZE;
+  });
+  verticalOffset += GAP_SIZE;
+  const id = `notification_${seed++}`;
+  const userOnClose = options.onClose;
+  const props = {
+    ...options,
+    offset: verticalOffset,
+    id,
     onClose: () => {
-      A(i, n, a);
+      close(id, position, userOnClose);
     }
   };
-  let r = document.body;
-  h(e.appendTo) ? r = e.appendTo : g(e.appendTo) && (r = document.querySelector(e.appendTo)), h(r) || (N(
-    "ElNotification",
-    "the appendTo option is not an HTMLElement. Falling back to document.body."
-  ), r = document.body);
-  const c = document.createElement("div"), o = T(
-    O,
-    f,
-    y(f.message) ? f.message : u(f.message) ? () => f.message : null
+  let appendTo = document.body;
+  if (isElement(options.appendTo)) {
+    appendTo = options.appendTo;
+  } else if (isString(options.appendTo)) {
+    appendTo = document.querySelector(options.appendTo);
+  }
+  if (!isElement(appendTo)) {
+    debugWarn(
+      "ElNotification",
+      "the appendTo option is not an HTMLElement. Falling back to document.body."
+    );
+    appendTo = document.body;
+  }
+  const container = document.createElement("div");
+  const vm = createVNode(
+    _sfc_main,
+    props,
+    isFunction(props.message) ? props.message : isVNode(props.message) ? () => props.message : null
   );
-  return o.appContext = C(t) ? m._context : t, o.props.onDestroy = () => {
-    v(null, c);
-  }, v(o, c), l[n].push({ vm: o }), r.appendChild(c.firstElementChild), {
+  vm.appContext = isUndefined(context) ? notify._context : context;
+  vm.props.onDestroy = () => {
+    render(null, container);
+  };
+  render(vm, container);
+  notifications[position].push({ vm });
+  appendTo.appendChild(container.firstElementChild);
+  return {
     // instead of calling the onClose function directly, setting this value so that we can have the full lifecycle
     // for out component, so that all closing steps will not be skipped.
     close: () => {
-      o.component.exposed.visible.value = !1;
+      vm.component.exposed.visible.value = false;
     }
   };
 };
-_.forEach((e) => {
-  m[e] = (t = {}, n) => ((g(t) || u(t)) && (t = {
-    message: t
-  }), m({ ...t, type: e }, n));
+notificationTypes.forEach((type) => {
+  notify[type] = (options = {}, appContext) => {
+    if (isString(options) || isVNode(options)) {
+      options = {
+        message: options
+      };
+    }
+    return notify({ ...options, type }, appContext);
+  };
 });
-function A(e, t, n) {
-  const s = l[t], i = s.findIndex(
-    ({ vm: o }) => o.component?.props.id === e
+function close(id, position, userOnClose) {
+  const orientedNotifications = notifications[position];
+  const idx = orientedNotifications.findIndex(
+    ({ vm: vm2 }) => vm2.component?.props.id === id
   );
-  if (i === -1) return;
-  const { vm: a } = s[i];
-  if (!a) return;
-  n?.(a);
-  const f = a.el.offsetHeight, r = t.split("-")[0];
-  s.splice(i, 1);
-  const c = s.length;
-  if (!(c < 1))
-    for (let o = i; o < c; o++) {
-      const { el: d, component: b } = s[o].vm, E = Number.parseInt(d.style[r], 10) - f - p;
-      b.props.offset = E;
-    }
+  if (idx === -1) return;
+  const { vm } = orientedNotifications[idx];
+  if (!vm) return;
+  userOnClose?.(vm);
+  const removedHeight = vm.el.offsetHeight;
+  const verticalPos = position.split("-")[0];
+  orientedNotifications.splice(idx, 1);
+  const len = orientedNotifications.length;
+  if (len < 1) return;
+  for (let i = idx; i < len; i++) {
+    const { el, component } = orientedNotifications[i].vm;
+    const pos = Number.parseInt(el.style[verticalPos], 10) - removedHeight - GAP_SIZE;
+    component.props.offset = pos;
+  }
 }
-function I() {
-  for (const e of Object.values(l))
-    e.forEach(({ vm: t }) => {
-      t.component.exposed.visible.value = !1;
+function closeAll() {
+  for (const orientedNotifications of Object.values(notifications)) {
+    orientedNotifications.forEach(({ vm }) => {
+      vm.component.exposed.visible.value = false;
     });
+  }
 }
-function S(e = "top-right") {
-  let t = l[e][0]?.vm.props?.offset || 0;
-  for (const { vm: n } of l[e])
-    n.component.props.offset = t, t += (n.el?.offsetHeight || 0) + p;
+function updateOffsets(position = "top-right") {
+  let verticalOffset = notifications[position][0]?.vm.props?.offset || 0;
+  for (const { vm } of notifications[position]) {
+    vm.component.props.offset = verticalOffset;
+    verticalOffset += (vm.el?.offsetHeight || 0) + GAP_SIZE;
+  }
 }
-m.closeAll = I;
-m.updateOffsets = S;
-m._context = null;
+notify.closeAll = closeAll;
+notify.updateOffsets = updateOffsets;
+notify._context = null;
 export {
-  A as close,
-  I as closeAll,
-  m as default,
-  S as updateOffsets
+  close,
+  closeAll,
+  notify as default,
+  updateOffsets
 };

package/es/components/notification/style/css.js

@@ -1,3 +1 @@
-import "vft/theme-style/base.css";
-import "vft/theme-style/vft-icon.css";
-import "vft/theme-style/vft-notification.css";
+

package/es/components/notification/style/index.js

@@ -1,3 +1 @@
-import "vft/theme-style/src/base.scss";
-import "vft/theme-style/src/icon.scss";
-import "vft/theme-style/src/notification.scss";
+

package/es/components/option/style/css.js

@@ -1,2 +1 @@
-import "vft/theme-style/base.css";
-import "vft/theme-style/el-option.css";
+

package/es/components/option/style/index.js

@@ -1,2 +1 @@
-import "vft/theme-style/src/base.scss";
-import "vft/theme-style/src/option.scss";
+

package/es/components/option-group/style/css.js

@@ -1,2 +1 @@
-import "vft/theme-style/base.css";
-import "vft/theme-style/el-option-group.css";
+

package/es/components/option-group/style/index.js

@@ -1,2 +1 @@
-import "vft/theme-style/src/base.scss";
-import "vft/theme-style/src/option-group.scss";
+

package/es/components/overlay/index.js

@@ -1,12 +1,7 @@
-import "@vueuse/core";
-import "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "vue";
-import { withInstall as t } from "../../utils/vue/install.js";
-import "lodash-es";
-import o from "./overlay.vue2.js";
-const s = t(o);
+import _sfc_main from "./overlay.vue2.js";
+import { withInstall } from "../../utils/vue/install.js";
+const VftOverlay = withInstall(_sfc_main);
 export {
-  s as VftOverlay,
-  s as default
+  VftOverlay,
+  VftOverlay as default
 };

package/es/components/overlay/overlay.vue.js

@@ -1,4 +1,4 @@
-import f from "./overlay.vue2.js";
+import _sfc_main from "./overlay.vue2.js";
 export {
-  f as default
+  _sfc_main as default
 };

package/es/components/overlay/overlay.vue2.js

@@ -1,16 +1,11 @@
-import { defineComponent as i, useSlots as y, createVNode as x, h as r, renderSlot as l } from "vue";
-import { noop as u } from "@vft/utils";
-import "@vueuse/core";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import { useNamespace as C } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-const g = i({
+import { defineComponent, useSlots, createVNode, h, renderSlot } from "vue";
+import { noop } from "@vft/utils";
+import { useNamespace } from "../../hooks/use-namespace/index.js";
+const __default__ = defineComponent({
   name: "vft-overlay"
-}), q = /* @__PURE__ */ i({
-  ...g,
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   props: {
     mask: { type: Boolean },
     onlyNode: { type: Boolean },
@@ -19,54 +14,69 @@ const g = i({
     zIndex: {}
   },
   emits: ["click"],
-  setup(o, { emit: c }) {
-    const m = (t) => {
-      if (!t)
-        return { onClick: u, onMousedown: u, onMouseup: u };
-      let s = !1, a = !1;
-      return { onClick: (e) => {
-        s && a && t(e), s = a = !1;
-      }, onMousedown: (e) => {
-        s = e.target === e.currentTarget;
-      }, onMouseup: (e) => {
-        a = e.target === e.currentTarget;
-      } };
-    }, d = C("overlay"), p = c, n = y(), f = (t) => {
-      p("click", t);
-    }, { onClick: M, onMousedown: k, onMouseup: v } = m(
-      o.customMaskEvent ? void 0 : f
-    );
-    return () => o.mask ? x(
-      "div",
-      {
-        class: [d.b(), o.overlayClass],
-        style: {
-          zIndex: o.zIndex
-        },
-        onClick: M,
-        onMousedown: k,
-        onMouseup: v
-      },
-      [l(n, "default")],
-      14,
-      ["onClick", "onMouseup", "onMousedown"]
-    ) : o.onlyNode ? r("div", {}, [l(n, "default")]) : r(
-      "div",
-      {
-        class: o.overlayClass,
-        style: {
-          zIndex: o.zIndex,
-          position: "fixed",
-          top: "0px",
-          right: "0px",
-          bottom: "0px",
-          left: "0px"
+  setup(__props, { emit: __emit }) {
+    const useSameTarget = (handleClick) => {
+      if (!handleClick) {
+        return { onClick: noop, onMousedown: noop, onMouseup: noop };
+      }
+      let mousedownTarget = false;
+      let mouseupTarget = false;
+      const onClick2 = (e) => {
+        if (mousedownTarget && mouseupTarget) {
+          handleClick(e);
         }
-      },
-      [l(n, "default")]
+        mousedownTarget = mouseupTarget = false;
+      };
+      const onMousedown2 = (e) => {
+        mousedownTarget = e.target === e.currentTarget;
+      };
+      const onMouseup2 = (e) => {
+        mouseupTarget = e.target === e.currentTarget;
+      };
+      return { onClick: onClick2, onMousedown: onMousedown2, onMouseup: onMouseup2 };
+    };
+    const ns = useNamespace("overlay");
+    const emit = __emit;
+    const slots = useSlots();
+    const onMaskClick = (e) => {
+      emit("click", e);
+    };
+    const { onClick, onMousedown, onMouseup } = useSameTarget(
+      __props.customMaskEvent ? void 0 : onMaskClick
     );
+    return () => {
+      return __props.mask ? createVNode(
+        "div",
+        {
+          class: [ns.b(), __props.overlayClass],
+          style: {
+            zIndex: __props.zIndex
+          },
+          onClick,
+          onMousedown,
+          onMouseup
+        },
+        [renderSlot(slots, "default")],
+        4 | 2 | 8,
+        ["onClick", "onMouseup", "onMousedown"]
+      ) : __props.onlyNode ? h("div", {}, [renderSlot(slots, "default")]) : h(
+        "div",
+        {
+          class: __props.overlayClass,
+          style: {
+            zIndex: __props.zIndex,
+            position: "fixed",
+            top: "0px",
+            right: "0px",
+            bottom: "0px",
+            left: "0px"
+          }
+        },
+        [renderSlot(slots, "default")]
+      );
+    };
   }
 });
 export {
-  q as default
+  _sfc_main as default
 };

package/es/components/overlay/style/css.js

@@ -1,2 +1 @@
-import "vft/theme-style/base.css";
-import "vft/theme-style/vft-overlay.css";
+

package/es/components/overlay/style/index.js

@@ -1,2 +1 @@
-import "vft/theme-style/src/base.scss";
-import "vft/theme-style/src/overlay.scss";
+

package/es/components/page-wrapper/index.js

@@ -1,12 +1,7 @@
-import "@vueuse/core";
-import "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "vue";
-import { withInstall as t } from "../../utils/vue/install.js";
-import "lodash-es";
-import r from "./page-wrapper.vue2.js";
-const s = t(r);
+import _sfc_main from "./page-wrapper.vue2.js";
+import { withInstall } from "../../utils/vue/install.js";
+const VftPageWrapper = withInstall(_sfc_main);
 export {
-  s as VftPageWrapper,
-  s as default
+  VftPageWrapper,
+  VftPageWrapper as default
 };

package/es/components/page-wrapper/page-wrapper.vue.js

@@ -1,4 +1,4 @@
-import f from "./page-wrapper.vue2.js";
+import _sfc_main from "./page-wrapper.vue2.js";
 export {
-  f as default
+  _sfc_main as default
 };

package/es/components/page-wrapper/page-wrapper.vue2.js

@@ -1,40 +1,37 @@
-import { defineComponent as s, createElementBlock as i, openBlock as n, normalizeClass as r, unref as e, createElementVNode as o, toDisplayString as l, renderSlot as m } from "vue";
-import { useRouterHelper as c } from "@vft/router";
-import "@vueuse/core";
-import "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import { useNamespace as d } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-const f = s({
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, toDisplayString, renderSlot } from "vue";
+import { useRouterHelper } from "@vft/router";
+import { useNamespace } from "../../hooks/use-namespace/index.js";
+const __default__ = defineComponent({
   name: "vft-page-wrapper"
-}), b = /* @__PURE__ */ s({
-  ...f,
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   props: {
     title: {}
   },
-  setup(u) {
-    const t = d("page-wrapper"), { getTitle: a } = c();
-    return (p, _) => (n(), i("div", {
-      class: r(e(t).b())
-    }, [
-      o("div", {
-        class: r(e(t).e("header"))
-      }, [
-        o("span", {
-          class: r(e(t).e("title"))
-        }, l(p.title || e(a)), 3)
-      ], 2),
-      o("div", {
-        class: r(e(t).e("content"))
+  setup(__props) {
+    const ns = useNamespace("page-wrapper");
+    const { getTitle } = useRouterHelper();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b())
       }, [
-        m(p.$slots, "default")
-      ], 2)
-    ], 2));
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("header"))
+        }, [
+          createElementVNode("span", {
+            class: normalizeClass(unref(ns).e("title"))
+          }, toDisplayString(_ctx.title || unref(getTitle)), 3)
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("content"))
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2)
+      ], 2);
+    };
   }
 });
 export {
-  b as default
+  _sfc_main as default
 };

package/es/components/page-wrapper/style/css.js

@@ -1,2 +1 @@
-import "vft/theme-style/base.css";
-import "vft/theme-style/vft-page-wrapper.css";
+

package/es/components/page-wrapper/style/index.js

@@ -1,2 +1 @@
-import "vft/theme-style/src/base.scss";
-import "vft/theme-style/src/page-wrapper.scss";
+

package/es/components/pagination/components/jumper.vue.js

@@ -1,4 +1,4 @@
-import f from "./jumper.vue2.js";
+import _sfc_main from "./jumper.vue2.js";
 export {
-  f as default
+  _sfc_main as default
 };

package/es/components/pagination/components/jumper.vue2.js

@@ -1,52 +1,53 @@
-import { defineComponent as d, ref as f, computed as g, createElementBlock as v, openBlock as _, unref as e, normalizeClass as t, createElementVNode as i, createVNode as h } from "vue";
-import "@vueuse/core";
-import "@vft/utils";
-import "../../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import { useNamespace as b } from "../../../hooks/use-namespace/index.js";
-import "../../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../../hooks/use-z-index/index.js";
-import { VftInput as z } from "../../input/index.js";
-import { usePagination as C } from "../usePagination.js";
-const V = ["disabled"], A = /* @__PURE__ */ d({
+import { defineComponent, ref, computed, createElementBlock, openBlock, unref, normalizeClass, createElementVNode, createVNode } from "vue";
+import { VftInput } from "../../input/index.js";
+import { usePagination } from "../usePagination.js";
+import { useNamespace } from "../../../hooks/use-namespace/index.js";
+const _hoisted_1 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "jumper",
   props: {
     size: {}
   },
-  setup(x) {
-    const n = b("pagination"), { pageCount: r, disabled: s, currentPage: l, changeEvent: p } = C(), o = f(), m = g(() => o.value ?? l?.value);
-    function u(a) {
-      o.value = +a;
+  setup(__props) {
+    const ns = useNamespace("pagination");
+    const { pageCount, disabled, currentPage, changeEvent } = usePagination();
+    const userInput = ref();
+    const innerValue = computed(() => userInput.value ?? currentPage?.value);
+    function handleInput(val) {
+      userInput.value = +val;
     }
-    function c(a) {
-      a = Math.trunc(+a), p?.(+a), o.value = void 0;
+    function handleChange(val) {
+      val = Math.trunc(+val);
+      changeEvent?.(+val);
+      userInput.value = void 0;
     }
-    return (a, E) => (_(), v("span", {
-      class: t(e(n).e("jump")),
-      disabled: e(s)
-    }, [
-      i("span", {
-        class: t([e(n).e("goto")])
-      }, "前往", 2),
-      h(e(z), {
-        size: a.size,
-        class: t([e(n).e("editor"), e(n).is("in-pagination")]),
-        min: 1,
-        max: e(r),
-        disabled: e(s),
-        "model-value": m.value,
-        "validate-event": !1,
-        type: "number",
-        "onUpdate:modelValue": u,
-        onChange: c
-      }, null, 8, ["size", "class", "max", "disabled", "model-value"]),
-      i("span", {
-        class: t([e(n).e("classifier")])
-      }, "页", 2)
-    ], 10, V));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(unref(ns).e("jump")),
+        disabled: unref(disabled)
+      }, [
+        createElementVNode("span", {
+          class: normalizeClass([unref(ns).e("goto")])
+        }, "前往", 2),
+        createVNode(unref(VftInput), {
+          size: _ctx.size,
+          class: normalizeClass([unref(ns).e("editor"), unref(ns).is("in-pagination")]),
+          min: 1,
+          max: unref(pageCount),
+          disabled: unref(disabled),
+          "model-value": innerValue.value,
+          "validate-event": false,
+          type: "number",
+          "onUpdate:modelValue": handleInput,
+          onChange: handleChange
+        }, null, 8, ["size", "class", "max", "disabled", "model-value"]),
+        createElementVNode("span", {
+          class: normalizeClass([unref(ns).e("classifier")])
+        }, "页", 2)
+      ], 10, _hoisted_1);
+    };
   }
 });
 export {
-  A as default
+  _sfc_main as default
 };

package/es/components/pagination/components/next.vue.js

@@ -1,4 +1,4 @@
-import f from "./next.vue2.js";
+import _sfc_main from "./next.vue2.js";
 export {
-  f as default
+  _sfc_main as default
 };