vft 0.0.18 → 0.0.20

package/lib/components/qrcode/drawLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawLogo.js","sources":["../../../../../packages/components/qrcode/drawLogo.ts"],"sourcesContent":["import { isString } from '@vft/utils';\nimport type { LogoType, RenderQrCodeParams } from './types';\n\nexport const drawLogo = ({ canvas, logo }: RenderQrCodeParams) => {\n  if (!logo) {\n    return new Promise((resolve) => {\n      resolve((canvas as HTMLCanvasElement).toDataURL());\n    });\n  }\n  const canvasWidth = (canvas as HTMLCanvasElement).width;\n  const { logoSize = 0.15, bgColor = '#fff', borderSize = 0.05, crossOrigin, borderRadius = 8, logoRadius = 0 } = logo as LogoType;\n\n  const logoSrc: string = isString(logo) ? logo : logo.src;\n  const logoWidth = canvasWidth * logoSize;\n  const logoXY = (canvasWidth * (1 - logoSize)) / 2;\n  const logoBgWidth = canvasWidth * (logoSize + borderSize);\n  const logoBgXY = (canvasWidth * (1 - logoSize - borderSize)) / 2;\n\n  const ctx = canvas.getContext('2d');\n  if (!ctx) return;\n\n  // logo 底色\n  canvasRoundRect(ctx)(logoBgXY, logoBgXY, logoBgWidth, logoBgWidth, borderRadius);\n  ctx.fillStyle = bgColor;\n  ctx.fill();\n\n  // logo\n  const image = new Image();\n  if (crossOrigin || logoRadius) {\n    image.setAttribute('crossOrigin', crossOrigin || 'anonymous');\n  }\n  image.src = logoSrc;\n\n  // 使用image绘制可以避免某些跨域情况\n  const drawLogoWithImage = (image: CanvasImageSource) => {\n    ctx.drawImage(image, logoXY, logoXY, logoWidth, logoWidth);\n  };\n\n  // 使用canvas绘制以获得更多的功能\n  const drawLogoWithCanvas = (image: HTMLImageElement) => {\n    const canvasImage = document.createElement('canvas');\n    canvasImage.width = logoXY + logoWidth;\n    canvasImage.height = logoXY + logoWidth;\n    const imageCanvas = canvasImage.getContext('2d');\n    if (!imageCanvas || !ctx) return;\n    imageCanvas.drawImage(image, logoXY, logoXY, logoWidth, logoWidth);\n\n    canvasRoundRect(ctx)(logoXY, logoXY, logoWidth, logoWidth, logoRadius);\n    if (!ctx) return;\n    const fillStyle = ctx.createPattern(canvasImage, 'no-repeat');\n    if (fillStyle) {\n      ctx.fillStyle = fillStyle;\n      ctx.fill();\n    }\n  };\n\n  // 将 logo绘制到 canvas上\n  return new Promise((resolve) => {\n    image.onload = () => {\n      logoRadius ? drawLogoWithCanvas(image) : drawLogoWithImage(image);\n      resolve((canvas as HTMLCanvasElement).toDataURL());\n    };\n  });\n};\n\n// copy来的方法，用于绘制圆角\nfunction canvasRoundRect(ctx: CanvasRenderingContext2D) {\n  return (x: number, y: number, w: number, h: number, r: number) => {\n    const minSize = Math.min(w, h);\n    if (r > minSize / 2) {\n      r = minSize / 2;\n    }\n    ctx.beginPath();\n    ctx.moveTo(x + r, y);\n    ctx.arcTo(x + w, y, x + w, y + h, r);\n    ctx.arcTo(x + w, y + h, x, y + h, r);\n    ctx.arcTo(x, y + h, x, y, r);\n    ctx.arcTo(x, y, x + w, y, r);\n    ctx.closePath();\n    return ctx;\n  };\n}\n"],"names":["drawLogo","canvas","logo","resolve","canvasWidth","logoSize","bgColor","borderSize","crossOrigin","borderRadius","logoRadius","logoSrc","isString","logoWidth","logoXY","logoBgWidth","logoBgXY","ctx","canvasRoundRect","image","drawLogoWithImage","drawLogoWithCanvas","canvasImage","imageCanvas","fillStyle","x","y","w","h","minSize"],"mappings":"8GAGaA,EAAW,CAAC,CAAE,OAAAC,EAAQ,KAAAC,KAA+B,CAChE,GAAI,CAACA,EACI,OAAA,IAAI,QAASC,GAAY,CACrBA,EAAAF,EAA6B,WAAW,CAAA,CAClD,EAEH,MAAMG,EAAeH,EAA6B,MAC5C,CAAE,SAAAI,EAAW,IAAM,QAAAC,EAAU,OAAQ,WAAAC,EAAa,IAAM,YAAAC,EAAa,aAAAC,EAAe,EAAG,WAAAC,EAAa,CAAA,EAAMR,EAE1GS,EAAkBC,EAAAA,SAASV,CAAI,EAAIA,EAAOA,EAAK,IAC/CW,EAAYT,EAAcC,EAC1BS,EAAUV,GAAe,EAAIC,GAAa,EAC1CU,EAAcX,GAAeC,EAAWE,GACxCS,EAAYZ,GAAe,EAAIC,EAAWE,GAAe,EAEzDU,EAAMhB,EAAO,WAAW,IAAI,EAClC,GAAI,CAACgB,EAAK,OAGVC,EAAgBD,CAAG,EAAED,EAAUA,EAAUD,EAAaA,EAAaN,CAAY,EAC/EQ,EAAI,UAAYX,EAChBW,EAAI,KAAK,EAGH,MAAAE,EAAQ,IAAI,OACdX,GAAeE,IACXS,EAAA,aAAa,cAAeX,GAAe,WAAW,EAE9DW,EAAM,IAAMR,EAGN,MAAAS,EAAqBD,GAA6B,CACtDF,EAAI,UAAUE,EAAOL,EAAQA,EAAQD,EAAWA,CAAS,CAAA,EAIrDQ,EAAsBF,GAA4B,CAChD,MAAAG,EAAc,SAAS,cAAc,QAAQ,EACnDA,EAAY,MAAQR,EAASD,EAC7BS,EAAY,OAASR,EAASD,EACxB,MAAAU,EAAcD,EAAY,WAAW,IAAI,EAK/C,GAJI,CAACC,GAAe,CAACN,IACrBM,EAAY,UAAUJ,EAAOL,EAAQA,EAAQD,EAAWA,CAAS,EAEjEK,EAAgBD,CAAG,EAAEH,EAAQA,EAAQD,EAAWA,EAAWH,CAAU,EACjE,CAACO,GAAK,OACV,MAAMO,EAAYP,EAAI,cAAcK,EAAa,WAAW,EACxDE,IACFP,EAAI,UAAYO,EAChBP,EAAI,KAAK,EACX,EAIK,OAAA,IAAI,QAASd,GAAY,CAC9BgB,EAAM,OAAS,IAAM,CACnBT,EAAaW,EAAmBF,CAAK,EAAIC,EAAkBD,CAAK,EACvDhB,EAAAF,EAA6B,WAAW,CAAA,CACnD,CACD,CACH,EAGA,SAASiB,EAAgBD,EAA+B,CACtD,MAAO,CAACQ,EAAWC,EAAWC,EAAWC,EAAW,IAAc,CAChE,MAAMC,EAAU,KAAK,IAAIF,EAAGC,CAAC,EACzB,OAAA,EAAIC,EAAU,IAChB,EAAIA,EAAU,GAEhBZ,EAAI,UAAU,EACVA,EAAA,OAAOQ,EAAI,EAAGC,CAAC,EACfT,EAAA,MAAMQ,EAAIE,EAAGD,EAAGD,EAAIE,EAAGD,EAAIE,EAAG,CAAC,EAC/BX,EAAA,MAAMQ,EAAIE,EAAGD,EAAIE,EAAGH,EAAGC,EAAIE,EAAG,CAAC,EACnCX,EAAI,MAAMQ,EAAGC,EAAIE,EAAGH,EAAGC,EAAG,CAAC,EAC3BT,EAAI,MAAMQ,EAAGC,EAAGD,EAAIE,EAAGD,EAAG,CAAC,EAC3BT,EAAI,UAAU,EACPA,CAAA,CAEX"}

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

@@ -0,0 +1,50 @@
+export declare const VftQrcode: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    value: {
+        type: import("vue").PropType<string | any[] | undefined>;
+        required: false;
+    };
+    options: {
+        type: import("vue").PropType<any>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    logo: {
+        type: import("vue").PropType<import("./types").LogoType | undefined>;
+        required: false;
+    };
+    tag: {
+        type: import("vue").PropType<"canvas" | "img" | undefined>;
+        required: false;
+    };
+}, {
+    download: (fileName?: string | undefined) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("done" | "error")[], "done" | "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<string | any[] | undefined>;
+        required: false;
+    };
+    options: {
+        type: import("vue").PropType<any>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    logo: {
+        type: import("vue").PropType<import("./types").LogoType | undefined>;
+        required: false;
+    };
+    tag: {
+        type: import("vue").PropType<"canvas" | "img" | undefined>;
+        required: false;
+    };
+}>> & {
+    onDone?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default VftQrcode;
+export * from './types';

package/lib/components/qrcode/index.js

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

package/lib/components/qrcode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/qrcode/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Qrcode from './qrcode.vue'\n\nexport const VftQrcode = withInstall(Qrcode)\nexport default VftQrcode\n\nexport * from './types'\n"],"names":["VftQrcode","withInstall","Qrcode"],"mappings":"0PAIaA,EAAYC,cAAYC,EAAM,OAAA"}

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

@@ -0,0 +1,51 @@
+import type { PropType as __PropType } from 'vue';
+import { type LogoType } from './qrcodePlus';
+declare const _sfc_main: import("vue").DefineComponent<{
+    value: {
+        type: __PropType<string | any[] | undefined>;
+        required: false;
+    };
+    options: {
+        type: __PropType<any>;
+        required: false;
+    };
+    width: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    logo: {
+        type: __PropType<LogoType | undefined>;
+        required: false;
+    };
+    tag: {
+        type: __PropType<"canvas" | "img" | undefined>;
+        required: false;
+    };
+}, {
+    download: (fileName?: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("done" | "error")[], "done" | "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: __PropType<string | any[] | undefined>;
+        required: false;
+    };
+    options: {
+        type: __PropType<any>;
+        required: false;
+    };
+    width: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    logo: {
+        type: __PropType<LogoType | undefined>;
+        required: false;
+    };
+    tag: {
+        type: __PropType<"canvas" | "img" | undefined>;
+        required: false;
+    };
+}>> & {
+    onDone?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/lib/components/qrcode/qrcode.vue.js

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

package/lib/components/qrcode/qrcode.vue.js.map

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

package/lib/components/qrcode/qrcode.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("qrcode"),f=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 g=require("@vft/utils"),v=require("./toCanvas.js"),w=f.useNamespace("qrcode"),m=e.defineComponent({name:w.b()}),q=e.defineComponent({...m,props:{value:null,options:null,width:{default:200},logo:null,tag:{default:"canvas"}},emits:["done","error"],setup(n,{expose:l,emit:c}){const a=e.ref(null);async function u(){try{const o=String(n.value),t=e.unref(a);if(!t)return;if(n.tag==="canvas"){const r=await v.toCanvas({canvas:t,width:n.width,logo:n.logo,content:o,options:n.options||{}});c("done",{url:r,ctx:t.getContext("2d")});return}if(n.tag==="img"){const r=await d.toDataURL(o,{errorCorrectionLevel:"H",width:n.width,...n.options});e.unref(a).src=r,c("done",{url:r})}}catch(o){c("error",o)}}function i(o){let t="";const r=e.unref(a);r instanceof HTMLCanvasElement?t=r.toDataURL():r instanceof HTMLImageElement&&(t=r.src),t&&g.downloadByUrl({url:t,fileName:o})}e.onMounted(u);const s=getCurrentInstance();return watch(s.props,()=>{u()},{deep:!0}),l({download:i}),(o,t)=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.tag),{ref_key:"wrapRef",ref:a},null,512))]))}});exports.default=q;
+//# sourceMappingURL=qrcode.vue2.js.map

package/lib/components/qrcode/qrcode.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qrcode.vue2.js","sources":["../../../../../packages/components/qrcode/qrcode.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('qrcode')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<template>\n  <div>\n    <component :is=\"tag\" ref=\"wrapRef\" />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { toDataURL } from 'qrcode';\nimport { onMounted, ref, unref } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { type LogoType, type QRCodeRenderersOptions, toCanvas } from './qrcodePlus';\nimport { downloadByUrl } from '@vft/utils';\n\ninterface Props {\n  /** 二维码资源 */\n  value?: string | any[];\n  /** 二维码配置 */\n  options?: QRCodeRenderersOptions;\n  /** 宽度 */\n  width?: number;\n  /** 中间的 logo */\n  logo?: LogoType;\n  /** img 不支持内嵌logo */\n  tag?: 'canvas' | 'img';\n}\n\ndefineProps({\n  \"value\": null,\n  \"options\": null,\n  \"width\": { default: 200 },\n  \"logo\": null,\n  \"tag\": { default: 'canvas' }\n})\n\nconst emit = defineEmits(['done', 'error']);\n\n\n\n;\n\nconst wrapRef = ref<HTMLCanvasElement | HTMLImageElement | null>(null);\n\nasync function createQrcode () {\n  try {\n    const renderValue = String(__props.value);\n    const wrapEl = unref(wrapRef);\n\n    if (!wrapEl) return;\n\n    if (__props.tag === 'canvas') {\n      const url: string = await toCanvas({\n        canvas: wrapEl,\n        width: __props.width,\n        logo: __props.logo,\n        content: renderValue,\n        options: __props.options || {}\n      });\n      emit('done', { url, ctx: (wrapEl as HTMLCanvasElement).getContext('2d') });\n      return;\n    }\n\n    if (__props.tag === 'img') {\n      const url = await toDataURL(renderValue, {\n        errorCorrectionLevel: 'H',\n        width: __props.width,\n        ...__props.options\n      });\n      (unref(wrapRef) as HTMLImageElement).src = url;\n      emit('done', { url });\n    }\n  } catch (error) {\n    emit('error', error);\n  }\n}\n\n/**\n * file download\n */\nfunction download (fileName?: string) {\n  let url = '';\n  const wrapEl = unref(wrapRef);\n  if (wrapEl instanceof HTMLCanvasElement) {\n    url = wrapEl.toDataURL();\n  } else if (wrapEl instanceof HTMLImageElement) {\n    url = wrapEl.src;\n  }\n  if (!url) return;\n  downloadByUrl({\n    url,\n    fileName\n  });\n}\n\nonMounted(createQrcode);\n\nconst instance = getCurrentInstance()!;\n\n// 监听参数变化重新生成二维码\nwatch(instance.props, () => {\n  createQrcode();\n}, { deep: true });\n\ndefineExpose({\n  download\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","wrapRef","ref","createQrcode","renderValue","__props","wrapEl","unref","url","toCanvas","emit","toDataURL","error","download","fileName","downloadByUrl","onMounted","instance","expose"],"mappings":"uYACMA,EAAuBC,EAAAA,aAAa,QAAQ,EAGlDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC,mKAwCK,MAAAI,EAAUC,MAAiD,IAAI,EAErE,eAAeC,GAAgB,CACzB,GAAA,CACI,MAAAC,EAAc,OAAOC,EAAQ,KAAK,EAClCC,EAASC,QAAMN,CAAO,EAE5B,GAAI,CAACK,EAAQ,OAET,GAAAD,EAAQ,MAAQ,SAAU,CACtB,MAAAG,EAAc,MAAMC,WAAS,CACjC,OAAQH,EACR,MAAOD,EAAQ,MACf,KAAMA,EAAQ,KACd,QAASD,EACT,QAASC,EAAQ,SAAW,CAAC,CAAA,CAC9B,EACIK,EAAA,OAAQ,CAAE,IAAAF,EAAK,IAAMF,EAA6B,WAAW,IAAI,EAAG,EACzE,MACF,CAEI,GAAAD,EAAQ,MAAQ,MAAO,CACnB,MAAAG,EAAM,MAAMG,EAAA,UAAUP,EAAa,CACvC,qBAAsB,IACtB,MAAOC,EAAQ,MACf,GAAGA,EAAQ,OAAA,CACZ,EACAE,EAAAA,MAAMN,CAAO,EAAuB,IAAMO,EACtCE,EAAA,OAAQ,CAAE,IAAAF,CAAA,CAAK,CACtB,QACOI,GACPF,EAAK,QAASE,CAAK,CACrB,CACF,CAKA,SAASC,EAAUC,EAAmB,CACpC,IAAIN,EAAM,GACJ,MAAAF,EAASC,QAAMN,CAAO,EACxBK,aAAkB,kBACpBE,EAAMF,EAAO,YACJA,aAAkB,mBAC3BE,EAAMF,EAAO,KAEVE,GACSO,gBAAA,CACZ,IAAAP,EACA,SAAAM,CAAA,CACD,CACH,CAEAE,EAAA,UAAUb,CAAY,EAEtB,MAAMc,EAAW,qBAGX,aAAAA,EAAS,MAAO,IAAM,CACbd,GAAA,EACZ,CAAE,KAAM,EAAA,CAAM,EAEJe,EAAA,CACX,SAAAL,CAAA,CACD"}

package/lib/components/qrcode/qrcodePlus.d.ts

@@ -0,0 +1,3 @@
+import { toCanvas } from './toCanvas';
+export * from './types';
+export { toCanvas };

package/lib/components/qrcode/qrcodePlus.js

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

package/lib/components/qrcode/qrcodePlus.js.map

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

package/lib/components/qrcode/style/css.js

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

package/lib/components/qrcode/style/css.js.map

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

package/lib/components/qrcode/style/index.js

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

package/lib/components/qrcode/style/index.js.map

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

package/lib/components/qrcode/toCanvas.d.ts

@@ -0,0 +1,2 @@
+import type { RenderQrCodeParams } from './types';
+export declare const toCanvas: (options: RenderQrCodeParams) => Promise<string>;

package/lib/components/qrcode/toCanvas.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./drawCanvas.js"),t=require("./drawLogo.js"),n=e=>r.renderQrCode(e).then(()=>e).then(t.drawLogo);exports.toCanvas=n;
+//# sourceMappingURL=toCanvas.js.map

package/lib/components/qrcode/toCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toCanvas.js","sources":["../../../../../packages/components/qrcode/toCanvas.ts"],"sourcesContent":["import { renderQrCode } from './drawCanvas';\nimport { drawLogo } from './drawLogo';\nimport type { RenderQrCodeParams } from './types';\n\nexport const toCanvas = (options: RenderQrCodeParams) => {\n  return renderQrCode(options)\n    .then(() => {\n      return options;\n    })\n    .then(drawLogo) as Promise<string>;\n};\n"],"names":["toCanvas","options","renderQrCode","drawLogo"],"mappings":"8IAIaA,EAAYC,GAChBC,eAAaD,CAAO,EACxB,KAAK,IACGA,CACR,EACA,KAAKE,EAAAA,QAAQ"}

package/lib/components/qrcode/types.d.ts

@@ -0,0 +1,31 @@
+import type { QRCodeSegment, QRCodeRenderersOptions } from 'qrcode';
+export type ContentType = string | QRCodeSegment[];
+export type { QRCodeRenderersOptions };
+export type LogoType = {
+    src: string;
+    logoSize: number;
+    borderColor: string;
+    bgColor: string;
+    borderSize: number;
+    crossOrigin: string;
+    borderRadius: number;
+    logoRadius: number;
+};
+export interface RenderQrCodeParams {
+    canvas: any;
+    content: ContentType;
+    width?: number;
+    options?: QRCodeRenderersOptions;
+    logo?: LogoType | string;
+    image?: HTMLImageElement;
+    downloadName?: string;
+    download?: boolean | Fn;
+}
+export type ToCanvasFn = (options: RenderQrCodeParams) => Promise<unknown>;
+export interface QrCodeActionType {
+    download: (fileName?: string) => void;
+}
+export interface QrcodeDoneEventParams {
+    url: string;
+    ctx?: CanvasRenderingContext2D | null;
+}

package/lib/components/qrcode/types.js

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

package/lib/components/qrcode/types.js.map

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

package/lib/components/result/result.vue2.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@vft/utils"),f=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");require("../divider/index.js");const v=require("../icon/index.js");require("../avatar/index.js");require("../empty/index.js");require("./index.js");require("../exception/index.js");require("../tabs/index.js");require("../popper/index.js");require("../collapse-transition/index.js");require("../tooltip/index.js");require("../popover/index.js");require("../menu/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");const i=f.useNamespace("result"),p=e.defineComponent({name:i.b()}),_=e.defineComponent({...p,props:{title:null,subTitle:null,icon:null},setup(q){var o,s;const a=e.getCurrentInstance(),r=e.useSlots(),n=e.computed(()=>l.singleAttrToObj(q.icon,"icon")),d=(o=n.value)!=null&&o.icon?e.h("div",{class:i.e("icon")},[e.h(v.VftIcon,{...n.value})]):(s=r.default)==null?void 0:s.call(r),t=u=>{const c=l.renderTNode(a,u);return c?e.h("div",{class:i.e(u)},[e.h("p",{},{default:()=>c})]):null};return()=>e.h("div",{class:i.b()},{default:()=>[d,t("title"),t("sub-title"),r.extra?e.h("div",{class:i.e("extra")},{default:()=>{var u;return(u=r.extra)==null?void 0:u.call(r)}}):null]})}});exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vft/utils"),f=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");require("../divider/index.js");const v=require("../icon/index.js");require("../avatar/index.js");require("../empty/index.js");require("./index.js");require("../exception/index.js");require("../tabs/index.js");require("../popper/index.js");require("../collapse-transition/index.js");require("../tooltip/index.js");require("../popover/index.js");require("../menu/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 i=f.useNamespace("result"),p=e.defineComponent({name:i.b()}),_=e.defineComponent({...p,props:{title:null,subTitle:null,icon:null},setup(l){var q,o;const a=e.getCurrentInstance(),r=e.useSlots(),n=e.computed(()=>c.singleAttrToObj(l.icon,"icon")),d=(q=n.value)!=null&&q.icon?e.h("div",{class:i.e("icon")},[e.h(v.VftIcon,{...n.value})]):(o=r.default)==null?void 0:o.call(r),t=u=>{const s=c.renderTNode(a,u);return s?e.h("div",{class:i.e(u)},[e.h("p",{},{default:()=>s})]):null};return()=>e.h("div",{class:i.b()},{default:()=>[d,t("title"),t("sub-title"),r.extra?e.h("div",{class:i.e("extra")},{default:()=>{var u;return(u=r.extra)==null?void 0:u.call(r)}}):null]})}});exports.default=_;
 //# sourceMappingURL=result.vue2.js.map

package/lib/components/result/result.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"result.vue2.js","sources":["../../../../../packages/components/result/result.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('result')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script setup lang=\"ts\">\nimport { renderTNode, singleAttrToObj } from '@vft/utils';\nimport { h, getCurrentInstance, computed, useSlots } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { type IconProps, VftIcon } from '@vft-ui/components';\n\ninterface Props {\n  title?: string | number;\n  subTitle?: string | number;\n  icon?: IconProps;\n}\n\ndefineProps({\n  \"title\": null,\n  \"subTitle\": null,\n  \"icon\": null\n})\n\n\n\n;\n\nconst instance = getCurrentInstance()!;\n\nconst slots = useSlots();\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n\nconst vIcon = _icon.value?.icon ? h('div', {\n  class: ns.e('icon')\n}, [h(VftIcon, { ..._icon.value })]) : slots.default?.();\n\nconst vCon = (attrName: string) => {\n  const nodeCon = renderTNode(instance, attrName);\n  return nodeCon ? h(\n    'div',\n    {\n      class: ns.e(attrName)\n    }, [h('p', {}, { default: () => nodeCon })]\n  ) : null;\n};\n\ndefineRender(() => {\n  return (\n    h(\n      'div', { class: ns.b() }, {\n        default: () => [\n          vIcon,\n          vCon('title'),\n          vCon('sub-title'),\n          slots.extra ? h('div', { class: ns.e('extra') }, { default: ()=> slots.extra?.() }) : null\n        ]\n      }\n    )\n  );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","slots","useSlots","_icon","computed","singleAttrToObj","__props","vIcon","_a","h","VftIcon","_b","vCon","attrName","nodeCon","renderTNode"],"mappings":"q7BACA,MAAMA,EAAuBC,EAAAA,aAAa,QAAQ,EAGlDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,wFAuBD,MAAMI,EAAWC,EAAAA,qBAEXC,EAAQC,EAAAA,WAERC,EAAQC,EAAAA,SAAS,IACdC,kBAAgBC,EAAQ,KAAM,MAAM,CAC5C,EAEKC,GAAQC,EAAAL,EAAM,QAAN,MAAAK,EAAa,KAAOC,EAAAA,EAAE,MAAO,CACzC,MAAOd,EAAG,EAAE,MAAM,CACjB,EAAA,CAACc,EAAE,EAAAC,UAAS,CAAE,GAAGP,EAAM,KAAO,CAAA,CAAC,CAAC,GAAIQ,EAAAV,EAAM,UAAN,YAAAU,EAAA,KAAAV,GAEjCW,EAAQC,GAAqB,CAC3B,MAAAC,EAAUC,EAAAA,YAAYhB,EAAUc,CAAQ,EAC9C,OAAOC,EAAUL,EAAA,EACf,MACA,CACE,MAAOd,EAAG,EAAEkB,CAAQ,CACtB,EAAG,CAACJ,EAAAA,EAAE,IAAK,CAAC,EAAG,CAAE,QAAS,IAAMK,CAAQ,CAAC,CAAC,CACxC,EAAA,IAAA,EAGO,MAAA,IAETL,EAAA,EACE,MAAO,CAAE,MAAOd,EAAG,GAAI,EAAG,CACxB,QAAS,IAAM,CACbY,EACAK,EAAK,OAAO,EACZA,EAAK,WAAW,EAChBX,EAAM,MAAQQ,EAAA,EAAE,MAAO,CAAE,MAAOd,EAAG,EAAE,OAAO,CAAE,EAAG,CAAE,QAAS,IAAA,OAAK,OAAAa,EAAAP,EAAM,QAAN,YAAAO,EAAA,KAAAP,GAAiB,CAAA,EAAI,IACxF,CACF,CAAA"}
+{"version":3,"file":"result.vue2.js","sources":["../../../../../packages/components/result/result.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('result')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script setup lang=\"ts\">\nimport { renderTNode, singleAttrToObj } from '@vft/utils';\nimport { h, getCurrentInstance, computed, useSlots } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { type IconProps, VftIcon } from '@vft-ui/components';\n\ninterface Props {\n  title?: string | number;\n  subTitle?: string | number;\n  icon?: IconProps;\n}\n\ndefineProps({\n  \"title\": null,\n  \"subTitle\": null,\n  \"icon\": null\n})\n\n\n\n;\n\nconst instance = getCurrentInstance()!;\n\nconst slots = useSlots();\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n\nconst vIcon = _icon.value?.icon ? h('div', {\n  class: ns.e('icon')\n}, [h(VftIcon, { ..._icon.value })]) : slots.default?.();\n\nconst vCon = (attrName: string) => {\n  const nodeCon = renderTNode(instance, attrName);\n  return nodeCon ? h(\n    'div',\n    {\n      class: ns.e(attrName)\n    }, [h('p', {}, { default: () => nodeCon })]\n  ) : null;\n};\n\ndefineRender(() => {\n  return (\n    h(\n      'div', { class: ns.b() }, {\n        default: () => [\n          vIcon,\n          vCon('title'),\n          vCon('sub-title'),\n          slots.extra ? h('div', { class: ns.e('extra') }, { default: ()=> slots.extra?.() }) : null\n        ]\n      }\n    )\n  );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","slots","useSlots","_icon","computed","singleAttrToObj","__props","vIcon","_a","h","VftIcon","_b","vCon","attrName","nodeCon","renderTNode"],"mappings":"s5CACA,MAAMA,EAAuBC,EAAAA,aAAa,QAAQ,EAGlDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,wFAuBD,MAAMI,EAAWC,EAAAA,qBAEXC,EAAQC,EAAAA,WAERC,EAAQC,EAAAA,SAAS,IACdC,kBAAgBC,EAAQ,KAAM,MAAM,CAC5C,EAEKC,GAAQC,EAAAL,EAAM,QAAN,MAAAK,EAAa,KAAOC,EAAAA,EAAE,MAAO,CACzC,MAAOd,EAAG,EAAE,MAAM,CACjB,EAAA,CAACc,EAAE,EAAAC,UAAS,CAAE,GAAGP,EAAM,KAAO,CAAA,CAAC,CAAC,GAAIQ,EAAAV,EAAM,UAAN,YAAAU,EAAA,KAAAV,GAEjCW,EAAQC,GAAqB,CAC3B,MAAAC,EAAUC,EAAAA,YAAYhB,EAAUc,CAAQ,EAC9C,OAAOC,EAAUL,EAAA,EACf,MACA,CACE,MAAOd,EAAG,EAAEkB,CAAQ,CACtB,EAAG,CAACJ,EAAAA,EAAE,IAAK,CAAC,EAAG,CAAE,QAAS,IAAMK,CAAQ,CAAC,CAAC,CACxC,EAAA,IAAA,EAGO,MAAA,IAETL,EAAA,EACE,MAAO,CAAE,MAAOd,EAAG,GAAI,EAAG,CACxB,QAAS,IAAM,CACbY,EACAK,EAAK,OAAO,EACZA,EAAK,WAAW,EAChBX,EAAM,MAAQQ,EAAA,EAAE,MAAO,CAAE,MAAOd,EAAG,EAAE,OAAO,CAAE,EAAG,CAAE,QAAS,IAAA,OAAK,OAAAa,EAAAP,EAAM,QAAN,YAAAO,EAAA,KAAAP,GAAiB,CAAA,EAAI,IACxF,CACF,CAAA"}

package/lib/components/side-menu/index.d.ts

@@ -0,0 +1,117 @@
+export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    menus: {
+        type: import("vue").PropType<import("@vft/router").MenuType[]>;
+        required: true;
+    };
+    uniqueOpened: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    collapse: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    defaultActive: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    collapseWidth: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    attrMapping: {
+        type: import("vue").PropType<{
+            path?: string | undefined;
+            children?: string | undefined;
+            title?: string | undefined;
+            index?: Numberish | undefined;
+            icon?: string | undefined;
+        } | undefined>;
+        required: false;
+    };
+    extraHeight: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    menuTopBottomHeight: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    showCollapse: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    dragOption: {
+        type: import("vue").PropType<any>;
+        required: false;
+    };
+    useMenuSelect: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:collapse" | "dragEnd" | "select")[], "update:collapse" | "dragEnd" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    menus: {
+        type: import("vue").PropType<import("@vft/router").MenuType[]>;
+        required: true;
+    };
+    uniqueOpened: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    collapse: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    defaultActive: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    collapseWidth: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    attrMapping: {
+        type: import("vue").PropType<{
+            path?: string | undefined;
+            children?: string | undefined;
+            title?: string | undefined;
+            index?: Numberish | undefined;
+            icon?: string | undefined;
+        } | undefined>;
+        required: false;
+    };
+    extraHeight: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    menuTopBottomHeight: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    showCollapse: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    dragOption: {
+        type: import("vue").PropType<any>;
+        required: false;
+    };
+    useMenuSelect: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    "onUpdate:collapse"?: ((...args: any[]) => any) | undefined;
+    onDragEnd?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default VftSideMenu;
+export * from './types';

package/lib/components/side-menu/index.js

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

package/lib/components/side-menu/index.js.map

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

package/lib/components/side-menu/side-menu.vue.d.ts

@@ -0,0 +1,118 @@
+import type { PropType as __PropType } from 'vue';
+import { type MenuType } from '@vft/router';
+declare const _sfc_main: import("vue").DefineComponent<{
+    menus: {
+        type: __PropType<MenuType[]>;
+        required: true;
+    };
+    uniqueOpened: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    collapse: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    defaultActive: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+    collapseWidth: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+    attrMapping: {
+        type: __PropType<{
+            path?: string | undefined;
+            children?: string | undefined;
+            title?: string | undefined;
+            index?: Numberish | undefined;
+            icon?: string | undefined;
+        } | undefined>;
+        required: false;
+    };
+    extraHeight: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    menuTopBottomHeight: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    showCollapse: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    dragOption: {
+        type: __PropType<any>;
+        required: false;
+    };
+    useMenuSelect: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:collapse" | "dragEnd" | "select")[], "update:collapse" | "dragEnd" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    menus: {
+        type: __PropType<MenuType[]>;
+        required: true;
+    };
+    uniqueOpened: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    collapse: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    defaultActive: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+    collapseWidth: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+    attrMapping: {
+        type: __PropType<{
+            path?: string | undefined;
+            children?: string | undefined;
+            title?: string | undefined;
+            index?: Numberish | undefined;
+            icon?: string | undefined;
+        } | undefined>;
+        required: false;
+    };
+    extraHeight: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    menuTopBottomHeight: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    showCollapse: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    dragOption: {
+        type: __PropType<any>;
+        required: false;
+    };
+    useMenuSelect: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    "onUpdate:collapse"?: ((...args: any[]) => any) | undefined;
+    onDragEnd?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/lib/components/side-menu/side-menu.vue.js

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

package/lib/components/side-menu/side-menu.vue.js.map

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),M=require("@vft/router"),A=require("@vft/use"),p=require("@vft/utils"),H=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");require("../divider/index.js");const R=require("../icon/index.js");require("../avatar/index.js");require("../empty/index.js");require("../result/index.js");require("../exception/index.js");require("../tabs/index.js");require("../popper/index.js");require("../collapse-transition/index.js");require("../tooltip/index.js");require("../popover/index.js");const f=require("../menu/index.js");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("./index.js");require("../qrcode/index.js");require("../overlay/index.js");require("../clamp/index.js");require("../clamp-toggle/index.js");const U=require("vue-router"),a=H.useNamespace("side-menu"),$=r.defineComponent({name:a.b()}),P=r.defineComponent({...$,props:{menus:null,uniqueOpened:{type:Boolean,default:!0},collapse:{type:Boolean,default:!1},defaultActive:null,width:null,collapseWidth:{default:50},attrMapping:null,extraHeight:{default:100},menuTopBottomHeight:{default:40},showCollapse:{type:Boolean,default:!1},dragOption:null,useMenuSelect:{type:Boolean,default:!0}},emits:["update:collapse","dragEnd","select"],setup(n,{emit:h}){const q=r.useSlots(),v=r.ref(),i=r.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",...n.attrMapping}));M.listenerRouteChange(e=>{!e||e.meta.hideSide||(v.value=e.path)});const x=(e,o)=>{const u=e[i.value.path],s=e[i.value.title],l=e==null?void 0:e[i.value.children],c=e==null?void 0:e[i.value.index],d=e==null?void 0:e[i.value.icon];return l!=null&&l.length?r.h(f.VftSubMenu,{popperAppendToBody:!0,key:c||u,index:c||u,title:s,icon:d,popperClass:a.e("popper")},{default:()=>l==null?void 0:l.map((t,k)=>{var y;const g=t[i.value.path],m=t[i.value.index],w=t[i.value.icon],B=t[i.value.title];return(y=t==null?void 0:t[i.value.children])!=null&&y.length?x(t,k):r.h(f.VftMenuItem,{key:m||g,index:m||g,route:g,icon:w,title:B,disabled:t.disabled})})}):r.h(f.VftMenuItem,{key:c||u,index:c||u,title:s,route:u,icon:d,disabled:e.disabled},q.menuItem?()=>{var t;return(t=q.menuItem)==null?void 0:t.call(q,{item:e,index:o})}:"")},O=r.computed(()=>{var e,o;return r.h(f.VftMenu,{onSelect:n.useMenuSelect?b:()=>{},defaultActive:n.defaultActive||v.value,class:[a.e("con"),(e=n.dragOption)!=null&&e.dragClassName?a.e((o=n.dragOption)==null?void 0:o.dragClassName):""],style:{height:`calc(100% - ${n.menuTopBottomHeight}px)`},uniqueOpened:n.uniqueOpened,collapse:n.collapse,"collapse-transition":!1},()=>n.menus.map((u,s)=>x(u,s)))}),{go:C}=M.useRouterHelper(),S=U.useRouter();async function b(e){var l,c,d;const o=e.route;let u=e.route;e.indexPath.some(t=>p.isUrl(t))&&(u=e.indexPath.slice(-2).join("/"));const s=(d=(c=(l=S.getRoutes().filter(t=>t.path===u))==null?void 0:l[0])==null?void 0:c.meta)==null?void 0:d.linkTarget;C(s?{url:o,winOpenOpt:{target:s}}:o),h("select",e)}const N=r.computed(()=>({...p.generateCssVars({"border-right":"none"},"menu"),...p.generateCssVars({width:n.collapse?p.addUnit(n.collapseWidth):p.addUnit(n.width)},"side-menu"),height:`calc(100% - ${n.extraHeight}px)`})),V=r.computed(()=>[a.b(),a.m("fixed")]);function T(){h("update:collapse",!n.collapse)}return r.onMounted(()=>{r.nextTick(()=>{var e,o,u;if((e=n.dragOption)!=null&&e.dragClassName){const s=(u=document.querySelectorAll("."+a.e((o=n.dragOption)==null?void 0:o.dragClassName)))==null?void 0:u[0],{initSortable:l}=A.useSortable(s,{draggable:".vft-menu-item",onEnd:c=>{const{oldIndex:d,newIndex:t}=c;p.isNullOrUndefined(d)||p.isNullOrUndefined(t)||d===t||h("dragEnd",d,t)},...n.dragOption});l()}})}),()=>r.createVNode("div",{class:V.value,style:N.value},[q.top?r.createVNode("div",{class:a.e("top")},[q.top()]):null,O.value,q.bottom?r.createVNode("div",{class:a.e("bottom")},[q.bottom()]):n.showCollapse?r.createVNode("div",{onClick:T,class:[a.e("bottom"),a.e("collapse")]},[r.createVNode(R.VftIcon,{style:{transform:n.collapse?"rotateY(180deg)":""},icon:"vi-collapse"},null)]):null])}});exports.default=P;
+//# sourceMappingURL=side-menu.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"side-menu.vue2.js","sources":["../../../../../packages/components/side-menu/side-menu.vue"],"sourcesContent":["<script lang=\"tsx\">\nconst ns = /* hoist-static*/ useNamespace('side-menu')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"tsx\" setup>\nimport { listenerRouteChange, type MenuType, useRouterHelper } from '@vft/router';\nimport { useSortable } from '@vft/use';\nimport { addUnit, generateCssVars, isNullOrUndefined, isUrl } from '@vft/utils';\nimport Sortable, { type SortableEvent } from 'sortablejs';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { VftMenu as Menu, VftSubMenu as SubMenu, VftMenuItem as MenuItem, VftIcon as Icon } from '@vft-ui/components';\nimport { ref, h, type VNode, computed, useSlots, onMounted, nextTick } from 'vue';\nimport { useRouter } from 'vue-router';\n\ninterface MenuConProps {\n  menus: MenuType[];\n  uniqueOpened?: boolean;\n  collapse?: boolean;\n  defaultActive?: string;\n  width?: Numberish;\n  collapseWidth?: Numberish;\n  attrMapping?: {\n    path?: string;\n    children?: string;\n    title?: string;\n    index?: Numberish;\n    icon?: string;\n  };\n  /** 系统内除去侧边栏的其他高度 */\n  extraHeight?: number;\n  /** 上下插槽的总体高度 */\n  menuTopBottomHeight?: number;\n  /** 显示底部折叠按钮 */\n  showCollapse?: boolean;\n  /** 排序配置 */\n  dragOption?: Sortable.Options & {dragClassName: string};\n  useMenuSelect?: boolean\n}\n\ndefineProps({\n  \"menus\": null,\n  \"uniqueOpened\": { type: Boolean, default: true },\n  \"collapse\": { type: Boolean, default: false },\n  \"defaultActive\": null,\n  \"width\": null,\n  \"collapseWidth\": { default: 50 },\n  \"attrMapping\": null,\n  \"extraHeight\": { default: 100 },\n  \"menuTopBottomHeight\": { default: 40 },\n  \"showCollapse\": { type: Boolean, default: false },\n  \"dragOption\": null,\n  \"useMenuSelect\": { type: Boolean, default: true }\n})\n\nconst emit = defineEmits(['update:collapse', 'dragEnd', 'select']);\n\n\n\nconst slots = useSlots();\n\n;\n\nconst _defaultActive = ref();\n\nconst _attrMapping = computed(() => {\n\treturn {\n    path: 'path',\n    children: 'children',\n    title: 'title',\n    index: 'path',\n    icon: 'icon',\n    ...__props.attrMapping\n  };\n});\n\nlistenerRouteChange((route) => {\n  if (!route || route.meta.hideSide) {\n    return;\n  }\n  _defaultActive.value = route.path as string;\n});\n\nconst vSubMenu = (item: Record<string, any>, itemIndex: number): VNode => {\n  const _path = item[_attrMapping.value.path!];\n  const _title = item[_attrMapping.value.title!];\n  const _children = item?.[_attrMapping.value.children!];\n  const _index = item?.[_attrMapping.value.index!];\n  const _icon = item?.[_attrMapping.value.icon!];\n\n  return _children?.length\n    ? h(\n      // @ts-ignore\n      SubMenu,\n      {\n        popperAppendToBody: true,\n        key: _index || _path,\n        index: _index || _path,\n        title: _title,\n        icon: _icon,\n        popperClass: ns.e('popper')\n      },\n      {\n        default: () => {\n          return _children?.map((subItem: Record<string, any>, index: number) => {\n            const subPath = subItem[_attrMapping.value.path!];\n            const subIndex = subItem[_attrMapping.value.index!];\n            const subIcon = subItem[_attrMapping.value.icon!];\n            const subTitle = subItem[_attrMapping.value.title!];\n            return subItem?.[_attrMapping.value.children!]?.length\n              ? vSubMenu(subItem, index)\n              : // @ts-ignore\n              h(MenuItem, {\n                key: subIndex || subPath,\n                index: subIndex || subPath,\n                route: subPath,\n                icon: subIcon,\n                title: subTitle,\n                disabled: subItem.disabled\n              });\n          });\n        }\n      }\n    )\n    : h(MenuItem, {\n      key: _index || _path,\n      index: _index || _path,\n      title: _title,\n      route: _path,\n      icon: _icon,\n      disabled: item.disabled\n    }, slots.menuItem ? () => slots.menuItem?.({ item, index: itemIndex }) : '');\n};\n\nconst vMenu = computed(() => {\n  return h(\n    Menu,\n    {\n      onSelect: __props.useMenuSelect ? handleSelect : () => {},\n      defaultActive: __props.defaultActive || _defaultActive.value,\n      class: [ns.e('con'), __props.dragOption?.dragClassName ? ns.e(__props.dragOption?.dragClassName) : ''],\n      style: { height: `calc(100% - ${__props.menuTopBottomHeight}px)` },\n      uniqueOpened: __props.uniqueOpened,\n      collapse: __props.collapse,\n      'collapse-transition': false\n    }, () =>\n      __props.menus.map((item, index) => {\n        return vSubMenu(item, index);\n      })\n  );\n});\n\nconst { go } = useRouterHelper();\nconst router = useRouter();\n\nasync function handleSelect (data: {route: string; indexPath: string[]}) {\n  const path = data.route;\n\n  let _path = data.route;\n\n  if (data.indexPath.some((item) => isUrl(item))) {\n    _path = data.indexPath.slice(-2).join('/');\n  }\n  const linkTarget = router.getRoutes().filter((item) => item.path === _path)?.[0]?.meta?.linkTarget;\n\n  if (linkTarget) {\n    go({ url: path, winOpenOpt: { target: linkTarget as TargetContext } });\n  } else {\n    go(path);\n  }\n  emit('select', data);\n}\n\nconst style = computed(() => {\n  return {\n    ...generateCssVars({ 'border-right': 'none' }, 'menu'),\n    ...generateCssVars({ width: !__props.collapse ? addUnit(__props.width) : addUnit(__props.collapseWidth) }, 'side-menu'),\n    height: `calc(100% - ${__props.extraHeight}px)`\n  };\n});\n\nconst menuClass = computed(() => {\n  return [ns.b(), ns.m('fixed')];\n});\n\nfunction onChangeCollapse () {\n  emit('update:collapse', !__props.collapse);\n}\n\nonMounted(() => {\n  nextTick(() => {\n    if (__props.dragOption?.dragClassName) {\n      const el = document.querySelectorAll('.' + ns.e(__props.dragOption?.dragClassName))?.[0] as HTMLElement;\n\n      const { initSortable } = useSortable(el, {\n        draggable: '.vft-menu-item',\n        onEnd: (evt: SortableEvent) => {\n          const { oldIndex, newIndex } = evt;\n          if (isNullOrUndefined(oldIndex) || isNullOrUndefined(newIndex) || oldIndex === newIndex) {\n            return;\n          }\n          emit('dragEnd', oldIndex, newIndex);\n        },\n        ...__props.dragOption\n      });\n      initSortable();\n    }\n  });\n});\n\ndefineRender(() => {\n  return (\n    <div class={menuClass.value} style={style.value}>\n      {slots.top ? <div class={ns.e('top')}>{slots.top()}</div> : null}\n      {vMenu.value}\n      {slots.bottom ? (\n        <div class={ns.e('bottom')}>{slots.bottom()}</div>\n      ) : __props.showCollapse ? (\n        <div onClick={onChangeCollapse} class={[ns.e('bottom'), ns.e('collapse')]}>\n          <Icon style={{ transform: __props.collapse ? 'rotateY(180deg)' : '' }} icon=\"vi-collapse\"></Icon>\n        </div>\n      ) : null}\n    </div>\n  );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","name","b","slots","useSlots","_defaultActive","ref","_attrMapping","computed","path","children","title","index","icon","__props","attrMapping","listenerRouteChange","route","meta","hideSide","value","vSubMenu","item","itemIndex","_path","_title","_children","_index","_icon","length","h","SubMenu","popperAppendToBody","key","popperClass","e","default","map","subItem","subPath","subIndex","subIcon","subTitle","MenuItem","disabled","menuItem","vMenu","Menu","onSelect","useMenuSelect","handleSelect","defaultActive","class","dragOption","dragClassName","style","height","menuTopBottomHeight","uniqueOpened","collapse","menus","go","useRouterHelper","router","useRouter","data","indexPath","some","isUrl","slice","join","linkTarget","getRoutes","filter","url","winOpenOpt","target","emit","generateCssVars","width","addUnit","collapseWidth","extraHeight","menuClass","m","onChangeCollapse","onMounted","nextTick","el","document","querySelectorAll","initSortable","useSortable","draggable","onEnd","evt","oldIndex","newIndex","isNullOrUndefined","_createVNode","top","bottom","showCollapse","Icon","transform"],"mappings":"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"}

package/lib/components/side-menu/style/css.js

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

package/lib/components/side-menu/style/css.js.map

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

package/lib/components/side-menu/style/index.js

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

package/lib/components/side-menu/style/index.js.map

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

package/lib/components/side-menu/types.d.ts

@@ -0,0 +1,19 @@
+import { type MenuType } from '@vft/router';
+export interface MenuConProps {
+    /** 菜单列表 */
+    menus: MenuType[];
+    /** 菜单点击前置事件 */
+    beforeClickFn?: Function;
+    /** 保持只有一个主菜单展开 */
+    uniqueOpened?: boolean;
+    /** 是否收缩 */
+    collapse?: boolean;
+    /** 激活菜单的 index */
+    defaultActive?: string;
+    attrMapping?: {
+        path?: string;
+        children?: string;
+        title?: string;
+        index?: Numberish;
+    };
+}

package/lib/components/side-menu/types.js

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

package/lib/components/side-menu/types.js.map

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