vft 0.0.50 → 0.0.53

package/es/packages/components/virtual-list/builders/build-list.js

@@ -1,342 +0,0 @@
-import { defineComponent as ft, getCurrentInstance as ut, ref as _, computed as u, unref as n, onMounted as dt, onUpdated as mt, resolveDynamicComponent as J, h as A, nextTick as W } from "vue";
-import { isClient as ht } from "@vueuse/core";
-import { isNumber as F, isString as Q, hasOwn as St } from "@vft/utils";
-import { useNamespace as gt } from "../../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../../hooks/use-z-index/index.js";
-import "../../../utils/ns-cover.js";
-import { useCache as wt } from "../hooks/use-cache.js";
-import Ot from "../hooks/use-wheel.js";
-import vt from "../components/scrollbar.js";
-import { isHorizontal as yt, getRTLOffsetType as X, getScrollDir as G } from "../utils.js";
-import { virtualizedListProps as Tt } from "../props.js";
-import { ITEM_RENDER_EVT as Y, SCROLL_EVT as p, HORIZONTAL as Rt, RTL as K, RTL_OFFSET_POS_ASC as Et, RTL_OFFSET_NAG as tt, BACKWARD as bt, FORWARD as Lt, AUTO_ALIGNMENT as Mt, RTL_OFFSET_POS_DESC as xt } from "../defaults.js";
-const Bt = ({
-  name: et,
-  getOffset: lt,
-  getItemSize: ot,
-  getItemOffset: st,
-  getEstimatedTotalSize: nt,
-  getStartIndexForOffset: rt,
-  getStopIndexForStartIndex: ct,
-  initCache: it,
-  clearCache: N,
-  validateProps: at
-}) => ft({
-  name: et ?? "VftVirtualList",
-  props: Tt,
-  emits: [Y, p],
-  setup(e, { emit: w, expose: $ }) {
-    at(e);
-    const T = ut(), H = gt("vl"), d = _(it(e, T)), R = wt(), S = _(), I = _(), C = _(), r = _({
-      isScrolling: !1,
-      scrollDir: "forward",
-      scrollOffset: F(e.initScrollOffset) ? e.initScrollOffset : 0,
-      updateRequested: !1,
-      isScrollbarDragging: !1,
-      scrollbarAlwaysOn: e.scrollbarAlwaysOn
-    }), E = u(() => {
-      const { total: t, cache: l } = e, { isScrolling: o, scrollDir: a, scrollOffset: s } = n(r);
-      if (t === 0)
-        return [0, 0, 0, 0];
-      const c = rt(
-        e,
-        s,
-        n(d)
-      ), i = ct(
-        e,
-        c,
-        s,
-        n(d)
-      ), v = !o || a === bt ? Math.max(1, l) : 1, y = !o || a === Lt ? Math.max(1, l) : 1;
-      return [
-        Math.max(0, c - v),
-        Math.max(0, Math.min(t - 1, i + y)),
-        c,
-        i
-      ];
-    }), m = u(
-      () => nt(e, n(d))
-    ), h = u(() => yt(e.layout)), q = u(() => [
-      {
-        position: "relative",
-        [`overflow-${h.value ? "x" : "y"}`]: "scroll",
-        WebkitOverflowScrolling: "touch",
-        willChange: "transform"
-      },
-      {
-        direction: e.direction,
-        height: F(e.height) ? `${e.height}px` : e.height,
-        width: F(e.width) ? `${e.width}px` : e.width
-      },
-      e.style
-    ]), b = u(() => {
-      const t = n(m), l = n(h);
-      return {
-        height: l ? "100%" : `${t}px`,
-        pointerEvents: n(r).isScrolling ? "none" : void 0,
-        width: l ? `${t}px` : "100%"
-      };
-    }), O = u(
-      () => h.value ? e.width : e.height
-    ), { onWheel: V } = Ot(
-      {
-        atStartEdge: u(() => r.value.scrollOffset <= 0),
-        atEndEdge: u(
-          () => r.value.scrollOffset >= m.value
-        ),
-        layout: u(() => e.layout)
-      },
-      (t) => {
-        var l, o;
-        (o = (l = C.value).onMouseUp) == null || o.call(l), f(
-          Math.min(
-            r.value.scrollOffset + t,
-            m.value - O.value
-          )
-        );
-      }
-    ), L = () => {
-      const { total: t } = e;
-      if (t > 0) {
-        const [s, c, i, v] = n(E);
-        w(Y, s, c, i, v);
-      }
-      const { scrollDir: l, scrollOffset: o, updateRequested: a } = n(r);
-      w(p, l, o, a);
-    }, B = (t) => {
-      const { clientHeight: l, scrollHeight: o, scrollTop: a } = t.currentTarget, s = n(r);
-      if (s.scrollOffset === a)
-        return;
-      const c = Math.max(
-        0,
-        Math.min(a, o - l)
-      );
-      r.value = {
-        ...s,
-        isScrolling: !0,
-        scrollDir: G(s.scrollOffset, c),
-        scrollOffset: c,
-        updateRequested: !1
-      }, W(x);
-    }, P = (t) => {
-      const { clientWidth: l, scrollLeft: o, scrollWidth: a } = t.currentTarget, s = n(r);
-      if (s.scrollOffset === o)
-        return;
-      const { direction: c } = e;
-      let i = o;
-      if (c === K)
-        switch (X()) {
-          case tt: {
-            i = -o;
-            break;
-          }
-          case xt: {
-            i = a - l - o;
-            break;
-          }
-        }
-      i = Math.max(
-        0,
-        Math.min(i, a - l)
-      ), r.value = {
-        ...s,
-        isScrolling: !0,
-        scrollDir: G(s.scrollOffset, i),
-        scrollOffset: i,
-        updateRequested: !1
-      }, W(x);
-    }, D = (t) => {
-      n(h) ? P(t) : B(t), L();
-    }, k = (t, l) => {
-      const o = (m.value - O.value) / l * t;
-      f(
-        Math.min(
-          m.value - O.value,
-          o
-        )
-      );
-    }, f = (t) => {
-      t = Math.max(t, 0), t !== n(r).scrollOffset && (r.value = {
-        ...n(r),
-        scrollOffset: t,
-        scrollDir: G(n(r).scrollOffset, t),
-        updateRequested: !0
-      }, W(x));
-    }, M = (t, l = Mt) => {
-      const { scrollOffset: o } = n(r);
-      t = Math.max(0, Math.min(t, e.total - 1)), f(
-        lt(
-          e,
-          t,
-          l,
-          o,
-          n(d)
-        )
-      );
-    }, U = (t) => {
-      const { direction: l, itemSize: o, layout: a } = e, s = R.value(
-        N && o,
-        N && a,
-        N && l
-      );
-      let c;
-      if (St(s, String(t)))
-        c = s[t];
-      else {
-        const i = st(e, t, n(d)), v = ot(e, t, n(d)), y = n(h), Z = l === K, j = y ? i : 0;
-        s[t] = c = {
-          position: "absolute",
-          left: Z ? void 0 : `${j}px`,
-          right: Z ? `${j}px` : void 0,
-          top: y ? 0 : `${i}px`,
-          height: y ? "100%" : `${v}px`,
-          width: y ? `${v}px` : "100%"
-        };
-      }
-      return c;
-    }, x = () => {
-      r.value.isScrolling = !1, W(() => {
-        R.value(-1, null, null);
-      });
-    }, z = () => {
-      const t = S.value;
-      t && (t.scrollTop = 0);
-    };
-    dt(() => {
-      if (!ht)
-        return;
-      const { initScrollOffset: t } = e, l = n(S);
-      F(t) && l && (n(h) ? l.scrollLeft = t : l.scrollTop = t), L();
-    }), mt(() => {
-      const { direction: t, layout: l } = e, { scrollOffset: o, updateRequested: a } = n(r), s = n(S);
-      if (a && s)
-        if (l === Rt)
-          if (t === K)
-            switch (X()) {
-              case tt: {
-                s.scrollLeft = -o;
-                break;
-              }
-              case Et: {
-                s.scrollLeft = o;
-                break;
-              }
-              default: {
-                const { clientWidth: c, scrollWidth: i } = s;
-                s.scrollLeft = i - c - o;
-                break;
-              }
-            }
-          else
-            s.scrollLeft = o;
-        else
-          s.scrollTop = o;
-    });
-    const g = {
-      ns: H,
-      clientSize: O,
-      estimatedTotalSize: m,
-      windowStyle: q,
-      windowRef: S,
-      innerRef: I,
-      innerStyle: b,
-      itemsToRender: E,
-      scrollbarRef: C,
-      states: r,
-      getItemStyle: U,
-      onScroll: D,
-      onScrollbarScroll: k,
-      onWheel: V,
-      scrollTo: f,
-      scrollToItem: M,
-      resetScrollTop: z
-    };
-    return $({
-      windowRef: S,
-      innerRef: I,
-      getItemStyleCache: R,
-      scrollTo: f,
-      scrollToItem: M,
-      resetScrollTop: z,
-      states: r
-    }), g;
-  },
-  render(e) {
-    var z;
-    const {
-      $slots: w,
-      className: $,
-      clientSize: T,
-      containerElement: H,
-      data: d,
-      getItemStyle: R,
-      innerElement: S,
-      itemsToRender: I,
-      innerStyle: C,
-      layout: r,
-      total: E,
-      onScroll: m,
-      onScrollbarScroll: h,
-      onWheel: q,
-      states: b,
-      useIsScrolling: O,
-      windowStyle: V,
-      ns: L
-    } = e, [B, P] = I, D = J(H), k = J(S), f = [];
-    if (E > 0)
-      for (let g = B; g <= P; g++)
-        f.push(
-          (z = w.default) == null ? void 0 : z.call(w, {
-            data: d,
-            key: g,
-            index: g,
-            isScrolling: O ? b.isScrolling : void 0,
-            style: R(g)
-          })
-        );
-    const M = [
-      A(
-        k,
-        {
-          style: C,
-          ref: "innerRef"
-        },
-        Q(k) ? f : {
-          default: () => f
-        }
-      )
-    ], U = A(vt, {
-      ref: "scrollbarRef",
-      clientSize: T,
-      layout: r,
-      onScroll: h,
-      ratio: T * 100 / this.estimatedTotalSize,
-      scrollFrom: b.scrollOffset / (this.estimatedTotalSize - T),
-      total: E
-    }), x = A(
-      D,
-      {
-        class: [L.e("window"), $],
-        style: V,
-        onScroll: m,
-        onWheel: q,
-        ref: "windowRef",
-        key: 0
-      },
-      Q(D) ? [M] : { default: () => [M] }
-    );
-    return A(
-      "div",
-      {
-        key: 0,
-        class: [L.e("wrapper"), b.scrollbarAlwaysOn ? "always-on" : ""]
-      },
-      [x, U]
-    );
-  }
-});
-export {
-  Bt as default
-};

package/es/packages/components/virtual-list/components/scrollbar.js

@@ -1,135 +0,0 @@
-import { defineComponent as C, computed as a, ref as p, reactive as N, unref as d, watch as k, onBeforeUnmount as O, h as x, withModifiers as _ } from "vue";
-import "../../scrollbar/index.js";
-import "@vft/utils";
-import "lodash";
-import { cAF as F, rAF as G } from "../../../utils/vue/raf.js";
-import "../../../utils/ns-cover.js";
-import "@vueuse/core";
-import { useNamespace as L } from "../../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "../../../hooks/use-z-index/index.js";
-import { HORIZONTAL as R, ScrollbarDirKey as H, SCROLLBAR_MIN_SIZE as V } from "../defaults.js";
-import { virtualizedScrollbarProps as Z } from "../props.js";
-import { renderThumbStyle as $ } from "../utils.js";
-import { BAR_MAP as K } from "../../scrollbar/util.js";
-const lt = C({
-  name: "ElVirtualScrollBar",
-  props: Z,
-  emits: ["scroll", "start-move", "stop-move"],
-  setup(e, { emit: u }) {
-    const b = a(() => e.startGap + e.endGap), z = L("virtual-scrollbar"), I = L("scrollbar"), f = p(), l = p();
-    let S = null, h = null;
-    const n = N({
-      isDragging: !1,
-      traveled: 0
-    }), o = a(() => K[e.layout]), M = a(() => e.clientSize - d(b)), A = a(() => ({
-      position: "absolute",
-      width: `${R === e.layout ? M.value : e.scrollbarSize}px`,
-      height: `${R === e.layout ? e.scrollbarSize : M.value}px`,
-      [H[e.layout]]: "2px",
-      right: "2px",
-      bottom: "2px",
-      borderRadius: "4px"
-    })), g = a(() => {
-      const t = e.ratio, r = e.clientSize;
-      if (t >= 100)
-        return Number.POSITIVE_INFINITY;
-      if (t >= 50)
-        return t * r / 100;
-      const i = r / 3;
-      return Math.floor(
-        Math.min(
-          Math.max(t * r, V),
-          i
-        )
-      );
-    }), B = a(() => {
-      if (!Number.isFinite(g.value))
-        return {
-          display: "none"
-        };
-      const t = `${g.value}px`;
-      return $(
-        {
-          bar: o.value,
-          size: t,
-          move: n.traveled
-        },
-        e.layout
-      );
-    }), s = a(
-      () => Math.floor(e.clientSize - g.value - d(b))
-    ), T = () => {
-      window.addEventListener("mousemove", m), window.addEventListener("mouseup", c);
-      const t = d(l);
-      t && (h = document.onselectstart, document.onselectstart = () => !1, t.addEventListener("touchmove", m), t.addEventListener("touchend", c));
-    }, y = () => {
-      window.removeEventListener("mousemove", m), window.removeEventListener("mouseup", c), document.onselectstart = h, h = null;
-      const t = d(l);
-      t && (t.removeEventListener("touchmove", m), t.removeEventListener("touchend", c));
-    }, w = (t) => {
-      t.stopImmediatePropagation(), !(t.ctrlKey || [1, 2].includes(t.button)) && (n.isDragging = !0, n[o.value.axis] = t.currentTarget[o.value.offset] - (t[o.value.client] - t.currentTarget.getBoundingClientRect()[o.value.direction]), u("start-move"), T());
-    }, c = () => {
-      n.isDragging = !1, n[o.value.axis] = 0, u("stop-move"), y();
-    }, m = (t) => {
-      const { isDragging: r } = n;
-      if (!r || !l.value || !f.value)
-        return;
-      const i = n[o.value.axis];
-      if (!i)
-        return;
-      F(S);
-      const v = (f.value.getBoundingClientRect()[o.value.direction] - t[o.value.client]) * -1, P = l.value[o.value.offset] - i, E = v - P;
-      S = G(() => {
-        n.traveled = Math.max(
-          e.startGap,
-          Math.min(
-            E,
-            s.value
-            // 2 is the top value
-          )
-        ), u("scroll", E, s.value);
-      });
-    }, D = (t) => {
-      const r = Math.abs(
-        t.target.getBoundingClientRect()[o.value.direction] - t[o.value.client]
-      ), i = l.value[o.value.offset] / 2, v = r - i;
-      n.traveled = Math.max(0, Math.min(v, s.value)), u("scroll", v, s.value);
-    };
-    return k(
-      () => e.scrollFrom,
-      (t) => {
-        n.isDragging || (n.traveled = Math.ceil(t * s.value));
-      }
-    ), O(() => {
-      y();
-    }), () => x(
-      "div",
-      {
-        role: "presentation",
-        ref: f,
-        class: [
-          z.b(),
-          e.class,
-          (e.alwaysOn || n.isDragging) && "always-on"
-        ],
-        style: A.value,
-        onMousedown: _(D, ["stop", "prevent"]),
-        onTouchstartPrevent: w
-      },
-      x(
-        "div",
-        {
-          ref: l,
-          class: I.e("thumb"),
-          style: B.value,
-          onMousedown: w
-        },
-        []
-      )
-    );
-  }
-});
-export {
-  lt as default
-};

package/es/packages/hooks/index.js

@@ -1,42 +0,0 @@
-import { _bem as r, defaultNamespace as t, namespaceContextKey as p, useGetDerivedNamespace as s, useNamespace as u } from "./use-namespace/index.js";
-import { useCursor as a } from "./use-cursor/index.js";
-import { usePopper as x } from "./use-popper/index.js";
-import { defaultInitialZIndex as I, useZIndex as l, zIndexContextKey as n } from "./use-z-index/index.js";
-import { FORWARD_REF_INJECTION_KEY as C, useForwardRef as E, useForwardRefDirective as N } from "./use-forward-ref/index.js";
-import { ID_INJECTION_KEY as T, useId as _, useIdInjection as c } from "./use-id/index.js";
-import { usePopperContainer as K, usePopperContainerId as O } from "./use-popper-container/index.js";
-import { useDelayedToggle as F } from "./use-delayed-toggle/index.js";
-import { useTimeout as b } from "./use-timeout/index.js";
-import { useOrderedChildren as J } from "./use-ordered-children/index.js";
-import { createModelToggleComposable as Y, useModelToggle as Z, useModelToggleEmits as v } from "./use-model-toggle/index.js";
-import { useProp as z } from "./use-prop/index.js";
-import { SIZE_INJECTION_KEY as S, useGlobalSize as h } from "./use-size/index.js";
-export {
-  C as FORWARD_REF_INJECTION_KEY,
-  T as ID_INJECTION_KEY,
-  S as SIZE_INJECTION_KEY,
-  r as _bem,
-  Y as createModelToggleComposable,
-  I as defaultInitialZIndex,
-  t as defaultNamespace,
-  p as namespaceContextKey,
-  a as useCursor,
-  F as useDelayedToggle,
-  E as useForwardRef,
-  N as useForwardRefDirective,
-  s as useGetDerivedNamespace,
-  h as useGlobalSize,
-  _ as useId,
-  c as useIdInjection,
-  Z as useModelToggle,
-  v as useModelToggleEmits,
-  u as useNamespace,
-  J as useOrderedChildren,
-  x as usePopper,
-  K as usePopperContainer,
-  O as usePopperContainerId,
-  z as useProp,
-  b as useTimeout,
-  l as useZIndex,
-  n as zIndexContextKey
-};

package/lib/common/directives/dist/es/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@vft/utils");require("@vft/use");var s=new Map,l;f.isClient&&(document.addEventListener("mousedown",e=>l=e),document.addEventListener("mouseup",e=>{for(const t of s.values())for(const{documentHandler:n}of t)n(e,l)}));function d(e,t){let n=[];return Array.isArray(t.arg)?n=t.arg:f.isElement(t.arg)&&n.push(t.arg),function(r,a){const o=t.instance.popperRef,c=r.target,u=a==null?void 0:a.target,p=!t||!t.instance,v=!c||!u,g=e.contains(c)||e.contains(u),h=e===c,y=n.length&&n.some(i=>i==null?void 0:i.contains(c))||n.length&&n.includes(u),C=o&&(o.contains(c)||o.contains(u));p||v||g||h||y||C||t.value(r,a)}}var E={beforeMount(e,t){s.has(e)||s.set(e,[]),s.get(e).push({documentHandler:d(e,t),bindingFn:t.value})},updated(e,t){s.has(e)||s.set(e,[]);const n=s.get(e),r=n.findIndex(o=>o.bindingFn===t.oldValue),a={documentHandler:d(e,t),bindingFn:t.value};r>=0?n.splice(r,1,a):n.push(a)},unmounted(e){s.delete(e)}},H=E;exports.ClickOutside=H;

package/lib/packages/components/avatar/avatar.vue2.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@vft/utils"),f=require("../icon/index.cjs"),d=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");const m=["src","alt","srcset"],h=e.defineComponent({__name:"avatar",props:{size:{default:""},shape:{default:"circle"},icon:null,src:null,alt:null,srcSet:null,fit:{default:"cover"}},emits:["error"],setup(t,{emit:n}){const s=d.useNamespace("avatar"),c=e.ref(!1),a=e.computed(()=>{const r=[s.b()];return l.isString(t.size)&&r.push(s.m(t.size)),t.icon&&r.push(s.m("icon")),t.shape&&r.push(s.m(t.shape)),r}),i=e.computed(()=>l.isNumber(t.size)?s.cssVarBlock({size:l.addUnit(t.size)||""}):void 0),u=e.computed(()=>({objectFit:t.fit}));e.watch(()=>t.src,()=>c.value=!1);function o(r){c.value=!0,n("error",r)}return(r,v)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(a)),style:e.normalizeStyle(e.unref(i))},[(t.src||t.srcSet)&&!c.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.src,alt:t.alt,srcset:t.srcSet,style:e.normalizeStyle(e.unref(u)),onError:o},null,44,m)):t.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:1})):e.renderSlot(r.$slots,"default",{key:2})],6))}});exports.default=h;

package/lib/packages/components/avatar/style/css.cjs

@@ -1 +0,0 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-avatar.css");

package/lib/packages/components/avatar/style/index.cjs

@@ -1 +0,0 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/avatar.scss");

package/lib/packages/components/back-top/back-top.vue2.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vft/utils");require("../divider/index.cjs");const f=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("@vft/use");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/router");require("@vft/store");require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("./index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const m=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");const p=require("./use-back-top.cjs"),i=m.useNamespace("back-top"),k=e.defineComponent({name:i.b()}),b=e.defineComponent({...k,props:{visibilityHeight:{default:200},target:null,right:{default:40},bottom:{default:40},icon:{default:"ico-bx:arrow-to-top"},scrollTargetKey:null},emits:["click"],setup(u,{emit:o}){const c=e.getCurrentInstance(),{handleClick:t,visible:l}=p.useBackTop(c.props,o,i.b()),s=e.computed(()=>({right:`${u.right}px`,bottom:`${u.bottom}px`})),q=e.computed(()=>d.singleAttrToObj(u.icon,"icon",{size:25}));return(a,n)=>(e.openBlock(),e.createBlock(e.Transition,{name:`${e.unref(i).namespace}-fade-in`},{default:e.withCtx(()=>[e.unref(l)?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(e.unref(s)),class:e.normalizeClass(e.unref(i).b()),onClick:n[0]||(n[0]=e.withModifiers((...r)=>e.unref(t)&&e.unref(t)(...r),["stop"]))},[e.renderSlot(a.$slots,"default",{},()=>{var r;return[(r=e.unref(q))!=null&&r.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(q))),null,16)):e.createCommentVNode("",!0)]})],6)):e.createCommentVNode("",!0)]),_:3},8,["name"]))}});exports.default=b;

package/lib/packages/components/button/button-custom.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),b=require("@ctrl/tinycolor"),g=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("../form/index.cjs");const v=require("../form/hooks/use-form-common-props.cjs");function c(r,a=20){return r.mix("#141414",a).toString()}function k(r){const a=v.useFormDisabled(),e=g.useNamespace("button");return u.computed(()=>{let t={};const l=r.color;if(l){const o=new b.TinyColor(l),i=r.dark?o.tint(20).toString():c(o,20);if(r.plain)t=e.cssVarBlock({"bg-color":r.dark?c(o,90):o.tint(90).toString(),"text-color":l,"border-color":r.dark?c(o,50):o.tint(50).toString(),"hover-text-color":`var(${e.cssVarName("color-white")})`,"hover-bg-color":l,"hover-border-color":l,"active-bg-color":i,"active-text-color":`var(${e.cssVarName("color-white")})`,"active-border-color":i}),a.value&&(t[e.cssVarBlockName("disabled-bg-color")]=r.dark?c(o,90):o.tint(90).toString(),t[e.cssVarBlockName("disabled-text-color")]=r.dark?c(o,50):o.tint(50).toString(),t[e.cssVarBlockName("disabled-border-color")]=r.dark?c(o,80):o.tint(80).toString());else{const s=r.dark?c(o,30):o.tint(30).toString(),n=o.isDark()?`var(${e.cssVarName("color-white")})`:`var(${e.cssVarName("color-black")})`;if(t=e.cssVarBlock({"bg-color":l,"text-color":n,"border-color":l,"hover-bg-color":s,"hover-text-color":n,"hover-border-color":s,"active-bg-color":i,"active-border-color":i}),a.value){const d=r.dark?c(o,50):o.tint(50).toString();t[e.cssVarBlockName("disabled-bg-color")]=d,t[e.cssVarBlockName("disabled-text-color")]=r.dark?"rgba(255, 255, 255, 0.5)":`var(${e.cssVarName("color-white")})`,t[e.cssVarBlockName("disabled-border-color")]=d}}}return t})}exports.darken=c;exports.useButtonCustomStyle=k;

package/lib/packages/components/button/button-group.vue2.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const s=require("./constants.cjs"),i=e.defineComponent({name:"VtfButtonGroup"}),l=e.defineComponent({...i,props:{size:null,type:null},setup(r){const t=r;e.provide(s.buttonGroupContextKey,e.reactive({size:e.toRef(t,"size"),type:e.toRef(t,"type")}));const o=u.useNamespace("button");return(n,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(o).b("group")}`)},[e.renderSlot(n.$slots,"default")],2))}});exports.default=l;

package/lib/packages/components/button/button.vue2.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("../icon/index.cjs"),p=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const q=require("@vft/utils");require("../../utils/ns-cover.cjs");const C=require("./use-button.cjs"),S=require("./button-custom.cjs"),z=["aria-disabled","disabled","autofocus","type"],n=p.useNamespace("button"),v=e.defineComponent({name:n.b()}),$=e.defineComponent({...v,props:{size:null,disabled:{type:Boolean},type:null,icon:null,nativeType:{default:"button"},loading:{type:Boolean},loadingIcon:null,plain:{type:Boolean},text:{type:Boolean},link:{type:Boolean},bg:{type:Boolean},autofocus:{type:Boolean},round:{type:Boolean},circle:{type:Boolean},color:null,dark:{type:Boolean},autoInsertSpace:{type:Boolean},block:{type:Boolean}},emits:["click"],setup(o,{expose:k,emit:B}){const u=o,r=e.computed(()=>q.singleAttrToObj(u.icon,"icon")),b=S.useButtonCustomStyle(u),{_ref:a,_size:i,_type:s,_disabled:t,shouldAddSpace:c,handleClick:d}=C.useButton(u,B);return k({ref:a,size:i,type:s,disabled:t,shouldAddSpace:c}),(l,f)=>{var y;return e.openBlock(),e.createElementBlock("button",{ref_key:"_ref",ref:a,class:e.normalizeClass([e.unref(n).b(),e.unref(n).m(e.unref(s)),e.unref(n).m(e.unref(i)),e.unref(n).is("disabled",e.unref(t)),e.unref(n).is("loading",o.loading),e.unref(n).is("plain",o.plain),e.unref(n).is("round",o.round),e.unref(n).is("circle",o.circle),e.unref(n).is("text",o.text),e.unref(n).is("link",o.link),e.unref(n).is("has-bg",o.bg),e.unref(n).is("block",o.block)]),"aria-disabled":e.unref(t)||o.loading,disabled:e.unref(t)||o.loading,autofocus:o.autofocus,type:o.nativeType,style:e.normalizeStyle(e.unref(b)),onClick:f[0]||(f[0]=(...g)=>e.unref(d)&&e.unref(d)(...g))},[o.loading?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.$slots.loading?e.renderSlot(l.$slots,"loading",{key:0}):(e.openBlock(),e.createBlock(e.unref(m.VftIcon),{key:1,rotate:"",class:e.normalizeClass(e.unref(n).is("loading")),icon:"ico-ep:loading"},null,8,["class"]))],64)):(y=e.unref(r))!=null&&y.icon?(e.openBlock(),e.createBlock(e.unref(m.VftIcon),e.normalizeProps(e.mergeProps({key:1},e.unref(r))),null,16)):e.createCommentVNode("",!0),l.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass({[e.unref(n).em("text","expand")]:e.unref(c)})},[e.renderSlot(l.$slots,"default")],2)):e.createCommentVNode("",!0)],14,z)}}});exports.default=$;

package/lib/packages/components/checkbox/checkbox-button.vue2.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const x=require("./constants.cjs");require("../form/index.cjs");const B=require("./composables/use-checkbox.cjs"),y=["name","tabindex","disabled","true-value","false-value"],g=["name","tabindex","disabled","value"],q=e.defineComponent({name:"VftCheckboxButton"}),S=e.defineComponent({...q,props:{modelValue:{type:[Number,String,Boolean]},label:{type:[Number,String,Boolean,Object]},indeterminate:{type:Boolean},disabled:{type:Boolean},checked:{type:Boolean},name:null,trueLabel:null,falseLabel:null,id:null,controls:null,border:{type:Boolean},size:null,tabindex:null,validateEvent:{type:Boolean}},emits:["update:modelValue","change"],setup(t){const c=t,m=e.useSlots(),{isFocused:s,isChecked:b,isDisabled:d,checkboxButtonSize:f,model:a,handleChange:i}=B.useCheckbox(c,m),r=e.inject(x.checkboxGroupContextKey,void 0),o=C.useNamespace("checkbox"),v=e.computed(()=>{var l,n;const u=((l=r==null?void 0:r.fill)==null?void 0:l.value)??"";return{backgroundColor:u,borderColor:u,color:((n=r==null?void 0:r.textColor)==null?void 0:n.value)??"",boxShadow:u?`-1px 0 0 0 ${u}`:void 0}}),k=e.computed(()=>[o.b("button"),o.bm("button",f.value),o.is("disabled",d.value),o.is("checked",b.value),o.is("focus",s.value)]);return(u,l)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(k))},[t.trueLabel||t.falseLabel?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,"onUpdate:modelValue":l[0]||(l[0]=n=>e.isRef(a)?a.value=n:null),class:e.normalizeClass(e.unref(o).be("button","original")),type:"checkbox",name:t.name,tabindex:t.tabindex,disabled:e.unref(d),"true-value":t.trueLabel,"false-value":t.falseLabel,onChange:l[1]||(l[1]=(...n)=>e.unref(i)&&e.unref(i)(...n)),onFocus:l[2]||(l[2]=n=>s.value=!0),onBlur:l[3]||(l[3]=n=>s.value=!1)},null,42,y)),[[e.vModelCheckbox,e.unref(a)]]):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,"onUpdate:modelValue":l[4]||(l[4]=n=>e.isRef(a)?a.value=n:null),class:e.normalizeClass(e.unref(o).be("button","original")),type:"checkbox",name:t.name,tabindex:t.tabindex,disabled:e.unref(d),value:t.label,onChange:l[5]||(l[5]=(...n)=>e.unref(i)&&e.unref(i)(...n)),onFocus:l[6]||(l[6]=n=>s.value=!0),onBlur:l[7]||(l[7]=n=>s.value=!1)},null,42,g)),[[e.vModelCheckbox,e.unref(a)]]),u.$slots.default||t.label?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(o).be("button","inner")),style:e.normalizeStyle(e.unref(b)?e.unref(v):void 0)},[e.renderSlot(u.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])],6)):e.createCommentVNode("",!0)],2))}});exports.default=S;

package/lib/packages/components/checkbox/checkbox-group.vue2.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("lodash"),p=require("../../constants/event.cjs");require("@vft/utils");const b=require("../../utils/error.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");const v=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../form/index.cjs");const g=require("./constants.cjs"),s=require("../form/hooks/use-form-item.cjs"),h=e.defineComponent({name:"VftCheckboxGroup"}),q=e.defineComponent({...h,props:{modelValue:{default:()=>[]},disabled:{type:Boolean},min:null,max:null,size:null,label:null,fill:null,textColor:null,tag:{default:"div"},validateEvent:{type:Boolean,default:!0}},emits:["update:modelValue","change"],setup(a,{emit:r}){const l=a,c=v.useNamespace("checkbox"),{formItem:o}=s.useFormItem(),{inputId:d,isLabeledByFormItem:n}=s.useFormItemInputId(l,{formItemContext:o}),u=async t=>{r(p.UPDATE_MODEL_EVENT,t),await e.nextTick(),r("change",t)},m=e.computed({get(){return l.modelValue},set(t){u(t)}});return e.provide(g.checkboxGroupContextKey,{...f.pick(e.toRefs(l),["size","min","max","disabled","validateEvent","fill","textColor"]),modelValue:m,changeEvent:u}),e.watch(()=>l.modelValue,()=>{l.validateEvent&&(o==null||o.validate("change").catch(t=>b.debugWarn(t)))}),(t,x)=>{var i;return e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.tag),{id:e.unref(d),class:e.normalizeClass(e.unref(c).b("group")),role:"group","aria-label":e.unref(n)?void 0:a.label||"checkbox-group","aria-labelledby":e.unref(n)?(i=e.unref(o))==null?void 0:i.labelId:void 0},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["id","class","aria-label","aria-labelledby"])}}});exports.default=q;

package/lib/packages/components/checkbox/checkbox.vue2.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("../form/index.cjs");const h=require("./composables/use-checkbox.cjs"),g=["tabindex","role","aria-checked"],q=["id","aria-hidden","name","tabindex","disabled","true-value","false-value"],V=["id","aria-hidden","disabled","value","name","tabindex"],a=y.useNamespace("checkbox"),z=e.defineComponent({name:a.b()}),L=e.defineComponent({...z,props:{modelValue:{type:[Number,String,Boolean]},label:{type:[Number,String,Boolean,Object]},indeterminate:{type:Boolean},disabled:{type:Boolean},checked:{type:Boolean},name:null,trueLabel:null,falseLabel:null,id:null,controls:null,border:{type:Boolean},size:null,tabindex:null,validateEvent:{type:Boolean,default:!0}},emits:["update:modelValue","change"],setup(n){const s=n,f=e.useSlots(),{inputId:d,isLabeledByFormItem:v,isChecked:c,isDisabled:u,isFocused:o,checkboxSize:k,hasOwnLabel:m,model:i,handleChange:r,onClickRoot:C}=h.useCheckbox(s,f),x=e.computed(()=>[a.b(),a.m(k.value),a.is("disabled",u.value),a.is("bordered",s.border),a.is("checked",c.value)]),B=e.computed(()=>[a.e("input"),a.is("disabled",u.value),a.is("checked",c.value),a.is("indeterminate",s.indeterminate),a.is("focus",o.value)]);return(b,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(!e.unref(m)&&e.unref(v)?"span":"label"),{class:e.normalizeClass(e.unref(x)),"aria-controls":n.indeterminate?n.controls:null,onClick:e.unref(C)},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(B)),tabindex:n.indeterminate?0:void 0,role:n.indeterminate?"checkbox":void 0,"aria-checked":n.indeterminate?"mixed":void 0},[n.trueLabel||n.falseLabel?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,id:e.unref(d),"onUpdate:modelValue":l[0]||(l[0]=t=>e.isRef(i)?i.value=t:null),class:e.normalizeClass(e.unref(a).e("original")),type:"checkbox","aria-hidden":n.indeterminate?"true":"false",name:n.name,tabindex:n.tabindex,disabled:e.unref(u),"true-value":n.trueLabel,"false-value":n.falseLabel,onChange:l[1]||(l[1]=(...t)=>e.unref(r)&&e.unref(r)(...t)),onFocus:l[2]||(l[2]=t=>o.value=!0),onBlur:l[3]||(l[3]=t=>o.value=!1)},null,42,q)),[[e.vModelCheckbox,e.unref(i)]]):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,id:e.unref(d),"onUpdate:modelValue":l[4]||(l[4]=t=>e.isRef(i)?i.value=t:null),class:e.normalizeClass(e.unref(a).e("original")),type:"checkbox","aria-hidden":n.indeterminate?"true":"false",disabled:e.unref(u),value:n.label,name:n.name,tabindex:n.tabindex,onChange:l[5]||(l[5]=(...t)=>e.unref(r)&&e.unref(r)(...t)),onFocus:l[6]||(l[6]=t=>o.value=!0),onBlur:l[7]||(l[7]=t=>o.value=!1)},null,42,V)),[[e.vModelCheckbox,e.unref(i)]]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(a).e("inner"))},null,2)],10,g),e.unref(m)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(a).e("label"))},[e.renderSlot(b.$slots,"default"),b.$slots.default?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(n.label),1)],64))],2)):e.createCommentVNode("",!0)]),_:3},8,["class","aria-controls","onClick"]))}});exports.default=L;

package/lib/packages/components/clamp/clamp.vue2.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),S=require("@vft/utils"),H=require("resize-detector"),j=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");const B=["aria-label"],$=j.useNamespace("clamp"),N=t.defineComponent({name:$.b()}),O=t.defineComponent({...N,props:{text:null,maxHeight:null,maxLines:{default:1},expanded:{type:Boolean,default:!1},location:{default:"end"},ellipsis:{default:"…"},autoResize:{type:Boolean,default:!1}},emits:["clamp-change","update:expanded"],setup(e,{emit:g}){const a=t.ref(null),f=t.ref(null),s=t.ref(null),n=t.reactive({offset:0,localExpanded:e.expanded,unregisterResizeCallback:null}),q=t.computed(()=>{if(!n.localExpanded&&e.maxHeight)return S.addUnit(e.maxHeight)}),v=()=>{s.value&&(s.value.textContent=T.value)},u=()=>{n.localExpanded||(v(),(d()||i.value)&&m())},E=()=>{e.text&&(n.offset=e.text.length,k(),e.autoResize&&a.value&&(H.addListener(a.value,u),n.unregisterResizeCallback=()=>{a.value&&H.removeListener(a.value,u)}),u())},k=()=>{var l;(l=n.unregisterResizeCallback)==null||l.call(n)},d=()=>!e.maxLines&&!e.maxHeight||!a.value?!1:e.maxLines&&x()>e.maxLines?!0:!!(e.maxHeight&&a.value.scrollHeight>a.value.offsetHeight),x=()=>f.value?Object.keys(Array.prototype.slice.call(f.value.getClientRects()).reduce((l,{top:c,bottom:r})=>{const o=`${c}/${r}`;return l[o]||(l[o]=!0),l},{})).length:0,m=(...l)=>{const[c=0,r=n.offset]=l;if(r-c<=3){w();return}const o=Math.floor((r+c)/2);h(o),d()?m(c,o):m(o,r)},h=l=>{n.offset=l,v()},w=()=>{z(),L()},z=()=>{for(;(!d()||x()<2)&&n.offset<e.text.length;)y(1)},L=()=>{for(;d()&&x()>1&&n.offset>0;)y(-1)},y=l=>{h(n.offset+l)},i=t.computed(()=>e.text?n.offset!==e.text.length:!1);t.watch(()=>i.value,l=>{t.nextTick(()=>{g("clamp-change",l)})},{immediate:!0});const T=t.computed(()=>i.value?M.value:e.text),M=t.computed(()=>{if(e.location==="start")return e.ellipsis+(e.text.slice(0,n.offset)||"").trim();if(e.location==="middle"){const l=Math.floor(n.offset/2);return(e.text.slice(0,l)||"").trim()+e.ellipsis+(e.text.slice(-l)||"").trim()}return(e.text.slice(0,n.offset)||"").trim()+e.ellipsis}),R=()=>{n.localExpanded=!0},C=()=>{n.localExpanded=!1},b=()=>{n.localExpanded=!n.localExpanded};return t.watch(()=>e.expanded,l=>{n.localExpanded=l}),t.watch(()=>n.localExpanded,l=>{l?h(e.text.length):u(),e.expanded!==l&&g("update:expanded",l)}),t.watch(()=>[e.maxLines,e.maxHeight,e.ellipsis,e.location,i.value].join(),()=>{t.nextTick(()=>{u()})}),t.watch(()=>[e.text,e.autoResize].join(),()=>{t.nextTick(()=>{E()})}),t.onUnmounted(()=>{k()}),t.onMounted(()=>{E()}),(l,c)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"textClampRef",ref:a,class:"text-clamp",style:t.normalizeStyle({overflow:"hidden",maxHeight:t.unref(q)})},[t.createElementVNode("span",{ref_key:"contentRef",ref:f},[t.renderSlot(l.$slots,"before",{expand:R,collapse:C,toggle:b,clamped:t.unref(i),expanded:n.localExpanded}),t.createElementVNode("span",{ref_key:"textRef",ref:s,"aria-label":e.text},null,8,B),t.renderSlot(l.$slots,"after",{expand:R,collapse:C,toggle:b,clamped:t.unref(i),expanded:n.localExpanded})],512)],4))}});exports.default=O;

package/lib/packages/components/clamp-toggle/clamp-toggle.vue2.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vft/utils");require("lodash");require("@vueuse/core");const u=require("../../utils/ns-cover.cjs"),r=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const s=require("../clamp/index.cjs"),c=["onClick"],o=r.useNamespace("clamp-toggle"),g=e.defineComponent({name:o.b()}),d=e.defineComponent({...g,props:{text:null,maxHeight:null,maxLines:{default:1},expanded:{type:Boolean,default:!1},location:{default:"end"},ellipsis:{default:"…"},autoResize:{type:Boolean,default:!1},color:null,size:null,toggleColor:null,toggleSize:null,toggleText:{default:["展开","收缩"]}},setup(t){const n=e.computed(()=>u.generateCssVars({color:t.color,size:t.size,toggleColor:t.toggleColor,toggleSize:t.toggleSize},"clamp-toggle"));return(m,x)=>(e.openBlock(),e.createBlock(e.unref(s.VftClamp),{style:e.normalizeStyle(e.unref(n)),text:t.text,maxHeight:t.maxHeight,maxLines:t.maxLines,expanded:t.expanded,location:t.location,ellipsis:t.ellipsis,autoResize:t.autoResize},{after:e.withCtx(({toggle:i,expanded:l,clamped:a})=>[l||a?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["cursor-pointer",e.unref(o).e("more")]),onClick:i},e.toDisplayString(l?t.toggleText[1]:t.toggleText[0]),11,c)):e.createCommentVNode("",!0)]),_:1},8,["style","text","maxHeight","maxLines","expanded","location","ellipsis","autoResize"]))}});exports.default=d;

package/lib/packages/components/collapse-transition/src/collapse-transition.vue2.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");const s=e.defineComponent({name:"VtfCollapseTransition"}),i=e.defineComponent({...s,setup(n){const o=a.useNamespace("collapse-transition"),d={beforeEnter(t){t.dataset||(t.dataset={}),t.dataset.oldPaddingTop=t.style.paddingTop,t.dataset.oldPaddingBottom=t.style.paddingBottom,t.style.maxHeight=0,t.style.paddingTop=0,t.style.paddingBottom=0},enter(t){t.dataset.oldOverflow=t.style.overflow,t.scrollHeight!==0?(t.style.maxHeight=`${t.scrollHeight}px`,t.style.paddingTop=t.dataset.oldPaddingTop,t.style.paddingBottom=t.dataset.oldPaddingBottom):(t.style.maxHeight=0,t.style.paddingTop=t.dataset.oldPaddingTop,t.style.paddingBottom=t.dataset.oldPaddingBottom),t.style.overflow="hidden"},afterEnter(t){t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow},beforeLeave(t){t.dataset||(t.dataset={}),t.dataset.oldPaddingTop=t.style.paddingTop,t.dataset.oldPaddingBottom=t.style.paddingBottom,t.dataset.oldOverflow=t.style.overflow,t.style.maxHeight=`${t.scrollHeight}px`,t.style.overflow="hidden"},leave(t){t.scrollHeight!==0&&(t.style.maxHeight=0,t.style.paddingTop=0,t.style.paddingBottom=0)},afterLeave(t){t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow,t.style.paddingTop=t.dataset.oldPaddingTop,t.style.paddingBottom=t.dataset.oldPaddingBottom}};return(t,r)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(o).b()},e.toHandlers(d)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["name"]))}});exports.default=i;

package/lib/packages/components/color-picker/color-picker.vue2.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("lodash"),x=require("../button/index.cjs"),z=require("../icon/index.cjs"),G=require("../../../common/directives/dist/es/index.cjs"),H=require("../tooltip/index.cjs"),J=require("../input/index.cjs");require("../form/index.cjs");const Q=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");const B=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const m=require("../../constants/event.cjs"),X=require("./components/alpha-slider.vue2.cjs"),Y=require("./contants.cjs"),Z=require("./components/hue-slider.vue.cjs"),ee=require("./components/predefine.vue.cjs"),le=require("./components/sv-panel.vue.cjs"),V=require("./utils/color.cjs"),T=require("../form/hooks/use-form-item.cjs"),A=require("../form/hooks/use-form-common-props.cjs"),oe=["id","aria-label","aria-labelledby","aria-description","tabindex","onKeydown"],re=e.defineComponent({name:"VftColorPicker"}),ne=e.defineComponent({...re,props:{modelValue:null,id:null,showAlpha:{type:Boolean},colorFormat:null,disabled:{type:Boolean},size:null,popperClass:null,label:null,tabindex:{default:0},predefine:null,validateEvent:{type:Boolean,default:!0}},emits:[m.UPDATE_MODEL_EVENT,m.CHANGE_EVENT,"activeChange"],setup(t,{expose:$,emit:i}){const r=t,o=Q.useNamespace("color"),{formItem:u}=T.useFormItem(),S=A.useFormSize(),v=A.useFormDisabled(),{inputId:P,isLabeledByFormItem:C}=T.useFormItemInputId(r,{formItemContext:u}),w=e.ref(),_=e.ref(),g=e.ref(),D=e.ref();let b=!0;const n=e.reactive(new V.default({enableAlpha:r.showAlpha,format:r.colorFormat||"",value:r.modelValue})),f=e.ref(!1),c=e.ref(!1),d=e.ref(""),F=e.computed(()=>!r.modelValue&&!c.value?"transparent":M(n,r.showAlpha)),h=e.computed(()=>!r.modelValue&&!c.value?"":n.value),I=e.computed(()=>C.value?void 0:r.label||"色彩选择器"),K=e.computed(()=>C.value?u==null?void 0:u.labelId:void 0),L=e.computed(()=>[o.b("picker"),o.is("disabled",v.value),o.bm("picker",S.value)]);function M(l,a){if(!(l instanceof V.default))throw new TypeError("color should be instance of _color Class");const{r:s,g:N,b:q}=l.toRgb();return a?`rgba(${s}, ${N}, ${q}, ${l.get("alpha")/100})`:`rgb(${s}, ${N}, ${q})`}function O(l){f.value=l}const p=j.debounce(O,100);function U(){p(!1),k()}function k(){e.nextTick(()=>{r.modelValue?n.fromString(r.modelValue):(n.value="",e.nextTick(()=>{c.value=!1}))})}function y(){v.value||p(!f.value)}function E(){n.fromString(d.value)}function R(){const l=n.value;i(m.UPDATE_MODEL_EVENT,l),i("change",l),r.validateEvent&&(u==null||u.validate("change").catch(a=>B.debugWarn(a))),p(!1),e.nextTick(()=>{const a=new V.default({enableAlpha:r.showAlpha,format:r.colorFormat||"",value:r.modelValue});n.compare(a)||k()})}function W(){p(!1),i(m.UPDATE_MODEL_EVENT,null),i("change",null),r.modelValue!==null&&r.validateEvent&&(u==null||u.validate("change").catch(l=>B.debugWarn(l))),k()}return e.onMounted(()=>{r.modelValue&&(d.value=h.value)}),e.watch(()=>r.modelValue,l=>{l?l&&l!==n.value&&(b=!1,n.fromString(l)):c.value=!1}),e.watch(()=>h.value,l=>{d.value=l,b&&i("activeChange",l),b=!0}),e.watch(()=>n.value,()=>{!r.modelValue&&!c.value&&(c.value=!0)}),e.watch(()=>f.value,()=>{e.nextTick(()=>{var l,a,s;(l=w.value)==null||l.update(),(a=_.value)==null||a.update(),(s=g.value)==null||s.update()})}),e.provide(Y.colorPickerContextKey,{currentColor:h}),$({color:n}),(l,a)=>(e.openBlock(),e.createBlock(e.unref(H.VftTooltip),{ref_key:"popper",ref:D,visible:f.value,"show-arrow":!1,"fallback-placements":["bottom","top","right","left"],offset:0,"gpu-acceleration":!1,"popper-class":[e.unref(o).be("picker","panel"),e.unref(o).b("dropdown"),t.popperClass],"stop-popper-mouse-event":!1,effect:"light",trigger:"click",transition:`${e.unref(o).namespace.value}-zoom-in-top`,persistent:""},{content:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("dropdown","main-wrapper"))},[e.createVNode(Z.default,{ref_key:"hue",ref:w,class:"hue-slider",color:e.unref(n),vertical:""},null,8,["color"]),e.createVNode(le.default,{ref:"svPanel",color:e.unref(n)},null,8,["color"])],2),t.showAlpha?(e.openBlock(),e.createBlock(X.default,{key:0,ref_key:"alpha",ref:g,color:e.unref(n)},null,8,["color"])):e.createCommentVNode("",!0),t.predefine?(e.openBlock(),e.createBlock(ee.default,{key:1,ref:"predefine",color:e.unref(n),colors:t.predefine},null,8,["color","colors"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("dropdown","btns"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).be("dropdown","value"))},[e.createVNode(e.unref(J.VftInput),{modelValue:d.value,"onUpdate:modelValue":a[0]||(a[0]=s=>d.value=s),"validate-event":!1,size:"small",onKeyup:e.withKeys(E,["enter"]),onBlur:E},null,8,["modelValue","onKeyup"])],2),e.createVNode(e.unref(x.VftButton),{class:e.normalizeClass(e.unref(o).be("dropdown","link-btn")),text:"",size:"small",onClick:W},{default:e.withCtx(()=>[e.createTextVNode(" 取消 ")]),_:1},8,["class"]),e.createVNode(e.unref(x.VftButton),{plain:"",size:"small",class:e.normalizeClass(e.unref(o).be("dropdown","btn")),onClick:R},{default:e.withCtx(()=>[e.createTextVNode(" 确认 ")]),_:1},8,["class"])],2)])),[[e.unref(G.ClickOutside),U]])]),default:e.withCtx(()=>[e.createElementVNode("div",{id:e.unref(P),class:e.normalizeClass(e.unref(L)),role:"button","aria-label":e.unref(I),"aria-labelledby":e.unref(K),"aria-description":`目前色彩為 {color}。按一下 Enter 以選擇新色彩${t.modelValue}`,tabindex:t.tabindex,onKeydown:e.withKeys(y,["enter"])},[e.unref(v)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("picker","mask"))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("picker","trigger")),onClick:y},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(o).be("picker","color"),e.unref(o).is("alpha",t.showAlpha)])},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).be("picker","color-inner")),style:e.normalizeStyle({backgroundColor:e.unref(F)})},[e.withDirectives(e.createVNode(e.unref(z.VftIcon),{icon:"ico-ep:arrow-down",class:e.normalizeClass([e.unref(o).be("picker","icon"),e.unref(o).is("icon-arrow-down")])},null,8,["class"]),[[e.vShow,t.modelValue||c.value]]),!t.modelValue&&!c.value?(e.openBlock(),e.createBlock(e.unref(z.VftIcon),{key:0,icon:"ico-ep:circle-close",class:e.normalizeClass([e.unref(o).be("picker","empty"),e.unref(o).is("icon-close")])},null,8,["class"])):e.createCommentVNode("",!0)],6)],2)],2)],42,oe)]),_:1},8,["visible","popper-class","transition"]))}});exports.default=ne;

package/lib/packages/components/color-picker/components/hue-slider.vue.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./hue-slider.vue2.cjs"),l=require("vue"),t=require("../../../../_virtual/_plugin-vue_export-helper.cjs");function u(e,r,i,o,d,p){return l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass([e.ns.b(),e.ns.is("vertical",e.vertical)])},[l.createElementVNode("div",{ref:"bar",class:l.normalizeClass(e.ns.e("bar")),onClick:r[0]||(r[0]=(...n)=>e.handleClick&&e.handleClick(...n))},null,2),l.createElementVNode("div",{ref:"thumb",class:l.normalizeClass(e.ns.e("thumb")),style:l.normalizeStyle({left:e.thumbLeft+"px",top:e.thumbTop+"px"})},null,6)],2)}const a=t.default(s.default,[["render",u]]);exports.default=a;

package/lib/packages/components/color-picker/components/hue-slider.vue2.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue");require("@vft/utils");require("lodash");require("@vueuse/core");require("../../../utils/ns-cover.cjs");const W=require("../../../utils/dom/position.cjs"),T=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const v=require("../utils/draggable.cjs"),_=n.defineComponent({name:"VftColorHueSlider",props:{color:{type:Object,required:!0},vertical:Boolean},setup(o){const m=T.useNamespace("color-hue-slider"),a=n.getCurrentInstance(),e=n.ref(),l=n.ref(),s=n.ref(0),d=n.ref(0),g=n.computed(()=>o.color.get("hue"));n.watch(()=>g.value,()=>{c()});function b(t){t.target!==e.value&&f(t)}function f(t){if(!l.value||!e.value)return;const i=a.vnode.el.getBoundingClientRect(),{clientX:C,clientY:H}=W.getClientXY(t);let h;if(o.vertical){let u=H-i.top;u=Math.min(u,i.height-e.value.offsetHeight/2),u=Math.max(e.value.offsetHeight/2,u),h=Math.round((u-e.value.offsetHeight/2)/(i.height-e.value.offsetHeight)*360)}else{let u=C-i.left;u=Math.min(u,i.width-e.value.offsetWidth/2),u=Math.max(e.value.offsetWidth/2,u),h=Math.round((u-e.value.offsetWidth/2)/(i.width-e.value.offsetWidth)*360)}o.color.set("hue",h)}function q(){if(!e.value)return 0;const t=a.vnode.el;if(o.vertical)return 0;const r=o.color.get("hue");return t?Math.round(r*(t.offsetWidth-e.value.offsetWidth/2)/360):0}function M(){if(!e.value)return 0;const t=a.vnode.el;if(!o.vertical)return 0;const r=o.color.get("hue");return t?Math.round(r*(t.offsetHeight-e.value.offsetHeight/2)/360):0}function c(){s.value=q(),d.value=M()}return n.onMounted(()=>{if(!l.value||!e.value)return;const t={drag:r=>{f(r)},end:r=>{f(r)}};v.draggable(l.value,t),v.draggable(e.value,t),c()}),{bar:l,thumb:e,thumbLeft:s,thumbTop:d,hueValue:g,handleClick:b,update:c,ns:m}}});exports.default=_;