vft 0.0.369 → 0.0.370

package/lib/components/upload/upload.vue2.cjs

@@ -1,179 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const index = require("../message/index.cjs");
-require("../form/index.cjs");
-const ajax = require("./ajax.cjs");
-const constants = require("./constants.cjs");
-const uploadContent_vue_vue_type_script_setup_true_lang = require("./upload-content.vue2.cjs");
-const uploadList_vue_vue_type_script_setup_true_lang = require("./upload-list.vue2.cjs");
-const useHandlers = require("./use-handlers.cjs");
-const useFormCommonProps = require("../form/hooks/use-form-common-props.cjs");
-const __default__ = vue.defineComponent({
-  name: "vft-upload"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    action: { default: "#" },
-    headers: {},
-    method: { default: "post" },
-    data: {},
-    multiple: { type: Boolean, default: false },
-    name: { default: "file" },
-    drag: { type: Boolean, default: false },
-    withCredentials: { type: Boolean },
-    showFileList: { type: Boolean, default: true },
-    accept: { default: "" },
-    type: { default: "select" },
-    fileList: { default: [] },
-    autoUpload: { type: Boolean, default: false },
-    listType: { default: "text" },
-    httpRequest: { type: Function, default: ajax.ajaxUpload },
-    disabled: { type: Boolean },
-    limit: {},
-    replaceOnLimit: { type: Boolean, default: false },
-    maxSize: { default: void 0 },
-    sizeExceedMessage: { default: "文件大小超出限制" },
-    beforeUpload: {},
-    beforeRemove: {},
-    onRemove: {},
-    onChange: {},
-    onPreview: {},
-    onSuccess: {},
-    onProgress: {},
-    onError: {},
-    onExceed: { type: Function, default: () => {
-    } },
-    onSizeExceed: {}
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const slots = vue.useSlots();
-    const disabled = useFormCommonProps.useFormDisabled();
-    const uploadRef = vue.shallowRef();
-    const {
-      abort,
-      submit,
-      clearFiles,
-      uploadFiles,
-      handleStart,
-      handleError,
-      handleRemove,
-      handleSuccess,
-      handleProgress
-    } = useHandlers.useHandlers(props, uploadRef);
-    const isPictureCard = vue.computed(() => props.listType === "picture-card");
-    const uploadInstance = {
-      abort,
-      submit,
-      clearFiles,
-      uploadFiles,
-      uploadRef
-    };
-    const uploadContentProps = vue.computed(() => ({
-      ...props,
-      fileList: uploadFiles.value,
-      onStart: handleStart,
-      onProgress: handleProgress,
-      onSuccess: handleSuccess,
-      onError: handleError,
-      onRemove: handleRemove,
-      onChange: (uploadFile, uploadFiles2) => {
-        props.onChange?.(uploadFile, uploadFiles2, uploadInstance);
-      },
-      onSizeExceed: (file, maxSize) => {
-        if (props.onSizeExceed) {
-          props.onSizeExceed?.(file, maxSize);
-        } else {
-          const maxSizeMB = (maxSize / (1024 * 1024)).toFixed(2);
-          const defaultMessage = `文件大小不能超过 ${maxSizeMB}MB`;
-          console.warn("默认文件大小超出提示:", defaultMessage);
-          index.VftMessage.warning(defaultMessage);
-        }
-      }
-    }));
-    vue.onBeforeUnmount(() => {
-      uploadFiles.value.forEach(({ url }) => {
-        if (url?.startsWith("blob:")) URL.revokeObjectURL(url);
-      });
-    });
-    vue.provide(constants.uploadContextKey, {
-      accept: vue.toRef(props, "accept")
-    });
-    __expose({
-      abort,
-      submit,
-      clearFiles,
-      handleStart,
-      handleRemove,
-      fileList: uploadFiles
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["vft-upload-wrapper", { "disabled": vue.unref(disabled) }])
-      }, [
-        isPictureCard.value && _ctx.showFileList ? (vue.openBlock(), vue.createBlock(uploadList_vue_vue_type_script_setup_true_lang.default, {
-          key: 0,
-          disabled: vue.unref(disabled),
-          "list-type": _ctx.listType,
-          files: vue.unref(uploadFiles),
-          "handle-preview": _ctx.onPreview,
-          onRemove: vue.unref(handleRemove)
-        }, vue.createSlots({
-          append: vue.withCtx(() => [
-            vue.createVNode(uploadContent_vue_vue_type_script_setup_true_lang.default, vue.mergeProps({
-              ref_key: "uploadRef",
-              ref: uploadRef
-            }, uploadContentProps.value), {
-              default: vue.withCtx(() => [
-                vue.unref(slots).trigger ? vue.renderSlot(_ctx.$slots, "trigger", { key: 0 }) : vue.createCommentVNode("", true),
-                !vue.unref(slots).trigger && vue.unref(slots).default ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }) : vue.createCommentVNode("", true)
-              ]),
-              _: 3
-            }, 16)
-          ]),
-          _: 2
-        }, [
-          _ctx.$slots.file ? {
-            name: "default",
-            fn: vue.withCtx(({ file }) => [
-              vue.renderSlot(_ctx.$slots, "file", { file })
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : vue.createCommentVNode("", true),
-        !isPictureCard.value || isPictureCard.value && !_ctx.showFileList ? (vue.openBlock(), vue.createBlock(uploadContent_vue_vue_type_script_setup_true_lang.default, vue.mergeProps({
-          key: 1,
-          ref_key: "uploadRef",
-          ref: uploadRef
-        }, uploadContentProps.value), {
-          default: vue.withCtx(() => [
-            vue.unref(slots).trigger ? vue.renderSlot(_ctx.$slots, "trigger", { key: 0 }) : vue.createCommentVNode("", true),
-            !vue.unref(slots).trigger && vue.unref(slots).default ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }) : vue.createCommentVNode("", true)
-          ]),
-          _: 3
-        }, 16)) : vue.createCommentVNode("", true),
-        _ctx.$slots.trigger ? vue.renderSlot(_ctx.$slots, "default", { key: 2 }) : vue.createCommentVNode("", true),
-        vue.renderSlot(_ctx.$slots, "tip"),
-        !isPictureCard.value && _ctx.showFileList ? (vue.openBlock(), vue.createBlock(uploadList_vue_vue_type_script_setup_true_lang.default, {
-          key: 3,
-          disabled: vue.unref(disabled),
-          "list-type": _ctx.listType,
-          files: vue.unref(uploadFiles),
-          "handle-preview": _ctx.onPreview,
-          onRemove: vue.unref(handleRemove)
-        }, vue.createSlots({ _: 2 }, [
-          _ctx.$slots.file ? {
-            name: "default",
-            fn: vue.withCtx(({ file }) => [
-              vue.renderSlot(_ctx.$slots, "file", { file })
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : vue.createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),R=require("../message/index.cjs");require("../form/index.cjs");const P=require("./ajax.cjs"),_=require("./constants.cjs"),g=require("./upload-content.vue2.cjs"),h=require("./upload-list.vue2.cjs"),$=require("./use-handlers.cjs"),E=require("../form/hooks/use-form-common-props.cjs"),F=e.defineComponent({name:"vft-upload"}),L=e.defineComponent({...F,props:{action:{default:"#"},headers:{},method:{default:"post"},data:{},multiple:{type:Boolean,default:!1},name:{default:"file"},drag:{type:Boolean,default:!1},withCredentials:{type:Boolean},showFileList:{type:Boolean,default:!0},accept:{default:""},type:{default:"select"},fileList:{default:[]},autoUpload:{type:Boolean,default:!1},listType:{default:"text"},httpRequest:{type:Function,default:P.ajaxUpload},disabled:{type:Boolean},limit:{},replaceOnLimit:{type:Boolean,default:!1},maxSize:{default:void 0},sizeExceedMessage:{default:"文件大小超出限制"},beforeUpload:{},beforeRemove:{},onRemove:{},onChange:{},onPreview:{},onSuccess:{},onProgress:{},onError:{},onExceed:{type:Function,default:()=>{}},onSizeExceed:{}},setup(C,{expose:S}){const o=C,l=e.useSlots(),i=E.useFormDisabled(),s=e.shallowRef(),{abort:f,submit:p,clearFiles:c,uploadFiles:r,handleStart:m,handleError:k,handleRemove:n,handleSuccess:w,handleProgress:B}=$.useHandlers(o,s),u=e.computed(()=>o.listType==="picture-card"),b={abort:f,submit:p,clearFiles:c,uploadFiles:r,uploadRef:s},v=e.computed(()=>({...o,fileList:r.value,onStart:m,onProgress:B,onSuccess:w,onError:k,onRemove:n,onChange:(t,a)=>{o.onChange?.(t,a,b)},onSizeExceed:(t,a)=>{if(o.onSizeExceed)o.onSizeExceed?.(t,a);else{const y=`文件大小不能超过 ${(a/1048576).toFixed(2)}MB`;console.warn("默认文件大小超出提示:",y),R.VftMessage.warning(y)}}}));return e.onBeforeUnmount(()=>{r.value.forEach(({url:t})=>{t?.startsWith("blob:")&&URL.revokeObjectURL(t)})}),e.provide(_.uploadContextKey,{accept:e.toRef(o,"accept")}),S({abort:f,submit:p,clearFiles:c,handleStart:m,handleRemove:n,fileList:r}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vft-upload-wrapper",{disabled:e.unref(i)}])},[u.value&&t.showFileList?(e.openBlock(),e.createBlock(h.default,{key:0,disabled:e.unref(i),"list-type":t.listType,files:e.unref(r),"handle-preview":t.onPreview,onRemove:e.unref(n)},e.createSlots({append:e.withCtx(()=>[e.createVNode(g.default,e.mergeProps({ref_key:"uploadRef",ref:s},v.value),{default:e.withCtx(()=>[e.unref(l).trigger?e.renderSlot(t.$slots,"trigger",{key:0}):e.createCommentVNode("",!0),!e.unref(l).trigger&&e.unref(l).default?e.renderSlot(t.$slots,"default",{key:1}):e.createCommentVNode("",!0)]),_:3},16)]),_:2},[t.$slots.file?{name:"default",fn:e.withCtx(({file:d})=>[e.renderSlot(t.$slots,"file",{file:d})]),key:"0"}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):e.createCommentVNode("",!0),!u.value||u.value&&!t.showFileList?(e.openBlock(),e.createBlock(g.default,e.mergeProps({key:1,ref_key:"uploadRef",ref:s},v.value),{default:e.withCtx(()=>[e.unref(l).trigger?e.renderSlot(t.$slots,"trigger",{key:0}):e.createCommentVNode("",!0),!e.unref(l).trigger&&e.unref(l).default?e.renderSlot(t.$slots,"default",{key:1}):e.createCommentVNode("",!0)]),_:3},16)):e.createCommentVNode("",!0),t.$slots.trigger?e.renderSlot(t.$slots,"default",{key:2}):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"tip"),!u.value&&t.showFileList?(e.openBlock(),e.createBlock(h.default,{key:3,disabled:e.unref(i),"list-type":t.listType,files:e.unref(r),"handle-preview":t.onPreview,onRemove:e.unref(n)},e.createSlots({_:2},[t.$slots.file?{name:"default",fn:e.withCtx(({file:d})=>[e.renderSlot(t.$slots,"file",{file:d})]),key:"0"}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):e.createCommentVNode("",!0)],2))}});exports.default=L;

package/lib/components/upload/use-handlers.cjs

@@ -1,154 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const core = require("@vueuse/core");
-require("@vft/utils");
-const error = require("../../utils/error.cjs");
-require("../config-provider/hooks/use-global-config.cjs");
-const vue = require("vue");
-const lodashEs = require("lodash-es");
-const constants = require("./constants.cjs");
-const SCOPE = "VftUpload";
-const revokeObjectURL = (file) => {
-  if (file.url?.startsWith("blob:")) {
-    URL.revokeObjectURL(file.url);
-  }
-};
-const useHandlers = (props, uploadRef) => {
-  const uploadFiles = core.useVModel(
-    props,
-    "fileList",
-    void 0,
-    { passive: true }
-  );
-  const getFile = (rawFile) => uploadFiles.value.find((file) => file.uid === rawFile.uid);
-  const uploadInstance = {
-    abort,
-    submit,
-    clearFiles,
-    uploadFiles,
-    uploadRef
-  };
-  function abort(file) {
-    uploadRef.value?.abort(file);
-  }
-  function clearFiles(states = ["ready", "uploading", "success", "fail"]) {
-    uploadFiles.value = uploadFiles.value.filter(
-      (row) => !states.includes(row.status)
-    );
-  }
-  const handleError = (err, rawFile) => {
-    const file = getFile(rawFile);
-    if (!file) return;
-    console.error(err);
-    file.status = "fail";
-    uploadFiles.value.splice(uploadFiles.value.indexOf(file), 1);
-    props.onError?.(err, file, uploadFiles.value);
-    props.onChange?.(file, uploadFiles.value, uploadInstance);
-  };
-  const handleProgress = (evt, rawFile) => {
-    const file = getFile(rawFile);
-    if (!file) return;
-    props.onProgress?.(evt, file, uploadFiles.value);
-    file.status = "uploading";
-    file.percentage = Math.round(evt.percent);
-  };
-  const handleSuccess = (response, rawFile) => {
-    const file = getFile(rawFile);
-    if (!file) return;
-    file.status = "success";
-    file.response = response;
-    props.onSuccess?.(response, file, uploadFiles.value);
-    props.onChange?.(file, uploadFiles.value, uploadInstance);
-  };
-  const handleStart = (file) => {
-    if (lodashEs.isNil(file.uid)) file.uid = constants.genFileId();
-    const uploadFile = {
-      name: file.name,
-      percentage: 0,
-      status: "ready",
-      size: file.size,
-      raw: file,
-      uid: file.uid
-    };
-    if (props.listType === "picture-card" || props.listType === "picture") {
-      try {
-        uploadFile.url = URL.createObjectURL(file);
-      } catch (err) {
-        error.debugWarn(SCOPE, err.message);
-        props.onError?.(err, uploadFile, uploadFiles.value);
-      }
-    }
-    if (props.limit === 1 && props.replaceOnLimit && uploadFiles.value.length > 0) {
-      uploadFiles.value.forEach((existingFile) => {
-        revokeObjectURL(existingFile);
-      });
-      uploadFiles.value = [];
-    }
-    uploadFiles.value = [...uploadFiles.value, uploadFile];
-    props.onChange?.(uploadFile, uploadFiles.value, uploadInstance);
-  };
-  const handleRemove = async (file) => {
-    const uploadFile = file instanceof File ? getFile(file) : file;
-    if (!uploadFile) error.throwError(SCOPE, "file to be removed not found");
-    const doRemove = (file2) => {
-      abort(file2);
-      const fileList = uploadFiles.value;
-      fileList.splice(fileList.indexOf(file2), 1);
-      props.onRemove?.(file2, fileList);
-      revokeObjectURL(file2);
-    };
-    if (props.beforeRemove) {
-      const before = await props.beforeRemove(uploadFile, uploadFiles.value);
-      if (before !== false) doRemove(uploadFile);
-    } else {
-      doRemove(uploadFile);
-    }
-  };
-  function submit() {
-    uploadFiles.value.filter(({ status }) => status === "ready").forEach(({ raw }) => raw && uploadRef.value?.upload(raw));
-  }
-  vue.watch(
-    () => props.listType,
-    (val) => {
-      if (val !== "picture-card" && val !== "picture") {
-        return;
-      }
-      uploadFiles.value = uploadFiles.value.map((file) => {
-        const { raw, url } = file;
-        if (!url && raw) {
-          try {
-            file.url = URL.createObjectURL(raw);
-          } catch (err) {
-            props.onError?.(err, file, uploadFiles.value);
-          }
-        }
-        return file;
-      });
-    }
-  );
-  vue.watch(
-    uploadFiles,
-    (files) => {
-      if (files) {
-        for (const file of files) {
-          file.uid ||= constants.genFileId();
-          file.status ||= "success";
-        }
-      }
-    },
-    { immediate: true, deep: true }
-  );
-  return {
-    /** @description two-way binding ref from props `fileList` */
-    uploadFiles,
-    abort,
-    clearFiles,
-    handleError,
-    handleProgress,
-    handleStart,
-    handleSuccess,
-    handleRemove,
-    submit
-  };
-};
-exports.useHandlers = useHandlers;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("@vueuse/core");require("@vft/utils");const f=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const h=require("vue"),U=require("lodash-es"),b=require("./constants.cjs"),g="VftUpload",m=u=>{u.url?.startsWith("blob:")&&URL.revokeObjectURL(u.url)},q=(u,o)=>{const a=F.useVModel(u,"fileList",void 0,{passive:!0}),s=e=>a.value.find(t=>t.uid===e.uid),i={abort:l,submit:v,clearFiles:d,uploadFiles:a,uploadRef:o};function l(e){o.value?.abort(e)}function d(e=["ready","uploading","success","fail"]){a.value=a.value.filter(t=>!e.includes(t.status))}const y=(e,t)=>{const r=s(t);r&&(console.error(e),r.status="fail",a.value.splice(a.value.indexOf(r),1),u.onError?.(e,r,a.value),u.onChange?.(r,a.value,i))},L=(e,t)=>{const r=s(t);r&&(u.onProgress?.(e,r,a.value),r.status="uploading",r.percentage=Math.round(e.percent))},R=(e,t)=>{const r=s(t);r&&(r.status="success",r.response=e,u.onSuccess?.(e,r,a.value),u.onChange?.(r,a.value,i))},E=e=>{U.isNil(e.uid)&&(e.uid=b.genFileId());const t={name:e.name,percentage:0,status:"ready",size:e.size,raw:e,uid:e.uid};if(u.listType==="picture-card"||u.listType==="picture")try{t.url=URL.createObjectURL(e)}catch(r){f.debugWarn(g,r.message),u.onError?.(r,t,a.value)}u.limit===1&&u.replaceOnLimit&&a.value.length>0&&(a.value.forEach(r=>{m(r)}),a.value=[]),a.value=[...a.value,t],u.onChange?.(t,a.value,i)},O=async e=>{const t=e instanceof File?s(e):e;t||f.throwError(g,"file to be removed not found");const r=n=>{l(n);const c=a.value;c.splice(c.indexOf(n),1),u.onRemove?.(n,c),m(n)};u.beforeRemove?await u.beforeRemove(t,a.value)!==!1&&r(t):r(t)};function v(){a.value.filter(({status:e})=>e==="ready").forEach(({raw:e})=>e&&o.value?.upload(e))}return h.watch(()=>u.listType,e=>{e!=="picture-card"&&e!=="picture"||(a.value=a.value.map(t=>{const{raw:r,url:n}=t;if(!n&&r)try{t.url=URL.createObjectURL(r)}catch(c){u.onError?.(c,t,a.value)}return t}))}),h.watch(a,e=>{if(e)for(const t of e)t.uid||=b.genFileId(),t.status||="success"},{immediate:!0,deep:!0}),{uploadFiles:a,abort:l,clearFiles:d,handleError:y,handleProgress:L,handleStart:E,handleSuccess:R,handleRemove:O,submit:v}};exports.useHandlers=q;

package/lib/components/verify-code/index.cjs

@@ -1,12 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-require("@vueuse/core");
-require("@vft/utils");
-require("../config-provider/hooks/use-global-config.cjs");
-require("vue");
-const install = require("../../utils/vue/install.cjs");
-require("lodash-es");
-const verifyCode_vue_vue_type_script_setup_true_lang = require("./verify-code.vue2.cjs");
-const VftVerifyCode = install.withInstall(verifyCode_vue_vue_type_script_setup_true_lang.default);
-exports.VftVerifyCode = VftVerifyCode;
-exports.default = VftVerifyCode;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");const t=require("./verify-code.vue2.cjs"),e=r.withInstall(t.default);exports.VftVerifyCode=e;exports.default=e;

package/lib/components/verify-code/style/css.cjs

@@ -1,3 +1 @@
-"use strict";
-require("vft/theme-style/base.css");
-require("vft/theme-style/vft-verify-code.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-verify-code.css");

package/lib/components/verify-code/style/index.cjs

@@ -1,3 +1 @@
-"use strict";
-require("vft/theme-style/src/base.scss");
-require("vft/theme-style/src/verify-code.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/verify-code.scss");

package/lib/components/verify-code/useImageVerify.cjs

@@ -1,72 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-function useImageVerify(width = 152, height = 40) {
-  const domRef = vue.ref();
-  const imgCode = vue.ref("");
-  function setCode(code) {
-    imgCode.value = code;
-  }
-  function getCode() {
-    if (!domRef.value) return;
-    imgCode.value = draw(domRef.value, width, height);
-  }
-  vue.onMounted(() => {
-    getCode();
-  });
-  return {
-    domRef,
-    imgCode,
-    setCode,
-    getCode
-  };
-}
-function randomNum(min, max) {
-  const num = Math.floor(Math.random() * (max - min) + min);
-  return num;
-}
-function randomColor(min, max) {
-  const r = randomNum(min, max);
-  const g = randomNum(min, max);
-  const b = randomNum(min, max);
-  return `rgb(${r},${g},${b})`;
-}
-function draw(dom, width, height) {
-  let imgCode = "";
-  const NUMBER_STRING = "0123456789";
-  const ctx = dom.getContext("2d");
-  if (!ctx) return imgCode;
-  ctx.fillStyle = randomColor(180, 230);
-  ctx.fillRect(0, 0, width, height);
-  for (let i = 0; i < 4; i += 1) {
-    const text = NUMBER_STRING[randomNum(0, NUMBER_STRING.length)];
-    imgCode += text;
-    const fontSize = randomNum(18, 41);
-    const deg = randomNum(-30, 30);
-    ctx.font = `${fontSize}px Simhei`;
-    ctx.textBaseline = "top";
-    ctx.fillStyle = randomColor(80, 150);
-    ctx.save();
-    ctx.translate(30 * i + 23, 15);
-    ctx.rotate(deg * Math.PI / 180);
-    ctx.fillText(text, -15 + 5, -15);
-    ctx.restore();
-  }
-  for (let i = 0; i < 5; i += 1) {
-    ctx.beginPath();
-    ctx.moveTo(randomNum(0, width), randomNum(0, height));
-    ctx.lineTo(randomNum(0, width), randomNum(0, height));
-    ctx.strokeStyle = randomColor(180, 230);
-    ctx.closePath();
-    ctx.stroke();
-  }
-  for (let i = 0; i < 41; i += 1) {
-    ctx.beginPath();
-    ctx.arc(randomNum(0, width), randomNum(0, height), 1, 0, 2 * Math.PI);
-    ctx.closePath();
-    ctx.fillStyle = randomColor(150, 200);
-    ctx.fill();
-  }
-  return imgCode;
-}
-exports.default = useImageVerify;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue");function g(l=152,t=40){const n=a.ref(),u=a.ref("");function f(r){u.value=r}function e(){n.value&&(u.value=v(n.value,l,t))}return a.onMounted(()=>{e()}),{domRef:n,imgCode:u,setCode:f,getCode:e}}function o(l,t){return Math.floor(Math.random()*(t-l)+l)}function s(l,t){const n=o(l,t),u=o(l,t),f=o(l,t);return`rgb(${n},${u},${f})`}function v(l,t,n){let u="";const f="0123456789",e=l.getContext("2d");if(!e)return u;e.fillStyle=s(180,230),e.fillRect(0,0,t,n);for(let r=0;r<4;r+=1){const c=f[o(0,f.length)];u+=c;const i=o(18,41),d=o(-30,30);e.font=`${i}px Simhei`,e.textBaseline="top",e.fillStyle=s(80,150),e.save(),e.translate(30*r+23,15),e.rotate(d*Math.PI/180),e.fillText(c,-10,-15),e.restore()}for(let r=0;r<5;r+=1)e.beginPath(),e.moveTo(o(0,t),o(0,n)),e.lineTo(o(0,t),o(0,n)),e.strokeStyle=s(180,230),e.closePath(),e.stroke();for(let r=0;r<41;r+=1)e.beginPath(),e.arc(o(0,t),o(0,n),1,0,2*Math.PI),e.closePath(),e.fillStyle=s(150,200),e.fill();return u}exports.default=g;

package/lib/components/verify-code/verify-code.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const verifyCode_vue_vue_type_script_setup_true_lang = require("./verify-code.vue2.cjs");
-exports.default = verifyCode_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./verify-code.vue2.cjs");exports.default=e.default;

package/lib/components/verify-code/verify-code.vue2.cjs

@@ -1,55 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-require("@vueuse/core");
-require("@vft/utils");
-const helper = require("../../utils/helper.cjs");
-require("lodash-es");
-const useImageVerify = require("./useImageVerify.cjs");
-const _hoisted_1 = ["width", "height"];
-const __default__ = vue.defineComponent({
-  name: "vft-verify-code"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    height: { default: 40 },
-    width: { default: 150 },
-    radius: { default: 5 }
-  },
-  emits: ["click"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const emit = __emit;
-    const style = vue.computed(() => {
-      return {
-        width: helper.addUnit(__props.width),
-        height: helper.addUnit(__props.height)
-      };
-    });
-    const { domRef, imgCode, getCode } = useImageVerify.default();
-    const handleClick = () => {
-      getCode();
-      emit("click");
-    };
-    __expose({
-      getCode,
-      code: imgCode
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        style: vue.normalizeStyle(style.value),
-        onClick: handleClick
-      }, [
-        vue.createElementVNode("canvas", {
-          ref_key: "domRef",
-          ref: domRef,
-          style: vue.normalizeStyle({ borderRadius: vue.unref(helper.addUnit)(_ctx.radius) }),
-          width: _ctx.width,
-          height: _ctx.height,
-          class: "cursor-pointer"
-        }, null, 12, _hoisted_1)
-      ], 4);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");const i=require("../../utils/helper.cjs");require("lodash-es");const h=require("./useImageVerify.cjs"),f=["width","height"],m=e.defineComponent({name:"vft-verify-code"}),g=e.defineComponent({...m,props:{height:{default:40},width:{default:150},radius:{default:5}},emits:["click"],setup(r,{expose:o,emit:n}){const l=n,u=e.computed(()=>({width:i.addUnit(r.width),height:i.addUnit(r.height)})),{domRef:s,imgCode:c,getCode:d}=h.default(),a=()=>{d(),l("click")};return o({getCode:d,code:c}),(t,p)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(u.value),onClick:a},[e.createElementVNode("canvas",{ref_key:"domRef",ref:s,style:e.normalizeStyle({borderRadius:e.unref(i.addUnit)(t.radius)}),width:t.width,height:t.height,class:"cursor-pointer"},null,12,f)],4))}});exports.default=g;