vft 0.0.50 → 0.0.53

package/es/component.js

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

@@ -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,10 +21,6 @@ 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>;
         required: false;
@@ -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,10 +46,6 @@ 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>;
         required: false;

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

@@ -0,0 +1,57 @@
+import { defineComponent as z, ref as h, computed as o, watch as v, openBlock as s, createElementBlock as k, normalizeClass as y, unref as r, normalizeStyle as g, createBlock as c, normalizeProps as B, mergeProps as E, renderSlot as S } from "vue";
+import { isString as b, isNumber as C, addUnit as V, singleAttrToObj as I } from "@vft/utils";
+import { VftIcon as L } from "../icon/index.js";
+import { VftImage as N } from "../image/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 "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+const H = /* @__PURE__ */ z({
+  __name: "avatar",
+  props: {
+    size: { default: "" },
+    shape: { default: "circle" },
+    icon: null,
+    src: null,
+    alt: null,
+    fit: { default: "cover" }
+  },
+  emits: ["error"],
+  setup(e, { emit: m }) {
+    const i = P("avatar"), a = h(!1), u = o(() => {
+      const t = [i.b()];
+      return b(e.size) && t.push(i.m(e.size)), !e.src && e.icon && t.push(i.m("icon")), e.shape && t.push(i.m(e.shape)), t;
+    }), f = o(() => C(e.size) ? i.cssVarBlock({
+      size: V(e.size) || ""
+    }) : void 0), n = o(() => I(e.icon, "icon", { size: e.size }));
+    v(
+      () => e.src,
+      () => a.value = !1
+    );
+    function d(t) {
+      a.value = !0, m("error", t);
+    }
+    return (t, j) => {
+      var l;
+      return s(), k("span", {
+        class: y(r(u)),
+        style: g(r(f))
+      }, [
+        e.src && !a.value ? (s(), c(r(N), {
+          key: 0,
+          src: e.src,
+          alt: e.alt,
+          fit: e.fit,
+          onError: d
+        }, null, 8, ["src", "alt", "fit"])) : (l = r(n)) != null && l.icon ? (s(), c(r(L), B(E({ key: 1 }, r(n))), null, 16)) : S(t.$slots, "default", { key: 2 })
+      ], 6);
+    };
+  }
+});
+export {
+  H as default
+};

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

@@ -8,7 +8,7 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vu
         required: false;
     };
     icon: {
-        type: import("vue").PropType<import("..").IconProps | undefined>;
+        type: import("vue").PropType<string | import("..").IconProps | undefined>;
         required: false;
     };
     src: {
@@ -19,10 +19,6 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<string | undefined>;
         required: false;
     };
-    srcSet: {
-        type: import("vue").PropType<string | undefined>;
-        required: false;
-    };
     fit: {
         type: import("vue").PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
         required: false;
@@ -37,7 +33,7 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vu
         required: false;
     };
     icon: {
-        type: import("vue").PropType<import("..").IconProps | undefined>;
+        type: import("vue").PropType<string | import("..").IconProps | undefined>;
         required: false;
     };
     src: {
@@ -48,10 +44,6 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<string | undefined>;
         required: false;
     };
-    srcSet: {
-        type: import("vue").PropType<string | undefined>;
-        required: false;
-    };
     fit: {
         type: import("vue").PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
         required: false;

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

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

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

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