vft 0.0.135 → 0.0.136

package/es/components/infinite-scroll/infinite-scroll.js

@@ -0,0 +1,92 @@
+import { nextTick as p } from "vue";
+import { isFunction as H } from "@vft/utils";
+import { throttle as v } from "lodash";
+import { getOffsetTopDistance as L } from "../../utils/dom/position.js";
+import { getScrollContainer as N } from "../../utils/dom/scroll.js";
+import { throwError as w } from "../../utils/error.js";
+import "../../utils/ns-cover.js";
+import "@vueuse/core";
+const i = "VftInfiniteScroll", A = 50, O = 200, C = 0, D = {
+  delay: {
+    type: Number,
+    default: O
+  },
+  distance: {
+    type: Number,
+    default: C
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  immediate: {
+    type: Boolean,
+    default: !0
+  }
+}, b = (t, e) => Object.entries(D).reduce((n, [o, c]) => {
+  const { type: a, default: s } = c, l = t.getAttribute(`infinite-scroll-${o}`);
+  let r = e[l] ?? l ?? s;
+  return r = r === "false" ? !1 : r, r = a(r), n[o] = Number.isNaN(r) ? s : r, n;
+}, {}), g = (t) => {
+  const { observer: e } = t[i];
+  e && (e.disconnect(), delete t[i].observer);
+}, F = (t, e) => {
+  const { container: n, containerEl: o, instance: c, observer: a, lastScrollTop: s } = t[i], { disabled: l, distance: r } = b(t, c), { clientHeight: u, scrollHeight: h, scrollTop: d } = o, E = d - s;
+  if (t[i].lastScrollTop = d, a || l || E < 0)
+    return;
+  let f = !1;
+  if (n === t)
+    f = h - (u + d) <= r;
+  else {
+    const { clientTop: T, scrollHeight: S } = t, y = L(t, o);
+    f = d + u >= y + T + S - r;
+  }
+  f && e.call(c);
+};
+function m(t, e) {
+  const { containerEl: n, instance: o } = t[i], { disabled: c } = b(t, o);
+  c || n.clientHeight === 0 || (n.scrollHeight <= n.clientHeight ? e.call(o) : g(t));
+}
+const K = {
+  async mounted(t, e) {
+    const { instance: n, value: o } = e;
+    H(o) || w(i, "'v-infinite-scroll' binding value must be a function"), await p();
+    const { delay: c, immediate: a } = b(t, n), s = N(t, !0), l = s === window ? document.documentElement : s, r = v(F.bind(null, t, o), c);
+    if (s) {
+      if (t[i] = {
+        instance: n,
+        container: s,
+        containerEl: l,
+        delay: c,
+        cb: o,
+        onScroll: r,
+        lastScrollTop: l.scrollTop
+      }, a) {
+        const u = new MutationObserver(
+          v(m.bind(null, t, o), A)
+        );
+        t[i].observer = u, u.observe(t, { childList: !0, subtree: !0 }), m(t, o);
+      }
+      s.addEventListener("scroll", r);
+    }
+  },
+  unmounted(t) {
+    const { container: e, onScroll: n } = t[i];
+    e == null || e.removeEventListener("scroll", n), g(t);
+  },
+  async updated(t) {
+    if (!t[i])
+      await p();
+    else {
+      const { containerEl: e, cb: n, observer: o } = t[i];
+      e.clientHeight && o && m(t, n);
+    }
+  }
+};
+export {
+  A as CHECK_INTERVAL,
+  O as DEFAULT_DELAY,
+  C as DEFAULT_DISTANCE,
+  i as SCOPE,
+  K as default
+};

package/es/components/infinite-scroll/style/css.js

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

package/es/components/infinite-scroll/style/index.js

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

package/es/components/md-container/md-container.vue2.js

@@ -93,6 +93,7 @@ import { useNamespace as tt } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
+import "../infinite-scroll/index.js";
 import ot from "./toc.js";
 import { useCopyCode as et } from "./use/useCopyCode.js";
 import { useActiveHeaderLinks as it } from "./use/useActiveHeaderLinks.js";
@@ -108,7 +109,7 @@ const mt = { class: "info-container" }, pt = {
   tt("md-container")
 ), ct = D({
   name: "vft-md-container"
-}), me = /* @__PURE__ */ D({
+}), pe = /* @__PURE__ */ D({
   ...ct,
   setup(lt, { expose: w }) {
     const u = $(), { initPhotoSwipe: E } = J(`.${p.e("content")} img`);
@@ -207,5 +208,5 @@ const mt = { class: "info-container" }, pt = {
   }
 });
 export {
-  me as default
+  pe as default
 };

package/es/components/menu/menu-item.vue2.js

@@ -92,15 +92,16 @@ import { useNamespace as U } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
+import "../infinite-scroll/index.js";
 import _ from "./use-menu.js";
-const ee = ["title"], g = (
+const tt = ["title"], g = (
   /* hoist-static*/
   U("menu-item")
-), te = Y({
+), et = Y({
   name: "vft-menu-item",
   inheritAttrs: !1
-}), Gt = /* @__PURE__ */ Y({
-  ...te,
+}), He = /* @__PURE__ */ Y({
+  ...et,
   props: {
     index: {},
     route: {},
@@ -113,27 +114,27 @@ const ee = ["title"], g = (
     reverse: { type: Boolean }
   },
   emits: ["click", "mouseenter", "mouseleave"],
-  setup(t, { emit: c }) {
-    const B = G(), D = H(), F = U("menu"), f = U("menu-item"), e = t.isAloneUse ? null : P("rootMenu");
-    !e && !t.isAloneUse && z(g.b(), "can not inject root menu");
-    const { parentMenu: C, indexPath: N } = _(B, u(() => t.index)), m = t.isAloneUse ? null : P(`subMenu:${C.value.uid}`);
-    !m && !t.isAloneUse && z(g.b(), "can not inject sub menu");
-    const $ = u(() => t.index === (e == null ? void 0 : e.activeIndex)), n = J({
-      index: t.index,
+  setup(e, { emit: c }) {
+    const B = G(), D = H(), F = U("menu"), f = U("menu-item"), t = e.isAloneUse ? null : P("rootMenu");
+    !t && !e.isAloneUse && z(g.b(), "can not inject root menu");
+    const { parentMenu: C, indexPath: N } = _(B, u(() => e.index)), m = e.isAloneUse ? null : P(`subMenu:${C.value.uid}`);
+    !m && !e.isAloneUse && z(g.b(), "can not inject sub menu");
+    const $ = u(() => e.index === (t == null ? void 0 : t.activeIndex)), n = J({
+      index: e.index,
       indexPath: N,
       active: $
     }), O = () => {
-      t.disabled || (e == null || e.handleMenuItemClick({
+      e.disabled || (t == null || t.handleMenuItemClick({
         ...D,
-        index: t.index,
+        index: e.index,
         indexPath: N.value,
-        route: t.route
+        route: e.route
       }), c("click", n));
-    }, l = u(() => R(t.icon, "icon")), q = u(() => W(B, "title"));
+    }, l = u(() => R(e.icon, "icon")), q = u(() => W(B, "title"));
     return K(() => {
-      t.isAloneUse || (m == null || m.addSubMenu(n), e == null || e.addMenuItem(n));
+      e.isAloneUse || (m == null || m.addSubMenu(n), t == null || t.addMenuItem(n));
     }), L(() => {
-      t.isAloneUse || (m == null || m.removeSubMenu(n), e == null || e.removeMenuItem(n));
+      e.isAloneUse || (m == null || m.removeSubMenu(n), t == null || t.removeMenuItem(n));
     }), (i, s) => {
       var I, V, h, j, M;
       return r(), v(k, null, [
@@ -154,7 +155,7 @@ const ee = ["title"], g = (
           tabindex: "-1",
           onClick: O
         }, [
-          ((V = (I = o(C)) == null ? void 0 : I.type) == null ? void 0 : V.name) === "vft-menu" && ((h = o(e)) != null && h.props.collapse) && i.$slots.title ? (r(), p(o(Z), {
+          ((V = (I = o(C)) == null ? void 0 : I.type) == null ? void 0 : V.name) === "vft-menu" && ((h = o(t)) != null && h.props.collapse) && i.$slots.title ? (r(), p(o(Z), {
             key: 0,
             placement: "right",
             "fallback-placements": ["left"],
@@ -183,7 +184,7 @@ const ee = ["title"], g = (
                 title: i.title
               }, [
                 Q(o(X), { content: q.value }, null, 8, ["content"])
-              ], 10, ee)
+              ], 10, tt)
             ], 64))
           ], 64))
         ], 34),
@@ -196,5 +197,5 @@ const ee = ["title"], g = (
   }
 });
 export {
-  Gt as default
+  He as default
 };

package/es/components/menu/sub-menu.vue2.js

@@ -92,6 +92,7 @@ import { useNamespace as k } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
+import "../infinite-scroll/index.js";
 import he from "./use-menu.js";
 import { useMenuCssVar as Te } from "./use-menu-css-var.js";
 const q = (
@@ -100,7 +101,7 @@ const q = (
 ), Ce = G({
   name: "vft-sub-menu",
   inheritAttrs: !1
-}), pt = /* @__PURE__ */ G({
+}), mt = /* @__PURE__ */ G({
   ...Ce,
   props: {
     index: {},
@@ -315,5 +316,5 @@ const q = (
   }
 });
 export {
-  pt as default
+  mt as default
 };

package/es/components/modal/modal-footer-action.vue2.js

@@ -91,7 +91,8 @@ import { useNamespace as h } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
-const so = /* @__PURE__ */ O({
+import "../infinite-scroll/index.js";
+const ao = /* @__PURE__ */ O({
   __name: "modal-footer-action",
   props: {
     showSubmitButton: { type: Boolean },
@@ -133,5 +134,5 @@ const so = /* @__PURE__ */ O({
   }
 });
 export {
-  so as default
+  ao as default
 };

package/es/components/multiple-tabs/multiple-tabs.vue2.js

@@ -94,6 +94,7 @@ import { useNamespace as Q } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
+import "../infinite-scroll/index.js";
 import X from "hotkeys-js";
 import { onBeforeRouteLeave as Y } from "vue-router";
 import Z from "./tab-content.vue2.js";
@@ -103,7 +104,7 @@ const ot = (
   Q("multiple-tabs")
 ), rt = P({
   name: "vft-multiple-tabs"
-}), Xe = /* @__PURE__ */ P({
+}), Ye = /* @__PURE__ */ P({
   ...rt,
   props: {
     tabsStyle: {},
@@ -224,5 +225,5 @@ const ot = (
   }
 });
 export {
-  Xe as default
+  Ye as default
 };

package/es/components/result/result.vue2.js

@@ -91,12 +91,13 @@ import { useNamespace as C } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
+import "../infinite-scroll/index.js";
 const i = (
   /* hoist-static*/
   C("result")
 ), I = c({
   name: "vft-result"
-}), eo = /* @__PURE__ */ c({
+}), no = /* @__PURE__ */ c({
   ...I,
   props: {
     title: {},
@@ -135,5 +136,5 @@ const i = (
   }
 });
 export {
-  eo as default
+  no as default
 };

package/es/components/side-menu/side-menu.vue2.js

@@ -93,6 +93,7 @@ import { useNamespace as be } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
+import "../infinite-scroll/index.js";
 import { useDragLine as ye } from "./use-drag-line.js";
 const u = (
   /* hoist-static*/
@@ -103,7 +104,7 @@ function Ce(b) {
 }
 const Me = I({
   name: "vft-side-menu"
-}), so = /* @__PURE__ */ I({
+}), mo = /* @__PURE__ */ I({
   ...Me,
   props: {
     isFixedLeft: {
@@ -361,5 +362,5 @@ const Me = I({
   }
 });
 export {
-  so as default
+  mo as default
 };

package/es/components/super-form/component-map.js

@@ -91,6 +91,7 @@ import "../config-provider/hooks/use-global-config.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
+import "../infinite-scroll/index.js";
 var T = /* @__PURE__ */ ((t) => (t.INPUT = "input", t.INPUT_NUMBER = "input-number", t.INPUT_NUMBER_STEP = "input-number-step", t.PASSWORD = "password", t.TEXTAREA = "textarea", t.DIVIDER = "divider", t.SELECT = "select", t.SEARCH = "search", t.RADIO = "radio", t.RADIO_SINGLE = "radio_single", t.RADIO_BUTTON = "radio-button", t.CHECKBOX = "checkbox", t.CHECKBOX_SINGLE = "checkbox_single", t.CHECKBOX_BUTTON = "checkbox-button", t.SWITCH = "switch", t.TIME_PICKER = "time-picker", t.YEAR_PICKER = "year", t.MONTH_PICKER = "month", t.DATE_PICKER = "date", t.DATES_PICKER = "dates", t.DATETIME_PICKER = "datetime", t.WEEK_PICKER = "week", t.DATETIMERANGE_PICKER = "datetimerange", t.DATERANGE_PICKER = "daterange", t.MONTHRANGE_PICKER = "monthrange", t))(T || {});
 const i = /* @__PURE__ */ new Map();
 i.set("input", e);
@@ -118,25 +119,25 @@ i.set("week", r);
 i.set("datetimerange", r);
 i.set("daterange", r);
 i.set("monthrange", r);
-function ii(t, a) {
+function ri(t, a) {
   i.set(t, a);
 }
-function ri(t) {
+function ei(t) {
   i.delete(t);
 }
-const ei = (t) => [
+const oi = (t) => [
   "datetimerange",
   "daterange",
   "monthrange"
   /* MONTHRANGE_PICKER */
-].includes(t), oi = (t) => [
+].includes(t), pi = (t) => [
   "input",
   "input-number",
   "password",
   "textarea",
   "search"
   /* SEARCH */
-].includes(t), pi = (t) => [
+].includes(t), ai = (t) => [
   "year",
   "month",
   "date",
@@ -150,10 +151,10 @@ const ei = (t) => [
 ].includes(t);
 export {
   T as FormCompEnum,
-  ii as add,
+  ri as add,
   i as componentMap,
-  ri as del,
-  pi as isDatePicker,
-  oi as isInput,
-  ei as isRangePicker
+  ei as del,
+  ai as isDatePicker,
+  pi as isInput,
+  oi as isRangePicker
 };

package/es/components/super-form/super-form-action.vue2.js

@@ -91,8 +91,9 @@ import { useNamespace as V } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
+import "../infinite-scroll/index.js";
 import { useFormContext as x } from "./use/use-form-context.js";
-const Oo = /* @__PURE__ */ k({
+const wo = /* @__PURE__ */ k({
   __name: "super-form-action",
   props: {
     showResetButton: { type: Boolean },
@@ -159,5 +160,5 @@ const Oo = /* @__PURE__ */ k({
   }
 });
 export {
-  Oo as default
+  wo as default
 };

package/es/components/super-form/super-form-item.vue2.js

@@ -91,14 +91,15 @@ import { useNamespace as ne } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
-import { FormCompEnum as s, componentMap as B, isInput as se, isDatePicker as le, isRangePicker as me } from "./component-map.js";
+import "../infinite-scroll/index.js";
+import { FormCompEnum as s, componentMap as B, isInput as se, isDatePicker as me, isRangePicker as le } from "./component-map.js";
 import { createPlaceholderMessage as U } from "./use/helper.js";
 function q(r) {
   return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !Q(r);
 }
 const ae = H({
   inheritAttrs: !1
-}), Qt = /* @__PURE__ */ H({
+}), Zt = /* @__PURE__ */ H({
   ...ae,
   __name: "super-form-item",
   props: {
@@ -180,8 +181,8 @@ const ae = H({
       } = r.schema, {
         disabled: a = !1
       } = u(x);
-      let l = !!e || a;
-      return w(t) && (l = t), P(t) && (l = t(u(E))), l;
+      let m = !!e || a;
+      return w(t) && (m = t), P(t) && (m = t(u(E))), m;
     });
     function O() {
       const {
@@ -189,10 +190,10 @@ const ae = H({
         ifShow: t
       } = r.schema, {
         showAdvancedButton: a
-      } = r.formProps, l = a && w(r.isAdvanced) ? r.isAdvanced : !0;
-      let m = !0, c = !0;
-      return w(e) && (m = e), w(t) && (c = t), P(e) && (m = e(u(E))), P(t) && (c = t(u(E))), m = m && l, {
-        isShow: m,
+      } = r.formProps, m = a && w(r.isAdvanced) ? r.isAdvanced : !0;
+      let l = !0, c = !0;
+      return w(e) && (l = e), w(t) && (c = t), P(e) && (l = e(u(E))), P(t) && (c = t(u(E))), l = l && m, {
+        isShow: l,
         isIfShow: c
       };
     }
@@ -201,12 +202,12 @@ const ae = H({
         rules: e = [],
         type: t = s.INPUT,
         rulesMessageJoinLabel: a,
-        label: l,
-        title: m,
+        label: m,
+        title: l,
         dynamicRule: c,
         required: R,
         dynamicRuleAdd: C = !0
-      } = r.schema, p = l || m;
+      } = r.schema, p = m || l;
       if (P(c) && !C)
         return c(u(E));
       let o = _(e);
@@ -247,14 +248,14 @@ const ae = H({
         renderComponentContent: e,
         type: t = s.INPUT,
         field: a,
-        changeEvent: l = "change",
-        valueField: m,
+        changeEvent: m = "change",
+        valueField: l,
         label: c,
         title: R,
         placeholderJoinLabel: C = !0
       } = r.schema;
-      let p = l;
-      se(t) ? p = "input" : (le(t) || t === s.TIME_PICKER) && (p = "update:modelValue");
+      let p = m;
+      se(t) ? p = "input" : (me(t) || t === s.TIME_PICKER) && (p = "update:modelValue");
       const o = `on${re(p)}`, b = {
         [o]: (...n) => {
           const [i] = n;
@@ -271,9 +272,9 @@ const ae = H({
         ...u(x),
         disabled: u(G)
       };
-      !d.disabled && y && !me(t) && t && (d.placeholder = ((S = u(x)) == null ? void 0 : S.placeholder) || U(t, C ? c || R : ""));
+      !d.disabled && y && !le(t) && t && (d.placeholder = ((S = u(x)) == null ? void 0 : S.placeholder) || U(t, C ? c || R : ""));
       const f = {
-        [m || "model-value"]: r.formModel[a]
+        [l || "model-value"]: r.formModel[a]
       }, g = {
         ...b,
         ...d,
@@ -295,9 +296,9 @@ const ae = H({
         showLabel: e = !0,
         label: t,
         title: a,
-        subLabel: l
-      } = r.schema, m = t || a;
-      return e && m ? l ? h("span", null, [m, Z(" "), h("span", null, [l])]) : m : void 0;
+        subLabel: m
+      } = r.schema, l = t || a;
+      return e && l ? m ? h("span", null, [l, Z(" "), h("span", null, [m])]) : l : void 0;
     }
     const k = z();
     function v(e, t = "default", a) {
@@ -305,32 +306,32 @@ const ae = H({
         return null;
       if (!P(e[t]))
         return console.error(`${t} is not a function!`), null;
-      const l = e[t];
-      return l ? l(a) : null;
+      const m = e[t];
+      return m ? m(a) : null;
     }
     function $() {
       const {
         itemProps: e,
         slot: t,
         render: a,
-        field: l,
-        suffix: m,
+        field: m,
+        suffix: l,
         prefix: c,
         prefixParentStyle: R
       } = r.schema, {
         autoCleanErrorMessage: C,
         compFullWidth: p
-      } = r.formProps, o = () => t ? v(k, t, u(E)) : a ? a(u(E)) : W(), b = !!m, A = !!c, y = P(m) ? m(u(E)) : m, T = P(c) ? c(u(E)) : c, d = () => {
+      } = r.formProps, o = () => t ? v(k, t, u(E)) : a ? a(u(E)) : W(), b = !!l, A = !!c, y = P(l) ? l(u(E)) : l, T = P(c) ? c(u(E)) : c, d = () => {
         r.updateSchema([{
-          field: l,
+          field: m,
           itemProps: {
             error: ""
           }
         }]);
       }, M = () => h(ie, F({
-        prop: l,
+        prop: m,
         class: [{
-          [D.is(m)]: b
+          [D.is(l)]: b
         }, {
           [D.is("comp-full-width")]: p
         }, D.e("item")]
@@ -359,12 +360,12 @@ const ae = H({
       const {
         colProps: t = {},
         colSlot: a,
-        renderColContent: l,
-        type: m = s.INPUT,
+        renderColContent: m,
+        type: l = s.INPUT,
         render: c,
         quickColSpan: R
       } = r.schema;
-      if (!B.has(m) && !l && !c)
+      if (!B.has(l) && !m && !c)
         return null;
       const {
         baseColProps: C = {},
@@ -381,8 +382,8 @@ const ae = H({
       }, {
         isIfShow: y,
         isShow: T
-      } = O(), d = u(E), M = () => a ? v(k, a, d) : l ? l(d) : $();
-      if (m === s.DIVIDER) {
+      } = O(), d = u(E), M = () => a ? v(k, a, d) : m ? m(d) : $();
+      if (l === s.DIVIDER) {
         let f;
         return h(L, F({
           span: 24
@@ -399,5 +400,5 @@ const ae = H({
   }
 });
 export {
-  Qt as default
+  Zt as default
 };