vft 0.0.61 → 0.0.62

package/es/utils/index.js

@@ -1,57 +1,58 @@
 import { withInstall as o, withInstallDirective as t, withInstallFunction as s, withNoopInstall as l } from "./vue/install.js";
-import { PatchFlags as i, ensureOnlyChild as n, flattedChildren as a, getFirstValidNode as m, getNormalizedProps as f, isComment as d, isFragment as x, isTemplate as g, isText as c, isValidElementNode as h, renderBlock as C, renderIf as u } from "./vue/vnode.js";
+import { PatchFlags as p, ensureOnlyChild as n, flattedChildren as a, getFirstValidNode as m, getNormalizedProps as f, isComment as d, isFragment as x, isTemplate as g, isText as c, isValidElementNode as C, renderBlock as h, renderIf as P } from "./vue/vnode.js";
 import { composeRefs as w } from "./vue/refs.js";
-import { buildProp as V, buildProps as F, definePropType as T, epPropKey as y, isEpProp as S } from "./vue/props/runtime.js";
+import { buildProp as V, buildProps as y, definePropType as F, epPropKey as T, isEpProp as S } from "./vue/props/runtime.js";
 import { cAF as E, rAF as N } from "./vue/raf.js";
-import { escapeStringRegexp as R } from "./vue/data-helper.js";
-import { getSizeType as z } from "./helper.js";
-import { debugWarn as B, throwError as D } from "./error.js";
+import { escapeStringRegexp as O } from "./vue/data-helper.js";
+import { getSizeType as A } from "./helper.js";
+import { debugWarn as D, throwError as R } from "./error.js";
 import { composeEventHandlers as k, whenMouse as H } from "./event.js";
 import { mutable as M } from "./typescript.js";
-import { cssVarValue as Y, generateCssVars as j, primaryColor as q, setRootCssVar as G } from "./ns-cover.js";
-import { getProp as L } from "./objects.js";
-import { getClientXY as U, getOffsetTop as Z, getOffsetTopDistance as _, isInContainer as $ } from "./dom/position.js";
-import { getScrollBarWidth as re, getScrollContainer as oe, isScroll as te, scrollIntoView as se } from "./dom/scroll.js";
+import { cssVarValue as Y, generateCssVars as j, primaryColor as q, setCssVar as G, setPrimaryColorCssvars as J } from "./ns-cover.js";
+import { getProp as Q } from "./objects.js";
+import { getClientXY as Z, getOffsetTop as _, getOffsetTopDistance as $, isInContainer as ee } from "./dom/position.js";
+import { getScrollBarWidth as oe, getScrollContainer as te, isScroll as se, scrollIntoView as le } from "./dom/scroll.js";
 export {
-  i as PatchFlags,
+  p as PatchFlags,
   V as buildProp,
-  F as buildProps,
+  y as buildProps,
   E as cAF,
   k as composeEventHandlers,
   w as composeRefs,
   Y as cssVarValue,
-  B as debugWarn,
-  T as definePropType,
+  D as debugWarn,
+  F as definePropType,
   n as ensureOnlyChild,
-  y as epPropKey,
-  R as escapeStringRegexp,
+  T as epPropKey,
+  O as escapeStringRegexp,
   a as flattedChildren,
   j as generateCssVars,
-  U as getClientXY,
+  Z as getClientXY,
   m as getFirstValidNode,
   f as getNormalizedProps,
-  Z as getOffsetTop,
-  _ as getOffsetTopDistance,
-  L as getProp,
-  re as getScrollBarWidth,
-  oe as getScrollContainer,
-  z as getSizeType,
+  _ as getOffsetTop,
+  $ as getOffsetTopDistance,
+  Q as getProp,
+  oe as getScrollBarWidth,
+  te as getScrollContainer,
+  A as getSizeType,
   d as isComment,
   S as isEpProp,
   x as isFragment,
-  $ as isInContainer,
-  te as isScroll,
+  ee as isInContainer,
+  se as isScroll,
   g as isTemplate,
   c as isText,
-  h as isValidElementNode,
+  C as isValidElementNode,
   M as mutable,
   q as primaryColor,
   N as rAF,
-  C as renderBlock,
-  u as renderIf,
-  se as scrollIntoView,
-  G as setRootCssVar,
-  D as throwError,
+  h as renderBlock,
+  P as renderIf,
+  le as scrollIntoView,
+  G as setCssVar,
+  J as setPrimaryColorCssvars,
+  R as throwError,
   H as whenMouse,
   o as withInstall,
   t as withInstallDirective,

package/es/utils/ns-cover.d.ts

@@ -1,5 +1,6 @@
-export declare const cssVarValue: (prop: any, target?: HTMLElement) => import("vue").Ref<string>;
-export declare const primaryColor: () => import("vue").Ref<string>;
+import { type Ref } from 'vue';
+export declare const cssVarValue: (prop: any, target?: HTMLElement | Ref<HTMLElement>, observe?: boolean) => Ref<string>;
+export declare const primaryColor: () => Ref<string>;
 export declare function generateCssVars(vars: Record<string, Numberish | undefined>, name: any): Record<string, Numberish | undefined>;
 /**
  * @description set html vars
@@ -9,5 +10,7 @@ export declare function generateCssVars(vars: Record<string, Numberish | undefin
  * @param styleName
  * @param value
  * @param name
+ * @param target
  */
-export declare function setRootCssVar(styleName: any, value?: any, name?: any): void;
+export declare function setCssVar(styleName: any, value?: any, name?: string, target?: HTMLElement | Ref<HTMLElement>): void;
+export declare function setPrimaryColorCssvars(primaryColor: any): void;

package/es/utils/ns-cover.js

@@ -1,19 +1,29 @@
-import { useGlobalConfig as a } from "../components/config-provider/hooks/use-global-config.js";
-import { cssVarValue as c, generateCssVars as u, isObject as m, setStyle as l } from "@vft/utils";
-import { unref as t } from "vue";
-const o = a("namespace"), i = (e, r = document.documentElement) => c(e, r, t(o), !0), d = () => i("primary-color");
-function V(e, r) {
-  return u(e, r, t(o));
+import { useGlobalConfig as u } from "../components/config-provider/hooks/use-global-config.js";
+import { cssVarValue as i, generateCssVars as r, isObject as m, setStyle as o, mixColor as s } from "@vft/utils";
+import { unref as a } from "vue";
+const c = u("namespace"), V = (e, t = document.documentElement, f = !0) => i(e, t, a(c), f), p = () => V("primary-color");
+function g(e, t) {
+  return r(e, t, a(c));
 }
-function g(e, r, n) {
-  let s;
-  m(e) ? s = e : s = {
-    [e]: r
-  }, l(V(s, n), "", document.documentElement, !1);
+function v(e, t, f = "", l = document.documentElement) {
+  let n;
+  m(e) ? n = e : n = {
+    [e]: t
+  }, o(g(n, f), "", l, !1);
+}
+function E(e) {
+  o(r({
+    "light-3": s(e, "#fff", 0.7),
+    "light-5": s(e, "#fff", 0.5),
+    "light-7": s(e, "#fff", 0.3),
+    "light-8": s(e, "#fff", 0.2),
+    "light-9": s(e, "#fff", 0.1)
+  }, "primary-color", "vft"), "", document.documentElement, !1);
 }
 export {
-  i as cssVarValue,
-  V as generateCssVars,
-  d as primaryColor,
-  g as setRootCssVar
+  V as cssVarValue,
+  g as generateCssVars,
+  p as primaryColor,
+  v as setCssVar,
+  E as setPrimaryColorCssvars
 };

package/global.d.ts

@@ -1,71 +1,3 @@
 declare module '@vue/runtime-core' {
-  export interface GlobalComponents {
-    VftMdContainer: typeof import('vft')['VftMdContainer'];
-    VftMdCodeTabs: typeof import('vft')['VftMdCodeTabs'];
-    VftMdCodeDemo: typeof import('vft')['VftMdCodeDemo'];
-    VftMdVuePlayground: typeof import('vft')['VftMdVuePlayground'];
-    VftMdTabs: typeof import('vft')['VftMdTabs'];
-    VftMdComment: typeof import('vft')['VftMdComment'];
-    VftImageViewer: typeof import('vft')['VftImageViewer'];
-    VftTable: typeof import('vft')['VftTable'];
-    VftVerifyCode: typeof import('vft')['VftVerifyCode'];
-    VftSelectV2: typeof import('vft')['VftSelectV2'];
-    VftDropdownItem: typeof import('vft')['VftDropdownItem'];
-    VftDropdownMenu: typeof import('vft')['VftDropdownMenu'];
-    VftDropdown: typeof import('vft')['VftDropdown'];
-    VftScrollbar: typeof import('vft')['VftScrollbar'];
-    VftColorPicker: typeof import('vft')['VftColorPicker'];
-    VftSwitch: typeof import('vft')['VftSwitch'];
-    VftRadioButton: typeof import('vft')['VftRadioButton'];
-    VftRadio: typeof import('vft')['VftRadio'];
-    VftRadioGroup: typeof import('vft')['VftRadioGroup'];
-    VftCheckboxGroup: typeof import('vft')['VftCheckboxGroup'];
-    VftCheckbox: typeof import('vft')['VftCheckbox'];
-    VftCheckboxButton: typeof import('vft')['VftCheckboxButton'];
-    VftButton: typeof import('vft')['VftButton'];
-    VftButtonGroup: typeof import('vft')['VftButtonGroup'];
-    VftForm: typeof import('vft')['VftForm'];
-    VftFormItem: typeof import('vft')['VftFormItem'];
-    VftSearch: typeof import('vft')['VftSearch'];
-    VftPageWrapper: typeof import('vft')['VftPageWrapper'];
-    VftClamp: typeof import('vft')['VftClamp'];
-    VftClampToggle: typeof import('vft')['VftClampToggle'];
-    VftQrcode: typeof import('vft')['VftQrcode'];
-    VftOverlay: typeof import('vft')['VftOverlay'];
-    VftTag: typeof import('vft')['VftTag'];
-    VftSideMenu: typeof import('vft')['VftSideMenu'];
-    VftPagination: typeof import('vft')['VftPagination'];
-    VftLink: typeof import('vft')['VftLink'];
-    VftInput: typeof import('vft')['VftInput'];
-    VftImage: typeof import('vft')['VftImage'];
-    VftIconText: typeof import('vft')['VftIconText'];
-    VftFullScreen: typeof import('vft')['VftFullScreen'];
-    VftDescriptions: typeof import('vft')['VftDescriptions'];
-    VftDescriptionsItem: typeof import('vft')['VftDescriptionsItem'];
-    VftConfigProvider: typeof import('vft')['VftConfigProvider'];
-    VftBackTop: typeof import('vft')['VftBackTop'];
-    VftRouterViewContent: typeof import('vft')['VftRouterViewContent'];
-    VftIframeLayout: typeof import('vft')['VftIframeLayout'];
-    VftFooterLayout: typeof import('vft')['VftFooterLayout'];
-    VftHeaderLayout: typeof import('vft')['VftHeaderLayout'];
-    VftLogo: typeof import('vft')['VftLogo'];
-    VftMultipleTabs: typeof import('vft')['VftMultipleTabs'];
-    VftMenu: typeof import('vft')['VftMenu'];
-    VftMenuItem: typeof import('vft')['VftMenuItem'];
-    VftMenuItemGroup: typeof import('vft')['VftMenuItemGroup'];
-    VftSubMenu: typeof import('vft')['VftSubMenu'];
-    VftCollapseTransition: typeof import('vft')['VftCollapseTransition'];
-    VftDivider: typeof import('vft')['VftDivider'];
-    VftIcon: typeof import('vft')['VftIcon'];
-    VftAvatar: typeof import('vft')['VftAvatar'];
-    VftEmpty: typeof import('vft')['VftEmpty'];
-    VftResult: typeof import('vft')['VftResult'];
-    VftTabs: typeof import('vft')['VftTabs'];
-    VftTabPane: typeof import('vft')['VftTabPane'];
-    VftTooltip: typeof import('vft')['VftTooltip'];
-    VftPopover: typeof import('vft')['VftPopover'];
-    VftPopper: typeof import('vft')['VftPopper'];
-    VftException: typeof import('vft')['VftException'];
-  }
-}
-export {};
+  export interface GlobalComponents{VftMdContainer:typeof import('vft')['VftMdContainer'];VftMdCodeTabs:typeof import('vft')['VftMdCodeTabs'];VftMdCodeDemo:typeof import('vft')['VftMdCodeDemo'];VftMdVuePlayground:typeof import('vft')['VftMdVuePlayground'];VftMdTabs:typeof import('vft')['VftMdTabs'];VftMdComment:typeof import('vft')['VftMdComment'];VftImageViewer:typeof import('vft')['VftImageViewer'];VftTable:typeof import('vft')['VftTable'];VftVerifyCode:typeof import('vft')['VftVerifyCode'];VftSelectV2:typeof import('vft')['VftSelectV2'];VftDropdownItem:typeof import('vft')['VftDropdownItem'];VftDropdownMenu:typeof import('vft')['VftDropdownMenu'];VftDropdown:typeof import('vft')['VftDropdown'];VftScrollbar:typeof import('vft')['VftScrollbar'];VftColorPicker:typeof import('vft')['VftColorPicker'];VftSwitch:typeof import('vft')['VftSwitch'];VftRadioButton:typeof import('vft')['VftRadioButton'];VftRadio:typeof import('vft')['VftRadio'];VftRadioGroup:typeof import('vft')['VftRadioGroup'];VftCheckboxGroup:typeof import('vft')['VftCheckboxGroup'];VftCheckbox:typeof import('vft')['VftCheckbox'];VftCheckboxButton:typeof import('vft')['VftCheckboxButton'];VftButton:typeof import('vft')['VftButton'];VftButtonGroup:typeof import('vft')['VftButtonGroup'];VftForm:typeof import('vft')['VftForm'];VftFormItem:typeof import('vft')['VftFormItem'];VftSearch:typeof import('vft')['VftSearch'];VftPageWrapper:typeof import('vft')['VftPageWrapper'];VftClamp:typeof import('vft')['VftClamp'];VftClampToggle:typeof import('vft')['VftClampToggle'];VftQrcode:typeof import('vft')['VftQrcode'];VftOverlay:typeof import('vft')['VftOverlay'];VftTag:typeof import('vft')['VftTag'];VftSideMenu:typeof import('vft')['VftSideMenu'];VftPagination:typeof import('vft')['VftPagination'];VftLink:typeof import('vft')['VftLink'];VftInput:typeof import('vft')['VftInput'];VftImage:typeof import('vft')['VftImage'];VftIconText:typeof import('vft')['VftIconText'];VftFullScreen:typeof import('vft')['VftFullScreen'];VftDescriptions:typeof import('vft')['VftDescriptions'];VftDescriptionsItem:typeof import('vft')['VftDescriptionsItem'];VftConfigProvider:typeof import('vft')['VftConfigProvider'];VftBackTop:typeof import('vft')['VftBackTop'];VftRouterViewContent:typeof import('vft')['VftRouterViewContent'];VftIframeLayout:typeof import('vft')['VftIframeLayout'];VftFooterLayout:typeof import('vft')['VftFooterLayout'];VftHeaderLayout:typeof import('vft')['VftHeaderLayout'];VftLogo:typeof import('vft')['VftLogo'];VftMultipleTabs:typeof import('vft')['VftMultipleTabs'];VftMenu:typeof import('vft')['VftMenu'];VftMenuItem:typeof import('vft')['VftMenuItem'];VftMenuItemGroup:typeof import('vft')['VftMenuItemGroup'];VftSubMenu:typeof import('vft')['VftSubMenu'];VftCollapseTransition:typeof import('vft')['VftCollapseTransition'];VftDivider:typeof import('vft')['VftDivider'];VftIcon:typeof import('vft')['VftIcon'];VftAvatar:typeof import('vft')['VftAvatar'];VftEmpty:typeof import('vft')['VftEmpty'];VftResult:typeof import('vft')['VftResult'];VftTabs:typeof import('vft')['VftTabs'];VftTabPane:typeof import('vft')['VftTabPane'];VftTooltip:typeof import('vft')['VftTooltip'];VftPopover:typeof import('vft')['VftPopover'];VftPopper:typeof import('vft')['VftPopper'];VftException:typeof import('vft')['VftException'];}}
+export {};

package/lib/component.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./components/divider/index.cjs"),f=require("./components/config-provider/index.cjs"),s=require("./components/icon/index.cjs"),V=require("./components/avatar/index.cjs"),x=require("./components/empty/index.cjs"),q=require("./components/result/index.cjs"),$=require("./components/tooltip/index.cjs"),a=require("./components/back-top/index.cjs"),p=require("./components/popover/index.cjs"),l=require("./components/popper/index.cjs"),m=require("./components/logo/index.cjs"),C=require("./components/icon-text/index.cjs"),M=require("./components/image/index.cjs"),b=require("./components/full-screen/index.cjs"),g=require("./components/input/index.cjs"),T=require("./components/link/index.cjs"),I=require("./components/tag/index.cjs"),P=require("./components/qrcode/index.cjs"),y=require("./components/overlay/index.cjs"),S=require("./components/side-menu/index.cjs"),v=require("./components/clamp/index.cjs"),D=require("./components/page-wrapper/index.cjs"),k=require("./components/clamp-toggle/index.cjs"),w=require("./components/router-view-content/index.cjs"),h=require("./components/iframe-layout/index.cjs"),B=require("./components/footer-layout/index.cjs"),L=require("./components/header-layout/index.cjs"),F=require("./components/pagination/index.cjs"),i=require("./components/tabs/index.cjs"),o=require("./components/form/index.cjs"),u=require("./components/descriptions/index.cjs"),G=require("./components/multiple-tabs/index.cjs"),R=require("./components/collapse-transition/index.cjs"),e=require("./components/menu/index.cjs"),E=require("./components/exception/index.cjs"),O=require("./components/search/index.cjs"),d=require("./components/button/index.cjs"),t=require("./components/checkbox/index.cjs"),r=require("./components/radio/index.cjs"),j=require("./components/switch/index.cjs"),A=require("./components/color-picker/index.cjs"),H=require("./components/scrollbar/index.cjs"),n=require("./components/dropdown/index.cjs"),Q=require("./components/select-v2/index.cjs"),_=require("./components/verify-code/index.cjs"),z=require("./components/table/index.cjs"),J=require("./components/image-viewer/index.cjs"),K=require("./components/md-comment/index.cjs"),N=require("./components/md-tabs/index.cjs"),W=require("./components/md-vue-playground/index.cjs"),U=require("./components/md-code-demo/index.cjs"),X=require("./components/md-code-tabs/index.cjs"),Y=require("./components/md-container/index.cjs"),Z=[Y.VftMdContainer,X.VftMdCodeTabs,U.VftMdCodeDemo,W.VftMdVuePlayground,N.VftMdTabs,K.VftMdComment,J.VftImageViewer,z.VftTable,_.VftVerifyCode,Q.VftSelectV2,n.VftDropdownItem,n.VftDropdownMenu,n.VftDropdown,H.VftScrollbar,A.VftColorPicker,j.VftSwitch,r.VftRadioButton,r.VftRadio,r.VftRadioGroup,t.VftCheckboxGroup,t.VftCheckbox,t.VftCheckboxButton,d.VftButton,d.VftButtonGroup,o.VftForm,o.VftFormItem,O.VftSearch,D.VftPageWrapper,v.VftClamp,k.VftClampToggle,P.VftQrcode,y.VftOverlay,I.VftTag,S.VftSideMenu,F.VftPagination,T.VftLink,g.VftInput,M.VftImage,C.VftIconText,b.VftFullScreen,u.VftDescriptions,u.VftDescriptionsItem,f.VftConfigProvider,a.VftBackTop,w.VftRouterViewContent,h.VftIframeLayout,B.VftFooterLayout,L.VftHeaderLayout,m.VftLogo,G.VftMultipleTabs,e.VftMenu,e.VftMenuItem,e.VftMenuItemGroup,e.VftSubMenu,R.VftCollapseTransition,c.VftDivider,s.VftIcon,V.VftAvatar,x.VftEmpty,q.VftResult,i.VftTabs,i.VftTabPane,$.VftTooltip,p.VftPopover,l.VftPopper,E.VftException];exports.default=Z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./components/divider/index.cjs"),f=require("./components/config-provider/index.cjs"),s=require("./components/icon/index.cjs"),V=require("./components/avatar/index.cjs"),x=require("./components/empty/index.cjs"),q=require("./components/result/index.cjs"),$=require("./components/tooltip/index.cjs"),a=require("./components/back-top/index.cjs"),l=require("./components/popover/index.cjs"),p=require("./components/popper/index.cjs"),m=require("./components/logo/index.cjs"),C=require("./components/icon-text/index.cjs"),M=require("./components/image/index.cjs"),b=require("./components/full-screen/index.cjs"),g=require("./components/input/index.cjs"),T=require("./components/link/index.cjs"),I=require("./components/tag/index.cjs"),P=require("./components/qrcode/index.cjs"),S=require("./components/overlay/index.cjs"),y=require("./components/side-menu/index.cjs"),D=require("./components/clamp/index.cjs"),v=require("./components/page-wrapper/index.cjs"),k=require("./components/clamp-toggle/index.cjs"),w=require("./components/router-view-content/index.cjs"),L=require("./components/iframe-layout/index.cjs"),h=require("./components/footer-layout/index.cjs"),B=require("./components/header-layout/index.cjs"),R=require("./components/pagination/index.cjs"),i=require("./components/tabs/index.cjs"),o=require("./components/form/index.cjs"),u=require("./components/descriptions/index.cjs"),F=require("./components/multiple-tabs/index.cjs"),G=require("./components/collapse-transition/index.cjs"),e=require("./components/menu/index.cjs"),E=require("./components/exception/index.cjs"),O=require("./components/search/index.cjs"),d=require("./components/button/index.cjs"),t=require("./components/checkbox/index.cjs"),r=require("./components/radio/index.cjs"),j=require("./components/switch/index.cjs"),A=require("./components/color-picker/index.cjs"),H=require("./components/scrollbar/index.cjs"),n=require("./components/dropdown/index.cjs"),Q=require("./components/select-v2/index.cjs"),_=require("./components/verify-code/index.cjs"),z=require("./components/table/index.cjs"),J=require("./components/image-viewer/index.cjs"),K=require("./components/list-cell/index.cjs"),N=require("./components/dialog/index.cjs"),W=require("./components/md-comment/index.cjs"),U=require("./components/md-tabs/index.cjs"),X=require("./components/md-vue-playground/index.cjs"),Y=require("./components/md-code-demo/index.cjs"),Z=require("./components/md-code-tabs/index.cjs"),ee=require("./components/md-container/index.cjs"),te=[ee.VftMdContainer,Z.VftMdCodeTabs,Y.VftMdCodeDemo,X.VftMdVuePlayground,U.VftMdTabs,W.VftMdComment,N.VftDialog,K.VftListCell,J.VftImageViewer,z.VftTable,_.VftVerifyCode,Q.VftSelectV2,n.VftDropdownItem,n.VftDropdownMenu,n.VftDropdown,H.VftScrollbar,A.VftColorPicker,j.VftSwitch,r.VftRadioButton,r.VftRadio,r.VftRadioGroup,t.VftCheckboxGroup,t.VftCheckbox,t.VftCheckboxButton,d.VftButton,d.VftButtonGroup,o.VftForm,o.VftFormItem,O.VftSearch,v.VftPageWrapper,D.VftClamp,k.VftClampToggle,P.VftQrcode,S.VftOverlay,I.VftTag,y.VftSideMenu,R.VftPagination,T.VftLink,g.VftInput,M.VftImage,C.VftIconText,b.VftFullScreen,u.VftDescriptions,u.VftDescriptionsItem,f.VftConfigProvider,a.VftBackTop,w.VftRouterViewContent,L.VftIframeLayout,h.VftFooterLayout,B.VftHeaderLayout,m.VftLogo,F.VftMultipleTabs,e.VftMenu,e.VftMenuItem,e.VftMenuItemGroup,e.VftSubMenu,G.VftCollapseTransition,c.VftDivider,s.VftIcon,V.VftAvatar,x.VftEmpty,q.VftResult,i.VftTabs,i.VftTabPane,$.VftTooltip,l.VftPopover,p.VftPopper,E.VftException];exports.default=te;

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

@@ -1 +1 @@
-"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("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/router");require("@vft/store");require("@vft/use");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("../image-viewer/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");require("@vue/reactivity");require("@vue/shared");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;
+"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("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/router");require("@vft/store");require("@vft/use");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("../image-viewer/index.cjs");require("../list-cell/index.cjs");require("../dialog/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");require("@vue/reactivity");require("@vue/shared");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/components/color-picker/color-picker.vue.d.ts

@@ -66,7 +66,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
      * @description current color object
      */
     color: Color;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "activeChange")[], "update:modelValue" | "change" | "activeChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showPicker: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "activeChange" | "click-outside")[], "update:modelValue" | "change" | "activeChange" | "click-outside", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: __PropType<string | undefined>;
         required: false;
@@ -117,6 +118,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     onActiveChange?: ((...args: any[]) => any) | undefined;
+    "onClick-outside"?: ((...args: any[]) => any) | undefined;
 }, {
     validateEvent: boolean | undefined;
     tabindex: string | number | undefined;

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

@@ -1 +1 @@
-"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("@vft/directives"),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");require("@vue/reactivity");require("@vue/shared");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:S,emit:i}){const r=t,o=Q.useNamespace("color"),{formItem:u}=T.useFormItem(),$=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",$.value)]);function M(l,a){if(!(l instanceof V.default))throw new TypeError("color should be instance of _color Class");const{r:s,g:q,b:N}=l.toRgb();return a?`rgba(${s}, ${q}, ${N}, ${l.get("alpha")/100})`:`rgb(${s}, ${q}, ${N})`}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}),S({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;
+"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("@vft/directives"),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");require("@vue/reactivity");require("@vue/shared");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","click-outside"],setup(t,{expose:S,emit:s}){const r=t,o=Q.useNamespace("color"),{formItem:u}=T.useFormItem(),$=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})),d=e.ref(!1),c=e.ref(!1),f=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",$.value)]);function M(l,a){if(!(l instanceof V.default))throw new TypeError("color should be instance of _color Class");const{r:i,g:q,b:N}=l.toRgb();return a?`rgba(${i}, ${q}, ${N}, ${l.get("alpha")/100})`:`rgb(${i}, ${q}, ${N})`}function O(l){d.value=l}const p=j.debounce(O,100);function U(l){p(!1),k(),s("click-outside",l)}function k(){e.nextTick(()=>{r.modelValue?n.fromString(r.modelValue):(n.value="",e.nextTick(()=>{c.value=!1}))})}function y(){v.value||p(!d.value)}function E(){n.fromString(f.value)}function R(){const l=n.value;s(m.UPDATE_MODEL_EVENT,l),s("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),s(m.UPDATE_MODEL_EVENT,null),s("change",null),r.modelValue!==null&&r.validateEvent&&(u==null||u.validate("change").catch(l=>B.debugWarn(l))),k()}return e.onMounted(()=>{r.modelValue&&(f.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=>{f.value=l,b&&s("activeChange",l),b=!0}),e.watch(()=>n.value,()=>{!r.modelValue&&!c.value&&(c.value=!0)}),e.watch(()=>d.value,()=>{e.nextTick(()=>{var l,a,i;(l=w.value)==null||l.update(),(a=_.value)==null||a.update(),(i=g.value)==null||i.update()})}),e.provide(Y.colorPickerContextKey,{currentColor:h}),S({color:n,showPicker:d}),(l,a)=>(e.openBlock(),e.createBlock(e.unref(H.VftTooltip),{ref_key:"popper",ref:D,visible:d.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:f.value,"onUpdate:modelValue":a[0]||(a[0]=i=>f.value=i),"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/components/color-picker/index.d.ts

@@ -47,7 +47,8 @@ export declare const VftColorPicker: import("vft/es/utils").SFCWithInstall<impor
     };
 }, {
     color: import("./utils/color").default;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "activeChange")[], "update:modelValue" | "change" | "activeChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showPicker: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "activeChange" | "click-outside")[], "update:modelValue" | "change" | "activeChange" | "click-outside", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: import("vue").PropType<string | undefined>;
         required: false;
@@ -98,6 +99,7 @@ export declare const VftColorPicker: import("vft/es/utils").SFCWithInstall<impor
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     onActiveChange?: ((...args: any[]) => any) | undefined;
+    "onClick-outside"?: ((...args: any[]) => any) | undefined;
 }, {
     validateEvent: boolean | undefined;
     tabindex: string | number | undefined;

package/lib/components/context-menu/context-menu.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=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("@vue/reactivity");require("@vue/shared");const q=require("@vft/use");require("../divider/index.cjs");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");const h=require("../menu/index.cjs");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("../back-top/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("../image-viewer/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 w={class:"vft-sub-menu"},c=x.useNamespace("context-menu"),k=e.defineComponent({name:c.b()}),p=e.defineComponent({...k,props:{axis:null,styles:null,width:null,items:null},setup(t){let s=e.ref();const d=e.computed(()=>{const{x:r,y:i}=t.axis||{x:0,y:0},u=(t.items||[]).length*40,l=t.width||0,o=document.body,f=o.clientWidth<r+l?r-l:r,v=o.clientHeight<i+u?i-u:i;return{zIndex:3e3,...t.styles,position:"fixed",width:`${t.width}px`,left:`${f+1}px`,top:`${v+1}px`}});let n=e.ref(!1);q.useTimeoutFn(()=>{n.value=!0},0),q.useClickAway(s,()=>{n.value=!1},{listenerOptions:{capture:!0}}),q.useEventListener(window,"scroll",()=>{n.value=!1},{capture:!0}),q.useEventListener(window,"drag",()=>{n.value=!1},{capture:!0});function a(r){var i;r!=null&&r.disabled||((i=r.handler)==null||i.call(r),n.value=!1)}return(r,i)=>(e.openBlock(),e.createBlock(e.Transition,{name:"vft-zoom-in-top"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"contextMenuRef",ref:s,style:e.normalizeStyle(e.unref(d)),onClick:i[0]||(i[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass([e.unref(c).b(),"vft-menu"])},[e.createElementVNode("div",w,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(u,l)=>(e.openBlock(),e.createBlock(e.unref(h.VftMenuItem),{onClick:o=>a(u),index:l+u.text,title:u.text,divider:u.divider,disabled:u.disabled,icon:u.iconCfg,isAloneUse:"",key:l},null,8,["onClick","index","title","divider","disabled","icon"]))),128))])],6),[[e.vShow,e.unref(n)]])]),_:1}))}});exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=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("@vue/reactivity");require("@vue/shared");const l=require("@vft/use");require("../divider/index.cjs");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");const h=require("../menu/index.cjs");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("../back-top/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("../image-viewer/index.cjs");require("../list-cell/index.cjs");require("../dialog/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 w={class:"vft-sub-menu"},c=x.useNamespace("context-menu"),k=e.defineComponent({name:c.b()}),p=e.defineComponent({...k,props:{axis:null,styles:null,width:null,items:null},setup(t){let s=e.ref();const d=e.computed(()=>{const{x:r,y:i}=t.axis||{x:0,y:0},u=(t.items||[]).length*40,q=t.width||0,o=document.body,f=o.clientWidth<r+q?r-q:r,v=o.clientHeight<i+u?i-u:i;return{zIndex:3e3,...t.styles,position:"fixed",width:`${t.width}px`,left:`${f+1}px`,top:`${v+1}px`}});let n=e.ref(!1);l.useTimeoutFn(()=>{n.value=!0},0),l.useClickAway(s,()=>{n.value=!1},{listenerOptions:{capture:!0}}),l.useEventListener(window,"scroll",()=>{n.value=!1},{capture:!0}),l.useEventListener(window,"drag",()=>{n.value=!1},{capture:!0});function a(r){var i;r!=null&&r.disabled||((i=r.handler)==null||i.call(r),n.value=!1)}return(r,i)=>(e.openBlock(),e.createBlock(e.Transition,{name:"vft-zoom-in-top"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"contextMenuRef",ref:s,style:e.normalizeStyle(e.unref(d)),onClick:i[0]||(i[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass([e.unref(c).b(),"vft-menu"])},[e.createElementVNode("div",w,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(u,q)=>(e.openBlock(),e.createBlock(e.unref(h.VftMenuItem),{onClick:o=>a(u),index:q+u.text,title:u.text,divider:u.divider,disabled:u.disabled,icon:u.iconCfg,isAloneUse:"",key:q},null,8,["onClick","index","title","divider","disabled","icon"]))),128))])],6),[[e.vShow,e.unref(n)]])]),_:1}))}});exports.default=p;

package/lib/components/dialog/dialog.vue.d.ts

@@ -153,10 +153,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
 }>> & {
-    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;

package/lib/components/dialog/dialog.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),R=require("../overlay/index.cjs"),T=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const E=require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");const $=require("../../hooks/use-same-target/index.cjs"),I=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const D=require("./dialog-content.vue2.cjs"),V=require("./constants.cjs"),x=require("./hooks/use-dialog.cjs"),L=require("../../constants/event.cjs"),N=["aria-label","aria-labelledby","aria-describedby"],a=T.useNamespace("dialog"),O=e.defineComponent({name:a.b(),inheritAttrs:!1}),P=e.defineComponent({...O,props:{center:{type:Boolean,default:!1},alignCenter:{type:Boolean},closeIcon:null,customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""},appendToBody:{type:Boolean,default:!1},beforeClose:{type:Function},destroyOnClose:{type:Boolean},closeOnClickModal:{type:Boolean},closeOnPressEscape:{type:Boolean},lockScroll:{type:Boolean},modal:{type:Boolean,default:!0},openDelay:null,closeDelay:null,top:null,modelValue:{type:Boolean},modalClass:null,width:null,zIndex:null,trapFocus:{type:Boolean}},emits:{[L.UPDATE_MODEL_EVENT]:o=>E.isBoolean(o),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(o,{expose:C}){e.useSlots();const u=e.ref(),m=e.ref(),d=e.ref(),v=e.getCurrentInstance(),{visible:s,titleId:i,bodyId:c,style:g,overlayDialogStyle:p,rendered:f,zIndex:b,afterEnter:B,afterLeave:q,beforeLeave:k,handleClose:y,onModalClick:w,onOpenAutoFocus:h,onCloseAutoFocus:A,onCloseRequested:F,onFocusoutPrevented:S}=x.useDialog(v.props,u);e.provide(V.dialogInjectionKey,{dialogRef:u,headerRef:m,bodyId:c,ns:a,rendered:f,style:g});const l=$.useSameTarget(w),M=e.computed(()=>o.draggable&&!o.fullscreen);return C({visible:s,dialogContentRef:d}),(t,n)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body",disabled:!o.appendToBody},[e.createVNode(e.Transition,{name:"dialog-fade",onAfterEnter:e.unref(B),onAfterLeave:e.unref(q),onBeforeLeave:e.unref(k)},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(R.VftOverlay),{"custom-mask-event":"",mask:o.modal,"overlay-class":o.modalClass,"z-index":e.unref(b)},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(i),"aria-describedby":e.unref(c),class:e.normalizeClass(`${e.unref(a).namespace.value}-overlay-dialog`),style:e.normalizeStyle(e.unref(p)),onClick:n[0]||(n[0]=(...r)=>e.unref(l).onClick&&e.unref(l).onClick(...r)),onMousedown:n[1]||(n[1]=(...r)=>e.unref(l).onMousedown&&e.unref(l).onMousedown(...r)),onMouseup:n[2]||(n[2]=(...r)=>e.unref(l).onMouseup&&e.unref(l).onMouseup(...r))},[e.createVNode(e.unref(I.default),{loop:"",trapped:e.unref(s),"focus-start-el":"container",onFocusAfterTrapped:e.unref(h),onFocusAfterReleased:e.unref(A),onFocusoutPrevented:e.unref(S),onReleaseRequested:e.unref(F)},{default:e.withCtx(()=>[e.unref(f)?(e.openBlock(),e.createBlock(D.default,e.mergeProps({key:0,ref_key:"dialogContentRef",ref:d},t.$attrs,{"custom-class":o.customClass,center:o.center,"align-center":o.alignCenter,"close-icon":o.closeIcon,draggable:e.unref(M),fullscreen:o.fullscreen,"show-close":o.showClose,title:o.title,onClose:e.unref(y)}),e.createSlots({header:e.withCtx(()=>[t.$slots.title?e.renderSlot(t.$slots,"title",{key:1}):e.renderSlot(t.$slots,"header",{key:0,close:e.unref(y),titleId:e.unref(i),titleClass:e.unref(a).e("title")})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:2},[t.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"footer")]),key:"0"}:void 0]),1040,["custom-class","center","align-center","close-icon","draggable","fullscreen","show-close","title","onClose"])):e.createCommentVNode("",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,N)]),_:3},8,["mask","overlay-class","z-index"]),[[e.vShow,e.unref(s)]])]),_:3},8,["onAfterEnter","onAfterLeave","onBeforeLeave"])],8,["disabled"]))}});exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),R=require("../overlay/index.cjs"),T=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const E=require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");const $=require("../../hooks/use-same-target/index.cjs"),I=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const D=require("./dialog-content.vue2.cjs"),V=require("./constants.cjs"),x=require("./hooks/use-dialog.cjs"),L=require("../../constants/event.cjs"),N=["aria-label","aria-labelledby","aria-describedby"],a=T.useNamespace("dialog"),O=e.defineComponent({name:a.b(),inheritAttrs:!1}),P=e.defineComponent({...O,props:{center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:null,customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""},appendToBody:{type:Boolean,default:!1},beforeClose:{type:Function},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{default:0},closeDelay:{default:0},top:null,modelValue:{type:Boolean,default:!1},modalClass:null,width:null,zIndex:null,trapFocus:{type:Boolean,default:!1}},emits:{[L.UPDATE_MODEL_EVENT]:o=>E.isBoolean(o),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(o,{expose:C}){const u=e.ref(),m=e.ref(),d=e.ref(),v=e.getCurrentInstance(),{visible:s,titleId:i,bodyId:f,style:g,overlayDialogStyle:p,rendered:c,zIndex:b,afterEnter:B,afterLeave:q,beforeLeave:k,handleClose:y,onModalClick:w,onOpenAutoFocus:h,onCloseAutoFocus:A,onCloseRequested:F,onFocusoutPrevented:S}=x.useDialog(v.props,u);e.provide(V.dialogInjectionKey,{dialogRef:u,headerRef:m,bodyId:f,ns:a,rendered:c,style:g});const l=$.useSameTarget(w),M=e.computed(()=>o.draggable&&!o.fullscreen);return C({visible:s,dialogContentRef:d}),(t,n)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body",disabled:!o.appendToBody},[e.createVNode(e.Transition,{name:"dialog-fade",onAfterEnter:e.unref(B),onAfterLeave:e.unref(q),onBeforeLeave:e.unref(k)},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(R.VftOverlay),{"custom-mask-event":"",mask:o.modal,"overlay-class":o.modalClass,"z-index":e.unref(b)},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(i),"aria-describedby":e.unref(f),class:e.normalizeClass(`${e.unref(a).namespace.value}-overlay-dialog`),style:e.normalizeStyle(e.unref(p)),onClick:n[0]||(n[0]=(...r)=>e.unref(l).onClick&&e.unref(l).onClick(...r)),onMousedown:n[1]||(n[1]=(...r)=>e.unref(l).onMousedown&&e.unref(l).onMousedown(...r)),onMouseup:n[2]||(n[2]=(...r)=>e.unref(l).onMouseup&&e.unref(l).onMouseup(...r))},[e.createVNode(e.unref(I.default),{loop:"",trapped:e.unref(s),"focus-start-el":"container",onFocusAfterTrapped:e.unref(h),onFocusAfterReleased:e.unref(A),onFocusoutPrevented:e.unref(S),onReleaseRequested:e.unref(F)},{default:e.withCtx(()=>[e.unref(c)?(e.openBlock(),e.createBlock(D.default,e.mergeProps({key:0,ref_key:"dialogContentRef",ref:d},t.$attrs,{"custom-class":o.customClass,center:o.center,"align-center":o.alignCenter,"close-icon":o.closeIcon,draggable:e.unref(M),fullscreen:o.fullscreen,"show-close":o.showClose,title:o.title,onClose:e.unref(y)}),e.createSlots({header:e.withCtx(()=>[t.$slots.title?e.renderSlot(t.$slots,"title",{key:1}):e.renderSlot(t.$slots,"header",{key:0,close:e.unref(y),titleId:e.unref(i),titleClass:e.unref(a).e("title")})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:2},[t.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"footer")]),key:"0"}:void 0]),1040,["custom-class","center","align-center","close-icon","draggable","fullscreen","show-close","title","onClose"])):e.createCommentVNode("",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,N)]),_:3},8,["mask","overlay-class","z-index"]),[[e.vShow,e.unref(s)]])]),_:3},8,["onAfterEnter","onAfterLeave","onBeforeLeave"])],8,["disabled"]))}});exports.default=P;

package/lib/components/dialog/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const r=require("./dialog.vue2.cjs"),t=require("./hooks/use-dialog.cjs"),u=require("./constants.cjs"),e=i.withInstall(r.default);exports.useDialog=t.useDialog;exports.dialogInjectionKey=u.dialogInjectionKey;exports.WflyDialog=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const i=require("./dialog.vue2.cjs"),r=require("./hooks/use-dialog.cjs"),u=require("./constants.cjs"),e=t.withInstall(i.default);exports.useDialog=r.useDialog;exports.dialogInjectionKey=u.dialogInjectionKey;exports.VftDialog=e;exports.default=e;

package/lib/components/dialog/index.d.ts

@@ -1,7 +1,7 @@
 export * from './hooks/use-dialog';
 export * from './types';
 export * from './constants';
-export declare const WflyDialog: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftDialog: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     appendToBody: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
@@ -135,12 +135,12 @@ export declare const WflyDialog: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
 }>> & {
-    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;
 }, {}>> & Record<string, any>;
-export default WflyDialog;
+export default VftDialog;

package/lib/components/dialog/style/css.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/wfly-dialog.css");require("vft/theme-style/vft-overlay.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-dialog.css");require("vft/theme-style/vft-overlay.css");

package/lib/components/dropdown/dropdown.vue.d.ts

@@ -290,8 +290,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
@@ -308,7 +308,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "close" | "open" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
+        $emit: (event: "open" | "close" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
@@ -500,8 +500,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
@@ -514,7 +514,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -724,8 +724,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: false;
         };
     }>> & {
-        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;

package/lib/components/dropdown/index.d.ts

@@ -290,8 +290,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
                 required: false;
             };
         }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
@@ -308,7 +308,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "close" | "open" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
+        $emit: (event: "open" | "close" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
@@ -500,8 +500,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
                 required: false;
             };
         }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
@@ -514,7 +514,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -724,8 +724,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
             required: false;
         };
     }>> & {
-        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;

package/lib/components/icon-text/icon-text.vue.d.ts

@@ -29,7 +29,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<string | number | undefined>;
         required: false;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    direction: {
+        type: __PropType<"row" | "col" | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: __PropType<string>;
         required: true;
@@ -58,7 +62,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<string | number | undefined>;
         required: false;
     };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-}, {}>;
+    direction: {
+        type: __PropType<"row" | "col" | undefined>;
+        required: false;
+    };
+}>>, {}>;
 export default _sfc_main;