vft 0.0.18 → 0.0.20

package/lib/components/clamp-toggle/clamp-toggle.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("@vft/utils"),s=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");const r=require("../clamp/index.js"),c=["onClick"],l=s.useNamespace("clamp-toggle"),d=e.defineComponent({name:l.b()}),g=e.defineComponent({...d,props:{text:null,maxHeight:null,maxLines:{default:1},expanded:{type:Boolean,default:!1},location:{default:"end"},ellipsis:{default:"…"},autoResize:{type:Boolean,default:!1},color:null,size:null,toggleColor:null,toggleSize:null,toggleText:{default:["展开","收缩"]}},setup(t){const n=e.computed(()=>u.generateCssVars({color:t.color,size:t.size,toggleColor:t.toggleColor,toggleSize:t.toggleSize},l.b()));return(m,x)=>(e.openBlock(),e.createBlock(e.unref(r.VftClamp),{style:e.normalizeStyle(e.unref(n)),text:t.text,maxHeight:t.maxHeight,maxLines:t.maxLines,expanded:t.expanded,location:t.location,ellipsis:t.ellipsis,autoResize:t.autoResize},{after:e.withCtx(({toggle:i,expanded:o,clamped:a})=>[o||a?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["cursor-pointer",e.unref(l).e("more")]),onClick:i},e.toDisplayString(o?t.toggleText[1]:t.toggleText[0]),11,c)):e.createCommentVNode("",!0)]),_:1},8,["style","text","maxHeight","maxLines","expanded","location","ellipsis","autoResize"]))}});exports.default=g;
+//# sourceMappingURL=clamp-toggle.vue2.js.map

package/lib/components/clamp-toggle/clamp-toggle.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp-toggle.vue2.js","sources":["../../../../../packages/components/clamp-toggle/clamp-toggle.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('clamp-toggle')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { generateCssVars } from '@vft/utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport Clamp from '@vft-ui/components/clamp';\nimport { computed } from 'vue';\n\ninterface ClampProps {\n  text: string;\n  maxHeight?: string | number;\n  maxLines?: number;\n  expanded?: boolean;\n  location?: 'start' | 'middle' | 'end';\n  ellipsis?: string;\n  autoResize?: boolean;\n  color?: string\n  size?: Numberish\n  toggleColor?: string;\n  toggleSize?: Numberish;\n  toggleText?: Array<string>;\n}\n\ndefineProps({\n  \"text\": null,\n  \"maxHeight\": null,\n  \"maxLines\": { default: 1 },\n  \"expanded\": { type: Boolean, default: false },\n  \"location\": { default: 'end' },\n  \"ellipsis\": { default: '…' },\n  \"autoResize\": { type: Boolean, default: false },\n  \"color\": null,\n  \"size\": null,\n  \"toggleColor\": null,\n  \"toggleSize\": null,\n  \"toggleText\": { default: ['展开', '收缩'] }\n})\n\n\n\n;\n\nconst style = computed(() => {\n\treturn generateCssVars({ color: __props.color, size: __props.size, toggleColor: __props.toggleColor, toggleSize: __props.toggleSize }, ns.b());\n});\n</script>\n\n<template>\n  <clamp\n    :style=\"style\"\n    :text=\"text\"\n    :maxHeight=\"maxHeight\"\n    :maxLines=\"maxLines\"\n    :expanded=\"expanded\"\n    :location=\"location\"\n    :ellipsis=\"ellipsis\"\n    :autoResize=\"autoResize\"\n  >\n    <template #after=\"{ toggle, expanded: isExpand, clamped }\">\n      <span  v-if=\"isExpand || clamped\" :class=\"['cursor-pointer', ns.e('more')]\" @click=\"toggle\">\n        {{ !isExpand ? toggleText[0] : toggleText[1] }}\n      </span>\n    </template>\n  </clamp>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","style","computed","generateCssVars","__props"],"mappings":"qYACMA,EAAuBC,EAAAA,aAAa,cAAc,EAGxDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,0SAyCK,MAAAI,EAAQC,EAAAA,SAAS,IACfC,EAAAA,gBAAgB,CAAE,MAAOC,EAAQ,MAAO,KAAMA,EAAQ,KAAM,YAAaA,EAAQ,YAAa,WAAYA,EAAQ,YAAcP,EAAG,GAAG,CAC7I"}

package/lib/components/clamp-toggle/index.d.ts

@@ -0,0 +1,100 @@
+export declare const VftClampToggle: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    text: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    maxHeight: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    maxLines: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    expanded: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    location: {
+        type: import("vue").PropType<"start" | "middle" | "end" | undefined>;
+        required: false;
+    };
+    ellipsis: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    autoResize: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    color: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    toggleColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    toggleSize: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    toggleText: {
+        type: import("vue").PropType<string[] | 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: import("vue").PropType<string>;
+        required: true;
+    };
+    maxHeight: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    maxLines: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    expanded: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    location: {
+        type: import("vue").PropType<"start" | "middle" | "end" | undefined>;
+        required: false;
+    };
+    ellipsis: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    autoResize: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    color: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    toggleColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    toggleSize: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    toggleText: {
+        type: import("vue").PropType<string[] | undefined>;
+        required: false;
+    };
+}>>, {}>> & Record<string, any>;
+export default VftClampToggle;

package/lib/components/clamp-toggle/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.js");require("vue");require("@vue/shared");require("@vft/utils");const l=require("./clamp-toggle.vue2.js"),e=t.withInstall(l.default);exports.VftClampToggle=e;exports.default=e;
+//# sourceMappingURL=index.js.map

package/lib/components/clamp-toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/clamp-toggle/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport ClampToggle from './clamp-toggle.vue'\n\nexport const VftClampToggle = withInstall(ClampToggle)\n\nexport default VftClampToggle\n\n"],"names":["VftClampToggle","withInstall","ClampToggle"],"mappings":"gQAIaA,EAAiBC,cAAYC,EAAW,OAAA"}

package/lib/components/{context-menu → clamp-toggle}/style/css.js

@@ -1,2 +1,2 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-context-menu.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-clamp-toggle.css");
 //# sourceMappingURL=css.js.map

package/lib/components/clamp-toggle/style/index.js

@@ -0,0 +1,2 @@
+"use strict";require("../../../theme-style/src/base.scss.js");require("../../../theme-style/src/clamp-toggle.scss.js");
+//# sourceMappingURL=index.js.map

package/lib/components/config-provider/config-provider.vue.d.ts

@@ -0,0 +1,69 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    theme: {
+        type: __PropType<Theme | undefined>;
+        required: false;
+    };
+    themeVars: {
+        type: __PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    themeVarsDark: {
+        type: __PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    themeVarsLight: {
+        type: __PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    iconPrefix: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    namespace: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    projectCfg: {
+        type: __PropType<Record<string, any> | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: __PropType<Theme | undefined>;
+        required: false;
+    };
+    themeVars: {
+        type: __PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    themeVarsDark: {
+        type: __PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    themeVarsLight: {
+        type: __PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    iconPrefix: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    namespace: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    projectCfg: {
+        type: __PropType<Record<string, any> | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/lib/components/config-provider/config-provider.vue.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./config-provider.vue2.js");exports.default=e.default;
+//# sourceMappingURL=config-provider.vue.js.map

package/lib/components/config-provider/config-provider.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-provider.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/config-provider/config-provider.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vft/utils"),m=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");const d=require("./hooks/use-global-config.js"),u=m.useNamespace("config-provider"),f=e.defineComponent({name:u.b()}),h=e.defineComponent({...f,props:{theme:{default:"light"},themeVars:null,themeVarsDark:null,themeVarsLight:null,iconPrefix:null,namespace:{default:"vft"},zIndex:null,projectCfg:null},setup(n){const c=e.computed(()=>{const t=n.theme==="dark";return i({...n.themeVars,...t?n.themeVarsDark:n.themeVarsLight})});if(o.inBrowser){const t=()=>{document.documentElement.classList.add(n.theme)},r=(a=n.theme)=>{document.documentElement.classList.remove(a)};e.watch(()=>n.theme,(a,s)=>{s&&r(s),t()},{immediate:!0}),e.onActivated(t),e.onDeactivated(r),e.onBeforeUnmount(r)}function i(t){const r={};return Object.keys(t).forEach(a=>{r[`--${n.namespace}-${o.kebabCase(a)}`]=t[a]}),r}const l=e.getCurrentInstance();return d.provideGlobalConfig(l.props),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(u).b()),style:e.normalizeStyle(e.unref(c))},[e.renderSlot(t.$slots,"default")],6))}});exports.default=h;
+//# sourceMappingURL=config-provider.vue2.js.map

package/lib/components/config-provider/config-provider.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-provider.vue2.js","sources":["../../../../../packages/components/config-provider/config-provider.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('config-provider')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { inBrowser, kebabCase } from '@vft/utils';\nimport { computed, watch, onActivated, onDeactivated, onBeforeUnmount, getCurrentInstance } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { provideGlobalConfig } from './hooks/use-global-config';\n// import type { MessageConfigContext } from '../message/message';\n// import { messageConfig } from './types';\n\ninterface ConfigProviderProps {\n  /** 主题风格 */\n  theme?: Theme;\n  /** 自定义主题变量 */\n  themeVars?: Record<string, Numberish>;\n  /** 仅在深色模式下生效的主题变量 */\n  themeVarsDark?: Record<string, Numberish>;\n  /** 仅在浅色模式下生效的主题变量 */\n  themeVarsLight?: Record<string, Numberish>;\n  /** 所有图标的类名前缀 */\n  iconPrefix?: string;\n  /** 组件公共命名 */\n  namespace?: string;\n  /** 设置所有弹窗类组件的 z-index */\n  zIndex?: number;\n  /** 可同时显示的消息最大数量 */\n  // message?: MessageConfigContext;\n  projectCfg?: Record<string, any>;\n}\n\ndefineProps({\n  \"theme\": { default: 'light' },\n  \"themeVars\": null,\n  \"themeVarsDark\": null,\n  \"themeVarsLight\": null,\n  \"iconPrefix\": null,\n  \"namespace\": { default: 'vft' },\n  \"zIndex\": null,\n  \"projectCfg\": null\n})\n\n\n\n;\n\n// 将外部传入的 message 的配置进行合并处理\n// watch(\n//   () => message,\n//   (val) => {\n//     Object.assign(messageConfig, val ?? {});\n//   },\n//   { immediate: true, deep: true }\n// );\n\n// 合并传入的主题变量传入到 style 中\nconst style = computed(() => {\n  const isDark = __props.theme === 'dark';\n  return mapThemeVarsToCSSVars({\n    ...__props.themeVars,\n    ...(isDark ? __props.themeVarsDark : __props.themeVarsLight)\n  });\n});\n\nif (inBrowser) {\n  const addTheme = () => {\n    document.documentElement.classList.add(__props.theme);\n  };\n  const removeTheme = (_theme = __props.theme) => {\n    document.documentElement.classList.remove(_theme);\n  };\n\n  // 监听 theme 主题的变化，移除旧的，添加新的在 document.body 上\n  watch(\n    () => __props.theme,\n    (newVal, oldVal) => {\n      if (oldVal) {\n        removeTheme(oldVal);\n      }\n      addTheme();\n    },\n    { immediate: true }\n  );\n\n  onActivated(addTheme);\n  onDeactivated(removeTheme);\n  onBeforeUnmount(removeTheme);\n}\n\nfunction mapThemeVarsToCSSVars(themeVars: Record<string, Numberish>) {\n  const cssVars: Record<string, Numberish> = {};\n  Object.keys(themeVars).forEach((key) => {\n    cssVars[`--${__props.namespace}-${kebabCase(key)}`] = themeVars[key];\n  });\n  return cssVars;\n}\n\nconst instance = getCurrentInstance()!;\n\nprovideGlobalConfig(instance.props);\n</script>\n\n<template>\n  <div :class=\"ns.b()\" :style=\"style\">\n    <slot />\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","style","computed","isDark","__props","mapThemeVarsToCSSVars","inBrowser","addTheme","removeTheme","_theme","watch","newVal","oldVal","onActivated","onDeactivated","onBeforeUnmount","themeVars","cssVars","key","kebabCase","instance","getCurrentInstance","provideGlobalConfig"],"mappings":"kYACMA,EAAuBC,EAAAA,aAAa,iBAAiB,EAG3DC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,iMAsDK,MAAAI,EAAQC,EAAAA,SAAS,IAAM,CACrB,MAAAC,EAASC,EAAQ,QAAU,OACjC,OAAOC,EAAsB,CAC3B,GAAGD,EAAQ,UACX,GAAID,EAASC,EAAQ,cAAgBA,EAAQ,cAAA,CAC9C,CAAA,CACF,EAED,GAAIE,YAAW,CACb,MAAMC,EAAW,IAAM,CACrB,SAAS,gBAAgB,UAAU,IAAIH,EAAQ,KAAK,CAAA,EAEhDI,EAAc,CAACC,EAASL,EAAQ,QAAU,CACrC,SAAA,gBAAgB,UAAU,OAAOK,CAAM,CAAA,EAIlDC,EAAA,MACE,IAAMN,EAAQ,MACd,CAACO,EAAQC,IAAW,CACdA,GACFJ,EAAYI,CAAM,EAEXL,GACX,EACA,CAAE,UAAW,EAAK,CAAA,EAGpBM,EAAA,YAAYN,CAAQ,EACpBO,EAAA,cAAcN,CAAW,EACzBO,EAAA,gBAAgBP,CAAW,CAC7B,CAEA,SAASH,EAAsBW,EAAsC,CACnE,MAAMC,EAAqC,CAAA,EAC3C,cAAO,KAAKD,CAAS,EAAE,QAASE,GAAQ,CAC9BD,EAAA,KAAKb,EAAQ,aAAae,YAAUD,CAAG,GAAG,EAAIF,EAAUE,CAAG,CAAA,CACpE,EACMD,CACT,CAEA,MAAMG,EAAWC,EAAAA,qBAEjBC,OAAAA,sBAAoBF,EAAS,KAAK"}

package/lib/components/config-provider/constants.d.ts

@@ -0,0 +1,4 @@
+import type { ConfigProviderProps } from './types';
+import type { InjectionKey, Ref } from 'vue';
+export type ConfigProviderContext = Partial<ConfigProviderProps>;
+export declare const configProviderContextKey: InjectionKey<Ref<ConfigProviderContext>>;

package/lib/components/config-provider/constants.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol();exports.configProviderContextKey=e;
+//# sourceMappingURL=constants.js.map

package/lib/components/config-provider/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../packages/components/config-provider/constants.ts"],"sourcesContent":["import type { ConfigProviderProps } from './types';\nimport type { InjectionKey, Ref } from 'vue';\n\nexport type ConfigProviderContext = Partial<ConfigProviderProps>\n\nexport const configProviderContextKey: InjectionKey<Ref<ConfigProviderContext>> = Symbol();\n"],"names":["configProviderContextKey"],"mappings":"gFAKO,MAAMA,EAAqE,OAAO"}

package/lib/components/config-provider/hooks/use-global-config.d.ts

@@ -0,0 +1,31 @@
+import type { ConfigProviderContext } from '../constants';
+import type { MaybeRef } from '@vueuse/core';
+import type { App, Ref } from 'vue';
+export declare function useGlobalConfig<K extends keyof ConfigProviderContext, D extends ConfigProviderContext[K]>(key: K, defaultValue?: D): Ref<Exclude<ConfigProviderContext[K], undefined> | D>;
+export declare function useGlobalConfig(): Ref<ConfigProviderContext>;
+export declare function useGlobalComponentSettings(block: string): {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    zIndex: {
+        initialZIndex: import("vue").ComputedRef<number>;
+        currentZIndex: import("vue").ComputedRef<number>;
+        nextZIndex: () => number;
+    };
+};
+export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContext>, app?: App, global?: boolean) => import("vue").ComputedRef<Partial<import("..").ConfigProviderProps>> | undefined;

package/lib/components/config-provider/hooks/use-global-config.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue");require("@vue/shared");const m=require("../../../utils/error.js"),v=require("@vft/utils"),l=require("../../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");const a=require("../../../hooks/use-z-index/index.js");require("@vueuse/core");const g=require("../constants.js"),c=n.ref();function d(r,o=void 0){const u=n.getCurrentInstance()?n.inject(g.configProviderContextKey,c):c;return r?n.computed(()=>{var t;return((t=u.value)==null?void 0:t[r])??o}):u}function p(r){const o=d(),u=l.useNamespace(r,n.computed(()=>{var e;return((e=o.value)==null?void 0:e.namespace)||l.defaultNamespace})),t=a.useZIndex(n.computed(()=>{var e;return((e=o.value)==null?void 0:e.zIndex)||a.defaultInitialZIndex}));return{ns:u,zIndex:t}}const C=(r,o,u=!1)=>{const t=!!n.getCurrentInstance(),e=t?d():void 0,s=(o==null?void 0:o.provide)??(t?n.provide:void 0);if(!s){m.debugWarn("provideGlobalConfig","provideGlobalConfig() can only be used inside setup().");return}const i=n.computed(()=>{const f=n.unref(r);return e!=null&&e.value?b(e.value,f):f});return s(g.configProviderContextKey,i),s(l.namespaceContextKey,n.computed(()=>i.value.namespace)),s(a.zIndexContextKey,n.computed(()=>i.value.zIndex)),(u||!c.value)&&(c.value=i.value),i},b=(r,o)=>{const u=[...new Set([...v.keysOf(r),...v.keysOf(o)])],t={};for(const e of u)t[e]=o[e]??r[e];return t};exports.provideGlobalConfig=C;exports.useGlobalComponentSettings=p;exports.useGlobalConfig=d;
+//# sourceMappingURL=use-global-config.js.map

package/lib/components/config-provider/hooks/use-global-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-global-config.js","sources":["../../../../../../packages/components/config-provider/hooks/use-global-config.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, provide, ref, unref } from 'vue'\nimport { debugWarn } from '@vft-ui/utils'\nimport { keysOf } from '@vft/utils'\nimport {\n  defaultInitialZIndex,\n  defaultNamespace,\n  namespaceContextKey,\n  useNamespace,\n  useZIndex,\n  zIndexContextKey,\n} from '@vft-ui/hooks'\nimport { configProviderContextKey } from '../constants'\nimport type { ConfigProviderContext } from '../constants'\n\nimport type { MaybeRef } from '@vueuse/core'\nimport type { App, Ref } from 'vue'\n\n// this is meant to fix global methods like `ElMessage(opts)`, this way we can inject current locale\n// into the component as default injection value.\n// refer to: https://github.com/element-plus/element-plus/issues/2610#issuecomment-887965266\nconst globalConfig = ref<ConfigProviderContext>()\n\nexport function useGlobalConfig<\n  K extends keyof ConfigProviderContext,\n  D extends ConfigProviderContext[K]\n>(\n  key: K,\n  defaultValue?: D\n): Ref<Exclude<ConfigProviderContext[K], undefined> | D>\nexport function useGlobalConfig(): Ref<ConfigProviderContext>\nexport function useGlobalConfig(\n  key?: keyof ConfigProviderContext,\n  defaultValue = undefined\n) {\n  const config = getCurrentInstance()\n    ? inject(configProviderContextKey, globalConfig)\n    : globalConfig\n  if (key) {\n    return computed(() => config.value?.[key] ?? defaultValue)\n  } else {\n    return config\n  }\n}\n\n// for components like `ElMessage` `ElNotification` `ElMessageBox`.\nexport function useGlobalComponentSettings(block: string) {\n  const config = useGlobalConfig()\n\n  const ns = useNamespace(\n    block,\n    computed(() => config.value?.namespace || defaultNamespace)\n  )\n\n  const zIndex = useZIndex(\n    computed(() => config.value?.zIndex || defaultInitialZIndex)\n  )\n\n  return {\n    ns,\n    zIndex,\n  }\n}\n\nexport const provideGlobalConfig = (\n  config: MaybeRef<ConfigProviderContext>,\n  app?: App,\n  global = false\n) => {\n  const inSetup = !!getCurrentInstance()\n  const oldConfig = inSetup ? useGlobalConfig() : undefined\n\n  const provideFn = app?.provide ?? (inSetup ? provide : undefined)\n  if (!provideFn) {\n    debugWarn(\n      'provideGlobalConfig',\n      'provideGlobalConfig() can only be used inside setup().'\n    )\n    return\n  }\n\n  const context = computed(() => {\n    const cfg = unref(config)\n    if (!oldConfig?.value) return cfg\n    return mergeConfig(oldConfig.value, cfg)\n  })\n  provideFn(configProviderContextKey, context)\n\n  provideFn(\n    namespaceContextKey,\n    computed(() => context.value.namespace)\n  )\n  provideFn(\n    zIndexContextKey,\n    computed(() => context.value.zIndex)\n  )\n\n\n  if (global || !globalConfig.value) {\n    globalConfig.value = context.value\n  }\n  return context\n}\n\nconst mergeConfig = (\n  a: ConfigProviderContext,\n  b: ConfigProviderContext\n): ConfigProviderContext => {\n  const keys = [...new Set([...keysOf(a), ...keysOf(b)])]\n  const obj: Record<string, any> = {}\n  for (const key of keys) {\n    obj[key] = b[key] ?? a[key]\n  }\n  return obj\n}\n"],"names":["globalConfig","ref","useGlobalConfig","key","defaultValue","config","getCurrentInstance","inject","configProviderContextKey","computed","_a","useGlobalComponentSettings","block","ns","useNamespace","defaultNamespace","zIndex","useZIndex","defaultInitialZIndex","provideGlobalConfig","app","global","inSetup","oldConfig","provideFn","provide","debugWarn","context","cfg","unref","mergeConfig","namespaceContextKey","zIndexContextKey","a","b","keys","keysOf","obj"],"mappings":"kZAoBMA,EAAeC,EAA2B,IAAA,EAUhC,SAAAC,EACdC,EACAC,EAAe,OACf,CACA,MAAMC,EAASC,EAAAA,qBACXC,EAAAA,OAAOC,EAAAA,yBAA0BR,CAAY,EAC7CA,EACJ,OAAIG,EACKM,EAAAA,SAAS,IAAA,OAAM,QAAAC,EAAAL,EAAO,QAAP,YAAAK,EAAeP,KAAQC,EAAY,EAElDC,CAEX,CAGO,SAASM,EAA2BC,EAAe,CACxD,MAAMP,EAASH,IAETW,EAAKC,EAAA,aACTF,EACAH,EAAAA,SAAS,IAAA,OAAM,QAAAC,EAAAL,EAAO,QAAP,YAAAK,EAAc,YAAaK,EAAAA,iBAAgB,CAAA,EAGtDC,EAASC,EAAA,UACbR,EAAAA,SAAS,IAAA,OAAM,QAAAC,EAAAL,EAAO,QAAP,YAAAK,EAAc,SAAUQ,EAAAA,qBAAoB,CAAA,EAGtD,MAAA,CACL,GAAAL,EACA,OAAAG,CAAA,CAEJ,CAEO,MAAMG,EAAsB,CACjCd,EACAe,EACAC,EAAS,KACN,CACG,MAAAC,EAAU,CAAC,CAAChB,EAAAA,qBACZiB,EAAYD,EAAUpB,EAAoB,EAAA,OAE1CsB,GAAYJ,GAAA,YAAAA,EAAK,WAAYE,EAAUG,EAAU,QAAA,QACvD,GAAI,CAACD,EAAW,CACdE,EAAA,UACE,sBACA,wDAAA,EAEF,MACF,CAEM,MAAAC,EAAUlB,EAAAA,SAAS,IAAM,CACvB,MAAAmB,EAAMC,QAAMxB,CAAM,EACxB,OAAKkB,GAAA,MAAAA,EAAW,MACTO,EAAYP,EAAU,MAAOK,CAAG,EADTA,CACS,CACxC,EACD,OAAAJ,EAAUhB,EAAAA,yBAA0BmB,CAAO,EAE3CH,EACEO,EAAA,oBACAtB,EAAAA,SAAS,IAAMkB,EAAQ,MAAM,SAAS,CAAA,EAExCH,EACEQ,EAAA,iBACAvB,EAAAA,SAAS,IAAMkB,EAAQ,MAAM,MAAM,CAAA,GAIjCN,GAAU,CAACrB,EAAa,SAC1BA,EAAa,MAAQ2B,EAAQ,OAExBA,CACT,EAEMG,EAAc,CAClBG,EACAC,IAC0B,CAC1B,MAAMC,EAAO,CAAC,GAAG,IAAI,IAAI,CAAC,GAAGC,EAAAA,OAAOH,CAAC,EAAG,GAAGG,EAAA,OAAOF,CAAC,CAAC,CAAC,CAAC,EAChDG,EAA2B,CAAA,EACjC,UAAWlC,KAAOgC,EAChBE,EAAIlC,CAAG,EAAI+B,EAAE/B,CAAG,GAAK8B,EAAE9B,CAAG,EAErB,OAAAkC,CACT"}

package/lib/components/config-provider/index.d.ts

@@ -0,0 +1,71 @@
+export declare const VftConfigProvider: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    theme: {
+        type: import("vue").PropType<Theme | undefined>;
+        required: false;
+    };
+    themeVars: {
+        type: import("vue").PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    themeVarsDark: {
+        type: import("vue").PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    themeVarsLight: {
+        type: import("vue").PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    iconPrefix: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    namespace: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    projectCfg: {
+        type: import("vue").PropType<Record<string, any> | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: import("vue").PropType<Theme | undefined>;
+        required: false;
+    };
+    themeVars: {
+        type: import("vue").PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    themeVarsDark: {
+        type: import("vue").PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    themeVarsLight: {
+        type: import("vue").PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    iconPrefix: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    namespace: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    projectCfg: {
+        type: import("vue").PropType<Record<string, any> | undefined>;
+        required: false;
+    };
+}>>, {}>> & Record<string, any>;
+export default VftConfigProvider;
+export * from './constants';
+export * from './hooks/use-global-config';
+export * from './types';

package/lib/components/config-provider/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.js");require("vue");require("@vue/shared");require("@vft/utils");const i=require("./config-provider.vue2.js"),r=require("./constants.js"),e=require("./hooks/use-global-config.js"),o=t.withInstall(i.default);exports.configProviderContextKey=r.configProviderContextKey;exports.provideGlobalConfig=e.provideGlobalConfig;exports.useGlobalComponentSettings=e.useGlobalComponentSettings;exports.useGlobalConfig=e.useGlobalConfig;exports.VftConfigProvider=o;exports.default=o;
+//# sourceMappingURL=index.js.map

package/lib/components/config-provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/config-provider/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport ConfigProvider from './config-provider.vue'\n\nexport const VftConfigProvider = withInstall(ConfigProvider)\nexport default VftConfigProvider\n\nexport * from './constants'\nexport * from './hooks/use-global-config'\nexport * from './types'\n"],"names":["VftConfigProvider","withInstall","ConfigProvider"],"mappings":"yUAIaA,EAAoBC,cAAYC,EAAc,OAAA"}

package/lib/components/config-provider/style/css.js

@@ -0,0 +1,2 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-config-provider.css");
+//# sourceMappingURL=css.js.map

package/lib/components/config-provider/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/config-provider/style/index.js

@@ -0,0 +1,2 @@
+"use strict";require("../../../theme-style/src/base.scss.js");require("../../../theme-style/src/config-provider.scss.js");
+//# sourceMappingURL=index.js.map

package/lib/components/config-provider/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/config-provider/types.d.ts

@@ -0,0 +1,18 @@
+export interface ConfigProviderProps {
+    /** 主题风格 */
+    theme?: Theme;
+    /** 自定义主题变量 */
+    themeVars?: Record<string, Numberish>;
+    /** 仅在深色模式下生效的主题变量 */
+    themeVarsDark?: Record<string, Numberish>;
+    /** 仅在浅色模式下生效的主题变量 */
+    themeVarsLight?: Record<string, Numberish>;
+    /** 所有图标的类名前缀 */
+    iconPrefix?: string;
+    /** 组件公共命名 */
+    namespace?: string;
+    /** 设置所有弹窗类组件的 z-index */
+    zIndex?: number;
+    /** 可同时显示的消息最大数量 */
+    projectCfg?: Record<string, any>;
+}

package/lib/components/config-provider/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/components/config-provider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vft/use");require("../divider/index.js");require("../icon/index.js");require("../avatar/index.js");require("../empty/index.js");require("../result/index.js");require("../exception/index.js");require("../tabs/index.js");require("../popper/index.js");require("../collapse-transition/index.js");require("../tooltip/index.js");require("../popover/index.js");const v=require("../menu/index.js");require("@vft/utils");require("../multiple-tabs/index.js");require("../header-layout/index.js");require("../footer-layout/index.js");require("../iframe-layout/index.js");require("../router-view-content/index.js");require("../logo/index.js");const x={class:"vri-sub-menu"},h=e.defineComponent({__name:"context-menu",props:{axis:null,styles:null,width:null,items:null},setup(i){let c=e.ref();const d=e.computed(()=>{const{x:t,y:r}=i.axis||{x:0,y:0},n=(i.items||[]).length*40,l=i.width||0,s=document.body,f=s.clientWidth<t+l?t-l:t,q=s.clientHeight<r+n?r-n:r;return{zIndex:3e3,...i.styles,position:"fixed",width:`${i.width}px`,left:`${f+1}px`,top:`${q+1}px`}});let u=e.ref(!1);o.useTimeoutFn(()=>{u.value=!0},0),o.useClickAway(c,()=>{u.value=!1},{listenerOptions:{capture:!0}}),o.useEventListener(window,"scroll",()=>{u.value=!1},{capture:!0}),o.useEventListener(window,"drag",()=>{u.value=!1},{capture:!0});function a(t){var r;t!=null&&t.disabled||((r=t.handler)==null||r.call(t),u.value=!1)}return(t,r)=>(e.openBlock(),e.createBlock(e.Transition,{name:"vri-zoom-in-top"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"contextMenuRef",ref:c,style:e.normalizeStyle(e.unref(d)),onClick:r[0]||(r[0]=e.withModifiers(()=>{},["stop"])),class:"vft-menu"},[e.createElementVNode("div",x,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.items,(n,l)=>(e.openBlock(),e.createBlock(e.unref(v.VftMenuItem),{onClick:s=>a(n),index:l+n.text,title:n.text,divider:n.divider,disabled:n.disabled,icon:n.iconCfg,isAloneUse:"",key:l},null,8,["onClick","index","title","divider","disabled","icon"]))),128))])],4),[[e.vShow,e.unref(u)]])]),_:1}))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vft/use");require("../divider/index.js");require("../icon/index.js");require("../avatar/index.js");require("../empty/index.js");require("../result/index.js");require("../exception/index.js");require("../tabs/index.js");require("../popper/index.js");require("../collapse-transition/index.js");require("../tooltip/index.js");require("../popover/index.js");const v=require("../menu/index.js");require("@vft/utils");require("../multiple-tabs/index.js");require("../header-layout/index.js");require("../footer-layout/index.js");require("../iframe-layout/index.js");require("../router-view-content/index.js");require("../logo/index.js");require("../back-top/index.js");require("../config-provider/index.js");require("../descriptions/index.js");require("../full-screen/index.js");require("../icon-text/index.js");require("../image/index.js");require("../input/index.js");require("../link/index.js");require("../pagination/index.js");require("../tag/index.js");require("../side-menu/index.js");require("../qrcode/index.js");require("../overlay/index.js");require("../clamp/index.js");require("../clamp-toggle/index.js");const x={class:"vft-sub-menu"},h=e.defineComponent({__name:"context-menu",props:{axis:null,styles:null,width:null,items:null},setup(u){let c=e.ref();const d=e.computed(()=>{const{x:r,y:t}=u.axis||{x:0,y:0},i=(u.items||[]).length*40,l=u.width||0,s=document.body,q=s.clientWidth<r+l?r-l:r,f=s.clientHeight<t+i?t-i:t;return{zIndex:3e3,...u.styles,position:"fixed",width:`${u.width}px`,left:`${q+1}px`,top:`${f+1}px`}});let n=e.ref(!1);o.useTimeoutFn(()=>{n.value=!0},0),o.useClickAway(c,()=>{n.value=!1},{listenerOptions:{capture:!0}}),o.useEventListener(window,"scroll",()=>{n.value=!1},{capture:!0}),o.useEventListener(window,"drag",()=>{n.value=!1},{capture:!0});function a(r){var t;r!=null&&r.disabled||((t=r.handler)==null||t.call(r),n.value=!1)}return(r,t)=>(e.openBlock(),e.createBlock(e.Transition,{name:"vft-zoom-in-top"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"contextMenuRef",ref:c,style:e.normalizeStyle(e.unref(d)),onClick:t[0]||(t[0]=e.withModifiers(()=>{},["stop"])),class:"vft-menu"},[e.createElementVNode("div",x,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.items,(i,l)=>(e.openBlock(),e.createBlock(e.unref(v.VftMenuItem),{onClick:s=>a(i),index:l+i.text,title:i.text,divider:i.divider,disabled:i.disabled,icon:i.iconCfg,isAloneUse:"",key:l},null,8,["onClick","index","title","divider","disabled","icon"]))),128))])],4),[[e.vShow,e.unref(n)]])]),_:1}))}});exports.default=h;
 //# sourceMappingURL=context-menu.vue2.js.map

package/lib/components/context-menu/context-menu.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.vue2.js","sources":["../../../../../packages/components/context-menu/context-menu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useClickAway, useEventListener, useTimeoutFn } from '@vft/use';\nimport { computed, ref, type CSSProperties } from 'vue';\nimport type { Axis, ContextMenuItem } from './types';\nimport { VftMenuItem as MenuItem } from '@vft-ui/components';\n\ninterface Props {\n  axis?: Axis;\n  styles?: CSSProperties;\n  width?: number;\n  items?: ContextMenuItem[];\n}\n\ndefineProps({\n  \"axis\": null,\n  \"styles\": null,\n  \"width\": null,\n  \"items\": null\n})\n\nlet contextMenuRef = ref();\n\nconst getStyle = computed((): CSSProperties => {\n  const { x, y } = __props.axis || { x: 0, y: 0 };\n  const menuHeight = (__props.items || []).length * 40;\n  const menuWidth = __props.width || 0;\n  const body = document.body;\n\n  const left = body.clientWidth < x + menuWidth ? x - menuWidth : x;\n  const top = body.clientHeight < y + menuHeight ? y - menuHeight : y;\n  return {\n    zIndex: 3000,\n    ...__props.styles,\n    position: 'fixed',\n    width: `${__props.width}px`,\n    left: `${left + 1}px`,\n    top: `${top + 1}px`\n  };\n});\n\nlet show = ref(false);\n\nuseTimeoutFn(() => {\n  show.value = true;\n}, 0);\n\nuseClickAway(contextMenuRef, () => {\n  show.value = false;\n}, {\n  listenerOptions: {\n    capture: true\n  }\n});\n\nuseEventListener(window, 'scroll', () => {\n  show.value = false;\n}, {\n  capture: true\n});\n\nuseEventListener(window, 'drag', () => {\n  show.value = false;\n}, {\n  capture: true\n});\n\nfunction handleClick (item: ContextMenuItem) {\n  if (!item?.disabled) {\n    item.handler?.();\n    show.value = false;\n  }\n}\n</script>\n\n<template>\n  <transition name=\"vri-zoom-in-top\">\n    <div ref=\"contextMenuRef\" v-show=\"show\" :style=\"getStyle\" @click.stop class=\"vft-menu\">\n      <div class=\"vri-sub-menu\">\n        <menu-item v-for=\"(item, index) in items\"\n          @click=\"handleClick(item)\"\n          :index=\"index + item.text\"\n          :title=\"item.text\"\n          :divider=\"item.divider\"\n          :disabled=\"item.disabled\"\n          :icon=\"item.iconCfg\"\n          isAloneUse\n          :key=\"index\" />\n      </div>\n    </div>\n  </transition>\n</template>\n\n"],"names":["contextMenuRef","ref","getStyle","computed","x","y","__props","menuHeight","menuWidth","body","left","top","show","useTimeoutFn","useClickAway","useEventListener","handleClick","item","_a"],"mappings":"64BAoBA,IAAIA,EAAiBC,EAAAA,MAEf,MAAAC,EAAWC,EAAAA,SAAS,IAAqB,CACvC,KAAA,CAAE,EAAAC,EAAG,EAAAC,CAAM,EAAAC,EAAQ,MAAQ,CAAE,EAAG,EAAG,EAAG,GACtCC,GAAcD,EAAQ,OAAS,IAAI,OAAS,GAC5CE,EAAYF,EAAQ,OAAS,EAC7BG,EAAO,SAAS,KAEhBC,EAAOD,EAAK,YAAcL,EAAII,EAAYJ,EAAII,EAAYJ,EAC1DO,EAAMF,EAAK,aAAeJ,EAAIE,EAAaF,EAAIE,EAAaF,EAC3D,MAAA,CACL,OAAQ,IACR,GAAGC,EAAQ,OACX,SAAU,QACV,MAAO,GAAGA,EAAQ,UAClB,KAAM,GAAGI,EAAO,MAChB,IAAK,GAAGC,EAAM,KAAA,CAChB,CACD,EAEG,IAAAC,EAAOX,MAAI,EAAK,EAEpBY,EAAAA,aAAa,IAAM,CACjBD,EAAK,MAAQ,IACZ,CAAC,EAEJE,EAAA,aAAad,EAAgB,IAAM,CACjCY,EAAK,MAAQ,EAAA,EACZ,CACD,gBAAiB,CACf,QAAS,EACX,CAAA,CACD,EAEgBG,mBAAA,OAAQ,SAAU,IAAM,CACvCH,EAAK,MAAQ,EAAA,EACZ,CACD,QAAS,EAAA,CACV,EAEgBG,mBAAA,OAAQ,OAAQ,IAAM,CACrCH,EAAK,MAAQ,EAAA,EACZ,CACD,QAAS,EAAA,CACV,EAED,SAASI,EAAaC,EAAuB,OACtCA,GAAA,MAAAA,EAAM,YACTC,EAAAD,EAAK,UAAL,MAAAC,EAAA,KAAAD,GACAL,EAAK,MAAQ,GAEjB"}
+{"version":3,"file":"context-menu.vue2.js","sources":["../../../../../packages/components/context-menu/context-menu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useClickAway, useEventListener, useTimeoutFn } from '@vft/use';\nimport { computed, ref, type CSSProperties } from 'vue';\nimport type { Axis, ContextMenuItem } from './types';\nimport { VftMenuItem as MenuItem } from '@vft-ui/components';\n\ninterface Props {\n  axis?: Axis;\n  styles?: CSSProperties;\n  width?: number;\n  items?: ContextMenuItem[];\n}\n\ndefineProps({\n  \"axis\": null,\n  \"styles\": null,\n  \"width\": null,\n  \"items\": null\n})\n\nlet contextMenuRef = ref();\n\nconst getStyle = computed((): CSSProperties => {\n  const { x, y } = __props.axis || { x: 0, y: 0 };\n  const menuHeight = (__props.items || []).length * 40;\n  const menuWidth = __props.width || 0;\n  const body = document.body;\n\n  const left = body.clientWidth < x + menuWidth ? x - menuWidth : x;\n  const top = body.clientHeight < y + menuHeight ? y - menuHeight : y;\n  return {\n    zIndex: 3000,\n    ...__props.styles,\n    position: 'fixed',\n    width: `${__props.width}px`,\n    left: `${left + 1}px`,\n    top: `${top + 1}px`\n  };\n});\n\nlet show = ref(false);\n\nuseTimeoutFn(() => {\n  show.value = true;\n}, 0);\n\nuseClickAway(contextMenuRef, () => {\n  show.value = false;\n}, {\n  listenerOptions: {\n    capture: true\n  }\n});\n\nuseEventListener(window, 'scroll', () => {\n  show.value = false;\n}, {\n  capture: true\n});\n\nuseEventListener(window, 'drag', () => {\n  show.value = false;\n}, {\n  capture: true\n});\n\nfunction handleClick (item: ContextMenuItem) {\n  if (!item?.disabled) {\n    item.handler?.();\n    show.value = false;\n  }\n}\n</script>\n\n<template>\n  <transition name=\"vft-zoom-in-top\">\n    <div ref=\"contextMenuRef\" v-show=\"show\" :style=\"getStyle\" @click.stop class=\"vft-menu\">\n      <div class=\"vft-sub-menu\">\n        <menu-item v-for=\"(item, index) in items\"\n          @click=\"handleClick(item)\"\n          :index=\"index + item.text\"\n          :title=\"item.text\"\n          :divider=\"item.divider\"\n          :disabled=\"item.disabled\"\n          :icon=\"item.iconCfg\"\n          isAloneUse\n          :key=\"index\" />\n      </div>\n    </div>\n  </transition>\n</template>\n\n"],"names":["contextMenuRef","ref","getStyle","computed","x","y","__props","menuHeight","menuWidth","body","left","top","show","useTimeoutFn","useClickAway","useEventListener","handleClick","item","_a"],"mappings":"82CAoBA,IAAIA,EAAiBC,EAAAA,MAEf,MAAAC,EAAWC,EAAAA,SAAS,IAAqB,CACvC,KAAA,CAAE,EAAAC,EAAG,EAAAC,CAAM,EAAAC,EAAQ,MAAQ,CAAE,EAAG,EAAG,EAAG,GACtCC,GAAcD,EAAQ,OAAS,IAAI,OAAS,GAC5CE,EAAYF,EAAQ,OAAS,EAC7BG,EAAO,SAAS,KAEhBC,EAAOD,EAAK,YAAcL,EAAII,EAAYJ,EAAII,EAAYJ,EAC1DO,EAAMF,EAAK,aAAeJ,EAAIE,EAAaF,EAAIE,EAAaF,EAC3D,MAAA,CACL,OAAQ,IACR,GAAGC,EAAQ,OACX,SAAU,QACV,MAAO,GAAGA,EAAQ,UAClB,KAAM,GAAGI,EAAO,MAChB,IAAK,GAAGC,EAAM,KAAA,CAChB,CACD,EAEG,IAAAC,EAAOX,MAAI,EAAK,EAEpBY,EAAAA,aAAa,IAAM,CACjBD,EAAK,MAAQ,IACZ,CAAC,EAEJE,EAAA,aAAad,EAAgB,IAAM,CACjCY,EAAK,MAAQ,EAAA,EACZ,CACD,gBAAiB,CACf,QAAS,EACX,CAAA,CACD,EAEgBG,mBAAA,OAAQ,SAAU,IAAM,CACvCH,EAAK,MAAQ,EAAA,EACZ,CACD,QAAS,EAAA,CACV,EAEgBG,mBAAA,OAAQ,OAAQ,IAAM,CACrCH,EAAK,MAAQ,EAAA,EACZ,CACD,QAAS,EAAA,CACV,EAED,SAASI,EAAaC,EAAuB,OACtCA,GAAA,MAAAA,EAAM,YACTC,EAAAD,EAAK,UAAL,MAAAC,EAAA,KAAAD,GACAL,EAAK,MAAQ,GAEjB"}

package/lib/components/descriptions/description-item.vue.d.ts

@@ -0,0 +1,69 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    label: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    span: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    minWidth: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    align: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    labelAlign: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    className: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    labelClassName: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    span: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    minWidth: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    align: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    labelAlign: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    className: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    labelClassName: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/lib/components/descriptions/description-item.vue.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./description-item.vue2.js");exports.default=e.default;
+//# sourceMappingURL=description-item.vue.js.map

package/lib/components/descriptions/description-item.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-item.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/descriptions/description-item.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");require("@vft/utils");const r=n.useNamespace("descriptions-item"),u=e.defineComponent({name:r.b()}),t=e.defineComponent({...u,props:{label:null,span:{default:1},width:null,minWidth:null,align:{default:"left"},labelAlign:null,className:null,labelClassName:null},setup(s){return(l,i)=>e.renderSlot(l.$slots,"default")}});exports.default=t;
+//# sourceMappingURL=description-item.vue2.js.map

package/lib/components/descriptions/description-item.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-item.vue2.js","sources":["../../../../../packages/components/descriptions/description-item.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('descriptions-item')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<template>\n  <slot/>\n</template>\n\n<script lang=\"ts\" setup>\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface Props {\n  label?: string\n  span?: number\n  width?: string | number\n  minWidth?: string | number\n  align?: string\n  labelAlign?: string\n  className?: string\n  labelClassName?: string\n}\n\ndefineProps({\n  \"label\": null,\n  \"span\": { default: 1 },\n  \"width\": null,\n  \"minWidth\": null,\n  \"align\": { default: 'left' },\n  \"labelAlign\": null,\n  \"className\": null,\n  \"labelClassName\": null\n})\n\n\n\n;\n</script>\n\n"],"names":["ns","useNamespace","__default__","DO_defineComponent"],"mappings":"gVACA,MAAMA,EAAuBC,EAAAA,aAAa,mBAAmB,EAG7DC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC"}

package/lib/components/descriptions/description.vue.d.ts

@@ -0,0 +1,53 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    border: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    column: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    direction: {
+        type: __PropType<"horizontal" | "vertical" | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    extra: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    border: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    column: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    direction: {
+        type: __PropType<"horizontal" | "vertical" | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    extra: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/lib/components/descriptions/description.vue.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./description.vue2.js");exports.default=e.default;
+//# sourceMappingURL=description.vue.js.map

package/lib/components/descriptions/description.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}