fast-element-plus 1.0.21 → 2.0.1

package/lib/components/uploadImage/src/uploadImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"uploadImage.js","names":["Fragment","computed","defineComponent","reactive","ref","withModifiers","createVNode","_createVNode","_Fragment","createTextVNode","_createTextVNode","resolveDirective","_resolveDirective","mergeProps","_mergeProps","withDirectives","_withDirectives","ElIcon","ElImageViewer","ElUpload","uploadProps","Delete","Edit","UploadFilled","ZoomIn","useUpload","FaMimeType","addUnit","definePropType","makeSlots","stringUtil","useExpose","useProps","useRender","isArray","isNull","isString","faUploadImageProps","drag","type","Boolean","default","accept","String","Image","listType","showFileList","modelValue","Array","maxSize","Number","uploadApi","Function","uploadUrl","width","height","faUploadImageEmits","value","change","name","props","emits","slots","setup","attrs","emit","expose","fileList","loading","formContext","maxSizeMB","handleValue","handleHttpRequest","handleOnSuccess","handleOnError","handleOnExceed","handleOnUpload","disabled","state","uploadKey","generateRandomString","preview","previewList","uploadRef","handleEdit","uploadInputEl","document","querySelector","dispatchEvent","MouseEvent","handlePreview","url","handleRemove","handleBeforeUpload","rawFile","beforeUpload","elUploadProps","$event","length","onClick","tip","toString","onClose","abort","submit","clearFiles","handleStart"],"sources":["../../../../../packages/components/uploadImage/src/uploadImage.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, reactive, ref, withModifiers } from \"vue\";\nimport { ElIcon, ElImageViewer, ElUpload, uploadProps } from \"element-plus\";\nimport { Delete, Edit, UploadFilled, ZoomIn } from \"@element-plus/icons-vue\";\nimport { useUpload } from \"@fast-element-plus/components/upload/src/useUpload\";\nimport { FaMimeType } from \"@fast-element-plus/constants\";\nimport { addUnit, definePropType, makeSlots, stringUtil, useExpose, useProps, useRender } from \"@fast-china/utils\";\nimport { isArray, isNull, isString } from \"lodash-unified\";\nimport type { UploadInstance, UploadProps, UploadUserFile, uploadListTypes } from \"element-plus\";\n\nexport const faUploadImageProps = {\n\t...uploadProps,\n\t/** @description whether to activate drag and drop mode */\n\tdrag: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description accepted [file types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-accept), will not work when `thumbnail-mode === true` */\n\taccept: {\n\t\ttype: String,\n\t\tdefault: (): string => FaMimeType.Image,\n\t},\n\t/** @description type of file list */\n\tlistType: {\n\t\ttype: definePropType<(typeof uploadListTypes)[number]>(String),\n\t\tdefault: \"picture\",\n\t},\n\t/** @description whether to show the uploaded file list */\n\tshowFileList: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\t/** @description v-model绑定值 */\n\tmodelValue: definePropType<string | string[]>([String, Array]),\n\t/** @description 大小限制，单位kb */\n\tmaxSize: {\n\t\ttype: [String, Number],\n\t\tdefault: 2048,\n\t},\n\t/** @description 图片上传接口，优先级最高 */\n\tuploadApi: {\n\t\ttype: definePropType<(formData: FormData) => Promise<string>>(Function),\n\t},\n\t/** @description 图片上传地址 */\n\tuploadUrl: String,\n\t/** @description 宽度 */\n\twidth: {\n\t\ttype: [String, Number],\n\t\tdefault: 150,\n\t},\n\t/** @description 高度 */\n\theight: {\n\t\ttype: [String, Number],\n\t\tdefault: 150,\n\t},\n};\n\nexport const faUploadImageEmits = {\n\t/** @description v-model 回调 */\n\t\"update:modelValue\": (value: string | string[]): boolean => isString(value) || isArray(value) || isNull(value),\n\t/** @description v-model:fileList 回调 */\n\t\"update:fileList\": (value: UploadUserFile[]): boolean => isArray(value),\n\t/** @description 改变 */\n\tchange: (value: string | string[]): boolean => isString(value) || isArray(value) || isNull(value),\n};\n\ntype FaUploadImageSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: never;\n};\n\nexport default defineComponent({\n\tname: \"FaUploadImage\",\n\tprops: faUploadImageProps,\n\temits: faUploadImageEmits,\n\tslots: makeSlots<FaUploadImageSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst {\n\t\t\tfileList,\n\t\t\tloading,\n\t\t\tformContext,\n\t\t\tmaxSizeMB,\n\t\t\thandleValue,\n\t\t\thandleHttpRequest,\n\t\t\thandleOnSuccess,\n\t\t\thandleOnError,\n\t\t\thandleOnExceed,\n\t\t\thandleOnUpload,\n\t\t} = useUpload<string | string[]>(\"FaUploadImage\", \"图片\", props, emit, {\n\t\t\tmaxSize: props.maxSize,\n\t\t\tuploadApi: props.uploadApi,\n\t\t\tuploadUrl: props.uploadUrl,\n\t\t});\n\n\t\tconst disabled = computed(() => {\n\t\t\treturn props.disabled || formContext?.disabled;\n\t\t});\n\n\t\tconst state = reactive({\n\t\t\tuploadKey: `fa-upload-image__${stringUtil.generateRandomString(8)}`,\n\t\t\tpreview: false,\n\t\t\tpreviewList: [],\n\t\t});\n\n\t\tconst uploadRef = ref<UploadInstance>();\n\n\t\tconst handleEdit = (): void => {\n\t\t\tconst uploadInputEl = document.querySelector(`.${state.uploadKey} .el-upload__input`);\n\t\t\tuploadInputEl && uploadInputEl.dispatchEvent(new MouseEvent(\"click\"));\n\t\t};\n\n\t\tconst handlePreview = (): void => {\n\t\t\tstate.previewList = [fileList.value[0].url];\n\t\t\tstate.preview = true;\n\t\t};\n\n\t\tconst handleRemove = (): void => {\n\t\t\tfileList.value = [];\n\t\t\thandleValue();\n\t\t};\n\n\t\tconst handleBeforeUpload: UploadProps[\"beforeUpload\"] = (rawFile) => {\n\t\t\tif (!handleOnUpload(rawFile)) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tif (props.beforeUpload) {\n\t\t\t\treturn props.beforeUpload(rawFile);\n\t\t\t}\n\t\t\treturn true;\n\t\t};\n\n\t\tconst elUploadProps = useProps(props, uploadProps, [\n\t\t\t\"fileList\",\n\t\t\t\"disabled\",\n\t\t\t\"httpRequest\",\n\t\t\t\"beforeUpload\",\n\t\t\t\"onExceed\",\n\t\t\t\"onSuccess\",\n\t\t\t\"onError\",\n\t\t]);\n\n\t\tuseRender(() => (\n\t\t\t<Fragment>\n\t\t\t\t<ElUpload\n\t\t\t\t\t{...elUploadProps.value}\n\t\t\t\t\tref={uploadRef}\n\t\t\t\t\tclass={[\"fa-upload-image\", state.uploadKey]}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\"--width\": addUnit(props.width),\n\t\t\t\t\t\t\"--height\": addUnit(props.height),\n\t\t\t\t\t}}\n\t\t\t\t\tvLoading={loading.value}\n\t\t\t\t\tvModel:fileList={fileList.value}\n\t\t\t\t\tdisabled={disabled.value}\n\t\t\t\t\thttpRequest={handleHttpRequest}\n\t\t\t\t\tbeforeUpload={handleBeforeUpload}\n\t\t\t\t\tonExceed={handleOnExceed}\n\t\t\t\t\tonSuccess={handleOnSuccess}\n\t\t\t\t\tonError={handleOnError}\n\t\t\t\t>\n\t\t\t\t\t{{\n\t\t\t\t\t\tdefault: () =>\n\t\t\t\t\t\t\tfileList.value.length > 0 ? (\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t<img class=\"el-upload-list__item-thumbnail\" src={fileList.value[0].url} />\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclass=\"el-upload-list__item-actions\"\n\t\t\t\t\t\t\t\t\t\tonClick={withModifiers(() => {\n\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t}, [\"stop\"])}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span class=\"el-upload-list__item-icon\" onClick={() => handlePreview()} title=\"查看\">\n\t\t\t\t\t\t\t\t\t\t\t<ElIcon>\n\t\t\t\t\t\t\t\t\t\t\t\t<ZoomIn />\n\t\t\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t{!disabled.value && (\n\t\t\t\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"el-upload-list__item-icon\" onClick={handleEdit} title=\"编辑\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElIcon>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Edit />\n\t\t\t\t\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"el-upload-list__item-icon\" onClick={() => handleRemove()} title=\"删除\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElIcon>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Delete />\n\t\t\t\t\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t) : slots.default ? (\n\t\t\t\t\t\t\t\tslots.default()\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t<ElIcon class=\"el-icon--upload\">\n\t\t\t\t\t\t\t\t\t\t<UploadFilled />\n\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t\t<div class=\"el-upload__text\">\n\t\t\t\t\t\t\t\t\t\tDrop file here <br />\n\t\t\t\t\t\t\t\t\t\t<em>click to upload</em>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\ttip: () => <div class=\"el-upload__tip\">file with a size less than {maxSizeMB.toString()}MB</div>,\n\t\t\t\t\t}}\n\t\t\t\t</ElUpload>\n\t\t\t\t{state.preview && (\n\t\t\t\t\t<ElImageViewer\n\t\t\t\t\t\tcloseOnPressEscape\n\t\t\t\t\t\thideOnClickModal\n\t\t\t\t\t\tteleported\n\t\t\t\t\t\tonClose={() => (state.preview = false)}\n\t\t\t\t\t\turlList={state.previewList}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Fragment>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 取消上传请求 */\n\t\t\tabort: computed(() => uploadRef.value?.abort),\n\t\t\t/** @description 手动上传文件列表 */\n\t\t\tsubmit: computed(() => uploadRef.value?.submit),\n\t\t\t/** @description 清空已上传的文件列表（该方法不支持在 before-upload 中调用） */\n\t\t\tclearFiles: computed(() => uploadRef.value?.clearFiles),\n\t\t\t/** @description 手动选择文件 */\n\t\t\thandleStart: computed(() => uploadRef.value?.handleStart),\n\t\t\t/** @description 手动移除文件。 file 和 rawFile 已被合并。 rawFile 将在 v2.2.0 中移除 */\n\t\t\thandleRemove: computed(() => uploadRef.value?.handleRemove),\n\t\t\t/** @description 加载状态 */\n\t\t\tloading,\n\t\t\t/** @description 文件集合 */\n\t\t\tfileList,\n\t\t\t/** @description 预览 */\n\t\t\tpreview: computed(() => state.preview),\n\t\t\t/** @description 预览集合 */\n\t\t\tpreviewList: computed(() => state.previewList),\n\t\t});\n\t},\n});\n"],"mappings":"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"}

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

@@ -1,14 +0,0 @@
-import { TSXWithInstall } from "@fast-china/utils";
-import type { default as UploadImages, faUploadImagesEmits, faUploadImagesProps } from "./src/uploadImages";
-import type { ExtractPropTypes } from "vue";
-
-export declare const FaUploadImages: TSXWithInstall<typeof UploadImages>;
-export default FaUploadImages;
-
-export { faUploadImagesProps, faUploadImagesEmits };
-
-export type FaUploadImagesInstance = InstanceType<typeof UploadImages>;
-
-export type FaUploadImagesProps = ExtractPropTypes<typeof faUploadImagesProps>;
-
-export type FaUploadImagesEmits = typeof faUploadImagesEmits;

package/lib/components/uploadImages/index.js

@@ -1,2 +0,0 @@
-require("../../_virtual/_rolldown/runtime.js");const r=require("./src/uploadImages.js");var e=(0,require("@fast-china/utils").withInstall)(r.default);exports.default=e;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/components/uploadImages/index.ts"],"sourcesContent":["import { withInstall } from \"@fast-china/utils\";\nimport UploadImages from \"./src/uploadImages\";\nimport type { faUploadImagesEmits, faUploadImagesProps } from \"./src/uploadImages\";\nimport type { ExtractPropTypes } from \"vue\";\n\nexport const FaUploadImages = withInstall(UploadImages);\nexport default FaUploadImages;\n\nexport { faUploadImagesProps, faUploadImagesEmits };\n\nexport type FaUploadImagesInstance = InstanceType<typeof UploadImages>;\n\nexport type FaUploadImagesProps = ExtractPropTypes<typeof faUploadImagesProps>;\n\nexport type FaUploadImagesEmits = typeof faUploadImagesEmits;\n"],"mappings":"wFAKA,IAAa,GAAA,+BAAA,aAA6B,EAAA"}