fantasia-ui 0.0.11 → 0.0.13

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 (8) hide show
  1. package/README.md +19 -16
  2. package/dist/fantasia-ui.es.js +251 -252
  3. package/dist/fantasia-ui.umd.js +27 -27
  4. package/dist/favicon.ico +0 -0
  5. package/dist/index.css +1 -1
  6. package/dist/modules/FUpload.vue.d.ts +4 -4
  7. package/package.json +1 -2
  8. package/dist/vite.svg +0 -1
package/README.md CHANGED
@@ -5,29 +5,32 @@
5
5
  *详细Api使用方法参考 [基于 el-upload 二次封装，实现多功能上传-CSDN博客](https://blog.csdn.net/weixin_60818087/article/details/148193542?spm=1001.2014.3001.5502)*
6
6
 
7
7
  > main.ts 引入样式 import 'fantasia-ui/dist/index.css'
8
+ >
9
+ > 发现没有图标？需要安装 **Element-plus** 的 icon 才会显示图标
8
10
 
9
- **filename.vue**
10
-
11
- `
12
-
13
- <script setup lang="ts">
11
+ ```vue
12
+ <script lang="ts">
14
13
  import { FUpload } from 'fantasia-ui';
15
14
 
16
- const handleUplaod = ({ file, done, error }) => {
17
- console.log(file);
18
- done();
15
+ export default {
16
+ components: {
17
+ FUpload
18
+ },
19
+ methods: {
20
+ handleUpload: (file, done, error) => {
21
+ try {
22
+ console.log(file);
23
+ done();
24
+ } catch (err) {
25
+ error(err);
26
+ }
27
+ }
28
+ }
19
29
  }
20
30
  </script>
21
31
 
22
32
  <template>
23
33
  <FUpload crop mosaic @upload="handleUplaod" />
24
34
  </template>
25
-
26
- `
27
-
28
- > 发现没有图标？需要安装 **Element-plus** 的 icon 才会显示下方图标
29
-
30
- <img src="C:\Users\Shuster\AppData\Roaming\Typora\typora-user-images\image-20250531002955293.png" alt="image-20250531002955293" style="zoom: 50%;" />
31
-
32
- <img src="C:\Users\Shuster\AppData\Roaming\Typora\typora-user-images\image-20250531003159734.png" alt="image-20250531003159734" style="zoom: 50%;" />
35
+ ```
33
36