vft 0.0.43 → 0.0.44

package/es/components/qrcode/qrcode.vue2.js

@@ -0,0 +1,80 @@
+import { defineComponent as s, ref as d, onMounted as w, openBlock as i, createElementBlock as p, createBlock as g, resolveDynamicComponent as v, unref as c } from "vue";
+import { toDataURL as h } from "qrcode";
+import { useNamespace as C } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { downloadByUrl as y } from "@vft/utils";
+import "../../utils/ns-cover.js";
+import { toCanvas as E } from "./toCanvas.js";
+const L = (
+  /* hoist-static*/
+  C("qrcode")
+), k = s({
+  name: L.b()
+}), q = /* @__PURE__ */ s({
+  ...k,
+  props: {
+    value: null,
+    options: null,
+    width: { default: 200 },
+    logo: null,
+    tag: { default: "canvas" }
+  },
+  emits: ["done", "error"],
+  setup(t, { expose: u, emit: a }) {
+    const r = d(null);
+    async function l() {
+      try {
+        const o = String(t.value), e = c(r);
+        if (!e)
+          return;
+        if (t.tag === "canvas") {
+          const n = await E({
+            canvas: e,
+            width: t.width,
+            logo: t.logo,
+            content: o,
+            options: t.options || {}
+          });
+          a("done", { url: n, ctx: e.getContext("2d") });
+          return;
+        }
+        if (t.tag === "img") {
+          const n = await h(o, {
+            errorCorrectionLevel: "H",
+            width: t.width,
+            ...t.options
+          });
+          c(r).src = n, a("done", { url: n });
+        }
+      } catch (o) {
+        a("error", o);
+      }
+    }
+    function f(o) {
+      let e = "";
+      const n = c(r);
+      n instanceof HTMLCanvasElement ? e = n.toDataURL() : n instanceof HTMLImageElement && (e = n.src), e && y({
+        url: e,
+        fileName: o
+      });
+    }
+    w(l);
+    const m = getCurrentInstance();
+    return watch(m.props, () => {
+      l();
+    }, { deep: !0 }), u({
+      download: f
+    }), (o, e) => (i(), p("div", null, [
+      (i(), g(v(t.tag), {
+        ref_key: "wrapRef",
+        ref: r
+      }, null, 512))
+    ]));
+  }
+});
+export {
+  q as default
+};

package/es/components/qrcode/qrcodePlus.js

@@ -0,0 +1,4 @@
+import { toCanvas as r } from "./toCanvas.js";
+export {
+  r as toCanvas
+};

package/es/components/qrcode/toCanvas.js

@@ -0,0 +1,6 @@
+import { renderQrCode as e } from "./drawCanvas.js";
+import { drawLogo as o } from "./drawLogo.js";
+const m = (r) => e(r).then(() => r).then(o);
+export {
+  m as toCanvas
+};

package/es/components/result/index.js

@@ -0,0 +1,10 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import o from "./result.vue2.js";
+const s = t(o);
+export {
+  s as VftResult,
+  s as default
+};

package/es/components/result/result.vue.js

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

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

@@ -0,0 +1,100 @@
+import { defineComponent as l, getCurrentInstance as d, useSlots as f, computed as v, h as o } from "vue";
+import { singleAttrToObj as _, renderTNode as b } from "@vft/utils";
+import { useNamespace as x } 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 "../divider/index.js";
+import { VftIcon as C } from "../icon/index.js";
+import "../avatar/index.js";
+import "../empty/index.js";
+import "./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 "../back-top/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 "../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";
+const i = (
+  /* hoist-static*/
+  x("result")
+), I = l({
+  name: i.b()
+}), Tt = /* @__PURE__ */ l({
+  ...I,
+  props: {
+    title: null,
+    subTitle: null,
+    icon: null
+  },
+  setup(s) {
+    var e, n;
+    const u = d(), t = f(), m = v(() => _(s.icon, "icon")), a = (e = m.value) != null && e.icon ? o("div", {
+      class: i.e("icon")
+    }, [o(C, { ...m.value })]) : (n = t.default) == null ? void 0 : n.call(t), p = (r) => {
+      const c = b(u, r);
+      return c ? o(
+        "div",
+        {
+          class: i.e(r)
+        },
+        [o("p", {}, { default: () => c })]
+      ) : null;
+    };
+    return () => o(
+      "div",
+      { class: i.b() },
+      {
+        default: () => [
+          a,
+          p("title"),
+          p("sub-title"),
+          t.extra ? o("div", { class: i.e("extra") }, { default: () => {
+            var r;
+            return (r = t.extra) == null ? void 0 : r.call(t);
+          } }) : null
+        ]
+      }
+    );
+  }
+});
+export {
+  Tt as default
+};

package/es/components/router-view-content/index.js

@@ -0,0 +1,10 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import o from "./router-view-content.vue2.js";
+const f = t(o);
+export {
+  f as VftRouterViewContent,
+  f as default
+};

package/es/components/router-view-content/router-view-content.vue.js

@@ -0,0 +1,4 @@
+import f from "./router-view-content.vue2.js";
+export {
+  f as default
+};

package/es/components/router-view-content/router-view-content.vue2.js

@@ -0,0 +1,57 @@
+import { defineComponent as s, computed as u, resolveComponent as y, openBlock as l, createBlock as i, withCtx as C, KeepAlive as g, unref as o, resolveDynamicComponent as d, createCommentVNode as x } from "vue";
+import { getRouterKeyPath as A } from "@vft/router";
+import { useNamespace as B } 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";
+const k = (
+  /* hoist-static*/
+  B("router-view-content")
+), K = s({
+  name: k.b()
+}), S = /* @__PURE__ */ s({
+  ...K,
+  props: {
+    cacheList: null,
+    openKeepAlive: { type: Boolean, default: !0 },
+    isReloadFlag: { type: Boolean },
+    pageErrorStatus: { type: Boolean },
+    enableErrorHandle: { type: Boolean },
+    exceptionComp: null
+  },
+  setup(t) {
+    const f = u(() => t.openKeepAlive ? t.cacheList : []), m = u(() => (e) => t.enableErrorHandle && t.pageErrorStatus && t.exceptionComp || e), v = u(() => (e) => {
+      var a, r, n;
+      let c = e.name;
+      return (a = e.meta) != null && a.currentActivePath && (c = (n = (r = e.matched) == null ? void 0 : r.filter((h) => {
+        var p;
+        return h.path === ((p = e.meta) == null ? void 0 : p.currentActivePath);
+      })) == null ? void 0 : n[0].name), t.isReloadFlag ? void 0 : c;
+    });
+    return (e, c) => {
+      const a = y("router-view");
+      return l(), i(a, null, {
+        default: C(({ Component: r, route: n }) => [
+          t.openKeepAlive ? (l(), i(g, {
+            key: 0,
+            include: o(f),
+            exclude: o(v)(n)
+          }, [
+            t.isReloadFlag ? (l(), i(d(o(m)(r)), {
+              key: o(A)(n)
+            })) : x("", !0)
+          ], 1032, ["include", "exclude"])) : (l(), i(d(o(m)(r)), {
+            key: n.fullPath
+          }))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  S as default
+};

package/es/components/search/index.js

@@ -0,0 +1,10 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import o from "./search.vue2.js";
+const f = t(o);
+export {
+  f as VftSearch,
+  f as default
+};

package/es/components/search/search.vue.js

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

package/es/components/search/search.vue2.js

@@ -0,0 +1,189 @@
+import { defineComponent as C, ref as a, computed as v, watch as N, resolveDirective as I, openBlock as m, createElementBlock as h, Fragment as E, withDirectives as F, normalizeClass as y, unref as r, createVNode as P, mergeProps as b, createSlots as x, withCtx as l, renderSlot as p, createBlock as A, createElementVNode as T, createCommentVNode as z } from "vue";
+import { useRouterHelper as D } from "@vft/router";
+import { generateCssVars as H, addUnit as k } from "@vft/utils";
+import "../divider/index.js";
+import "../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 { VftPopover as L } from "../popover/index.js";
+import "../menu/index.js";
+import "@vft/use";
+import "../multiple-tabs/multiple-tabs.vue2.js";
+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 "../back-top/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 { VftInput as O } from "../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 "./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 W } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import { useTimeoutFn as M } from "@vueuse/core";
+import "../../utils/ns-cover.js";
+const u = (
+  /* hoist-static*/
+  W("search")
+), U = C({
+  name: u.b()
+}), je = /* @__PURE__ */ C({
+  ...U,
+  props: {
+    modelValue: { default: "" },
+    placeholder: null,
+    clearable: { type: Boolean, default: !0 },
+    suffixIcon: { default: { icon: "vi-search", color: "#8B8C8C", cursor: !0 } },
+    prefixIcon: null,
+    clearIcon: null,
+    width: { default: 200 },
+    focusWidth: null,
+    hasPopover: { type: Boolean, default: !0 },
+    popoverCfg: null,
+    visible: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:visible", "focus", "enter", "clear"],
+  setup(t, { emit: i }) {
+    const f = a(), c = a(), n = a(), g = () => {
+      console.log(t.modelValue);
+    };
+    D();
+    const w = () => {
+      i("update:visible", !0), i("focus");
+    }, S = v(() => ({
+      "show-arrow": !1,
+      transition: "vft-zoom-in-top",
+      placement: "bottom-start",
+      "hide-after": 100,
+      offset: 3,
+      width: 500,
+      ...t.popoverCfg
+    })), V = v(() => {
+      function e(o) {
+        return H(
+          {
+            width: k(o),
+            "focus-width": k(o)
+          },
+          "input"
+        );
+      }
+      return t.visible ? e(t.focusWidth ?? t.width) : e(t.width);
+    }), $ = (e) => {
+      i("update:modelValue", e);
+    }, d = u.e("content"), R = (e) => {
+      var o, s;
+      Array.from(e.target.classList).includes(d) || ((s = (o = r(f).popperRef) == null ? void 0 : o.delayHide) == null || s.call(o), i("update:visible", !1));
+    }, B = () => {
+      i("update:visible", !1), M(() => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.blur();
+      }, 100), i("clear");
+    };
+    return N(() => t.visible, (e) => {
+      e ? n.value.focus() : n.value.blur();
+    }), (e, o) => {
+      const s = I("click-outside");
+      return m(), h(E, null, [
+        F((m(), h("div", {
+          ref_key: "searchRef",
+          ref: c,
+          class: y([r(u).b()])
+        }, [
+          P(r(O), b({
+            ref_key: "inputRef",
+            ref: n
+          }, e.$props, {
+            inputStyle: r(V),
+            onInput: $,
+            onSuffixclick: g,
+            onFocus: w,
+            onClear: B
+          }), x({ _: 2 }, [
+            e.$slots.prefix ? {
+              name: "prefix",
+              fn: l(() => [
+                p(e.$slots, "prefix")
+              ]),
+              key: "0"
+            } : void 0,
+            e.$slots.suffix ? {
+              name: "suffix",
+              fn: l(() => [
+                p(e.$slots, "suffix")
+              ]),
+              key: "1"
+            } : void 0,
+            e.$slots.prepend ? {
+              name: "prepend",
+              fn: l(() => [
+                p(e.$slots, "prepend")
+              ]),
+              key: "2"
+            } : void 0,
+            e.$slots.append ? {
+              name: "append",
+              fn: l(() => [
+                p(e.$slots, "append")
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1040, ["inputStyle"])
+        ], 2)), [
+          [s, R]
+        ]),
+        t.hasPopover ? (m(), A(r(L), b({
+          key: 0,
+          ref_key: "popoverRef",
+          ref: f
+        }, r(S), {
+          "virtual-ref": c.value,
+          visible: t.visible,
+          "virtual-triggering": ""
+        }), {
+          default: l(() => [
+            T("div", {
+              class: y(r(d))
+            }, [
+              p(e.$slots, "default")
+            ], 2)
+          ]),
+          _: 3
+        }, 16, ["virtual-ref", "visible"])) : z("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  je as default
+};

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

@@ -0,0 +1,10 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import o from "./side-menu.vue2.js";
+const a = t(o);
+export {
+  a as VftSideMenu,
+  a as default
+};

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

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