sard-uniapp 1.24.7 → 1.25.0

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 (31) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.md +1 -1
  3. package/components/cascader/README.md +1 -1
  4. package/components/config/index.d.ts +2 -0
  5. package/components/config/index.js +10 -0
  6. package/components/empty/README.md +1 -1
  7. package/components/icon/sari.scss +9 -5
  8. package/components/image/README.md +108 -0
  9. package/components/image/common.d.ts +455 -0
  10. package/components/image/common.js +22 -0
  11. package/components/image/image.d.ts +38 -0
  12. package/components/image/image.vue +222 -0
  13. package/components/image/index.d.ts +1 -0
  14. package/components/image/index.js +1 -0
  15. package/components/image/index.scss +72 -0
  16. package/components/image/variables.scss +13 -0
  17. package/components/loading/loading.vue +8 -9
  18. package/components/qrcode/qrcode.d.ts +1 -1
  19. package/components/resize-sensor/resize-sensor.vue +1 -1
  20. package/components/steps/steps.d.ts +1 -1
  21. package/components/upload/README.md +6 -0
  22. package/components/upload/common.d.ts +3 -0
  23. package/components/upload/upload.d.ts +3 -1
  24. package/components/upload/upload.vue +8 -3
  25. package/components/watermark/watermark.d.ts +1 -1
  26. package/global.d.ts +1 -0
  27. package/index.d.ts +1 -0
  28. package/index.js +1 -0
  29. package/index.scss +1 -0
  30. package/package.json +1 -1
  31. package/utils/array.js +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,19 @@
1
+ # [1.25.0](https://github.com/sutras/sard-uniapp/compare/v1.24.7...v1.25.0) (2025-11-03)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **loading:** 修复根类名和样式设置错乱问题 ([f4ef355](https://github.com/sutras/sard-uniapp/commit/f4ef355e31d68e200868811a656f989ce6c7bd64))
7
+ * **util:** 修复数组浅比较问题 ([7f04c96](https://github.com/sutras/sard-uniapp/commit/7f04c961210dfddfb475f41299dca6391e418060))
8
+
9
+
10
+ ### Features
11
+
12
+ * **upload:** 允许通过调用方法调起文件选择 ([a78a645](https://github.com/sutras/sard-uniapp/commit/a78a6456f44c3fa6a7d1bba46b8354b07e458d1f))
13
+ * 新增image组件 ([7c61f4d](https://github.com/sutras/sard-uniapp/commit/7c61f4da58ad4f3307da6472e9c9df85e0f82f59))
14
+
15
+
16
+
1
17
  ## [1.24.7](https://github.com/sutras/sard-uniapp/compare/v1.24.6...v1.24.7) (2025-10-02)
2
18
 
3
19
 
package/README.md CHANGED
@@ -25,7 +25,7 @@
25
25
 
26
26
  ## 特性
27
27
 
28
- - 🧩 101+个高质量组件，覆盖移动端主流场景
28
+ - 🧩 102+个高质量组件，覆盖移动端主流场景
29
29
  - 💪 支持一套代码同时开发 H5 / 小程序 / App
30
30
  - 🌿 支持按需引入和 `Tree Shaking`
31
31
  - 📖 详尽的文档和案例展示
package/components/cascader/README.md CHANGED
@@ -12,7 +12,7 @@ group: 表单组件
12
12
  ## 引入
13
13
 
14
14
  ```ts
15
- import { Cascader } from 'sard'
15
+ import Cascader from 'sard-uniapp/components/cascader/cascader.vue'
16
16
  ```
17
17
 
18
18
  ## 代码演示
package/components/config/index.d.ts CHANGED
@@ -35,6 +35,7 @@ import { type FloatingPanelProps } from '../floating-panel';
35
35
  import { type FormItemProps, type FormProps } from '../form';
36
36
  import { type GridProps } from '../grid';
37
37
  import { type IconProps } from '../icon';
38
+ import { type ImageProps } from '../image';
38
39
  import { type IndexesProps } from '../indexes';
39
40
  import { type InputProps } from '../input';
40
41
  import { type KeyboardProps } from '../keyboard';
@@ -137,6 +138,7 @@ export interface ConfigOptions {
137
138
  formItem?: InferDefaults<LooseRequired<FormItemProps>>;
138
139
  grid?: InferDefaults<LooseRequired<GridProps>>;
139
140
  icon?: InferDefaults<LooseRequired<IconProps>>;
141
+ image?: InferDefaults<LooseRequired<ImageProps>>;
140
142
  indexes?: InferDefaults<LooseRequired<IndexesProps>>;
141
143
  input?: InferDefaults<LooseRequired<InputProps>>;
142
144
  keyboard?: InferDefaults<LooseRequired<KeyboardProps>>;
package/components/config/index.js CHANGED
@@ -185,6 +185,16 @@ export const defaultConfig = {
185
185
  family: 'sari',
186
186
  separate: false,
187
187
  },
188
+ image: {
189
+ mode: 'aspectFill',
190
+ shape: 'square',
191
+ fade: true,
192
+ loadingIcon: 'image',
193
+ errorIcon: 'image-error',
194
+ showMenuByLongpress: true,
195
+ showLoading: true,
196
+ showError: true,
197
+ },
188
198
  indexes: {
189
199
  hintDuration: 300,
190
200
  },
package/components/empty/README.md CHANGED
@@ -12,7 +12,7 @@ group: 数据展示
12
12
  ## 引入
13
13
 
14
14
  ```ts
15
- import { Empty } from 'sard'
15
+ import Empty from 'sard-uniapp/components/empty/empty.vue'
16
16
  ```
17
17
 
18
18
  ## 代码演示
package/components/icon/sari.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @font-face {
2
2
  font-family: 'sari'; /* Project id 2907887 */
3
- src: url('data:font/ttf;charset=utf-8;base64,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AAAAAAAAAAAAAAAAAAAAAAAzAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETARQBFQEWARcBGAEZARoBGwEcAR0BHgEfASABIQEiASMBJAElASYBJwEoASkBKgErASwBLQEuAS8BMAExATIBMwE0AANleWUJZXllLXNsYXNoBHVuZG8Lcm90YXRlLWxlZnQHYmFja3RvcAVjaGVjawV0cmFzaA1wZW5jaWwtc3F1YXJlEGRhc2gtc3F1YXJlLWZpbGwEbGlzdBBkYXNoLWNpcmNsZS1maWxsEHBsdXMtY2lyY2xlLWZpbGwCdXAFcmlnaHQEbGVmdARkb3duBWNsb3NlB2xvYWRpbmcJdm9sdW1lLXVwBHBsYXkKY2FyZXQtZG93bgpjYXJldC1sZWZ0C2NhcmV0LXJpZ2h0CGNhcmV0LXVwCWJhY2tzcGFjZQ1yZWNvcmQtY2lyY2xlBGZpbGUNeC1jaXJjbGUtZmlsbAZzcXVhcmURY2hlY2stc3F1YXJlLWZpbGwFaW1hZ2UEc3RhcglzdGFyLWZpbGwIeC1jaXJjbGUFZW1wdHkMd2FybmluZy1maWxsEGluZm8tY2lyY2xlLWZpbGwUcXVlc3Rpb24tY2lyY2xlLWZpbGwOeC1vY3RhZ29uLWZpbGwRY2hlY2stY2lyY2xlLWZpbGwGcGVyc29uBGZhaWwHc3VjY2VzcwhxdWVzdGlvbgRpbmZvBW1pbnVzBHBsdXMEZGFzaAZzZWFyY2gGY2lyY2xlAAAA')
3
+ src: url('data:font/ttf;charset=utf-8;base64,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cwBhAHIAaQBSAGUAZwB1AGwAYQByAHMAYQByAGkAcwBhAHIAaQBWAGUAcgBzAGkAbwBuACAAMQAuADAAcwBhAHIAaQBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgEjASQBJQEmAScBKAEpASoBKwEsAS0BLgEvATABMQEyATMBNAE1AAVpbWFnZQtpbWFnZS1lcnJvcgNleWUJZXllLXNsYXNoBHVuZG8Lcm90YXRlLWxlZnQHYmFja3RvcAVjaGVjawV0cmFzaA1wZW5jaWwtc3F1YXJlEGRhc2gtc3F1YXJlLWZpbGwEbGlzdBBkYXNoLWNpcmNsZS1maWxsEHBsdXMtY2lyY2xlLWZpbGwCdXAFcmlnaHQEbGVmdARkb3duBWNsb3NlB2xvYWRpbmcJdm9sdW1lLXVwBHBsYXkKY2FyZXQtZG93bgpjYXJldC1sZWZ0C2NhcmV0LXJpZ2h0CGNhcmV0LXVwCWJhY2tzcGFjZQ1yZWNvcmQtY2lyY2xlBGZpbGUNeC1jaXJjbGUtZmlsbAZzcXVhcmURY2hlY2stc3F1YXJlLWZpbGwEc3RhcglzdGFyLWZpbGwIeC1jaXJjbGUFZW1wdHkMd2FybmluZy1maWxsEGluZm8tY2lyY2xlLWZpbGwUcXVlc3Rpb24tY2lyY2xlLWZpbGwOeC1vY3RhZ29uLWZpbGwRY2hlY2stY2lyY2xlLWZpbGwGcGVyc29uBGZhaWwHc3VjY2VzcwhxdWVzdGlvbgRpbmZvBW1pbnVzBHBsdXMEZGFzaAZzZWFyY2gGY2lyY2xlAAAAAAA=')
4
4
  format('truetype');
5
5
  }
6
6
 
@@ -12,6 +12,14 @@
12
12
  -moz-osx-font-smoothing: grayscale;
13
13
  }
14
14
 
15
+ .sari-image:before {
16
+ content: '\e60c';
17
+ }
18
+
19
+ .sari-image-error:before {
20
+ content: '\e60d';
21
+ }
22
+
15
23
  .sari-eye:before {
16
24
  content: '\e7b6';
17
25
  }
@@ -132,10 +140,6 @@
132
140
  content: '\eaca';
133
141
  }
134
142
 
135
- .sari-image:before {
136
- content: '\e87f';
137
- }
138
-
139
143
  .sari-star:before {
140
144
  content: '\e992';
141
145
  }
package/components/image/README.md ADDED
@@ -0,0 +1,108 @@
1
+ ---
2
+ nav: 组件
3
+ title: Image
4
+ subtitle: 图片
5
+ group: 基础组件
6
+ version: 1.25+
7
+ ---
8
+
9
+ ## 介绍
10
+
11
+ image 组件的加强版，在继承了原有功能外，还支持淡入动画、加载中、加载失败提示、圆角值和形状等。
12
+
13
+ ## 引入
14
+
15
+ ```ts
16
+ import Image from 'sard-uniapp/components/image/image.vue'
17
+ ```
18
+
19
+ ## 代码演示
20
+
21
+ ### 基础使用
22
+
23
+ 配置图片的 `width` 宽和 `height` 高，以及 `src` 路径即可使用。
24
+
25
+ @code('${DEMO_PATH}/image/demo/Basic.vue')
26
+
27
+ ### 图片模式
28
+
29
+ 使用 `mode` 设置图片裁剪、缩放的模式。
30
+
31
+ @code('${DEMO_PATH}/image/demo/Mode.vue')
32
+
33
+ ### 图片形状
34
+
35
+ 通过 `shape` 参数设置图片的形状，`circle` 为圆形，`square` 为方形
36
+ 如果为方形时，还可以通过 `radius` 属性设置圆角值。
37
+
38
+ @code('${DEMO_PATH}/image/demo/Shape.vue')
39
+
40
+ ### 懒加载
41
+
42
+ 设置 `lazy-load` 属性可懒加载图片，在 web 端使用 `loading="lazy"` 实现，在其他端参考 `uniapp` 的实现。
43
+
44
+ @code('${DEMO_PATH}/image/demo/LazyLoad.vue')
45
+
46
+ ### 加载中提示
47
+
48
+ 加载时会显示默认的加载图标，可使用 `show-loading` 设置是否显示加载中图标，也可以使用 `loading-icon` 自定义加载图标，或者使用 `loading` 插槽自定义加载内容。
49
+
50
+ @code('${DEMO_PATH}/image/demo/Loading.vue')
51
+
52
+ ### 加载错误提示
53
+
54
+ 加载失败时会显示默认的失败图标，可使用 `show-error` 设置是否显示加载失败图标，也可以使用 `error-icon` 自定义加载失败图标，或者使用 `error` 插槽自定义加载失败内容。
55
+
56
+ @code('${DEMO_PATH}/image/demo/Error.vue')
57
+
58
+ ### 淡入动画
59
+
60
+ 组件自带了加载完成时的淡入动画效果，通过 `fade` 属性配置是否开启动画效果。
61
+
62
+ @code('${DEMO_PATH}/image/demo/Fade.vue')
63
+
64
+ ## API
65
+
66
+ ### ImageProps
67
+
68
+ | 属性 | 描述 | 类型 | 默认值 |
69
+ | ---------------------- | ---------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- |
70
+ | root-class | 组件根元素类名 | string | - |
71
+ | root-style | 组件根元素样式 | StyleValue | - |
72
+ | src | 图片资源地址 | string | - |
73
+ | mode | 图片资源地址 | 'scaleToFill' \| 'aspectFit' \| 'aspectFill' \| 'widthFix' \| 'heightFix' \| 'top' \| 'bottom' \| 'center' \| 'left' \| 'right' \| 'top left' \| 'top right' \| 'bottom left' \| 'bottom right' | 'aspectFill' |
74
+ | lazy-load | 图片懒加载 | boolean | false |
75
+ | fade | 是否需要淡入效果 | boolean | true |
76
+ | webp | 在系统不支持webp的情况下是否单独启用webp | boolean | false |
77
+ | show-menu-by-longpress | 开启长按图片显示识别小程序码菜单 | boolean | true |
78
+ | width | 图片宽度 | string | '320px' |
79
+ | height | 图片高度 | string | '240px' |
80
+ | shape | 图片形状 | 'circle' \| 'square' | 'square' |
81
+ | radius | 图片圆角 | string | - |
82
+ | loading-icon | 加载中的图标 | string | 'image' |
83
+ | error-icon | 加载失败的图标 | string | 'image-error' |
84
+ | icon-family | 图标族 | string | 'sari' |
85
+ | show-loading | 是否显示加载中的图标或者自定义的插槽 | boolean | true |
86
+ | show-error | 是否显示加载失败的图标或者自定义的插槽 | boolean | true |
87
+ | background | 图片背景颜色 | string | - |
88
+
89
+ ### ImageSlots
90
+
91
+ | 插槽 | 描述 | 属性 |
92
+ | ------- | -------------------- | ---- |
93
+ | loading | 自定义加载中的内容 | - |
94
+ | error | 自定义加载失败的内容 | - |
95
+
96
+ ### ImageEmits
97
+
98
+ | 事件 | 描述 | 类型 |
99
+ | ----- | ------------------ | -------------------- |
100
+ | click | 点击图片时触发 | (event: any) => void |
101
+ | load | 图片加载成功时触发 | (event: any) => void |
102
+ | error | 图片加载失败时触发 | (event: any) => void |
103
+
104
+ ## 主题定制
105
+
106
+ ### CSS 变量
107
+
108
+ @code('./variables.scss#variables')