vft 0.0.50 → 0.0.53

package/es/packages/components/avatar/avatar.vue2.js

@@ -1,55 +0,0 @@
-import { defineComponent as h, ref as z, computed as c, watch as v, openBlock as l, createElementBlock as i, normalizeClass as y, unref as s, normalizeStyle as n, createBlock as S, renderSlot as k } from "vue";
-import { isString as B, isNumber as E, addUnit as b } from "@vft/utils";
-import { VftIcon as C } from "../icon/index.js";
-import { useNamespace as g } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import "../../utils/ns-cover.js";
-const L = ["src", "alt", "srcset"], A = /* @__PURE__ */ h({
-  __name: "avatar",
-  props: {
-    size: { default: "" },
-    shape: { default: "circle" },
-    icon: null,
-    src: null,
-    alt: null,
-    srcSet: null,
-    fit: { default: "cover" }
-  },
-  emits: ["error"],
-  setup(e, { emit: o }) {
-    const r = g("avatar"), a = z(!1), m = c(() => {
-      const t = [r.b()];
-      return B(e.size) && t.push(r.m(e.size)), e.icon && t.push(r.m("icon")), e.shape && t.push(r.m(e.shape)), t;
-    }), u = c(() => E(e.size) ? r.cssVarBlock({
-      size: b(e.size) || ""
-    }) : void 0), f = c(() => ({
-      objectFit: e.fit
-    }));
-    v(
-      () => e.src,
-      () => a.value = !1
-    );
-    function d(t) {
-      a.value = !0, o("error", t);
-    }
-    return (t, N) => (l(), i("span", {
-      class: y(s(m)),
-      style: n(s(u))
-    }, [
-      (e.src || e.srcSet) && !a.value ? (l(), i("img", {
-        key: 0,
-        src: e.src,
-        alt: e.alt,
-        srcset: e.srcSet,
-        style: n(s(f)),
-        onError: d
-      }, null, 44, L)) : e.icon ? (l(), S(s(C), { key: 1 })) : k(t.$slots, "default", { key: 2 })
-    ], 6));
-  }
-});
-export {
-  A as default
-};

package/es/packages/components/avatar/style/css.js

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

package/es/packages/components/avatar/style/index.js

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

package/es/packages/components/back-top/back-top.vue2.js

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

package/es/packages/components/button/button-custom.js

@@ -1,57 +0,0 @@
-import { computed as m } from "vue";
-import { TinyColor as b } from "@ctrl/tinycolor";
-import { useNamespace as g } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import "@vft/utils";
-import "../../utils/ns-cover.js";
-import "../form/index.js";
-import { useFormDisabled as k } from "../form/hooks/use-form-common-props.js";
-function c(r, l = 20) {
-  return r.mix("#141414", l).toString();
-}
-function $(r) {
-  const l = k(), t = g("button");
-  return m(() => {
-    let e = {};
-    const a = r.color;
-    if (a) {
-      const o = new b(a), i = r.dark ? o.tint(20).toString() : c(o, 20);
-      if (r.plain)
-        e = t.cssVarBlock({
-          "bg-color": r.dark ? c(o, 90) : o.tint(90).toString(),
-          "text-color": a,
-          "border-color": r.dark ? c(o, 50) : o.tint(50).toString(),
-          "hover-text-color": `var(${t.cssVarName("color-white")})`,
-          "hover-bg-color": a,
-          "hover-border-color": a,
-          "active-bg-color": i,
-          "active-text-color": `var(${t.cssVarName("color-white")})`,
-          "active-border-color": i
-        }), l.value && (e[t.cssVarBlockName("disabled-bg-color")] = r.dark ? c(o, 90) : o.tint(90).toString(), e[t.cssVarBlockName("disabled-text-color")] = r.dark ? c(o, 50) : o.tint(50).toString(), e[t.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(${t.cssVarName("color-white")})` : `var(${t.cssVarName("color-black")})`;
-        if (e = t.cssVarBlock({
-          "bg-color": a,
-          "text-color": n,
-          "border-color": a,
-          "hover-bg-color": s,
-          "hover-text-color": n,
-          "hover-border-color": s,
-          "active-bg-color": i,
-          "active-border-color": i
-        }), l.value) {
-          const d = r.dark ? c(o, 50) : o.tint(50).toString();
-          e[t.cssVarBlockName("disabled-bg-color")] = d, e[t.cssVarBlockName("disabled-text-color")] = r.dark ? "rgba(255, 255, 255, 0.5)" : `var(${t.cssVarName("color-white")})`, e[t.cssVarBlockName("disabled-border-color")] = d;
-        }
-      }
-    }
-    return e;
-  });
-}
-export {
-  c as darken,
-  $ as useButtonCustomStyle
-};

package/es/packages/components/button/button-group.vue2.js

@@ -1,37 +0,0 @@
-import { defineComponent as o, provide as s, reactive as i, toRef as e, openBlock as m, createElementBlock as u, normalizeClass as l, unref as a, renderSlot as c } from "vue";
-import { useNamespace as f } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import "@vft/utils";
-import "../../utils/ns-cover.js";
-import { buttonGroupContextKey as d } from "./constants.js";
-const _ = o({
-  name: "VtfButtonGroup"
-}), g = /* @__PURE__ */ o({
-  ..._,
-  props: {
-    size: null,
-    type: null
-  },
-  setup(r) {
-    const t = r;
-    s(
-      d,
-      i({
-        size: e(t, "size"),
-        type: e(t, "type")
-      })
-    );
-    const p = f("button");
-    return (n, y) => (m(), u("div", {
-      class: l(`${a(p).b("group")}`)
-    }, [
-      c(n.$slots, "default")
-    ], 2));
-  }
-});
-export {
-  g as default
-};

package/es/packages/components/button/button.vue2.js

@@ -1,100 +0,0 @@
-import { defineComponent as C, computed as I, openBlock as l, createElementBlock as s, normalizeClass as d, unref as e, normalizeStyle as T, Fragment as v, renderSlot as k, createBlock as g, normalizeProps as A, mergeProps as N, createCommentVNode as B } from "vue";
-import { VftIcon as z } from "../icon/index.js";
-import { useNamespace as P } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import { singleAttrToObj as V } from "@vft/utils";
-import "../../utils/ns-cover.js";
-import { useButton as j } from "./use-button.js";
-import { useButtonCustomStyle as E } from "./button-custom.js";
-const F = ["aria-disabled", "disabled", "autofocus", "type"], o = (
-  /* hoist-static*/
-  P("button")
-), O = C({
-  name: o.b()
-}), U = /* @__PURE__ */ C({
-  ...O,
-  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(t, { expose: S, emit: $ }) {
-    const i = t, r = I(() => V(i.icon, "icon")), h = E(i), { _ref: c, _size: u, _type: m, _disabled: n, shouldAddSpace: y, handleClick: f } = j(i, $);
-    return S({
-      /** @description button html element */
-      ref: c,
-      /** @description button size */
-      size: u,
-      /** @description button type */
-      type: m,
-      /** @description button disabled */
-      disabled: n,
-      /** @description whether adding space */
-      shouldAddSpace: y
-    }), (a, p) => {
-      var b;
-      return l(), s("button", {
-        ref_key: "_ref",
-        ref: c,
-        class: d([
-          e(o).b(),
-          e(o).m(e(m)),
-          e(o).m(e(u)),
-          e(o).is("disabled", e(n)),
-          e(o).is("loading", t.loading),
-          e(o).is("plain", t.plain),
-          e(o).is("round", t.round),
-          e(o).is("circle", t.circle),
-          e(o).is("text", t.text),
-          e(o).is("link", t.link),
-          e(o).is("has-bg", t.bg),
-          e(o).is("block", t.block)
-        ]),
-        "aria-disabled": e(n) || t.loading,
-        disabled: e(n) || t.loading,
-        autofocus: t.autofocus,
-        type: t.nativeType,
-        style: T(e(h)),
-        onClick: p[0] || (p[0] = //@ts-ignore
-        (...x) => e(f) && e(f)(...x))
-      }, [
-        t.loading ? (l(), s(v, { key: 0 }, [
-          a.$slots.loading ? k(a.$slots, "loading", { key: 0 }) : (l(), g(e(z), {
-            key: 1,
-            rotate: "",
-            class: d(e(o).is("loading")),
-            icon: "ico-ep:loading"
-          }, null, 8, ["class"]))
-        ], 64)) : (b = e(r)) != null && b.icon ? (l(), g(e(z), A(N({ key: 1 }, e(r))), null, 16)) : B("", !0),
-        a.$slots.default ? (l(), s("span", {
-          key: 2,
-          class: d({ [e(o).em("text", "expand")]: e(y) })
-        }, [
-          k(a.$slots, "default")
-        ], 2)) : B("", !0)
-      ], 14, F);
-    };
-  }
-});
-export {
-  U as default
-};

package/es/packages/components/checkbox/checkbox-button.vue2.js

@@ -1,106 +0,0 @@
-import { defineComponent as p, useSlots as $, inject as L, computed as c, openBlock as r, createElementBlock as b, normalizeClass as m, unref as t, withDirectives as x, isRef as y, vModelCheckbox as k, normalizeStyle as N, renderSlot as z, createTextVNode as D, toDisplayString as F, createCommentVNode as h } from "vue";
-import { useNamespace as j } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import "@vft/utils";
-import "../../utils/ns-cover.js";
-import { checkboxGroupContextKey as w } from "./constants.js";
-import "../form/index.js";
-import { useCheckbox as E } from "./composables/use-checkbox.js";
-const K = ["name", "tabindex", "disabled", "true-value", "false-value"], U = ["name", "tabindex", "disabled", "value"], M = p({
-  name: "VftCheckboxButton"
-}), X = /* @__PURE__ */ p({
-  ...M,
-  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(n) {
-    const C = n, B = $(), {
-      isFocused: s,
-      isChecked: f,
-      isDisabled: v,
-      checkboxButtonSize: g,
-      model: u,
-      handleChange: d
-    } = E(C, B), i = L(w, void 0), o = j("checkbox"), S = c(() => {
-      var e, l;
-      const a = ((e = i == null ? void 0 : i.fill) == null ? void 0 : e.value) ?? "";
-      return {
-        backgroundColor: a,
-        borderColor: a,
-        color: ((l = i == null ? void 0 : i.textColor) == null ? void 0 : l.value) ?? "",
-        boxShadow: a ? `-1px 0 0 0 ${a}` : void 0
-      };
-    }), V = c(() => [
-      o.b("button"),
-      o.bm("button", g.value),
-      o.is("disabled", v.value),
-      o.is("checked", f.value),
-      o.is("focus", s.value)
-    ]);
-    return (a, e) => (r(), b("label", {
-      class: m(t(V))
-    }, [
-      n.trueLabel || n.falseLabel ? x((r(), b("input", {
-        key: 0,
-        "onUpdate:modelValue": e[0] || (e[0] = (l) => y(u) ? u.value = l : null),
-        class: m(t(o).be("button", "original")),
-        type: "checkbox",
-        name: n.name,
-        tabindex: n.tabindex,
-        disabled: t(v),
-        "true-value": n.trueLabel,
-        "false-value": n.falseLabel,
-        onChange: e[1] || (e[1] = //@ts-ignore
-        (...l) => t(d) && t(d)(...l)),
-        onFocus: e[2] || (e[2] = (l) => s.value = !0),
-        onBlur: e[3] || (e[3] = (l) => s.value = !1)
-      }, null, 42, K)), [
-        [k, t(u)]
-      ]) : x((r(), b("input", {
-        key: 1,
-        "onUpdate:modelValue": e[4] || (e[4] = (l) => y(u) ? u.value = l : null),
-        class: m(t(o).be("button", "original")),
-        type: "checkbox",
-        name: n.name,
-        tabindex: n.tabindex,
-        disabled: t(v),
-        value: n.label,
-        onChange: e[5] || (e[5] = //@ts-ignore
-        (...l) => t(d) && t(d)(...l)),
-        onFocus: e[6] || (e[6] = (l) => s.value = !0),
-        onBlur: e[7] || (e[7] = (l) => s.value = !1)
-      }, null, 42, U)), [
-        [k, t(u)]
-      ]),
-      a.$slots.default || n.label ? (r(), b("span", {
-        key: 2,
-        class: m(t(o).be("button", "inner")),
-        style: N(t(f) ? t(S) : void 0)
-      }, [
-        z(a.$slots, "default", {}, () => [
-          D(F(n.label), 1)
-        ])
-      ], 6)) : h("", !0)
-    ], 2));
-  }
-});
-export {
-  X as default
-};

package/es/packages/components/checkbox/checkbox-group.vue2.js

@@ -1,80 +0,0 @@
-import { defineComponent as d, computed as p, provide as f, toRefs as b, watch as x, openBlock as g, createBlock as h, resolveDynamicComponent as v, unref as l, normalizeClass as C, withCtx as k, renderSlot as y, nextTick as E } from "vue";
-import { pick as I } from "lodash";
-import { UPDATE_MODEL_EVENT as V } from "../../constants/event.js";
-import "@vft/utils";
-import { debugWarn as _ } from "../../utils/error.js";
-import "@vueuse/core";
-import "../../utils/ns-cover.js";
-import { useNamespace as B } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import "../form/index.js";
-import { checkboxGroupContextKey as w } from "./constants.js";
-import { useFormItem as z, useFormItemInputId as D } from "../form/hooks/use-form-item.js";
-const F = d({
-  name: "VftCheckboxGroup"
-}), j = /* @__PURE__ */ d({
-  ...F,
-  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 t = a, u = B("checkbox"), { formItem: o } = z(), { inputId: c, isLabeledByFormItem: n } = D(t, {
-      formItemContext: o
-    }), i = async (e) => {
-      r(V, e), await E(), r("change", e);
-    }, s = p({
-      get() {
-        return t.modelValue;
-      },
-      set(e) {
-        i(e);
-      }
-    });
-    return f(w, {
-      ...I(b(t), [
-        "size",
-        "min",
-        "max",
-        "disabled",
-        "validateEvent",
-        "fill",
-        "textColor"
-      ]),
-      modelValue: s,
-      changeEvent: i
-    }), x(
-      () => t.modelValue,
-      () => {
-        t.validateEvent && (o == null || o.validate("change").catch((e) => _(e)));
-      }
-    ), (e, T) => {
-      var m;
-      return g(), h(v(a.tag), {
-        id: l(c),
-        class: C(l(u).b("group")),
-        role: "group",
-        "aria-label": l(n) ? void 0 : a.label || "checkbox-group",
-        "aria-labelledby": l(n) ? (m = l(o)) == null ? void 0 : m.labelId : void 0
-      }, {
-        default: k(() => [
-          y(e.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["id", "class", "aria-label", "aria-labelledby"]);
-    };
-  }
-});
-export {
-  j as default
-};