npm - vft - Versions diffs - 0.0.18 → 0.0.19 - Mend

vft 0.0.18 → 0.0.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1930) hide show

package/lib/packages/components/header-layout/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../packages/components/header-layout/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport HeaderLayout from './header-layout.vue'\n\nexport const VftHeaderLayout = withInstall(HeaderLayout)\n\nexport default VftHeaderLayout\n"],"names":["VftHeaderLayout","withInstall","HeaderLayout"],"mappings":"iQAIaA,EAAkBC,cAAYC,EAAY,OAAA"}

package/lib/packages/components/header-layout/style/css.js ADDED Viewed

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

package/lib/packages/components/header-layout/style/index.js ADDED Viewed

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

package/lib/packages/components/icon/icon.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"icon.vue2.js","sources":["../../../../../../packages/components/icon/icon.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('icon')\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 { computed, type CSSProperties, inject } from 'vue';\nimport { addUnit } from '@vft/utils';\nimport { useNamespace } from '@vft-ui/hooks';\n\nexport interface IconProps {\n /** 是否显示图标右上角小红点 */\n dot?: boolean;\n /** 图标名称或图片链接 */\n icon: string;\n /** 图标大小 */\n size?: Numberish;\n /** 图标右上角徽标的内容 */\n badge?: Numberish;\n /** 图标颜色 */\n color?: string;\n /** 类名前缀，用于使用自定义图标 */\n classPrefix?: string;\n spin?: boolean;\n cursor?: boolean;\n scale?: number\n}\n\nconst emit = defineEmits(['click']);\n\ndefineProps({\n \"dot\": { type: Boolean, },\n \"icon\": null,\n \"size\": null,\n \"badge\": null,\n \"color\": null,\n \"classPrefix\": null,\n \"spin\": { type: Boolean, },\n \"cursor\": { type: Boolean, },\n \"scale\": null\n})\n\n\n\n;\n\nconst style = computed(() => {\n const _style: CSSProperties = {};\n if (__props.color) {\n _style['color'] = __props.color;\n }\n if (__props.size) {\n _style['fontSize'] = addUnit(__props.size);\n }\n if (__props.spin) {\n _style['animation'] = 'vft-rotate 1s linear 0s infinite';\n }\n if (__props.cursor) {\n _style['cursor'] = 'pointer';\n }\n if (__props.scale) {\n _style.transform = 'scale(0.8)';\n }\n return _style;\n});\n\nconst isImage = (name?: string) => name?.includes('/');\nconst isImageIcon = isImage(__props.icon);\n\n\nconst _classPrefix = computed(() => __props.classPrefix);\nconst classes = computed(() => (isImageIcon ? '' : [__props.icon.startsWith('vi-') ? 'vicon' : 'iconfont', `${_classPrefix.value || ''}${__props.icon}`]));\n</script>\n\n<template>\n\t<div>\n\t\t<slot></slot>\n\t</div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","computed","_style","__props","addUnit","isImageIcon","name","_classPrefix"],"mappings":"kVACA,MAAMA,EAAuBC,EAAAA,aAAa,MAAM,EAGhDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,yMA0CaI,EAAAA,SAAS,IAAM,CAC3B,MAAMC,EAAwB,CAAA,EAC9B,OAAIC,EAAQ,QACHD,EAAA,MAAWC,EAAQ,OAExBA,EAAQ,OACVD,EAAO,SAAcE,EAAQ,QAAAD,EAAQ,IAAI,GAEvCA,EAAQ,OACVD,EAAO,UAAe,oCAEpBC,EAAQ,SACVD,EAAO,OAAY,WAEjBC,EAAQ,QACVD,EAAO,UAAY,cAEdA,CAAA,CACR,EAGK,MAAAG,GADWC,GAAkBA,GAAA,YAAAA,EAAM,SAAS,MACtBH,EAAQ,IAAI,EAGlCI,EAAeN,EAAA,SAAS,IAAME,EAAQ,WAAW,EACvCF,OAAAA,WAAS,IAAOI,EAAc,GAAK,CAACF,EAAQ,KAAK,WAAW,KAAK,EAAI,QAAU,WAAY,GAAGI,EAAa,OAAS,KAAKJ,EAAQ,MAAM,CAAE"}

package/lib/packages/components/icon/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../packages/components/icon/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils';\n\nimport Icon, { type IconProps } from './icon.vue';\n\nexport {\n\ttype IconProps\n} from './icon.vue';\n\nexport const VftIcon = withInstall(Icon);\nexport default VftIcon;\n"],"names":["VftIcon","withInstall","Icon"],"mappings":"wPAQaA,EAAUC,cAAYC,EAAI,OAAA"}

package/lib/packages/components/icon-text/icon-text.vue.js ADDED Viewed

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

package/lib/packages/components/icon-text/icon-text.vue.js.map ADDED Viewed

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

package/lib/packages/components/icon-text/icon-text.vue2.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@vft/utils"),c=require("../icon/index.js"),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 u=s.useNamespace("icon-text"),a=e.defineComponent({name:u.b()}),d=e.defineComponent({...a,props:{text:null,icon:null,color:{default:"#434343"},hoverColor:null,distance:null,reverse:{type:Boolean}},emits:["click"],setup(t,{emit:i}){e.computed(()=>t.hoverColor?t.hoverColor:t.color);const r=e.computed(()=>n.singleAttrToObj(t.icon,"icon",{size:16,color:t.color})),o=e.computed(()=>t.reverse?{marginLeft:n.addUnit(t.distance)}:{marginRight:n.addUnit(t.distance)});return(m,l)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(u).b()),onClick:l[0]\|\|(l[0]=f=>i("click"))},[t.reverse?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(c.VftIcon),e.mergeProps({key:0},e.unref(r),{style:e.unref(o)}),null,16,["style"])),e.createTextVNode(" "+e.toDisplayString(t.text)+" ",1),t.reverse?(e.openBlock(),e.createBlock(e.unref(c.VftIcon),e.mergeProps({key:1},e.unref(r),{style:e.unref(o)}),null,16,["style"])):e.createCommentVNode("",!0)],2))}});exports.default=d;
2	+ //# sourceMappingURL=icon-text.vue2.js.map

package/lib/packages/components/icon-text/icon-text.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"icon-text.vue2.js","sources":["../../../../../../packages/components/icon-text/icon-text.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('icon-text')\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 { addUnit, singleAttrToObj } from '@vft/utils';\nimport { computed } from 'vue';\nimport { VftIcon, type IconProps } from '@vft-ui/components/icon';\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface IconTextProps {\n text: string;\n icon: IconProps;\n color?: string;\n hoverColor?: string;\n distance?: Numberish;\n reverse?: boolean;\n}\n\ndefineProps({\n \"text\": null,\n \"icon\": null,\n \"color\": { default: '#434343' },\n \"hoverColor\": null,\n \"distance\": null,\n \"reverse\": { type: Boolean, }\n})\n\n\n\n;\n\nconst emit = defineEmits(['click']);\n\nconst _hoverColor = computed(() => {\n return __props.hoverColor ? __props.hoverColor : __props.color;\n});\n\nconst _icon = computed(() => {\n return singleAttrToObj(__props.icon, 'icon', { size: 16, color: __props.color }) as IconProps;\n});\n\nconst distanceStyle = computed(() => {\n return __props.reverse ? { marginLeft: addUnit(__props.distance) } : { marginRight: addUnit(__props.distance) };\n});\n</script>\n\n<template>\n <span :class=\"ns.b()\" @click=\"emit('click')\">\n <vft-icon v-if=\"!reverse\" v-bind=\"_icon\" :style=\"distanceStyle\"/>\n {{ text }}\n <vft-icon v-if=\"reverse\" v-bind=\"_icon\" :style=\"distanceStyle\"/>\n </span>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","computed","__props","_icon","singleAttrToObj","distanceStyle","addUnit"],"mappings":"gXACA,MAAMA,EAAuBC,EAAAA,aAAa,WAAW,EAGrDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,yKA+BmBI,EAAAA,SAAS,IACpBC,EAAQ,WAAaA,EAAQ,WAAaA,EAAQ,KAC1D,EAEK,MAAAC,EAAQF,EAAAA,SAAS,IACdG,kBAAgBF,EAAQ,KAAM,OAAQ,CAAE,KAAM,GAAI,MAAOA,EAAQ,KAAO,CAAA,CAChF,EAEKG,EAAgBJ,EAAAA,SAAS,IACtBC,EAAQ,QAAU,CAAE,WAAYI,EAAAA,QAAQJ,EAAQ,QAAQ,CAAE,EAAI,CAAE,YAAaI,EAAAA,QAAQJ,EAAQ,QAAQ,CAAE,CAC/G"}

package/lib/packages/components/icon-text/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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 r=require("./icon-text.vue2.js"),e=t.withInstall(r.default);exports.VftIconText=e;exports.default=e;
2	+ //# sourceMappingURL=index.js.map

package/lib/packages/components/icon-text/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":["../../../../../../packages/components/icon-text/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport IconText from './icon-text.vue'\n\nexport const VftIconText = withInstall(IconText)\n\nexport default VftIconText\n"],"names":["VftIconText","withInstall","IconText"],"mappings":"6PAIaA,EAAcC,cAAYC,EAAQ,OAAA"}

package/lib/packages/components/icon-text/style/css.js ADDED Viewed

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

package/lib/packages/components/icon-text/style/index.js ADDED Viewed

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

package/lib/packages/components/iframe-layout/iframe-layout.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"iframe-layout.vue2.js","sources":["../../../../../../packages/components/iframe-layout/iframe-layout.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('iframe-layout')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { unref } from 'vue';\nimport { type RouteLocationNormalized } from 'vue-router';\nimport { type RouteRecordItem } from '@vft/router';\nimport { useNamespace } from '@vft-ui/hooks';\nimport FramePage from './iframe-page.vue';\nimport { useRouter } from 'vue-router';\n\ninterface Props {\n iframePages: RouteLocationNormalized[]\n}\n\ndefineProps({\n \"iframePages\": null\n})\n\n\n\n;\n\nconst router = useRouter();\n\nfunction showIframe(item: RouteRecordItem) {\n return item.fullPath === unref(router.currentRoute).fullPath;\n}\n</script>\n\n<template>\n <template v-for=\"item in iframePages\" :key=\"item.query ? item.fullPath : item.path\">\n <frame-page\n v-if=\"item.meta.frameSrc\"\n v-show=\"showIframe(item)\" :frameSrc=\"item.meta.frameSrc\" />\n </template>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","router","useRouter","showIframe","item","unref"],"mappings":"iZACMA,EAAuBC,EAAAA,aAAa,eAAe,EAGzDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC,8DAqBD,MAAMI,EAASC,EAAAA,YAEf,SAASC,EAAWC,EAAuB,CACzC,OAAOA,EAAK,WAAaC,EAAAA,MAAMJ,EAAO,YAAY,EAAE,QACtD"}

package/lib/packages/components/iframe-layout/iframe-page.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"iframe-page.vue2.js","sources":["../../../../../../packages/components/iframe-layout/iframe-page.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('iframe-page')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface IframePageProps {\n frameSrc: string;\n}\n\ndefineProps({\n \"frameSrc\": { default: '' }\n})\n\n\n\n;\n</script>\n\n<template>\n <iframe :class=\"ns.b()\" :src=\"frameSrc\" />\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent"],"mappings":"gWACMA,EAAuBC,EAAAA,aAAa,aAAa,EAGvDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC"}

package/lib/packages/components/iframe-layout/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../packages/components/iframe-layout/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport IframeLayout from './iframe-layout.vue'\n\nexport const VftIframeLayout = withInstall(IframeLayout)\n\nexport default VftIframeLayout\n"],"names":["VftIframeLayout","withInstall","IframeLayout"],"mappings":"iQAIaA,EAAkBC,cAAYC,EAAY,OAAA"}

package/lib/packages/components/image/image.vue.js ADDED Viewed

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

package/lib/packages/components/image/image.vue.js.map ADDED Viewed

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

package/lib/packages/components/image/image.vue2.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@vueuse/core"),M=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vue/shared");const c=require("@vft/utils"),N=require("@vft/use"),T=["src","loading"],V=e.defineComponent({__name:"image",props:{hideOnClickModal:{type:Boolean,default:!1},src:{default:""},fit:{default:""},loading:null,lazy:{type:Boolean},scrollContainer:null,previewSrcList:{default:[]},previewTeleported:{type:Boolean,default:!1},zIndex:null,initialIndex:{default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0}},emits:["load","error","switch","close","show"],setup(l,{emit:d}){const a=M.useNamespace("image"),L=e.useAttrs(),k=N.useAttrs(),f=e.ref(),o=e.ref(!1),i=e.ref(!0),S=e.ref(!1),u=e.ref(),t=e.ref(),z=r.isClient&&"loading"in HTMLImageElement.prototype;let s;const E=e.computed(()=>L.style),B=e.computed(()=>r.isClient&&l.fit?{objectFit:l.fit}:{}),m=e.computed(()=>Array.isArray(l.previewSrcList)&&l.previewSrcList.length>0);e.computed(()=>{let n=l.initialIndex;return l.initialIndex>l.previewSrcList.length-1&&(n=0),n});const y=e.computed(()=>l.loading==="eager"?!1:!z&&l.loading==="lazy"\|\|l.lazy),v=()=>{r.isClient&&(i.value=!0,o.value=!1,f.value=l.src)};function q(n){i.value=!1,o.value=!1,d("load",n)}function I(n){i.value=!1,o.value=!0,d("error",n)}function g(){c.isInContainer(u.value,t.value)&&(v(),h())}const C=r.useThrottleFn(g,200);async function w(){r.isClient&&(await e.nextTick(),c.isElement(l.scrollContainer)?t.value=l.scrollContainer:c.isString(l.scrollContainer)&&l.scrollContainer!==""?t.value=document.querySelector(l.scrollContainer)??void 0:u.value&&(t.value=c.getScrollContainer(u.value)),t.value&&(s=r.useEventListener(t,"scroll",C),setTimeout(()=>g(),100)))}function h(){!r.isClient\|\|!t.value\|\|!C\|\|(s==null\|\|s(),t.value=void 0)}function b(n){if(n.ctrlKey){if(n.deltaY<0)return n.preventDefault(),!1;if(n.deltaY>0)return n.preventDefault(),!1}}function p(){m.value&&(r.useEventListener("wheel",b,{passive:!1}),document.body.style.overflow,document.body.style.overflow="hidden",S.value=!0,d("show"))}return e.watch(()=>l.src,()=>{y.value?(i.value=!0,o.value=!1,h(),w()):v()}),e.onMounted(()=>{y.value?w():v()}),(n,x)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:u,class:e.normalizeClass([e.unref(a).b(),n.$attrs.class]),style:e.normalizeStyle(e.unref(E))},[f.value!==void 0&&!o.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0},e.unref(k),{src:f.value,loading:l.loading,style:e.unref(B),class:[e.unref(a).e("inner"),e.unref(m)&&e.unref(a).e("preview"),i.value&&e.unref(a).is("loading")],onClick:p,onLoad:q,onError:I}),null,16,T)):e.createCommentVNode("",!0),i.value\|\|o.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).e("wrapper"))},[i.value?e.renderSlot(n.$slots,"placeholder",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("placeholder"))},null,2)]):o.value?e.renderSlot(n.$slots,"error",{key:1},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("error"))},"加载失败",2)]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],6))}});exports.default=V;
2	+ //# sourceMappingURL=image.vue2.js.map

package/lib/packages/components/image/image.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"image.vue2.js","sources":["../../../../../../packages/components/image/image.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { ImgFitType } from './types';\nimport {\n computed,\n nextTick,\n onMounted,\n useAttrs as useRawAttrs,\n watch,\n ref\n} from 'vue';\nimport { isClient, useEventListener, useThrottleFn } from '@vueuse/core';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { useAttrs } from '@vft/use';\nimport {\n getScrollContainer,\n isElement,\n isInContainer,\n isString\n} from '@vft/utils';\n\nimport type { CSSProperties, StyleValue } from 'vue';\n\ninterface Props {\n hideOnClickModal?: boolean\n src?: string\n fit?: ImgFitType\n loading?: 'eager' | 'lazy'\n lazy?: boolean\n scrollContainer?: string | HTMLElement\n previewSrcList?: string[]\n previewTeleported?: boolean\n zIndex?: number\n initialIndex?: number\n infinite?: boolean\n closeOnPressEscape?: boolean\n}\n\ndefineProps({\n \"hideOnClickModal\": { type: Boolean, default: false },\n \"src\": { default: '' },\n \"fit\": { default: '' },\n \"loading\": null,\n \"lazy\": { type: Boolean, },\n \"scrollContainer\": null,\n \"previewSrcList\": { default: [] },\n \"previewTeleported\": { type: Boolean, default: false },\n \"zIndex\": null,\n \"initialIndex\": { default: 0 },\n \"infinite\": { type: Boolean, default: true },\n \"closeOnPressEscape\": { type: Boolean, default: true }\n})\n\nconst emit = defineEmits(['load', 'error', 'switch', 'close', 'show']);\n\nlet prevOverflow = '';\n\nconst ns = useNamespace('image');\nconst rawAttrs = useRawAttrs();\nconst attrs = useAttrs();\n\nconst imageSrc = ref<string | undefined>();\nconst hasLoadError = ref(false);\nconst isLoading = ref(true);\nconst showViewer = ref(false);\nconst container = ref<HTMLElement>();\nconst _scrollContainer = ref<HTMLElement | Window>();\n\nconst supportLoading = isClient && 'loading' in HTMLImageElement.prototype;\nlet stopScrollListener: (() => void) | undefined;\nlet stopWheelListener: (() => void) | undefined;\n\nconst containerStyle = computed(() => rawAttrs.style as StyleValue);\n\nconst imageStyle = computed<CSSProperties>(() => {\n if (isClient && __props.fit) {\n return { objectFit: __props.fit };\n }\n return {};\n});\n\nconst preview = computed(() => {\n return Array.isArray(__props.previewSrcList) && __props.previewSrcList.length > 0;\n});\n\nconst imageIndex = computed(() => {\n let previewIndex = __props.initialIndex;\n if (__props.initialIndex > __props.previewSrcList.length - 1) {\n previewIndex = 0;\n }\n return previewIndex;\n});\n\nconst isManual = computed(() => {\n if (__props.loading === 'eager') return false;\n return (!supportLoading && __props.loading === 'lazy') || __props.lazy;\n});\n\nconst loadImage = () => {\n if (!isClient) return;\n\n // reset status\n isLoading.value = true;\n hasLoadError.value = false;\n imageSrc.value = __props.src;\n};\n\nfunction handleLoad (event: Event) {\n isLoading.value = false;\n hasLoadError.value = false;\n emit('load', event);\n}\n\nfunction handleError (event: Event) {\n isLoading.value = false;\n hasLoadError.value = true;\n emit('error', event);\n}\n\nfunction handleLazyLoad () {\n if (isInContainer(container.value, _scrollContainer.value)) {\n loadImage();\n removeLazyLoadListener();\n }\n}\n\nconst lazyLoadHandler = useThrottleFn(handleLazyLoad, 200);\n\nasync function addLazyLoadListener () {\n if (!isClient) return;\n\n await nextTick();\n\n if (isElement(__props.scrollContainer)) {\n _scrollContainer.value = __props.scrollContainer;\n } else if (isString(__props.scrollContainer) && __props.scrollContainer !== '') {\n _scrollContainer.value =\n document.querySelector<HTMLElement>(__props.scrollContainer) ?? undefined;\n } else if (container.value) {\n _scrollContainer.value = getScrollContainer(container.value);\n }\n\n if (_scrollContainer.value) {\n stopScrollListener = useEventListener(\n _scrollContainer,\n 'scroll',\n lazyLoadHandler\n );\n setTimeout(() => handleLazyLoad(), 100);\n }\n}\n\nfunction removeLazyLoadListener () {\n if (!isClient || !_scrollContainer.value || !lazyLoadHandler) return;\n\n stopScrollListener?.();\n _scrollContainer.value = undefined;\n}\n\nfunction wheelHandler (e: WheelEvent) {\n if (!e.ctrlKey) return;\n\n if (e.deltaY < 0) {\n e.preventDefault();\n return false;\n } else if (e.deltaY > 0) {\n e.preventDefault();\n return false;\n }\n}\n\nfunction clickHandler () {\n // don't show viewer when preview is false\n if (!preview.value) return;\n\n stopWheelListener = useEventListener('wheel', wheelHandler, {\n passive: false\n });\n\n // prevent body scroll\n prevOverflow = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n showViewer.value = true;\n emit('show');\n}\n\nfunction closeViewer () {\n stopWheelListener?.();\n document.body.style.overflow = prevOverflow;\n showViewer.value = false;\n emit('close');\n}\n\nfunction switchViewer (val: number) {\n emit('switch', val);\n}\n\nwatch(\n () => __props.src,\n () => {\n if (isManual.value) {\n // reset status\n isLoading.value = true;\n hasLoadError.value = false;\n removeLazyLoadListener();\n addLazyLoadListener();\n } else {\n loadImage();\n }\n }\n);\n\nonMounted(() => {\n if (isManual.value) {\n addLazyLoadListener();\n } else {\n loadImage();\n }\n});\n</script>\n\n<template>\n <div ref=\"container\" :class=\"[ns.b(), $attrs.class]\" :style=\"containerStyle\">\n <img\n v-if=\"imageSrc !== undefined && !hasLoadError\"\n v-bind=\"attrs\"\n :src=\"imageSrc\"\n :loading=\"loading\"\n :style=\"imageStyle\"\n :class=\"[\n ns.e('inner'),\n preview && ns.e('preview'),\n isLoading && ns.is('loading'),\n ]\"\n @click=\"clickHandler\"\n @load=\"handleLoad\"\n @error=\"handleError\"\n />\n <div v-if=\"isLoading || hasLoadError\" :class=\"ns.e('wrapper')\">\n <slot v-if=\"isLoading\" name=\"placeholder\">\n <div :class=\"ns.e('placeholder')\" />\n </slot>\n <slot v-else-if=\"hasLoadError\" name=\"error\">\n <div :class=\"ns.e('error')\">加载失败</div>\n </slot>\n </div>\n </div>\n</template>\n\n"],"names":["ns","useNamespace","rawAttrs","useRawAttrs","attrs","useAttrs","imageSrc","ref","hasLoadError","isLoading","showViewer","container","_scrollContainer","supportLoading","isClient","stopScrollListener","containerStyle","computed","imageStyle","__props","preview","previewIndex","isManual","loadImage","handleLoad","event","emit","handleError","handleLazyLoad","isInContainer","removeLazyLoadListener","lazyLoadHandler","useThrottleFn","addLazyLoadListener","nextTick","isElement","isString","getScrollContainer","useEventListener","wheelHandler","e","clickHandler","watch","onMounted"],"mappings":"izBAyDM,MAAAA,EAAKC,eAAa,OAAO,EACzBC,EAAWC,EAAAA,WACXC,EAAQC,EAAAA,WAERC,EAAWC,EAAAA,MACXC,EAAeD,MAAI,EAAK,EACxBE,EAAYF,MAAI,EAAI,EACpBG,EAAaH,MAAI,EAAK,EACtBI,EAAYJ,EAAAA,MACZK,EAAmBL,EAAAA,MAEnBM,EAAiBC,EAAY,UAAA,YAAa,iBAAiB,UAC7D,IAAAC,EAGJ,MAAMC,EAAiBC,EAAA,SAAS,IAAMf,EAAS,KAAmB,EAE5DgB,EAAaD,EAAAA,SAAwB,IACrCH,EAAA,UAAYK,EAAQ,IACf,CAAE,UAAWA,EAAQ,KAEvB,EACR,EAEKC,EAAUH,EAAAA,SAAS,IAChB,MAAM,QAAQE,EAAQ,cAAc,GAAKA,EAAQ,eAAe,OAAS,CACjF,EAEkBF,EAAAA,SAAS,IAAM,CAChC,IAAII,EAAeF,EAAQ,aAC3B,OAAIA,EAAQ,aAAeA,EAAQ,eAAe,OAAS,IAC1CE,EAAA,GAEVA,CAAA,CACR,EAEK,MAAAC,EAAWL,EAAAA,SAAS,IACpBE,EAAQ,UAAY,QAAgB,GAChC,CAACN,GAAkBM,EAAQ,UAAY,QAAWA,EAAQ,IACnE,EAEKI,EAAY,IAAM,CACjBT,EAAA,WAGLL,EAAU,MAAQ,GAClBD,EAAa,MAAQ,GACrBF,EAAS,MAAQa,EAAQ,IAAA,EAG3B,SAASK,EAAYC,EAAc,CACjChB,EAAU,MAAQ,GAClBD,EAAa,MAAQ,GACrBkB,EAAK,OAAQD,CAAK,CACpB,CAEA,SAASE,EAAaF,EAAc,CAClChB,EAAU,MAAQ,GAClBD,EAAa,MAAQ,GACrBkB,EAAK,QAASD,CAAK,CACrB,CAEA,SAASG,GAAkB,CACrBC,EAAc,cAAAlB,EAAU,MAAOC,EAAiB,KAAK,IAC7CW,IACaO,IAE3B,CAEM,MAAAC,EAAkBC,EAAAA,cAAcJ,EAAgB,GAAG,EAEzD,eAAeK,GAAuB,CAC/BnB,EAAA,WAEL,MAAMoB,EAAS,SAAA,EAEXC,EAAA,UAAUhB,EAAQ,eAAe,EACnCP,EAAiB,MAAQO,EAAQ,gBACxBiB,EAAS,SAAAjB,EAAQ,eAAe,GAAKA,EAAQ,kBAAoB,GAC1EP,EAAiB,MACf,SAAS,cAA2BO,EAAQ,eAAe,GAAK,OACzDR,EAAU,QACFC,EAAA,MAAQyB,EAAAA,mBAAmB1B,EAAU,KAAK,GAGzDC,EAAiB,QACEG,EAAAuB,EAAA,iBACnB1B,EACA,SACAmB,CAAA,EAES,WAAA,IAAMH,IAAkB,GAAG,GAE1C,CAEA,SAASE,GAA0B,CAC7B,CAAChB,EAAAA,UAAY,CAACF,EAAiB,OAAS,CAACmB,IAExBhB,GAAA,MAAAA,IACrBH,EAAiB,MAAQ,OAC3B,CAEA,SAAS2B,EAAcC,EAAe,CACpC,GAAKA,EAAE,QAEH,IAAAA,EAAE,OAAS,EACb,OAAAA,EAAE,eAAe,EACV,GACT,GAAWA,EAAE,OAAS,EACpB,OAAAA,EAAE,eAAe,EACV,GAEX,CAEA,SAASC,GAAgB,CAElBrB,EAAQ,QAEOkB,EAAA,iBAAiB,QAASC,EAAc,CAC1D,QAAS,EAAA,CACV,EAGc,SAAS,KAAK,MAAM,SAC1B,SAAA,KAAK,MAAM,SAAW,SAC/B7B,EAAW,MAAQ,GACnBgB,EAAK,MAAM,EACb,CAaAgB,OAAAA,EAAA,MACE,IAAMvB,EAAQ,IACd,IAAM,CACAG,EAAS,OAEXb,EAAU,MAAQ,GAClBD,EAAa,MAAQ,GACEsB,IACHG,KAEVV,GAEd,CAAA,EAGFoB,EAAAA,UAAU,IAAM,CACVrB,EAAS,MACSW,IAEVV,GACZ,CACD"}

package/lib/packages/components/image/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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 r=require("./image.vue2.js"),e=t.withInstall(r.default);exports.VftImage=e;exports.default=e;
2	+ //# sourceMappingURL=index.js.map

package/lib/packages/components/image/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":["../../../../../../packages/components/image/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Image from './image.vue'\n\nexport const VftImage = withInstall(Image)\n\nexport default VftImage\n\nexport * from './types'\n"],"names":["VftImage","withInstall","Image"],"mappings":"yPAIaA,EAAWC,cAAYC,EAAK,OAAA"}

package/lib/packages/components/image/style/css.js ADDED Viewed

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

package/lib/packages/components/image/style/index.js ADDED Viewed

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

package/lib/packages/components/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./divider/index.js"),f=require("./icon/index.js"),a=require("./avatar/index.js"),V=require("./empty/index.js"),c=require("./result/index.js"),p=require("./exception/index.js"),n=require("./tabs/index.js"),d=require("./popper/index.js"),l=require("./collapse-transition/index.js"),x=require("./tooltip/index.js"),q=require("./popover/index.js"),e=require("./menu/index.js"),o=require("./context-menu/createContextMenu.js"),g=require("./context-menu/useContextMenu.js"),$=require("./multiple-tabs/index.js"),C=require("./header-layout/index.js"),T=require("./footer-layout/index.js"),b=require("./iframe-layout/index.js"),m=require("./router-view-content/index.js"),y=require("./logo/index.js"),v=require("./back-top/index.js"),M=require("./config-provider/index.js"),r=require("./descriptions/index.js"),P=require("./full-screen/index.js"),_=require("./icon-text/index.js"),I=require("./image/index.js"),D=require("./input/index.js"),E=require("./link/index.js"),L=require("./pagination/index.js"),S=require("./tag/index.js"),G=require("./side-menu/index.js"),w=require("./qrcode/index.js"),K=require("./overlay/index.js"),R=require("./clamp/index.js"),k=require("./clamp-toggle/index.js"),A=require("./empty/constants.js"),F=require("./tabs/types.js"),O=require("./popper/arrow.vue2.js"),j=require("./popper/trigger.vue2.js"),B=require("./popper/content.vue2.js"),H=require("./multiple-tabs/use/use-tab-dropdown.js"),i=require("./multiple-tabs/use/use-multiple-tabs.js"),Q=require("./config-provider/constants.js"),t=require("./config-provider/hooks/use-global-config.js"),h=require("./pagination/pagination.js"),u=require("./pagination/usePagination.js");exports.VftDivider=s.VftDivider;exports.VftIcon=f.VftIcon;exports.VftAvatar=a.VftAvatar;exports.VftEmpty=V.VftEmpty;exports.VftResult=c.VftResult;exports.VftException=p.VftException;exports.VftTabPane=n.VftTabPane;exports.VftTabs=n.VftTabs;exports.VftPopper=d.VftPopper;exports.VftCollapseTransition=l.VftCollapseTransition;exports.VftTooltip=x.VftTooltip;exports.VftPopover=q.VftPopover;exports.VftMenu=e.VftMenu;exports.VftMenuItem=e.VftMenuItem;exports.VftMenuItemGroup=e.VftMenuItemGroup;exports.VftSubMenu=e.VftSubMenu;exports.createContextMenu=o.createContextMenu;exports.destroyContextMenu=o.destroyContextMenu;exports.useContextMenu=g.useContextMenu;exports.VftMultipleTabs=$.VftMultipleTabs;exports.VftHeaderLayout=C.VftHeaderLayout;exports.VftFooterLayout=T.VftFooterLayout;exports.VftIframeLayout=b.VftIframeLayout;exports.VftRouterViewContent=m.VftRouterViewContent;exports.VftLogo=y.VftLogo;exports.VftBackTop=v.VftBackTop;exports.VftConfigProvider=M.VftConfigProvider;exports.VftDescriptions=r.VftDescriptions;exports.VftDescriptionsItem=r.VftDescriptionsItem;exports.VftFullScreen=P.VftFullScreen;exports.VftIconText=_.VftIconText;exports.VftImage=I.VftImage;exports.VftInput=D.VftInput;exports.VftLink=E.VftLink;exports.VftPagination=L.VftPagination;exports.VftTag=S.VftTag;exports.VftSideMenu=G.VftSideMenu;exports.VftQrcode=w.VftQrcode;exports.VftOverlay=K.VftOverlay;exports.VftClamp=R.VftClamp;exports.VftClampToggle=k.VftClampToggle;exports.EmptyEnum=A.EmptyEnum;exports.TabsRootContextKey=F.TabsRootContextKey;exports.VftPopperArrow=O.default;exports.VftPopperTrigger=j.default;exports.VftPopperContent=B.default;exports.useTabDropdown=H.useTabDropdown;exports.initAffixTabs=i.initAffixTabs;exports.useTabsDrag=i.useTabsDrag;exports.configProviderContextKey=Q.configProviderContextKey;exports.provideGlobalConfig=t.provideGlobalConfig;exports.useGlobalComponentSettings=t.useGlobalComponentSettings;exports.useGlobalConfig=t.useGlobalConfig;exports.paginationEmits=h.paginationEmits;exports.elPaginationKey=u.elPaginationKey;exports.usePagination=u.usePagination;
2	+ //# sourceMappingURL=index.js.map

package/lib/packages/components/input/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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 u=require("./input.vue2.js"),e=t.withInstall(u.default);exports.VftInput=e;exports.default=e;
2	+ //# sourceMappingURL=index.js.map

package/lib/packages/components/input/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":["../../../../../../packages/components/input/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Input from './input.vue'\n\nexport const VftInput = withInstall(Input)\n\nexport default VftInput\n\n"],"names":["VftInput","withInstall","Input"],"mappings":"yPAIaA,EAAWC,cAAYC,EAAK,OAAA"}

package/lib/packages/components/input/input.vue.js ADDED Viewed

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

package/lib/packages/components/input/input.vue.js.map ADDED Viewed

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

package/lib/packages/components/input/input.vue2.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),M=require("@vft/constants"),Ee=require("@vft/use"),u=require("@vft/utils"),ee=require("@vueuse/core"),Be=require("lodash"),k=require("../icon/index.js"),ne=require("./utils.js"),te=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("../../hooks/use-z-index/index.js");require("@vue/shared");const A=require("../../utils/error.js"),oe=require("../../../node_modules/.pnpm/element-plus@2.2.34_vue@3.2.47/node_modules/element-plus/es/components/form/src/hooks/use-form-item.js"),ae=require("../../../node_modules/.pnpm/element-plus@2.2.34_vue@3.2.47/node_modules/element-plus/es/components/form/src/hooks/use-form-common-props.js"),Ve=require("../../../node_modules/.pnpm/element-plus@2.2.34_vue@3.2.47/node_modules/element-plus/es/hooks/use-cursor/index.js"),Se=["role"],ze=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Ie=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],Ne=e.defineComponent({__name:"input",props:{id:null,size:{default:""},disabled:{type:Boolean},modelValue:null,type:{default:"text"},resize:null,autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{type:Function},parser:{type:Function},placeholder:null,form:null,readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:null,prefixIcon:null,clearIcon:null,containerRole:null,label:null,tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:null,focusWidth:null},emits:{[M.UPDATE_MODEL_EVENT]:n=>u.isString(n),input:n=>u.isString(n),change:n=>u.isString(n),suffixclick:n=>u.isString(n),focus:n=>n instanceof FocusEvent,blur:n=>n instanceof FocusEvent,clear:()=>!0,mouseleave:n=>n instanceof MouseEvent,mouseenter:n=>n instanceof MouseEvent,keydown:n=>n instanceof Event,compositionstart:n=>n instanceof CompositionEvent,compositionupdate:n=>n instanceof CompositionEvent,compositionend:n=>n instanceof CompositionEvent},setup(n,{expose:le,emit:l}){const p=e.useAttrs(),d=e.useSlots(),D=e.computed(()=>{const t={};return n.containerRole==="combobox"&&(t["aria-haspopup"]=p["aria-haspopup"],t["aria-owns"]=p["aria-owns"],t["aria-expanded"]=p["aria-expanded"]),t}),se=e.computed(()=>[n.type==="textarea"?R.b():o.b(),o.m(ce.value),o.is("disabled",m.value),o.is("exceed",me.value),o.is("focus",f.value),{[o.b("group")]:d.prepend\|\|d.append,[o.bm("group","append")]:d.append,[o.bm("group","prepend")]:d.prepend,[o.m("prefix")]:d.prefix\|\|n.prefixIcon,[o.m("suffix")]:d.suffix\|\|n.suffixIcon\|\|n.clearable\|\|n.showPassword,[o.bm("suffix","password-clear")]:B.value&&T.value},p.class]),ue=e.getCurrentInstance(),re=e.computed(()=>[o.e("wrapper"),o.is("focus",f.value)]),r=Ee.useAttrs({excludeKeys:e.computed(()=>Object.keys(D.value))}),{form:z,formItem:s}=oe.useFormItem(),{inputId:O}=oe.useFormItemInputId(ue.props,{formItemContext:s}),ce=ae.useSize(),m=ae.useDisabled(),o=te.useNamespace("input"),R=te.useNamespace("textarea"),C=e.shallowRef(),v=e.shallowRef(),f=e.ref(!1),I=e.ref(!1),h=e.ref(!1),w=e.ref(!1),$=e.ref(),N=e.shallowRef(n.inputStyle),x=e.computed(()=>C.value\|\|v.value),P=e.computed(()=>u.singleAttrToObj(n.prefixIcon,"icon")),K=e.computed(()=>u.singleAttrToObj(n.suffixIcon,"icon")),ie=e.computed(()=>u.singleAttrToObj(n.clearIcon,"icon",{icon:"vi-close-full",size:16})),W=e.computed(()=>(z==null?void 0:z.statusIcon)??!1),E=e.computed(()=>(s==null?void 0:s.validateState)\|\|""),j=e.computed(()=>E.value&&"vi-user"),de=e.computed(()=>w.value?{icon:"vi-view",size:16}:{icon:"vi-no-view",size:16}),fe=e.computed(()=>[p.style,n.inputStyle,n.focusWidth&&f.value?{width:u.addUnit(n.focusWidth)}:{}]),L=e.computed(()=>[n.inputStyle,N.value,{resize:n.resize}]),i=e.computed(()=>Be.isNil(n.modelValue)?"":String(n.modelValue)),B=e.computed(()=>n.clearable&&!m.value&&!n.readonly&&!!i.value&&(f.value\|\|I.value)),T=e.computed(()=>n.showPassword&&!m.value&&!n.readonly&&!!i.value&&(!!i.value\|\|f.value)),y=e.computed(()=>n.showWordLimit&&!!r.value.maxlength&&(n.type==="text"\|\|n.type==="textarea")&&!m.value&&!n.readonly&&!n.showPassword),q=e.computed(()=>Array.from(i.value).length),me=e.computed(()=>!!y.value&&q.value>Number(r.value.maxlength)),ve=e.computed(()=>!!d.suffix\|\|!!n.suffixIcon\|\|B.value\|\|n.showPassword\|\|y.value\|\|!!E.value&&W.value),[ye,pe]=Ve.useCursor(C);ee.useResizeObserver(v,t=>{if(!y.value\|\|n.resize!=="both")return;const a=t[0],{width:c}=a.contentRect;$.value={right:`calc(100% - ${c+15+6}px)`}});const V=()=>{if(!(!ee.isClient\|\|n.type!=="textarea"))if(n.autosize){const t=u.isObject(n.autosize)?n.autosize.minRows:void 0,a=u.isObject(n.autosize)?n.autosize.maxRows:void 0;N.value={...ne.calcTextareaHeight(v.value,t,a)}}else N.value={minHeight:ne.calcTextareaHeight(v.value).minHeight}},b=()=>{const t=x.value;!t\|\|t.value===i.value\|\|(t.value=i.value)},F=async t=>{ye();let{value:a}=t.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),n.formatter&&(a=n.parser?n.parser(a):a,a=n.formatter(a)),!h.value){if(a===i.value){b();return}l(M.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),b(),pe()}},U=t=>{l("change",t.target.value)},he=()=>{l("suffixclick",n.modelValue)},H=t=>{l("compositionstart",t),h.value=!0},xe=t=>/([(\uAC00-\uD7AF)\|(\u3130-\u318F)])+/gi.test(t),G=t=>{var g;l("compositionupdate",t);const a=(g=t.target)==null?void 0:g.value,c=a[a.length-1]\|\|"";h.value=!xe(c)},J=t=>{l("compositionend",t),h.value&&(h.value=!1,F(t))},be=()=>{w.value=!w.value,S()},S=async()=>{var t;await e.nextTick(),(t=x.value)==null\|\|t.focus()},ge=()=>{var t;return(t=x.value)==null?void 0:t.blur()},Q=t=>{f.value=!0,l("focus",t)},X=t=>{var a;f.value=!1,l("blur",t),n.validateEvent&&((a=s==null?void 0:s.validate)==null\|\|a.call(s,"blur").catch(c=>A.debugWarn(c)))},ke=t=>{I.value=!1,l("mouseleave",t)},Ce=t=>{I.value=!0,l("mouseenter",t)},Y=t=>{let a=t.key;if(t.target.type==="number"&&["e","+","-0","E"].includes(a))return t.returnValue=!1,!1;l("keydown",t)},we=()=>{var t;(t=x.value)==null\|\|t.select()},Z=()=>{l(M.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>n.modelValue,()=>{var t;e.nextTick(()=>V()),n.validateEvent&&((t=s==null?void 0:s.validate)==null\|\|t.call(s,"change").catch(a=>A.debugWarn(a)))}),e.watch(i,()=>b()),e.watch(()=>n.type,async()=>{await e.nextTick(),b(),V()}),e.onMounted(()=>{!n.formatter&&n.parser&&A.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),b(),e.nextTick(V)}),le({input:C,textarea:v,ref:x,textareaStyle:L,autosize:n.autosize,focus:S,blur:ge,select:we,clear:Z,resizeTextarea:V}),(t,a)=>{var c,g,_;return e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(e.unref(D),{class:e.unref(se),style:e.unref(fe),role:n.containerRole,onMouseenter:Ce,onMouseleave:ke}),[n.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("group","prepend"))},[e.renderSlot(t.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(re))},[t.$slots.prefix\|\|(c=e.unref(P))!=null&&c.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("prefix-inner")),onClick:S},[e.renderSlot(t.$slots,"prefix"),(g=e.unref(P))!=null&&g.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0},e.unref(P),{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(O),ref_key:"input",ref:C,class:e.unref(o).e("inner")},e.unref(r),{type:n.showPassword?w.value?"text":"password":n.type,disabled:e.unref(m),formatter:n.formatter,parser:n.parser,readonly:n.readonly,autocomplete:n.autocomplete,tabindex:n.tabindex,"aria-label":n.label,placeholder:n.placeholder,style:n.inputStyle,form:n.form,onCompositionstart:H,onCompositionupdate:G,onCompositionend:J,onInput:F,onFocus:Q,onBlur:X,onChange:U,onKeydown:Y}),null,16,ze),e.unref(ve)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("suffix-inner")),onClick:S},[!e.unref(B)\|\|!e.unref(T)\|\|!e.unref(y)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(t.$slots,"suffix"),(_=e.unref(K))!=null&&_.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0,onClick:he},e.unref(K),{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.unref(B)?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:1,class:[e.unref(o).e("icon"),e.unref(o).e("clear")]},e.unref(ie),{onMousedown:e.withModifiers(e.unref(u.noop),["prevent"]),onClick:Z}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),e.unref(T)?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:2},e.unref(de),{class:[e.unref(o).e("icon"),e.unref(o).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),e.unref(y)?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(o).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("count-inner"))},e.toDisplayString(e.unref(q))+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),e.unref(E)&&e.unref(j)&&e.unref(W)?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),{key:4,icon:e.unref(j),class:e.normalizeClass([e.unref(o).e("icon"),e.unref(o).e("validateIcon"),e.unref(o).is("loading",e.unref(E)==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),t.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("group","append"))},[e.renderSlot(t.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(O),ref_key:"textarea",ref:v,class:e.unref(R).e("inner")},e.unref(r),{tabindex:n.tabindex,disabled:e.unref(m),readonly:n.readonly,autocomplete:n.autocomplete,style:e.unref(L),"aria-label":n.label,placeholder:n.placeholder,form:n.form,onCompositionstart:H,onCompositionupdate:G,onCompositionend:J,onInput:F,onFocus:Q,onBlur:X,onChange:U,onKeydown:Y}),null,16,Ie),e.unref(y)?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle($.value),class:e.normalizeClass(e.unref(o).e("count"))},e.toDisplayString(e.unref(q))+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Se)),[[e.vShow,n.type!=="hidden"]])}}});exports.default=Ne;
2	+ //# sourceMappingURL=input.vue2.js.map

package/lib/packages/components/input/input.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"input.vue2.js","sources":["../../../../../../packages/components/input/input.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport { UPDATE_MODEL_EVENT } from '@vft/constants';\nimport { useAttrs } from '@vft/use';\nimport { isObject, noop, isString, singleAttrToObj, addUnit } from '@vft/utils';\nimport { isClient, useResizeObserver } from '@vueuse/core';\nimport { useCursor, useDisabled, useFormItem, useFormItemInputId, useSize } from 'element-plus';\nimport { isNil } from 'lodash';\nimport { VftIcon, type IconProps } from '@vft-ui/components/icon';\nimport type { StyleValue } from 'vue';\nimport {\n computed,\n nextTick,\n onMounted,\n ref,\n shallowRef,\n useAttrs as useRawAttrs,\n useSlots,\n watch,\n getCurrentInstance\n} from 'vue';\nimport { calcTextareaHeight } from './utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { debugWarn } from '../../utils';\n\ntype TargetElement = HTMLInputElement | HTMLTextAreaElement;\n\ninterface InputProps {\n id?: string;\n size?: 'default' | 'small' | 'large';\n disabled?: boolean;\n modelValue?: string | number;\n type?: string;\n resize?: 'none' | 'both' | 'horizontal' | 'vertical';\n autosize?: {minRows?: number; maxRows?: number} | boolean;\n autocomplete?: string;\n formatter?: Function;\n parser?: Function;\n placeholder?: string;\n form?: string;\n readonly?: boolean;\n clearable?: boolean;\n showPassword?: boolean;\n showWordLimit?: boolean;\n suffixIcon?: IconProps;\n prefixIcon?: IconProps;\n clearIcon?: IconProps;\n containerRole?: string;\n label?: string;\n tabindex?: string | number;\n validateEvent?: boolean;\n inputStyle?: StyleValue;\n focusWidth?: Numberish\n}\n\ndefineProps({\n \"id\": null,\n \"size\": { default: '' },\n \"disabled\": { type: Boolean, },\n \"modelValue\": null,\n \"type\": { default: 'text' },\n \"resize\": null,\n \"autosize\": { type: [Object, Boolean], default: false },\n \"autocomplete\": { default: 'off' },\n \"formatter\": { type: Function, },\n \"parser\": { type: Function, },\n \"placeholder\": null,\n \"form\": null,\n \"readonly\": { type: Boolean, },\n \"clearable\": { type: Boolean, },\n \"showPassword\": { type: Boolean, },\n \"showWordLimit\": { type: Boolean, },\n \"suffixIcon\": null,\n \"prefixIcon\": null,\n \"clearIcon\": null,\n \"containerRole\": null,\n \"label\": null,\n \"tabindex\": { default: 0 },\n \"validateEvent\": { type: Boolean, default: true },\n \"inputStyle\": null,\n \"focusWidth\": null\n})\n\nconst emit = defineEmits({\n [UPDATE_MODEL_EVENT]: (value: string) => isString(value),\n input: (value: string) => isString(value),\n change: (value: string) => isString(value),\n suffixclick: (value) => isString(value),\n focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n clear: () => true,\n mouseleave: (evt: MouseEvent) => evt instanceof MouseEvent,\n mouseenter: (evt: MouseEvent) => evt instanceof MouseEvent,\n // NOTE: when autofill by browser, the keydown event is instanceof Event, not KeyboardEvent\n // relative bug report https://github.com/element-plus/element-plus/issues/6665\n keydown: (evt: KeyboardEvent | Event) => evt instanceof Event,\n compositionstart: (evt: CompositionEvent) => evt instanceof CompositionEvent,\n compositionupdate: (evt: CompositionEvent) => evt instanceof CompositionEvent,\n compositionend: (evt: CompositionEvent) => evt instanceof CompositionEvent\n});\n\nconst rawAttrs = useRawAttrs();\nconst slots = useSlots();\n\nconst containerAttrs = computed(() => {\n const comboBoxAttrs: Record<string, unknown> = {};\n if (__props.containerRole === 'combobox') {\n comboBoxAttrs['aria-haspopup'] = rawAttrs['aria-haspopup'];\n comboBoxAttrs['aria-owns'] = rawAttrs['aria-owns'];\n comboBoxAttrs['aria-expanded'] = rawAttrs['aria-expanded'];\n }\n return comboBoxAttrs;\n});\n\nconst containerKls = computed(() => [\n __props.type === 'textarea' ? nsTextarea.b() : nsInput.b(),\n nsInput.m(inputSize.value),\n nsInput.is('disabled', inputDisabled.value),\n nsInput.is('exceed', inputExceed.value),\n nsInput.is('focus', focused.value),\n {\n [nsInput.b('group')]: slots.prepend || slots.append,\n [nsInput.bm('group', 'append')]: slots.append,\n [nsInput.bm('group', 'prepend')]: slots.prepend,\n [nsInput.m('prefix')]: slots.prefix || __props.prefixIcon,\n [nsInput.m('suffix')]: slots.suffix || __props.suffixIcon || __props.clearable || __props.showPassword,\n [nsInput.bm('suffix', 'password-clear')]: showClear.value && showPwdVisible.value\n },\n rawAttrs.class\n]);\n\nconst instance = getCurrentInstance()!;\n\nconst wrapperKls = computed(() => [nsInput.e('wrapper'), nsInput.is('focus', focused.value)]);\n\nconst attrs = useAttrs({\n excludeKeys: computed<string[]>(() => {\n return Object.keys(containerAttrs.value);\n })\n});\n\nconst { form: _form, formItem } = useFormItem();\nconst { inputId } = useFormItemInputId(instance.props, {\n formItemContext: formItem\n});\nconst inputSize = useSize();\nconst inputDisabled = useDisabled();\nconst nsInput = useNamespace('input');\nconst nsTextarea = useNamespace('textarea');\n\nconst input = shallowRef<HTMLInputElement>();\nconst textarea = shallowRef<HTMLTextAreaElement>();\n\nconst focused = ref(false);\nconst hovering = ref(false);\nconst isComposing = ref(false);\nconst passwordVisible = ref(false);\nconst countStyle = ref<StyleValue>();\nconst textareaCalcStyle = shallowRef(__props.inputStyle);\n\nconst _ref = computed(() => input.value || textarea.value);\n\nconst _prefixIcon = computed(() => {\n return singleAttrToObj(__props.prefixIcon, 'icon') as IconProps;\n});\n\nconst _suffixIcon = computed(() => {\n return singleAttrToObj(__props.suffixIcon, 'icon') as IconProps;\n});\n\nconst _clearIcon = computed(() => {\n return singleAttrToObj(__props.clearIcon, 'icon', { icon: 'vi-close-full', size: 16 }) as IconProps;\n});\n\nconst needStatusIcon = computed(() => _form?.statusIcon ?? false);\nconst validateState = computed(() => formItem?.validateState || '');\nconst validateIcon = computed(() => validateState.value && 'vi-user');\nconst passwordIcon = computed(\n () => (passwordVisible.value ? { icon: 'vi-view', size: 16 } : { icon: 'vi-no-view', size: 16 }));\nconst containerStyle = computed<StyleValue>(() => [rawAttrs.style as StyleValue, __props.inputStyle!,\n __props.focusWidth && focused.value ? { width: addUnit(__props.focusWidth) } : {}]);\n\nconst textareaStyle = computed<StyleValue>(\n () => [__props.inputStyle!, textareaCalcStyle.value as StyleValue, { resize: __props.resize }]);\nconst nativeInputValue = computed(() => (isNil(__props.modelValue) ? '' : String(__props.modelValue)));\nconst showClear = computed(\n () => __props.clearable && !inputDisabled.value && !__props.readonly && !!nativeInputValue.value && (focused.value || hovering.value));\nconst showPwdVisible = computed(\n () => __props.showPassword && !inputDisabled.value && !__props.readonly && !!nativeInputValue.value && (!!nativeInputValue.value || focused.value));\nconst isWordLimitVisible = computed(\n () => __props.showWordLimit && !!attrs.value.maxlength && (__props.type === 'text' || __props.type === 'textarea') && !inputDisabled.value && !__props.readonly && !__props.showPassword);\nconst textLength = computed(() => Array.from(nativeInputValue.value).length);\nconst inputExceed = computed(\n () =>\n // show exceed style if length of initial value greater then maxlength\n !!isWordLimitVisible.value && textLength.value > Number(attrs.value.maxlength)\n);\nconst suffixVisible = computed(\n () => !!slots.suffix || !!__props.suffixIcon || showClear.value || __props.showPassword || isWordLimitVisible.value || (!!validateState.value && needStatusIcon.value));\n\nconst [recordCursor, setCursor] = useCursor(input);\n\nuseResizeObserver(textarea, (entries) => {\n if (!isWordLimitVisible.value || __props.resize !== 'both') return;\n const entry = entries[0];\n const { width } = entry.contentRect;\n countStyle.value = {\n /** right: 100% - width + padding(15) + right(6) */\n right: `calc(100% - ${width + 15 + 6}px)`\n };\n});\n\nconst resizeTextarea = () => {\n if (!isClient || __props.type !== 'textarea') return;\n\n if (__props.autosize) {\n const minRows = isObject(__props.autosize) ? __props.autosize.minRows : undefined;\n const maxRows = isObject(__props.autosize) ? __props.autosize.maxRows : undefined;\n textareaCalcStyle.value = {\n ...calcTextareaHeight(textarea.value!, minRows, maxRows)\n };\n } else {\n textareaCalcStyle.value = {\n minHeight: calcTextareaHeight(textarea.value!).minHeight\n };\n }\n};\n\nconst setNativeInputValue = () => {\n const input = _ref.value;\n if (!input || input.value === nativeInputValue.value) return;\n input.value = nativeInputValue.value;\n};\n\nconst handleInput = async(event: InputEvent) => {\n recordCursor();\n\n let { value } = event.target as TargetElement;\n\n // 处理 number 下 maxlength 失效的问题\n if (attrs.value.maxlength && value.length >= attrs.value.maxlength) {\n value = value.slice(0, Number(attrs.value.maxlength));\n }\n\n if (__props.formatter) {\n value = __props.parser ? __props.parser(value) : value;\n value = __props.formatter(value);\n }\n\n // should not emit input during composition\n // see: https://github.com/ElemeFE/element/issues/10516\n if (isComposing.value) return;\n\n // hack for https://github.com/ElemeFE/element/issues/8548\n // should remove the following line when we don't support IE\n if (value === nativeInputValue.value) {\n setNativeInputValue();\n return;\n }\n\n emit(UPDATE_MODEL_EVENT, value);\n emit('input', value);\n\n // ensure native input value is controlled\n // see: https://github.com/ElemeFE/element/issues/12850\n await nextTick();\n setNativeInputValue();\n setCursor();\n};\n\nconst handleChange = (event: Event) => {\n emit('change', (event.target as TargetElement).value);\n};\n\nconst handleSuffixClick = () => {\n emit('suffixclick', __props.modelValue);\n};\n\nconst handleCompositionStart = (event: CompositionEvent) => {\n emit('compositionstart', event);\n isComposing.value = true;\n};\n\nconst isKorean = (text: string) => /([(\\uAC00-\\uD7AF)|(\\u3130-\\u318F)])+/gi.test(text);\n\nconst handleCompositionUpdate = (event: CompositionEvent) => {\n emit('compositionupdate', event);\n const text = (event.target as HTMLInputElement)?.value;\n const lastCharacter = text[text.length - 1] || '';\n isComposing.value = !isKorean(lastCharacter);\n};\n\nconst handleCompositionEnd = (event: CompositionEvent) => {\n emit('compositionend', event);\n if (isComposing.value) {\n isComposing.value = false;\n handleInput(event);\n }\n};\n\nconst handlePasswordVisible = () => {\n passwordVisible.value = !passwordVisible.value;\n focus();\n};\n\nconst focus = async() => {\n // see: https://github.com/ElemeFE/element/issues/18573\n await nextTick();\n _ref.value?.focus();\n};\n\nconst blur = () => _ref.value?.blur();\n\nconst handleFocus = (event: FocusEvent) => {\n focused.value = true;\n emit('focus', event);\n};\n\nconst handleBlur = (event: FocusEvent) => {\n focused.value = false;\n emit('blur', event);\n if (__props.validateEvent) {\n formItem?.validate?.('blur').catch((err) => debugWarn(err));\n }\n};\n\nconst handleMouseLeave = (evt: MouseEvent) => {\n hovering.value = false;\n emit('mouseleave', evt);\n};\n\nconst handleMouseEnter = (evt: MouseEvent) => {\n hovering.value = true;\n emit('mouseenter', evt);\n};\n\nconst handleKeydown = (evt: KeyboardEvent) => {\n let key = evt.key;\n if ((evt.target as TargetElement).type === 'number') {\n const forbidKey = ['e', '+', '-0', 'E'];\n if (forbidKey.includes(key)){\n evt.returnValue = false;\n return false;\n }\n }\n\n emit('keydown', evt);\n};\n\nconst select = () => {\n _ref.value?.select();\n};\n\nconst clear = () => {\n emit(UPDATE_MODEL_EVENT, '');\n emit('change', '');\n emit('clear');\n emit('input', '');\n};\n\nwatch(\n () => __props.modelValue,\n () => {\n nextTick(() => resizeTextarea());\n if (__props.validateEvent) {\n formItem?.validate?.('change').catch((err) => debugWarn(err));\n }\n }\n);\n\n// native input value is set explicitly\n// do not use v-model / :value in template\n// see: https://github.com/ElemeFE/element/issues/14521\nwatch(nativeInputValue, () => setNativeInputValue());\n\n// when change between <input> and <textarea>,\n// update DOM dependent value and styles\n// https://github.com/ElemeFE/element/issues/14857\nwatch(\n () => __props.type,\n async() => {\n await nextTick();\n setNativeInputValue();\n resizeTextarea();\n }\n);\n\nonMounted(() => {\n if (!__props.formatter && __props.parser) {\n debugWarn('VftInput', 'If you set the parser, you also need to set the formatter.');\n }\n setNativeInputValue();\n nextTick(resizeTextarea);\n});\n\ndefineExpose({\n /** @description HTML input element */\n input,\n /** @description HTML textarea element */\n textarea,\n /** @description HTML element, input or textarea */\n ref: _ref,\n /** @description style of textarea. */\n textareaStyle,\n\n /** @description from props (used on unit test) */\n autosize: __props.autosize,\n\n /** @description HTML input element native method */\n focus,\n /** @description HTML input element native method */\n blur,\n /** @description HTML input element native method */\n select,\n /** @description clear input value */\n clear,\n /** @description resize textarea. */\n resizeTextarea\n});\n</script>\n\n<template>\n <div v-show=\"type !== 'hidden'\" v-bind=\"containerAttrs\" :class=\"containerKls\"\n :style=\"containerStyle\" :role=\"containerRole\" @mouseenter=\"handleMouseEnter\"\n @mouseleave=\"handleMouseLeave\">\n \n <template v-if=\"type !== 'textarea'\">\n \n <div v-if=\"$slots.prepend\" :class=\"nsInput.be('group', 'prepend')\">\n <slot name=\"prepend\" />\n </div>\n\n <div :class=\"wrapperKls\">\n \n <span v-if=\"$slots.prefix || _prefixIcon?.icon\" :class=\"nsInput.e('prefix')\">\n <span :class=\"nsInput.e('prefix-inner')\" @click=\"focus\">\n <slot name=\"prefix\" />\n <vft-icon v-if=\"_prefixIcon?.icon\" v-bind=\"_prefixIcon\" :class=\"nsInput.e('icon')\" />\n </span>\n </span>\n\n <input\n :id=\"inputId\"\n ref=\"input\"\n :class=\"nsInput.e('inner')\"\n v-bind=\"attrs\"\n :type=\"showPassword ? (passwordVisible ? 'text' : 'password') : type\"\n :disabled=\"inputDisabled\"\n :formatter=\"formatter\"\n :parser=\"parser\"\n :readonly=\"readonly\"\n :autocomplete=\"autocomplete\"\n :tabindex=\"tabindex\"\n :aria-label=\"label\"\n :placeholder=\"placeholder\"\n :style=\"inputStyle\"\n :form=\"form\"\n @compositionstart=\"handleCompositionStart\"\n @compositionupdate=\"handleCompositionUpdate\"\n @compositionend=\"handleCompositionEnd\"\n @input=\"handleInput\"\n @focus=\"handleFocus\"\n @blur=\"handleBlur\"\n @change=\"handleChange\"\n @keydown=\"handleKeydown\"\n />\n\n \n <span v-if=\"suffixVisible\" :class=\"nsInput.e('suffix')\">\n <span :class=\"nsInput.e('suffix-inner')\" @click=\"focus\">\n <template v-if=\"!showClear || !showPwdVisible || !isWordLimitVisible\">\n <slot name=\"suffix\" />\n <vft-icon\n @click=\"handleSuffixClick\"\n v-if=\"_suffixIcon?.icon\" v-bind=\"_suffixIcon\" :class=\"nsInput.e('icon')\" />\n </template>\n <vft-icon v-if=\"showClear\" :class=\"[nsInput.e('icon'), nsInput.e('clear')]\"\n v-bind=\"_clearIcon\" @mousedown.prevent=\"noop\" @click=\"clear\" />\n <vft-icon v-if=\"showPwdVisible\" v-bind=\"passwordIcon\"\n :class=\"[nsInput.e('icon'), nsInput.e('password')]\" @click=\"handlePasswordVisible\" />\n <span v-if=\"isWordLimitVisible\" :class=\"nsInput.e('count')\">\n <span\n :class=\"nsInput.e('count-inner')\">{{ textLength }} / {{ attrs.maxlength }}</span>\n </span>\n <vft-icon\n v-if=\"validateState && validateIcon && needStatusIcon\"\n :icon=\"validateIcon\"\n :class=\"[nsInput.e('icon'), nsInput.e('validateIcon'), nsInput.is('loading', validateState === 'validating')]\"\n />\n </span>\n </span>\n </div>\n\n \n <div v-if=\"$slots.append\" :class=\"nsInput.be('group', 'append')\">\n <slot name=\"append\" />\n </div>\n </template>\n\n \n <template v-else>\n <textarea\n :id=\"inputId\"\n ref=\"textarea\"\n :class=\"nsTextarea.e('inner')\"\n v-bind=\"attrs\"\n :tabindex=\"tabindex\"\n :disabled=\"inputDisabled\"\n :readonly=\"readonly\"\n :autocomplete=\"autocomplete\"\n :style=\"textareaStyle\"\n :aria-label=\"label\"\n :placeholder=\"placeholder\"\n :form=\"form\"\n @compositionstart=\"handleCompositionStart\"\n @compositionupdate=\"handleCompositionUpdate\"\n @compositionend=\"handleCompositionEnd\"\n @input=\"handleInput\"\n @focus=\"handleFocus\"\n @blur=\"handleBlur\"\n @change=\"handleChange\"\n @keydown=\"handleKeydown\"\n />\n <span v-if=\"isWordLimitVisible\" :style=\"countStyle\"\n :class=\"nsInput.e('count')\">{{ textLength }} / {{ attrs.maxlength }}</span>\n </template>\n </div>\n</template>\n"],"names":["rawAttrs","useRawAttrs","slots","useSlots","containerAttrs","computed","comboBoxAttrs","__props","containerKls","nsTextarea","nsInput","inputSize","inputDisabled","inputExceed","focused","showClear","showPwdVisible","instance","getCurrentInstance","wrapperKls","attrs","useAttrs","_form","formItem","useFormItem","inputId","useFormItemInputId","useSize","useDisabled","useNamespace","input","shallowRef","textarea","ref","hovering","isComposing","passwordVisible","countStyle","textareaCalcStyle","_ref","_prefixIcon","singleAttrToObj","_suffixIcon","_clearIcon","needStatusIcon","validateState","validateIcon","passwordIcon","containerStyle","addUnit","textareaStyle","nativeInputValue","isNil","isWordLimitVisible","textLength","suffixVisible","recordCursor","setCursor","useCursor","useResizeObserver","entries","entry","width","resizeTextarea","isClient","minRows","isObject","maxRows","calcTextareaHeight","setNativeInputValue","handleInput","event","value","emit","UPDATE_MODEL_EVENT","nextTick","handleChange","handleSuffixClick","handleCompositionStart","isKorean","text","handleCompositionUpdate","_a","lastCharacter","handleCompositionEnd","handlePasswordVisible","focus","blur","handleFocus","handleBlur","err","debugWarn","handleMouseLeave","evt","handleMouseEnter","handleKeydown","key","select","clear","watch","onMounted","expose"],"mappings":"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"}

package/lib/packages/components/input/style/css.js ADDED Viewed

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

package/lib/packages/components/input/style/index.js ADDED Viewed

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

package/lib/packages/components/input/utils.js ADDED Viewed

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("@vft/utils");let t;const h=`
+  height:0 !important;
+  visibility:hidden !important;
+  overflow:hidden !important;
+  position:absolute !important;
+  z-index:-1000 !important;
+  top:0 !important;
+  right:0 !important;
+`,u=["letter-spacing","line-height","padding-top","padding-bottom","font-family","font-weight","font-size","text-rendering","text-transform","width","text-indent","padding-left","padding-right","border-width","box-sizing"];function m(n){const e=window.getComputedStyle(n),l=e.getPropertyValue("box-sizing"),r=Number.parseFloat(e.getPropertyValue("padding-bottom"))+Number.parseFloat(e.getPropertyValue("padding-top")),a=Number.parseFloat(e.getPropertyValue("border-bottom-width"))+Number.parseFloat(e.getPropertyValue("border-top-width"));return{contextStyle:u.map(p=>`${p}:${e.getPropertyValue(p)}`).join(";"),paddingSize:r,borderSize:a,boxSizing:l}}function x(n,e=1,l){var c;t||(t=document.createElement("textarea"),document.body.appendChild(t));const{paddingSize:r,borderSize:a,boxSizing:d,contextStyle:p}=m(n);t.setAttribute("style",`${p};${h}`),t.value=n.value||n.placeholder||"";let i=t.scrollHeight;const g={};d==="border-box"?i=i+a:d==="content-box"&&(i=i-r),t.value="";const s=t.scrollHeight-r;if(b.isNumber(e)){let o=s*e;d==="border-box"&&(o=o+r+a),i=Math.max(o,i),g.minHeight=`${o}px`}if(b.isNumber(l)){let o=s*l;d==="border-box"&&(o=o+r+a),i=Math.min(o,i)}return g.height=`${i}px`,(c=t.parentNode)==null||c.removeChild(t),t=void 0,g}exports.calcTextareaHeight=x;
+//# sourceMappingURL=utils.js.map

package/lib/packages/components/input/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sources":["../../../../../../packages/components/input/utils.ts"],"sourcesContent":["import { isNumber } from '@vft/utils';\n\nlet hiddenTextarea: HTMLTextAreaElement | undefined = undefined;\n\nconst HIDDEN_STYLE = `\n height:0 !important;\n visibility:hidden !important;\n overflow:hidden !important;\n position:absolute !important;\n z-index:-1000 !important;\n top:0 !important;\n right:0 !important;\n`;\n\nconst CONTEXT_STYLE = [\n 'letter-spacing',\n 'line-height',\n 'padding-top',\n 'padding-bottom',\n 'font-family',\n 'font-weight',\n 'font-size',\n 'text-rendering',\n 'text-transform',\n 'width',\n 'text-indent',\n 'padding-left',\n 'padding-right',\n 'border-width',\n 'box-sizing'\n];\n\ntype NodeStyle = {\n contextStyle: string;\n boxSizing: string;\n paddingSize: number;\n borderSize: number;\n};\n\ntype TextAreaHeight = {\n height: string;\n minHeight?: string;\n};\n\nfunction calculateNodeStyling(targetElement: Element): NodeStyle {\n const style = window.getComputedStyle(targetElement);\n\n const boxSizing = style.getPropertyValue('box-sizing');\n\n const paddingSize = Number.parseFloat(style.getPropertyValue('padding-bottom')) + Number.parseFloat(style.getPropertyValue('padding-top'));\n\n const borderSize = Number.parseFloat(style.getPropertyValue('border-bottom-width')) + Number.parseFloat(style.getPropertyValue('border-top-width'));\n\n const contextStyle = CONTEXT_STYLE.map((name) => `${name}:${style.getPropertyValue(name)}`).join(';');\n\n return { contextStyle, paddingSize, borderSize, boxSizing };\n}\n\nexport function calcTextareaHeight(targetElement: HTMLTextAreaElement, minRows = 1, maxRows?: number): TextAreaHeight {\n if (!hiddenTextarea) {\n hiddenTextarea = document.createElement('textarea');\n document.body.appendChild(hiddenTextarea);\n }\n\n const { paddingSize, borderSize, boxSizing, contextStyle } = calculateNodeStyling(targetElement);\n\n hiddenTextarea.setAttribute('style', `${contextStyle};${HIDDEN_STYLE}`);\n hiddenTextarea.value = targetElement.value || targetElement.placeholder || '';\n\n let height = hiddenTextarea.scrollHeight;\n const result = {} as TextAreaHeight;\n\n if (boxSizing === 'border-box') {\n height = height + borderSize;\n } else if (boxSizing === 'content-box') {\n height = height - paddingSize;\n }\n\n hiddenTextarea.value = '';\n const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;\n\n if (isNumber(minRows)) {\n let minHeight = singleRowHeight * minRows;\n if (boxSizing === 'border-box') {\n minHeight = minHeight + paddingSize + borderSize;\n }\n height = Math.max(minHeight, height);\n result.minHeight = `${minHeight}px`;\n }\n if (isNumber(maxRows)) {\n let maxHeight = singleRowHeight * maxRows;\n if (boxSizing === 'border-box') {\n maxHeight = maxHeight + paddingSize + borderSize;\n }\n height = Math.min(maxHeight, height);\n }\n result.height = `${height}px`;\n hiddenTextarea.parentNode?.removeChild(hiddenTextarea);\n hiddenTextarea = undefined;\n\n return result;\n}\n"],"names":["hiddenTextarea","HIDDEN_STYLE","CONTEXT_STYLE","calculateNodeStyling","targetElement","style","boxSizing","paddingSize","borderSize","name","calcTextareaHeight","minRows","maxRows","contextStyle","height","result","singleRowHeight","isNumber","minHeight","maxHeight","_a"],"mappings":"8GAEA,IAAIA,EAEJ,MAAMC,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUfC,EAAgB,CACpB,iBACA,cACA,cACA,iBACA,cACA,cACA,YACA,iBACA,iBACA,QACA,cACA,eACA,gBACA,eACA,YACF,EAcA,SAASC,EAAqBC,EAAmC,CACzD,MAAAC,EAAQ,OAAO,iBAAiBD,CAAa,EAE7CE,EAAYD,EAAM,iBAAiB,YAAY,EAE/CE,EAAc,OAAO,WAAWF,EAAM,iBAAiB,gBAAgB,CAAC,EAAI,OAAO,WAAWA,EAAM,iBAAiB,aAAa,CAAC,EAEnIG,EAAa,OAAO,WAAWH,EAAM,iBAAiB,qBAAqB,CAAC,EAAI,OAAO,WAAWA,EAAM,iBAAiB,kBAAkB,CAAC,EAIlJ,MAAO,CAAE,aAFYH,EAAc,IAAKO,GAAS,GAAGA,KAAQJ,EAAM,iBAAiBI,CAAI,GAAG,EAAE,KAAK,GAAG,EAE7E,YAAAF,EAAa,WAAAC,EAAY,UAAAF,CAAU,CAC5D,CAEO,SAASI,EAAmBN,EAAoCO,EAAU,EAAGC,EAAkC,OAC/GZ,IACcA,EAAA,SAAS,cAAc,UAAU,EACzC,SAAA,KAAK,YAAYA,CAAc,GAG1C,KAAM,CAAE,YAAAO,EAAa,WAAAC,EAAY,UAAAF,EAAW,aAAAO,GAAiBV,EAAqBC,CAAa,EAE/FJ,EAAe,aAAa,QAAS,GAAGa,KAAgBZ,GAAc,EACtED,EAAe,MAAQI,EAAc,OAASA,EAAc,aAAe,GAE3E,IAAIU,EAASd,EAAe,aAC5B,MAAMe,EAAS,CAAA,EAEXT,IAAc,aAChBQ,EAASA,EAASN,EACTF,IAAc,gBACvBQ,EAASA,EAASP,GAGpBP,EAAe,MAAQ,GACjB,MAAAgB,EAAkBhB,EAAe,aAAeO,EAElD,GAAAU,EAAAA,SAASN,CAAO,EAAG,CACrB,IAAIO,EAAYF,EAAkBL,EAC9BL,IAAc,eAChBY,EAAYA,EAAYX,EAAcC,GAE/BM,EAAA,KAAK,IAAII,EAAWJ,CAAM,EACnCC,EAAO,UAAY,GAAGG,KACxB,CACI,GAAAD,EAAAA,SAASL,CAAO,EAAG,CACrB,IAAIO,EAAYH,EAAkBJ,EAC9BN,IAAc,eAChBa,EAAYA,EAAYZ,EAAcC,GAE/BM,EAAA,KAAK,IAAIK,EAAWL,CAAM,CACrC,CACA,OAAAC,EAAO,OAAS,GAAGD,OACJM,EAAApB,EAAA,aAAA,MAAAoB,EAAY,YAAYpB,GACtBA,EAAA,OAEVe,CACT"}

package/lib/packages/components/link/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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 r=require("./link.vue2.js"),e=t.withInstall(r.default);exports.VftLink=e;exports.default=e;
2	+ //# sourceMappingURL=index.js.map

package/lib/packages/components/link/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":["../../../../../../packages/components/link/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Link from './link.vue'\n\nexport const VftLink = withInstall(Link)\n\nexport default VftLink\n\n"],"names":["VftLink","withInstall","Link"],"mappings":"wPAIaA,EAAUC,cAAYC,EAAI,OAAA"}

package/lib/packages/components/link/link.vue.js ADDED Viewed

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

package/lib/packages/components/link/link.vue.js.map ADDED Viewed

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

package/lib/packages/components/link/link.vue2.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@vft/utils"),s=require("../icon/index.js"),d=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 f=require("@vft/router"),t=d.useNamespace("link"),m=e.defineComponent({name:t.b()}),k=e.defineComponent({...m,props:{type:{default:"default"},underline:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},route:null,isReplace:{type:Boolean},icon:null},emits:["click"],setup(n,{emit:o}){const{go:i}=f.useRouterHelper();function c(l){n.route&&i(n.route,n.isReplace),n.disabled\|\|o("click",l)}const r=e.computed(()=>a.singleAttrToObj(n.icon,"icon"));return(l,b)=>{var u;return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([e.unref(t).b(),e.unref(t).m(n.type),e.unref(t).is("disabled",n.disabled),e.unref(t).is("underline",n.underline&&!n.disabled)]),onClick:c},[(u=e.unref(r))!=null&&u.icon?(e.openBlock(),e.createBlock(e.unref(s.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(r))),null,16)):e.createCommentVNode("",!0),l.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t).e("inner"))},[e.renderSlot(l.$slots,"default")],2)):e.createCommentVNode("",!0)],2)}}});exports.default=k;
2	+ //# sourceMappingURL=link.vue2.js.map

package/lib/packages/components/link/link.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"link.vue2.js","sources":["../../../../../../packages/components/link/link.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('link')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { singleAttrToObj } from '@vft/utils';\nimport { computed } from 'vue';\nimport { type RouteLocationRaw } from 'vue-router';\nimport { type IconProps, VftIcon as Icon } from '@vft-ui/components/icon';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { useRouterHelper, type WinOpenType } from '@vft/router';\n\ninterface Props {\n type?: 'primary' | 'success' | 'warning' | 'info' | 'danger' | 'default';\n underline?: boolean\n disabled?: boolean\n route?: WinOpenType | RouteLocationRaw\n isReplace?: boolean\n icon?: IconProps\n}\n\ndefineProps({\n \"type\": { default: 'default' },\n \"underline\": { type: Boolean, default: true },\n \"disabled\": { type: Boolean, default: false },\n \"route\": null,\n \"isReplace\": { type: Boolean, },\n \"icon\": null\n})\n\n\n\n;\n\nconst emit = defineEmits(['click']);\n\nconst { go } = useRouterHelper();\n\nfunction handleClick (event: MouseEvent) {\n if (__props.route) {\n \tgo(__props.route as RouteLocationRaw, __props.isReplace);\n }\n if (!__props.disabled) emit('click', event);\n}\n\nconst _icon = computed(() => {\n return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n</script>\n\n<template>\n <span\n :class=\"[\n ns.b(),\n ns.m(type),\n ns.is('disabled', disabled),\n ns.is('underline', underline && !disabled),\n ]\"\n @click=\"handleClick\"\n >\n <Icon v-if=\"_icon?.icon\" v-bind=\"_icon\" />\n <span v-if=\"$slots.default\" :class=\"ns.e('inner')\">\n <slot />\n </span>\n </span>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","go","useRouterHelper","handleClick","event","__props","emit","_icon","computed","singleAttrToObj"],"mappings":"+YACMA,EAAuBC,EAAAA,aAAa,MAAM,EAGhDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC,oNAiCK,KAAA,CAAE,GAAAI,GAAOC,EAAAA,kBAEf,SAASC,EAAaC,EAAmB,CACnCC,EAAQ,OACRJ,EAAAI,EAAQ,MAA2BA,EAAQ,SAAS,EAEnDA,EAAQ,UAAUC,EAAK,QAASF,CAAK,CAC5C,CAEM,MAAAG,EAAQC,EAAAA,SAAS,IACdC,kBAAgBJ,EAAQ,KAAM,MAAM,CAC5C"}

package/lib/packages/components/link/style/css.js ADDED Viewed

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

package/lib/packages/components/link/style/index.js ADDED Viewed

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

package/lib/packages/components/logo/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":["../../../../../../packages/components/logo/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils';\n\nimport Logo from './logo.vue';\n\nexport const VftLogo = withInstall(Logo);\nexport default VftLogo;\n\nexport * from './types';\n"],"names":["VftLogo","withInstall","Logo"],"mappings":"wPAIaA,EAAUC,cAAYC,EAAI,OAAA"}

package/lib/packages/components/logo/logo.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"logo.vue2.js","sources":["../../../../../../packages/components/logo/logo.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('logo')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { useRouterHelper } from '@vft/router';\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface LogoProps {\n title: string;\n logo: string;\n /** 点击 logo 跳转路径 */\n jumpPath?: string;\n}\n\ndefineProps({\n \"title\": null,\n \"logo\": null,\n \"jumpPath\": null\n})\n\n\n\n;\n\nconst getLogoClass = computed(() => [ns.b()]);\n\nconst { go } = useRouterHelper();\n\nfunction onClickLogo () {\n if (__props.jumpPath) {\n go(__props.jumpPath);\n }\n}\n\nconst logoVars = computed(() => __props.jumpPath ? {} : ns.cssVarBlock({ cursor: 'inital' }));\n</script>\n\n<template>\n <div :class=\"getLogoClass\" @click=\"onClickLogo\" :style=\"logoVars\">\n <img :class=\"ns.e('img')\" :src=\"logo\" alt=\"\" />\n <div class=\"ml-2 truncate\" :class=\"ns.e('title')\">{{ title }}</div>\n </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","getLogoClass","computed","go","useRouterHelper","onClickLogo","__props","logoVars"],"mappings":"yXACMA,EAAuBC,EAAAA,aAAa,MAAM,EAGhDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC,gFAuBD,MAAMI,EAAeC,EAAAA,SAAS,IAAM,CAACL,EAAG,EAAG,CAAA,CAAC,EAEtC,CAAE,GAAAM,GAAOC,EAAAA,kBAEf,SAASC,GAAe,CAClBC,EAAQ,UACVH,EAAGG,EAAQ,QAAQ,CAEvB,CAEA,MAAMC,EAAWL,EAAAA,SAAS,IAAMI,EAAQ,SAAW,CAAA,EAAKT,EAAG,YAAY,CAAE,OAAQ,QAAA,CAAU,CAAC"}

package/lib/packages/components/menu/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../packages/components/menu/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@vft-ui/utils'\n\nimport Menu from './menu.vue'\nimport MenuItem from './menu-item.vue'\nimport MenuItemGroup from './menu-item-group.vue'\nimport SubMenu from './sub-menu.vue'\n\nexport const VftMenu = withInstall(Menu, {\n\tMenuItem,\n\tMenuItemGroup,\n\tSubMenu,\n})\nexport default VftMenu\nexport const VftMenuItem = withNoopInstall(MenuItem)\nexport const VftMenuItemGroup = withNoopInstall(MenuItemGroup)\nexport const VftSubMenu = withNoopInstall(SubMenu)\n\nexport * from './types'\n"],"names":["VftMenu","withInstall","Menu","MenuItem","MenuItemGroup","SubMenu","VftMenuItem","withNoopInstall","VftMenuItemGroup","VftSubMenu"],"mappings":"gWAOaA,EAAUC,cAAYC,UAAM,CAAA,SACxCC,EAAA,QAAA,cACAC,EAAA,QAAA,QACAC,EAAA,OACD,CAAC,EAEYC,EAAcC,kBAAgBJ,SAAQ,EACtCK,EAAmBD,kBAAgBH,SAAa,EAChDK,EAAaF,kBAAgBF,EAAO,OAAA"}

package/lib/packages/components/menu/menu-collapse-transition.vue.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./menu-collapse-transition.vue2.js"),e=require("vue"),o=require("../../../_virtual/_plugin-vue_export-helper.js");function n(t,s,l,i,a,p){return e.openBlock(),e.createBlock(e.Transition,e.mergeProps({mode:"out-in"},t.listeners),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)}const u=o.default(r.default,[["render",n]]);exports.default=u;
2	+ //# sourceMappingURL=menu-collapse-transition.vue.js.map

package/lib/packages/components/menu/menu-collapse-transition.vue.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menu-collapse-transition.vue.js","sources":["../../../../../../packages/components/menu/menu-collapse-transition.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { addClass, hasClass, removeClass } from '@vft/utils';\n\nimport type { BaseTransitionProps, TransitionProps } from 'vue';\n\nexport default defineComponent({\n setup() {\n const ns = useNamespace('menu');\n const listeners = {\n onBeforeEnter: (el) => (el.style.opacity = '0.2'),\n onEnter(el, done) {\n addClass(el, `${ns.namespace.value}-opacity-transition`);\n el.style.opacity = '1';\n done();\n },\n\n onAfterEnter(el) {\n removeClass(el, `${ns.namespace.value}-opacity-transition`);\n el.style.opacity = '';\n },\n\n onBeforeLeave(el) {\n if (!el.dataset) {\n ;(el as any).dataset = {};\n }\n\n if (hasClass(el, ns.m('collapse'))) {\n removeClass(el, ns.m('collapse'));\n el.dataset.oldOverflow = el.style.overflow;\n el.dataset.scrollWidth = el.clientWidth.toString();\n addClass(el, ns.m('collapse'));\n } else {\n addClass(el, ns.m('collapse'));\n el.dataset.oldOverflow = el.style.overflow;\n el.dataset.scrollWidth = el.clientWidth.toString();\n removeClass(el, ns.m('collapse'));\n }\n\n el.style.width = `${el.scrollWidth}px`;\n el.style.overflow = 'hidden';\n },\n\n onLeave(el: HTMLElement) {\n addClass(el, 'horizontal-collapse-transition');\n el.style.width = `${el.dataset.scrollWidth}px`;\n }\n } as BaseTransitionProps<HTMLElement> as TransitionProps;\n\n return {\n listeners\n };\n }\n});\n</script>\n\n<template>\n <transition mode=\"out-in\" v-bind=\"listeners\">\n <slot />\n </transition>\n</template>\n"],"names":["_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createBlock","_Transition","_mergeProps","_withCtx"],"mappings":"+OA2DY,SAAAA,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,QAARC,YAAQ,EAAAC,cAAAC,EAAAA,WAAAC,EAAA,WAAA,CAAA,KAAA,QAAA,EAAAT,EAAA,SAAA,EAAA,CAAA,QAAAU,EAAA,QAAA,IAAA"}

package/lib/packages/components/menu/menu-collapse-transition.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menu-collapse-transition.vue2.js","sources":["../../../../../../packages/components/menu/menu-collapse-transition.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { addClass, hasClass, removeClass } from '@vft/utils';\n\nimport type { BaseTransitionProps, TransitionProps } from 'vue';\n\nexport default defineComponent({\n setup() {\n const ns = useNamespace('menu');\n const listeners = {\n onBeforeEnter: (el) => (el.style.opacity = '0.2'),\n onEnter(el, done) {\n addClass(el, `${ns.namespace.value}-opacity-transition`);\n el.style.opacity = '1';\n done();\n },\n\n onAfterEnter(el) {\n removeClass(el, `${ns.namespace.value}-opacity-transition`);\n el.style.opacity = '';\n },\n\n onBeforeLeave(el) {\n if (!el.dataset) {\n ;(el as any).dataset = {};\n }\n\n if (hasClass(el, ns.m('collapse'))) {\n removeClass(el, ns.m('collapse'));\n el.dataset.oldOverflow = el.style.overflow;\n el.dataset.scrollWidth = el.clientWidth.toString();\n addClass(el, ns.m('collapse'));\n } else {\n addClass(el, ns.m('collapse'));\n el.dataset.oldOverflow = el.style.overflow;\n el.dataset.scrollWidth = el.clientWidth.toString();\n removeClass(el, ns.m('collapse'));\n }\n\n el.style.width = `${el.scrollWidth}px`;\n el.style.overflow = 'hidden';\n },\n\n onLeave(el: HTMLElement) {\n addClass(el, 'horizontal-collapse-transition');\n el.style.width = `${el.dataset.scrollWidth}px`;\n }\n } as BaseTransitionProps<HTMLElement> as TransitionProps;\n\n return {\n listeners\n };\n }\n});\n</script>\n\n<template>\n <transition mode=\"out-in\" v-bind=\"listeners\">\n <slot />\n </transition>\n</template>\n"],"names":["_sfc_main","defineComponent","ns","useNamespace","el","done","addClass","removeClass","hasClass"],"mappings":"wVAOAA,EAAeC,kBAAgB,CAC7B,OAAQ,CACA,MAAAC,EAAKC,eAAa,MAAM,EAyCvB,MAAA,CACL,UAzCgB,CAChB,cAAgBC,GAAQA,EAAG,MAAM,QAAU,MAC3C,QAAQA,EAAIC,EAAM,CAChBC,EAAA,SAASF,EAAI,GAAGF,EAAG,UAAU,0BAA0B,EACvDE,EAAG,MAAM,QAAU,IACdC,GACP,EAEA,aAAaD,EAAI,CACfG,EAAA,YAAYH,EAAI,GAAGF,EAAG,UAAU,0BAA0B,EAC1DE,EAAG,MAAM,QAAU,EACrB,EAEA,cAAcA,EAAI,CACXA,EAAG,UACJA,EAAW,QAAU,IAGrBI,EAAAA,SAASJ,EAAIF,EAAG,EAAE,UAAU,CAAC,GAC/BK,EAAAA,YAAYH,EAAIF,EAAG,EAAE,UAAU,CAAC,EAC7BE,EAAA,QAAQ,YAAcA,EAAG,MAAM,SAClCA,EAAG,QAAQ,YAAcA,EAAG,YAAY,SAAS,EACjDE,EAAAA,SAASF,EAAIF,EAAG,EAAE,UAAU,CAAC,IAE7BI,EAAAA,SAASF,EAAIF,EAAG,EAAE,UAAU,CAAC,EAC1BE,EAAA,QAAQ,YAAcA,EAAG,MAAM,SAClCA,EAAG,QAAQ,YAAcA,EAAG,YAAY,SAAS,EACjDG,EAAAA,YAAYH,EAAIF,EAAG,EAAE,UAAU,CAAC,GAG/BE,EAAA,MAAM,MAAQ,GAAGA,EAAG,gBACvBA,EAAG,MAAM,SAAW,QACtB,EAEA,QAAQA,EAAiB,CACvBE,WAASF,EAAI,gCAAgC,EAC7CA,EAAG,MAAM,MAAQ,GAAGA,EAAG,QAAQ,eACjC,CAAA,CAIA,CAEJ,CACF,CAAC"}

package/lib/packages/components/menu/menu-item-group.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menu-item-group.vue2.js","sources":["../../../../../../packages/components/menu/menu-item-group.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('menu-item-group')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<template>\n <li :class=\"ns.b()\">\n <div :class=\"ns.e('title')\">\n <template v-if=\"!$slots.title\">{{ title }}</template>\n <slot v-else name=\"title\" />\n </div>\n <ul>\n <slot />\n </ul>\n </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface Props {\n\ttitle?: string\n}\n\ndefineProps({\n \"title\": null\n});\n\n\n\n;\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent"],"mappings":"gVACA,MAAMA,EAAuBC,EAAAA,aAAa,iBAAiB,EAG3DC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC"}

package/lib/packages/components/menu/menu-item.vue2.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vft/utils");require("@vue/shared");const x=require("../../utils/error.js"),c=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");const A=require("./use-menu.js"),y=require("../divider/index.js"),U=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");const $=require("../tooltip/index.js");require("../popover/index.js");require("./index.js");require("@vft/use");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 E=["title"],a=c.useNamespace("menu-item"),I=e.defineComponent({name:a.b()}),S=e.defineComponent({...I,props:{index:null,route:null,disabled:{type:Boolean},icon:null,title:null,isAloneUse:{type:Boolean},divider:{type:Boolean},className:null,reverse:{type:Boolean}},emits:["click"],setup(n,{emit:C}){const s=e.getCurrentInstance(),V=c.useNamespace("menu"),l=c.useNamespace("menu-item"),r=n.isAloneUse?null:e.inject("rootMenu");!r&&!n.isAloneUse&&x.throwError(a.b(),"can not inject root menu");const{parentMenu:d,indexPath:m}=A.default(s,e.computed(()=>n.index)),t=n.isAloneUse?null:e.inject(`subMenu:${d.value.uid}`);!t&&!n.isAloneUse&&x.throwError(a.b(),"can not inject sub menu");const q=e.computed(()=>n.index===(r==null?void 0:r.activeIndex)),i=e.reactive({index:n.index,indexPath:m,active:q}),h=()=>{n.disabled\|\|(r==null\|\|r.handleMenuItemClick({index:n.index,indexPath:m.value,route:n.route}),C("click",i))},f=e.computed(()=>o.singleAttrToObj(n.icon,"icon")),k=e.computed(()=>o.renderTNode(s,"title"));return e.onMounted(()=>{n.isAloneUse\|\|(t==null\|\|t.addSubMenu(i),r==null\|\|r.addMenuItem(i))}),e.onBeforeUnmount(()=>{n.isAloneUse\|\|(t==null\|\|t.removeSubMenu(i),r==null\|\|r.removeMenuItem(i))}),(u,j)=>{var v,B,b,N,g;return e.openBlock(),e.createElementBlock(e.Fragment,null,[n.reverse&&n.divider?(e.openBlock(),e.createBlock(e.unref(y.VftDivider),{key:0,marginY:"0"})):e.createCommentVNode("",!0),e.createElementVNode("li",{class:e.normalizeClass([n.className,e.unref(l).b(),e.unref(l).is("active",n.isAloneUse?!1:e.unref(q)),e.unref(l).is("disabled",n.disabled)]),role:"menuitem",tabindex:"-1",onClick:h},[((B=(v=e.unref(d))==null?void 0:v.type)==null?void 0:B.name)==="vft-menu"&&((b=e.unref(r))!=null&&b.props.collapse)&&u.$slots.title?(e.openBlock(),e.createBlock(e.unref($.VftTooltip),{key:0,placement:"right","fallback-placements":["left"],persistent:""},{content:e.withCtx(()=>[e.renderSlot(u.$slots,"title")]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(V).be("tooltip","trigger"))},[e.renderSlot(u.$slots,"default")],2)]),_:3})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[(N=u.$slots)!=null&&N.default?e.renderSlot(u.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[(g=e.unref(f))!=null&&g.icon?(e.openBlock(),e.createBlock(e.unref(U.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(f))),null,16)):e.createCommentVNode("",!0),e.createElementVNode("span",{title:e.unref(k)},[e.createVNode(e.unref(o.VNode),{content:e.unref(k)},null,8,["content"])],8,E)],64))],64))],2),!n.reverse&&n.divider?(e.openBlock(),e.createBlock(e.unref(y.VftDivider),{key:1,marginY:"0"})):e.createCommentVNode("",!0)],64)}}});exports.default=S;
2	+ //# sourceMappingURL=menu-item.vue2.js.map

package/lib/packages/components/menu/menu-item.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menu-item.vue2.js","sources":["../../../../../../packages/components/menu/menu-item.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('menu-item')\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 { renderTNode, singleAttrToObj, VNode } from '@vft/utils';\nimport { computed, getCurrentInstance, inject, onBeforeUnmount, onMounted, reactive } from 'vue';\nimport { throwError } from '@vft-ui/utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { type RouteLocationRaw } from 'vue-router';\nimport useMenu from './use-menu';\nimport { VftIcon as Icon, type IconProps, VftTooltip as Tooltip, VftDivider } from '@vft-ui/components';\n\nimport type { MenuItemRegistered, MenuProvider, SubMenuProvider } from './types';\n\ninterface Props {\n /** 唯一标志 */\n index?: string;\n /** Vue Router 路径对象 */\n route?: RouteLocationRaw;\n /** 是否禁用 */\n disabled?: boolean;\n icon?: IconProps;\n title?: string;\n isAloneUse?: boolean;\n divider?: boolean;\n className?: string\n reverse?: boolean\n}\n\ndefineProps({\n \"index\": null,\n \"route\": null,\n \"disabled\": { type: Boolean, },\n \"icon\": null,\n \"title\": null,\n \"isAloneUse\": { type: Boolean, },\n \"divider\": { type: Boolean, },\n \"className\": null,\n \"reverse\": { type: Boolean, }\n})\n\n\n\nconst emit = defineEmits(['click']);\n\n;\n\nconst instance = getCurrentInstance()!;\n\nconst nsMenu = useNamespace('menu');\n\nconst nsMenuItem = useNamespace('menu-item');\n\n// 获取来自 menu.vue 中注入的数据\nconst rootMenu = !__props.isAloneUse ? inject<MenuProvider>('rootMenu') : null;\nif (!rootMenu && !__props.isAloneUse) throwError(ns.b(), 'can not inject root menu');\n\n// indexPath：当前 menu-item 对应的 index 和 vft-sub-menu 的 index，parentMenu 为 vft-sub-menu 组件\nconst { parentMenu, indexPath } = useMenu(\n instance,\n computed(() => __props.index!)\n);\n\n// 注入来自 sub-menu 中的 provide 数据\nconst subMenu = !__props.isAloneUse ? inject<SubMenuProvider>(`subMenu:${parentMenu.value.uid}`) : null;\nif (!subMenu && !__props.isAloneUse) throwError(ns.b(), 'can not inject sub menu');\n\n// 当前是否为 active\nconst active = computed(() => __props.index === rootMenu?.activeIndex);\n\nconst item: MenuItemRegistered = reactive({\n index: __props.index!,\n indexPath,\n active\n});\n\n// 点击具体菜单项\nconst handleClick = () => {\n if (!__props.disabled) {\n rootMenu?.handleMenuItemClick({\n index: __props.index!,\n indexPath: indexPath.value,\n route: __props.route\n });\n emit('click', item);\n }\n};\n\nconst _icon = computed(() => {\n return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n\nconst title = computed(() => {\n return renderTNode(instance, 'title');\n});\n\nonMounted(() => {\n if (!__props.isAloneUse) {\n // 触发 sub-menu,vue 中的 addSubMenu\n subMenu?.addSubMenu(item);\n // 触发 menu.vue 中的 addMenuItem 更新 items\n rootMenu?.addMenuItem(item);\n }\n});\n\nonBeforeUnmount(() => {\n if (!__props.isAloneUse) {\n subMenu?.removeSubMenu(item);\n rootMenu?.removeMenuItem(item);\n }\n});\n</script>\n\n<template>\n <vft-divider v-if=\"reverse && divider\" marginY=\"0\" />\n <li :class=\"[className, nsMenuItem.b(), nsMenuItem.is('active', isAloneUse ? false : active), nsMenuItem.is('disabled', disabled)]\" role=\"menuitem\" tabindex=\"-1\" @click=\"handleClick\">\n <tooltip\n v-if=\"parentMenu?.type?.name === 'vft-menu' && rootMenu?.props.collapse && $slots.title\"\n placement=\"right\" :fallback-placements=\"['left']\" persistent>\n <template #content>\n <slot name=\"title\" />\n </template>\n <div :class=\"nsMenu.be('tooltip', 'trigger')\">\n <slot />\n </div>\n </tooltip>\n <template v-else>\n <slot v-if=\"$slots?.default\"/>\n <template v-else>\n <Icon v-if=\"_icon?.icon\" v-bind=\"_icon\" />\n <span :title=\"title\"><v-node :content=\"title\" /></span>\n </template>\n </template>\n </li>\n <vft-divider v-if=\"!reverse && divider\" marginY=\"0\" />\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","nsMenu","nsMenuItem","rootMenu","__props","inject","throwError","parentMenu","indexPath","useMenu","computed","subMenu","active","item","reactive","handleClick","emit","_icon","singleAttrToObj","title","renderTNode","onMounted","onBeforeUnmount"],"mappings":"u/CACMA,EAAuBC,EAAAA,aAAa,WAAW,EAGrDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,gOA6CD,MAAMI,EAAWC,EAAAA,qBAEXC,EAASL,eAAa,MAAM,EAE5BM,EAAaN,eAAa,WAAW,EAGrCO,EAAYC,EAAQ,WAAgD,KAAnCC,EAAAA,OAAqB,UAAU,EAClE,CAACF,GAAY,CAACC,EAAQ,YAAuBE,EAAAA,WAAAX,EAAG,EAAE,EAAG,0BAA0B,EAG7E,KAAA,CAAE,WAAAY,EAAY,UAAAC,CAAA,EAAcC,EAAA,QAChCV,EACAW,WAAS,IAAMN,EAAQ,KAAM,CAAA,EAIzBO,EAAWP,EAAQ,WAA0E,KAA7DC,EAAAA,OAAwB,WAAWE,EAAW,MAAM,KAAK,EAC3F,CAACI,GAAW,CAACP,EAAQ,YAAuBE,EAAAA,WAAAX,EAAG,EAAE,EAAG,yBAAyB,EAGjF,MAAMiB,EAASF,EAAAA,SAAS,IAAMN,EAAQ,SAAUD,GAAA,YAAAA,EAAU,YAAW,EAE/DU,EAA2BC,EAAAA,SAAS,CACxC,MAAOV,EAAQ,MACf,UAAAI,EACA,OAAAI,CAAA,CACD,EAGKG,EAAc,IAAM,CACnBX,EAAQ,WACXD,GAAA,MAAAA,EAAU,oBAAoB,CAC5B,MAAOC,EAAQ,MACf,UAAWI,EAAU,MACrB,MAAOJ,EAAQ,KAAA,GAEjBY,EAAK,QAASH,CAAI,EACpB,EAGII,EAAQP,EAAAA,SAAS,IACdQ,kBAAgBd,EAAQ,KAAM,MAAM,CAC5C,EAEKe,EAAQT,EAAAA,SAAS,IACdU,EAAA,YAAYrB,EAAU,OAAO,CACrC,EAEDsB,OAAAA,EAAAA,UAAU,IAAM,CACTjB,EAAQ,aAEXO,GAAA,MAAAA,EAAS,WAAWE,GAEpBV,GAAA,MAAAA,EAAU,YAAYU,GACxB,CACD,EAEDS,EAAAA,gBAAgB,IAAM,CACflB,EAAQ,aACXO,GAAA,MAAAA,EAAS,cAAcE,GACvBV,GAAA,MAAAA,EAAU,eAAeU,GAC3B,CACD"}

package/lib/packages/components/menu/menu.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menu.vue2.js","sources":["../../../../../../packages/components/menu/menu.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('menu')\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 {\n computed,\n getCurrentInstance,\n h,\n nextTick,\n onMounted,\n provide,\n reactive,\n ref,\n watch,\n watchEffect,\n useSlots\n} from 'vue';\nimport { useResizeObserver } from '@vueuse/core';\nimport { flattedChildren } from '../../utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport Menubar from './utils/menu-bar';\nimport MenuCollapseTransition from './menu-collapse-transition.vue';\nimport SubMenu from './sub-menu.vue';\nimport { useMenuCssVar } from './use-menu-css-var';\nimport type { MenuProvider, SubMenuProvider } from './types';\nimport type { Router } from 'vue-router';\nimport type { VNode, VNodeArrayChildren } from 'vue';\nimport type { UseResizeObserverReturn } from '@vueuse/core';\nimport Icon from '@vft-ui/components/icon';\n\ninterface MenuProps {\n /** 菜单展示模式 */\n mode?: 'horizontal' | 'vertical';\n /** 页面加载时默认激活菜单的 index（menu-item 的index） */\n defaultActive?: string;\n /** 默认打开的 sub-menu 的 index 的数组 */\n defaultOpeneds?: string[];\n /** 是否只保持一个子菜单的展开 */\n uniqueOpened?: boolean;\n /** 是否启用 vue-router 模式。启用该模式会在激活导航时以 index 作为 path 进行路由跳转使用 default-active 来设置加载时的激活项 */\n router?: boolean;\n /** 子菜单打开的触发方式，只在 mode 为 horizontal 时有效 */\n menuTrigger?: 'hover' | 'click';\n collapse?: boolean;\n /** 是否水平折叠收起菜单（仅在 mode 为 vertical 时可用) */\n backgroundColor?: string;\n textColor?: string;\n activeTextColor?: string;\n /** 是否开启折叠动画 */\n collapseTransition?: boolean;\n /** 是否省略多余的子项（仅在横向模式生效） */\n ellipsis?: boolean;\n}\n\ndefineProps({\n \"mode\": { default: 'vertical' },\n \"defaultActive\": { default: '' },\n \"defaultOpeneds\": { default: [] },\n \"uniqueOpened\": { type: Boolean, },\n \"router\": { type: Boolean, },\n \"menuTrigger\": { default: 'hover' },\n \"collapse\": { type: Boolean, },\n \"backgroundColor\": null,\n \"textColor\": null,\n \"activeTextColor\": null,\n \"collapseTransition\": { type: Boolean, default: true },\n \"ellipsis\": { type: Boolean, default: true }\n})\n\nconst emit = defineEmits([\n 'close',\n 'open',\n 'select'\n]);\n\n\n\n;\n\nconst slots = useSlots();\n\nconst instance = getCurrentInstance()!;\n\n// get router instance\nconst _router = instance.appContext.config.globalProperties.$router as Router;\n\nconst menu = ref<HTMLUListElement>();\n\nconst nsSubMenu = useNamespace('sub-menu');\n\n// data\nconst sliceIndex = ref(-1);\n\n// 展开的菜单项数组 defaultOpeneds 配置的对应 sub-menu 中的数组，并且菜单不能是收缩状态\nconst openedMenus = ref<MenuProvider['openedMenus']>(\n __props.defaultOpeneds && !__props.collapse ? __props.defaultOpeneds.slice(0) : []\n);\n\n// 页面加载时默认激活菜单的 index，最终提供给 menu-item 去使用\nconst activeIndex = ref<MenuProvider['activeIndex']>(__props.defaultActive);\n\n/**\n * 主要是存储 menu-item 中的菜单项\n * 格式如下\n * ```\n * {\n * 1-1:{index: '1-1', indexPath: ['mio', '1-1'], active: false},\n * 1-2:{index: '1-2', indexPath: ['mio', '1-2'], active: false}\n * }\n * ```\n */\nconst items = ref<MenuProvider['items']>({});\n\n/**\n * 主要是存储 sub-menu 中的菜单项\n * 格式如下\n * ```\n * {\n * mio:{index: 'mio', indexPath: ['mio'], active: false},\n * test:{index: 'test', indexPath: ['test'], active: false}\n * }\n * ```\n */\nconst subMenus = ref<MenuProvider['subMenus']>({});\n\n/**\n * @description 是否需要 tooltip 1.水平模式的菜单需要 2.竖直类型的菜单在收缩时需要\n * @author wfd\n * @date 2022/11/8 13:22\n * @example\n * @type {ComputedRef<MenuProvider[\"isMenuPopup\"]>}\n */\nconst isMenuPopup = computed<MenuProvider['isMenuPopup']>(() => {\n return __props.mode === 'horizontal' || (__props.mode === 'vertical' && __props.collapse) as MenuProvider['isMenuPopup'];\n});\n\n// 当配置了 defaultActive 时菜单的展开设置\nconst initMenu = () => {\n // 如果设置了 activeIndex 且当前的 activeIndex 项在 items 中存在\n // 获取当前激活菜单的 item {index: '1-1', indexPath: ['mio', '1-1'], active: false}\n const activeItem = activeIndex.value && items.value[activeIndex.value];\n // 只在竖直模式，且非折叠模式，且子菜单配置为激活时触发\n if (!activeItem || __props.mode === 'horizontal' || __props.collapse) return;\n // ['mio', '1-1']\n const indexPath = activeItem.indexPath;\n\n // 展开该菜单项的路径上所有子菜单\n indexPath.forEach((index) => {\n // {index: 'mio', indexPath: ['mio'], active: false}\n const subMenu = subMenus.value[index];\n subMenu && openMenu(index, subMenu.indexPath);\n });\n};\n\n/**\n * @description 展开子菜单\n * @author wfd\n * @date 2022/11/8 16:44\n * @example\n * @param {string} index\n * @param {string[]} indexPath\n */\nconst openMenu: MenuProvider['openMenu'] = (index: string, indexPath: string[]) => {\n // 如果当前点击的 index 在 openedMenus 中，则不向下执行操作\n if (openedMenus.value.includes(index)) return;\n // 将不在该菜单路径下的其余菜单收起\n if (__props.uniqueOpened) {\n openedMenus.value = openedMenus.value.filter((index: string) => indexPath.includes(index));\n }\n // 将点击的 index 加入到 openedMenus 中\n openedMenus.value.push(index);\n emit('open', index, indexPath);\n};\n\n/**\n * @description 关闭当前点击的 sub-menu 对应的 index，主要是从 openedMenus 移除该项\n * @author wfd\n * @date 2022/11/8 16:43\n * @example\n * @param {string} index\n * @param {string[]} indexPath\n */\nconst closeMenu: MenuProvider['closeMenu'] = (index, indexPath) => {\n const i = openedMenus.value.indexOf(index);\n if (i !== -1) {\n openedMenus.value.splice(i, 1);\n }\n emit('close', index, indexPath);\n};\n\n// sub-menu 点击事件，主要是展开收缩菜单，通过控制 openedMenus 的值\nconst handleSubMenuClick: MenuProvider['handleSubMenuClick'] = ({ index, indexPath }) => {\n // 判断当前点击的 sub-menu 菜单是否已经在 openedMenus 中\n const isOpened = openedMenus.value.includes(index);\n\n // 如果已经在 openedMenus 中，代表当前菜单已经展开（展开则调用 close 关闭），否则未打开（则调用 open 给展开）\n if (isOpened) {\n closeMenu(index, indexPath);\n } else {\n openMenu(index, indexPath);\n }\n};\n\n/**\n * @description 子项点击跳转事件，如果 menu.vue 配置了 route 为 true，则执行路由跳转，否则触发\n * emit('select') 只返回数据\n * @author wfd\n * @date 2022/11/8 18:30\n * @example\n * @param {MenuItemClicked} menuItem\n */\nconst handleMenuItemClick: MenuProvider['handleMenuItemClick'] = (menuItem) => {\n\n if (__props.mode === 'horizontal' || __props.collapse) {\n openedMenus.value = [];\n }\n const { index, indexPath } = menuItem;\n if (index === undefined || indexPath === undefined) return;\n\n if (__props.router && _router) {\n // 路由跳转的路径如果 menu-item 配置了则，采用 menu-item 的，否则采用 index 为 router 路径\n const route = menuItem.route || index;\n const routerResult = _router.push(route).then((res) => {\n if (!res) activeIndex.value = index;\n return res;\n });\n emit('select', menuItem, routerResult);\n } else {\n activeIndex.value = index;\n\n emit('select', menuItem);\n }\n};\n\n/**\n * 更新 activeIndex\n * @param {string} val\n */\nconst updateActiveIndex = (val: string) => {\n const itemsInData = items.value;\n // 首先从最新的 val 中去 items 取数据，如果没有取到再去 items 对应的 activeIndex 去取\n const item = itemsInData[val] || (activeIndex.value && itemsInData[activeIndex.value]) || itemsInData[__props.defaultActive];\n\n // 更新 activeIndex\n if (item) {\n activeIndex.value = item.index;\n } else {\n activeIndex.value = val;\n }\n};\n\nconst calcSliceIndex = () => {\n if (!menu.value) return -1;\n const items = Array.from(menu.value?.childNodes ?? []).filter(\n (item) => item.nodeName !== '#text' || item.nodeValue) as HTMLElement[];\n const moreItemWidth = 64;\n const paddingLeft = Number.parseInt(getComputedStyle(menu.value!).paddingLeft, 10);\n const paddingRight = Number.parseInt(getComputedStyle(menu.value!).paddingRight, 10);\n const menuWidth = menu.value!.clientWidth - paddingLeft - paddingRight;\n let calcWidth = 0;\n let sliceIndex = 0;\n items.forEach((item, index) => {\n calcWidth += item.offsetWidth || 0;\n if (calcWidth <= menuWidth - moreItemWidth) {\n sliceIndex = index + 1;\n }\n });\n return sliceIndex === items.length ? -1 : sliceIndex;\n};\n\n// 常见的计算机监视器FPS为60Hz，这意味着每秒重画60次。计算公式：1000ms60≈ 16.67ms，为了避免“调整大小”时重复触发的特定机会，将等待设置为16.67 2=33.34\nconst debounce = (fn: () => void, wait = 33.34) => {\n let timmer: ReturnType<typeof setTimeout> | null;\n return () => {\n timmer && clearTimeout(timmer);\n timmer = setTimeout(() => {\n fn();\n }, wait);\n };\n};\n\nlet isFirstTimeRender = true;\nconst handleResize = () => {\n const callback = () => {\n sliceIndex.value = -1;\n nextTick(() => {\n sliceIndex.value = calcSliceIndex();\n });\n };\n // 第一次调整大小时直接执行回调以避免抖动\n isFirstTimeRender ? callback() : debounce(callback)();\n isFirstTimeRender = false;\n};\n\n// defaultActive 变化时触发时更新 activeIndex\nwatch(\n () => __props.defaultActive,\n (currentActive) => {\n // 如果最新的 defaultActive 在 items 中不存在则 activeIndex 更新为空\n if (!items.value[currentActive]) {\n activeIndex.value = '';\n }\n updateActiveIndex(currentActive);\n }\n);\n\nwatch(\n () => __props.collapse,\n (value) => {\n if (value) openedMenus.value = [];\n }\n);\n\n// 监控 items 的变化(在 menu-item.vue 中的 onMounted 中执行产生变化)，然后执行 initMenu\nwatch(items.value, initMenu);\n\nlet resizeStopper: UseResizeObserverReturn['stop'];\nwatchEffect(() => {\n if (__props.mode === 'horizontal' && __props.ellipsis) resizeStopper = useResizeObserver(menu, handleResize).stop;\n else resizeStopper?.();\n});\n\n// 提供给 sub-menu.vue 使用，将每一个 sub-menu 的数据存储在 subMenus 中\nconst addSubMenu: MenuProvider['addSubMenu'] = (item) => {\n subMenus.value[item.index] = item;\n};\n\nconst removeSubMenu: MenuProvider['removeSubMenu'] = (item) => {\n delete subMenus.value[item.index];\n};\n\n/**\n * 此函数在 menu-item 中触发，items.value 默认为空对象\n * 最后添加后的 items 格式如下\n * ```\n * {\n * 1-1:{index: '1-1', indexPath: ['mio', '1-1'], active: false},\n * 1-2:{index: '1-2', indexPath: ['mio', '1-2'], active: false}\n * }\n * ```\n * @param {MenuItemRegistered} item\n */\nconst addMenuItem: MenuProvider['addMenuItem'] = (item) => {\n items.value[item.index] = item;\n};\n\nconst removeMenuItem: MenuProvider['removeMenuItem'] = (item) => {\n delete items.value[item.index];\n};\n\n/**\n * 提供以下方法与属性给 sub-menu.vue 使用\n */\nprovide<MenuProvider>(\n 'rootMenu',\n reactive({\n props: instance.props,\n openedMenus,\n items,\n subMenus,\n activeIndex,\n isMenuPopup,\n\n addMenuItem,\n removeMenuItem,\n addSubMenu,\n removeSubMenu,\n openMenu,\n closeMenu,\n handleMenuItemClick,\n handleSubMenuClick\n })\n);\n\nprovide<SubMenuProvider>(`subMenu:${instance.uid}`, {\n addSubMenu,\n removeSubMenu,\n mouseInChild: ref(false),\n // 表示当前是第一级的 sub-menu\n level: 0\n});\n\nonMounted(() => {\n if (__props.mode === 'horizontal') {\n new Menubar(instance.vnode.el!, ns.namespace.value);\n }\n});\n\n// 触发展开菜单事件\nconst open = (index: string) => {\n const { indexPath } = subMenus.value[index];\n indexPath.forEach((i) => openMenu(i, indexPath));\n};\n\ndefineExpose({\n open,\n close: closeMenu,\n handleResize\n});\n\ndefineRender(() => {\n let slot: VNodeArrayChildren = slots.default?.() ?? [];\n const vShowMore: VNode[] = [];\n\n // 水平默认下执行\n if (__props.mode === 'horizontal' && menu.value) {\n const originalSlot = flattedChildren(slot) as VNodeArrayChildren;\n const slotDefault = sliceIndex.value === -1 ? originalSlot : originalSlot.slice(0,\n sliceIndex.value);\n\n const slotMore = sliceIndex.value === -1 ? [] : originalSlot.slice(sliceIndex.value);\n\n if (slotMore?.length && __props.ellipsis) {\n slot = slotDefault;\n vShowMore.push(\n h(\n SubMenu,\n {\n index: 'sub-menu-more',\n class: nsSubMenu.e('hide-arrow')\n },\n {\n title: () => h(\n Icon,\n {\n icon: 'vi-item',\n class: nsSubMenu.e('icon-more')\n }\n ),\n default: () => slotMore\n }\n )\n );\n }\n }\n\n const ulStyle = useMenuCssVar(instance.props, 0);\n\n const vMenu = h(\n 'ul',\n {\n key: String(__props.collapse),\n role: 'menubar',\n ref: menu,\n style: ulStyle.value,\n class: {\n [ns.b()]: true,\n [ns.m(__props.mode)]: true,\n [ns.m('collapse')]: __props.collapse\n }\n },\n [...slot, ...vShowMore]\n );\n\n if (__props.collapseTransition && __props.mode === 'vertical') {\n return h(MenuCollapseTransition, () => vMenu);\n }\n\n return vMenu;\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","slots","useSlots","instance","getCurrentInstance","_router","menu","ref","nsSubMenu","sliceIndex","openedMenus","__props","activeIndex","items","subMenus","isMenuPopup","computed","initMenu","activeItem","index","subMenu","openMenu","indexPath","emit","closeMenu","i","handleSubMenuClick","handleMenuItemClick","menuItem","route","routerResult","res","updateActiveIndex","val","itemsInData","item","calcSliceIndex","_a","moreItemWidth","paddingLeft","paddingRight","menuWidth","calcWidth","debounce","fn","wait","timmer","isFirstTimeRender","handleResize","callback","nextTick","watch","currentActive","value","resizeStopper","watchEffect","useResizeObserver","addSubMenu","removeSubMenu","addMenuItem","removeMenuItem","provide","reactive","onMounted","Menubar","expose","slot","vShowMore","originalSlot","flattedChildren","slotDefault","slotMore","h","SubMenu","Icon","ulStyle","useMenuCssVar","vMenu","MenuCollapseTransition"],"mappings":"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"}

package/lib/packages/components/menu/style/css.js.map ADDED Viewed

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

package/lib/packages/components/menu/sub-menu.vue2.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../divider/index.js");const N=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");const Q=require("../collapse-transition/index.js"),W=require("../tooltip/index.js");require("../popover/index.js");require("./index.js");const O=require("@vft/utils");require("@vft/use");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 w=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");const R=require("@vueuse/core");require("@vue/shared");const D=require("../../utils/error.js"),X=require("./use-menu.js"),Y=require("./use-menu-css-var.js"),y=w.useNamespace("sub-menu"),_=e.defineComponent({name:y.b()}),ee=e.defineComponent({..._,props:{index:null,showTimeout:{default:300},hideTimeout:{default:300},popperClass:null,disabled:{type:Boolean},popperAppendToBody:{type:Boolean,default:void 0},popperOffset:{default:6},expandIcon:{default:{}},collapseIcon:{default:{}},title:null,icon:null,showArrow:{type:Boolean,default:!0},toolTipCfg:null},setup(t,{expose:H}){const v=e.getCurrentInstance(),{indexPath:h,parentMenu:S}=X.default(v,e.computed(()=>t.index)),a=w.useNamespace("menu"),i=w.useNamespace("sub-menu"),o=e.inject("rootMenu");o\|\|D.throwError(y.b(),"can not inject root menu");const l=e.inject(`subMenu:${S.value.uid}`);l\|\|D.throwError(y.b(),"can not inject sub menu");const C=e.ref({});let s;const I=e.ref(!1),L=e.ref(),k=e.ref(null),z=e.computed(()=>d.value==="horizontal"&&q.value?"bottom-start":"right-start"),q=e.computed(()=>l.level===0),x=e.computed(()=>t.popperAppendToBody===void 0?q.value:Boolean(t.popperAppendToBody)),U=e.computed(()=>o.props.collapse?`${a.namespace.value}-zoom-in-left`:`${a.namespace.value}-zoom-in-top`),Z=e.computed(()=>d.value==="horizontal"&&q.value?["bottom-start","bottom-end","top-start","top-end","right-start","left-start"]:["right-start","left-start","bottom-start","bottom-end","top-start","top-end"]),c=e.computed(()=>o.openedMenus.includes(t.index)),m=e.computed(()=>{let r=!1;return Object.values(C.value).forEach(u=>{u.active&&(r=!0)}),t.index===o.activeIndex&&(r=!0),r}),B=e.computed(()=>o.props.backgroundColor\|\|""),A=e.computed(()=>o.props.activeTextColor\|\|""),P=e.computed(()=>o.props.textColor\|\|""),d=e.computed(()=>o.props.mode),b=e.reactive({index:t.index,indexPath:h,active:m}),$=e.computed(()=>d.value!=="horizontal"?{color:P.value}:{borderBottomColor:m.value?o.props.activeTextColor?A.value:"":"transparent",color:m.value?A.value:P.value}),G=()=>{var r,u,n;return(n=(u=(r=k.value)==null?void 0:r.popperRef)==null?void 0:u.popperInstanceRef)==null?void 0:n.destroy()},J=r=>{r\|\|G()},j=()=>{o.props.menuTrigger==="hover"&&o.props.mode==="horizontal"\|\|o.props.collapse&&o.props.mode==="vertical"\|\|t.disabled\|\|o.handleSubMenuClick({index:t.index,indexPath:h.value,active:m.value})},M=(r,u=t.showTimeout)=>{var n;r.type!=="focus"&&(o.props.menuTrigger==="click"&&o.props.mode==="horizontal"\|\|!o.props.collapse&&o.props.mode==="vertical"\|\|t.disabled\|\|(l.mouseInChild.value=!0,s==null\|\|s(),{stop:s}=R.useTimeoutFn(()=>{o.openMenu(t.index,h.value)},u),x.value&&((n=S.value.vnode.el)==null\|\|n.dispatchEvent(new MouseEvent("mouseenter")))))},g=(r=!1)=>{var u,n;o.props.menuTrigger==="click"&&o.props.mode==="horizontal"\|\|!o.props.collapse&&o.props.mode==="vertical"\|\|(s==null\|\|s(),l.mouseInChild.value=!1,{stop:s}=R.useTimeoutFn(()=>!I.value&&o.closeMenu(t.index,h.value),t.hideTimeout),x.value&&r&&((u=v.parent)==null?void 0:u.type.name)==="vft-sub-menu"&&((n=l.handleMouseleave)==null\|\|n.call(l,!0)))};e.watch(()=>o.props.collapse,r=>J(Boolean(r)));{const r=n=>{C.value[n.index]=n},u=n=>{delete C.value[n.index]};e.provide(`subMenu:${v.uid}`,{addSubMenu:r,removeSubMenu:u,handleMouseleave:g,mouseInChild:I,level:l.level+1})}H({opened:c}),e.onMounted(()=>{o.addSubMenu(b),l.addSubMenu(b)}),e.onBeforeUnmount(()=>{l.removeSubMenu(b),o.removeSubMenu(b)});const p=e.useSlots(),K=e.computed(()=>d.value==="horizontal"&&q.value\|\|d.value==="vertical"&&!o.props.collapse?{icon:"vi-arrow-down",size:20,...t.expandIcon}:{icon:"vi-arrow-right",size:18,...t.collapseIcon}),E=e.computed(()=>O.singleAttrToObj(t.icon,"icon")),F=e.computed(()=>O.renderTNode(v,"title"));return()=>{var V;const r=[(V=E.value)!=null&&V.icon?e.h(N.VftIcon,{...E.value}):null,e.h("span",{class:t.showArrow?i.e("text"):"",title:v.props.title},F.value),t.showArrow?e.h(N.VftIcon,{class:i.e("icon-arrow"),...K.value,style:{transform:c.value?"rotateZ(180deg)":"none"}}):!1],u=Y.useMenuCssVar(o.props,l.level+1),n=o.isMenuPopup?e.h(W.VftTooltip,{ref:k,visible:c.value,effect:"light",pure:!0,offset:t.popperOffset,showArrow:!1,persistent:!0,popperClass:t.popperClass,placement:z.value,teleported:x.value,fallbackPlacements:Z.value,transition:U.value,gpuAcceleration:!1,...t.toolTipCfg},{content:()=>{var f;return e.h("div",{class:[a.m(d.value),a.m("popup-container"),t.popperClass],onMouseenter:T=>M(T,100),onMouseleave:()=>g(!0),onFocus:T=>M(T,100)},[e.h("ul",{class:[a.b(),a.m("popup"),a.m(`popup-${z.value}`)],style:u.value},[(f=p.default)==null?void 0:f.call(p)])])},default:()=>e.h("div",{class:i.e("title"),style:[$.value,{backgroundColor:B.value}],onClick:j},r)}):e.h(e.Fragment,{},[F.value?e.h("div",{class:i.e("title"),style:[$.value,{backgroundColor:B.value}],ref:L,onClick:j},r):null,e.h(Q.VftCollapseTransition,{},{default:()=>{var f;return e.withDirectives(e.h("ul",{role:"menu",class:[a.b(),a.m("inline")],style:u.value},[(f=p.default)==null?void 0:f.call(p)]),[[e.vShow,c.value]])}})]);return e.h("li",{class:[i.b(),i.is("active",m.value),i.is("opened",c.value),i.is("disabled",t.disabled)],role:"menuitem",ariaHaspopup:!0,ariaExpanded:c.value,onMouseenter:M,onMouseleave:()=>g(!0),onFocus:M},[n])}}});exports.default=ee;
2	+ //# sourceMappingURL=sub-menu.vue2.js.map