vft 0.0.48 → 0.0.51

package/es/comp-resolver.js

@@ -3,26 +3,26 @@ function m(t) {
   return t.replace(/([A-Z])/g, " $1").trim().split(" ").join("-").toLowerCase();
 }
 function i(t, e) {
-  const { importStyle: o, ssr: s } = e, r = e.compName + "/theme-style", n = e.compName + "/es/components";
-  if (o === "sass")
-    return s ? [`${r}/src/base.scss`, `${r}/src/${t}.scss`] : [`${n}/base/style/index`, `${n}/${t}/style/index`];
-  if (o === !0 || o === "css")
-    return s ? [`${r}/base.css`, `${r}/el-${t}.css`] : [`${n}/base/style/css`, `${n}/${t}/style/css`];
+  const { importStyle: r, ssr: s } = e, o = e.compName + "/theme-style", n = e.compName + "/es/components";
+  if (r === "sass")
+    return s ? [`${o}/src/base.scss`, `${o}/src/${t}.scss`] : [`${n}/base/style/index`, `${n}/${t}/style/index`];
+  if (r === !0 || r === "css")
+    return s ? [`${o}/base.css`, `${o}/el-${t}.css`] : [`${n}/base/style/css`, `${n}/${t}/style/css`];
 }
 function c(t, e) {
   if (e.exclude && t.match(e.exclude))
     return;
-  const o = new RegExp(`^${l(e.compName)}[A-Z]`);
-  if (!t.match(o))
+  const r = new RegExp(`^${l(e.compName)}[A-Z]`);
+  if (!t.match(r))
     return;
-  const s = m(t.slice(e.compName.length)), { ssr: r } = e;
+  const s = m(t.slice(e.compName.length)), { ssr: o } = e;
   return {
     name: t,
-    from: `${e.compName}/${r ? "lib" : "es"}`,
+    from: `${e.compName}/${o ? "lib" : "es"}`,
     sideEffects: i(s, e)
   };
 }
-function a(t, e) {
+function f(t, e) {
   if (!e.directives)
     return;
   const s = {
@@ -32,17 +32,28 @@ function a(t, e) {
   }[t];
   if (!s)
     return;
-  const { ssr: r } = e;
+  const { ssr: o } = e;
   return {
     name: s.importName,
-    from: `${e.compName}/${r ? "lib" : "es"}`,
+    from: `${e.compName}/${o ? "lib" : "es"}`,
     sideEffects: i(s.styleName, e)
   };
 }
-const f = ["VftAutoResizer"];
-function p(t = {}) {
+const u = [
+  "VftAutoResizer",
+  "VftOnlyChild",
+  "VftDropdownCollection",
+  "VftDropdownCollectionItem",
+  "VftDropdownItemImpl",
+  "VftFocusGroupCollection",
+  "VftRovingFocusItem",
+  "VftRovingFocusCollectionItem",
+  "VftRovingFocusGroup",
+  "VftRovingFocusGroupImpl"
+];
+function a(t = {}) {
   let e;
-  async function o() {
+  async function r() {
     return e || (e = {
       compName: "vft",
       ssr: !1,
@@ -57,16 +68,16 @@ function p(t = {}) {
     {
       type: "component",
       resolve: async (s) => {
-        const r = await o();
-        return [...r.noStylesComponents, ...f].includes(s) ? c(s, { ...r, importStyle: !1 }) : c(s, r);
+        const o = await r();
+        return [...o.noStylesComponents, ...u].includes(s) ? c(s, { ...o, importStyle: !1 }) : c(s, o);
       }
     },
     {
       type: "directive",
-      resolve: async (s) => a(s, await o())
+      resolve: async (s) => f(s, await r())
     }
   ];
 }
 export {
-  p as CompResolver
+  a as CompResolver
 };

package/es/component.js

@@ -1,8 +1,8 @@
 import { VftDivider as o } from "./components/divider/index.js";
 import { VftConfigProvider as t } from "./components/config-provider/index.js";
 import { VftIcon as r } from "./components/icon/index.js";
-import { VftAvatar as m } from "./components/avatar/index.js";
-import { VftEmpty as f } from "./components/empty/index.js";
+import { VftAvatar as f } from "./components/avatar/index.js";
+import { VftEmpty as m } from "./components/empty/index.js";
 import { VftResult as i } from "./components/result/index.js";
 import { VftTooltip as p } from "./components/tooltip/index.js";
 import { VftBackTop as V } from "./components/back-top/index.js";
@@ -12,86 +12,115 @@ import { VftLogo as n } from "./components/logo/index.js";
 import { VftIconText as u } from "./components/icon-text/index.js";
 import { VftImage as d } from "./components/image/index.js";
 import { VftFullScreen as l } from "./components/full-screen/index.js";
-import { VftInput as s } from "./components/input/index.js";
-import { VftLink as M } from "./components/link/index.js";
-import { VftTag as T } from "./components/tag/index.js";
-import { VftQrcode as c } from "./components/qrcode/index.js";
-import { VftOverlay as C } from "./components/overlay/index.js";
-import { VftSideMenu as g } from "./components/side-menu/index.js";
+import { VftInput as c } from "./components/input/index.js";
+import { VftLink as C } from "./components/link/index.js";
+import { VftTag as s } from "./components/tag/index.js";
+import { VftQrcode as M } from "./components/qrcode/index.js";
+import { VftOverlay as T } from "./components/overlay/index.js";
+import { VftSideMenu as b } from "./components/side-menu/index.js";
 import { VftClamp as I } from "./components/clamp/index.js";
-import { VftPageWrapper as P } from "./components/page-wrapper/index.js";
-import { VftClampToggle as b } from "./components/clamp-toggle/index.js";
+import { VftPageWrapper as g } from "./components/page-wrapper/index.js";
+import { VftClampToggle as P } from "./components/clamp-toggle/index.js";
 import { VftRouterViewContent as y } from "./components/router-view-content/index.js";
-import { VftIframeLayout as v } from "./components/iframe-layout/index.js";
-import { VftFooterLayout as L } from "./components/footer-layout/index.js";
-import { VftHeaderLayout as D } from "./components/header-layout/index.js";
-import { VftPagination as F } from "./components/pagination/index.js";
-import { VftTabs as S, VftTabPane as x } from "./components/tabs/index.js";
-import { VftForm as k, VftFormItem as E } from "./components/form/index.js";
-import { VftDescriptions as R, VftDescriptionsItem as h } from "./components/descriptions/index.js";
-import { VftMultipleTabs as w } from "./components/multiple-tabs/index.js";
-import { VftCollapseTransition as A } from "./components/collapse-transition/index.js";
-import { VftMenu as B, VftMenuItem as G, VftMenuItemGroup as H, VftSubMenu as O } from "./components/menu/index.js";
+import { VftIframeLayout as D } from "./components/iframe-layout/index.js";
+import { VftFooterLayout as S } from "./components/footer-layout/index.js";
+import { VftHeaderLayout as k } from "./components/header-layout/index.js";
+import { VftPagination as w } from "./components/pagination/index.js";
+import { VftTabs as x, VftTabPane as h } from "./components/tabs/index.js";
+import { VftForm as v, VftFormItem as B } from "./components/form/index.js";
+import { VftDescriptions as L, VftDescriptionsItem as R } from "./components/descriptions/index.js";
+import { VftMultipleTabs as F } from "./components/multiple-tabs/index.js";
+import { VftCollapseTransition as G } from "./components/collapse-transition/index.js";
+import { VftMenu as E, VftMenuItem as A, VftMenuItemGroup as H, VftSubMenu as O } from "./components/menu/index.js";
 import { VftException as Q } from "./components/exception/index.js";
 import { VftSearch as W } from "./components/search/index.js";
-import { VftMdComment as j } from "./components/md-comment/index.js";
-import { VftMdTabs as q } from "./components/md-tabs/index.js";
-import { VftMdVuePlayground as z } from "./components/md-vue-playground/index.js";
-import { VftMdCodeDemo as J } from "./components/md-code-demo/index.js";
-import { VftMdCodeTabs as K } from "./components/md-code-tabs/index.js";
-import { VftMdContainer as N } from "./components/md-container/index.js";
-const Go = [
+import { VftButton as j, VftButtonGroup as q } from "./components/button/index.js";
+import { VftCheckboxGroup as z, VftCheckbox as J, VftCheckboxButton as K } from "./components/checkbox/index.js";
+import { VftRadioButton as N, VftRadio as U, VftRadioGroup as X } from "./components/radio/index.js";
+import { VftSwitch as Y } from "./components/switch/index.js";
+import { VftColorPicker as Z } from "./components/color-picker/index.js";
+import { VftScrollbar as _ } from "./components/scrollbar/index.js";
+import { VftDropdownItem as $, VftDropdownMenu as oo, VftDropdown as to } from "./components/dropdown/index.js";
+import { VftSelectV2 as ro } from "./components/select-v2/index.js";
+import { VftVerifyCode as fo } from "./components/verify-code/index.js";
+import { VftTable as mo } from "./components/table/index.js";
+import { VftImageViewer as io } from "./components/image-viewer/index.js";
+import { VftMdComment as po } from "./components/md-comment/index.js";
+import { VftMdTabs as Vo } from "./components/md-tabs/index.js";
+import { VftMdVuePlayground as eo } from "./components/md-vue-playground/index.js";
+import { VftMdCodeDemo as ao } from "./components/md-code-demo/index.js";
+import { VftMdCodeTabs as no } from "./components/md-code-tabs/index.js";
+import { VftMdContainer as uo } from "./components/md-container/index.js";
+const dt = [
   // md
+  uo,
+  no,
+  ao,
+  eo,
+  Vo,
+  po,
+  // md
+  io,
+  mo,
+  fo,
+  ro,
+  $,
+  oo,
+  to,
+  _,
+  Z,
+  Y,
   N,
-  K,
-  J,
+  U,
+  X,
   z,
-  q,
+  J,
+  K,
   j,
-  // md
-  k,
-  E,
+  q,
+  v,
+  B,
   W,
-  P,
-  I,
-  b,
-  c,
-  C,
-  T,
   g,
-  F,
+  I,
+  P,
   M,
+  T,
   s,
+  b,
+  w,
+  C,
+  c,
   d,
   u,
   l,
+  L,
   R,
-  h,
   t,
   V,
   y,
-  v,
-  L,
   D,
+  S,
+  k,
   n,
-  w,
-  B,
-  G,
+  F,
+  E,
+  A,
   H,
   O,
-  A,
+  G,
   o,
   r,
-  m,
   f,
+  m,
   i,
-  S,
   x,
+  h,
   p,
   e,
   a,
   Q
 ];
 export {
-  Go as default
+  dt as default
 };

package/es/components/alert/alert.vue.d.ts

@@ -0,0 +1,102 @@
+import type { PropType as __PropType } from 'vue';
+import { alertEffects, type TypeComponents } from './types';
+export interface AlertProps {
+    /**
+     * @description alert title.
+     */
+    title?: string;
+    description?: string;
+    /**
+     * @description alert type.
+     */
+    type?: TypeComponents;
+    /**
+     * @description whether alert can be dismissed.
+     */
+    closable?: boolean;
+    /**
+     * @description text for replacing x button
+     */
+    closeText?: string;
+    /**
+     * @description whether show icon
+     */
+    showIcon?: boolean;
+    /**
+     * @description should content be placed in center.
+     */
+    center?: boolean;
+    effect?: alertEffects;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    description: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    type: {
+        type: __PropType<TypeComponents | undefined>;
+        required: false;
+    };
+    closable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeText: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    showIcon: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    center: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    effect: {
+        type: __PropType<alertEffects | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (evt: MouseEvent) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    description: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    type: {
+        type: __PropType<TypeComponents | undefined>;
+        required: false;
+    };
+    closable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeText: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    showIcon: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    center: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    effect: {
+        type: __PropType<alertEffects | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: ((evt: MouseEvent) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/es/components/alert/alert.vue.js

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

package/es/components/alert/alert.vue2.js

@@ -0,0 +1,94 @@
+import { defineComponent as C, useSlots as w, ref as g, computed as a, openBlock as s, createBlock as r, Transition as I, unref as e, withCtx as N, withDirectives as S, createElementVNode as k, normalizeClass as n, createCommentVNode as i, createElementBlock as c, renderSlot as b, createTextVNode as p, toDisplayString as u, Fragment as V, vShow as $ } from "vue";
+import { VftIcon as v } from "../icon/index.js";
+import { useNamespace as E } 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 "@vue/reactivity";
+import "@vue/shared";
+const o = (
+  /* hoist-static*/
+  E("alert")
+), x = C({
+  name: o.b()
+}), O = /* @__PURE__ */ C({
+  ...x,
+  props: {
+    title: { default: "" },
+    description: { default: "" },
+    type: { default: "info" },
+    closable: { type: Boolean, default: !0 },
+    closeText: { default: "" },
+    showIcon: { type: Boolean },
+    center: { type: Boolean },
+    effect: { default: "light" }
+  },
+  emits: {
+    close: (t) => t instanceof MouseEvent
+  },
+  setup(t, { emit: h }) {
+    const d = w(), m = g(!0), f = a(() => t.type), B = a(() => [
+      o.e("icon"),
+      { [o.is("big")]: !!t.description || !!d.default }
+    ]), T = a(() => ({ [o.is("bold")]: t.description || d.default })), y = (l) => {
+      m.value = !1, h("close", l);
+    };
+    return (l, D) => (s(), r(I, {
+      name: e(o).b("fade")
+    }, {
+      default: N(() => [
+        S(k("div", {
+          class: n([e(o).b(), e(o).m(t.type), e(o).is("center", t.center), e(o).is(t.effect)]),
+          role: "alert"
+        }, [
+          t.showIcon && e(f) ? (s(), r(e(v), {
+            key: 0,
+            class: n(e(B)),
+            icon: e(f)
+          }, null, 8, ["class", "icon"])) : i("", !0),
+          k("div", {
+            class: n(e(o).e("content"))
+          }, [
+            t.title || l.$slots.title ? (s(), c("span", {
+              key: 0,
+              class: n([e(o).e("title"), e(T)])
+            }, [
+              b(l.$slots, "title", {}, () => [
+                p(u(t.title), 1)
+              ])
+            ], 2)) : i("", !0),
+            l.$slots.default || t.description ? (s(), c("p", {
+              key: 1,
+              class: n(e(o).e("description"))
+            }, [
+              b(l.$slots, "default", {}, () => [
+                p(u(t.description), 1)
+              ])
+            ], 2)) : i("", !0),
+            t.closable ? (s(), c(V, { key: 2 }, [
+              t.closeText ? (s(), c("div", {
+                key: 0,
+                class: n([e(o).e("close-btn"), e(o).is("customed")]),
+                onClick: y
+              }, u(t.closeText), 3)) : (s(), r(e(v), {
+                key: 1,
+                class: n(e(o).e("close-btn")),
+                onClick: y,
+                icon: l.CloseIcon
+              }, null, 8, ["class", "icon"]))
+            ], 64)) : i("", !0)
+          ], 2)
+        ], 2), [
+          [$, m.value]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name"]));
+  }
+});
+export {
+  O as default
+};

package/es/components/alert/index.d.ts

@@ -0,0 +1,73 @@
+export * from './types';
+export declare const WflyAlert: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    description: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").TypeComponents | undefined>;
+        required: false;
+    };
+    closable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    closeText: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    showIcon: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    center: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    effect: {
+        type: import("vue").PropType<import("./types").alertEffects | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (evt: MouseEvent) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    description: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").TypeComponents | undefined>;
+        required: false;
+    };
+    closable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    closeText: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    showIcon: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    center: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    effect: {
+        type: import("vue").PropType<import("./types").alertEffects | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: ((evt: MouseEvent) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default WflyAlert;

package/es/components/alert/index.js

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import o from "./alert.vue2.js";
+const s = t(o);
+export {
+  s as WflyAlert,
+  s as default
+};

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

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

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

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

package/es/components/alert/types.d.ts

@@ -0,0 +1,4 @@
+import type Alert from './alert.vue';
+export type AlertInstance = InstanceType<typeof Alert>;
+export type alertEffects = 'light' | 'dark';
+export type TypeComponents = 'success' | 'warning' | 'error' | 'info';

package/es/components/avatar/avatar.vue.d.ts

@@ -2,7 +2,7 @@ import type { PropType as __PropType } from 'vue';
 import { type IconProps } from 'vft/es/components/icon';
 declare const _sfc_main: import("vue").DefineComponent<{
     size: {
-        type: __PropType<number | "large" | "small" | "default" | undefined>;
+        type: __PropType<number | "default" | "small" | "large" | undefined>;
         required: false;
     };
     shape: {
@@ -10,7 +10,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     icon: {
-        type: __PropType<IconProps | undefined>;
+        type: __PropType<string | IconProps | undefined>;
         required: false;
     };
     src: {
@@ -21,17 +21,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<string | undefined>;
         required: false;
     };
-    srcSet: {
-        type: __PropType<string | undefined>;
-        required: false;
-    };
     fit: {
-        type: __PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
+        type: __PropType<"fill" | "none" | "contain" | "cover" | "scale-down" | undefined>;
         required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: __PropType<number | "large" | "small" | "default" | undefined>;
+        type: __PropType<number | "default" | "small" | "large" | undefined>;
         required: false;
     };
     shape: {
@@ -39,7 +35,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     icon: {
-        type: __PropType<IconProps | undefined>;
+        type: __PropType<string | IconProps | undefined>;
         required: false;
     };
     src: {
@@ -50,12 +46,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<string | undefined>;
         required: false;
     };
-    srcSet: {
-        type: __PropType<string | undefined>;
-        required: false;
-    };
     fit: {
-        type: __PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
+        type: __PropType<"fill" | "none" | "contain" | "cover" | "scale-down" | undefined>;
         required: false;
     };
 }>> & {