@jnrs/vue-core 1.2.33 → 1.2.34

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 (17) hide show
  1. package/AGENTS.md +31 -26
  2. package/CHANGELOG.md +15 -1
  3. package/dist/components/JnDatetime.vue.d.ts +4 -0
  4. package/dist/components/JnFileUpload.vue.d.ts +15 -2
  5. package/dist/components/JnImageView.vue.d.ts +14 -0
  6. package/dist/components/index.js +1263 -1146
  7. package/dist/constants/themeOptions.d.ts +12 -12
  8. package/dist/index-qf5rNcN2.js +167 -0
  9. package/dist/index.js +1 -1
  10. package/dist/locales/en/components.d.ts +64 -0
  11. package/dist/locales/en/index.d.ts +107 -45
  12. package/dist/locales/index.js +134 -10
  13. package/dist/locales/zhCn/components.d.ts +64 -0
  14. package/dist/locales/zhCn/index.d.ts +107 -45
  15. package/dist/piniaStore/index.js +1 -1
  16. package/package.json +1 -1
  17. package/dist/index-DRbGqK4D.js +0 -167
package/AGENTS.md CHANGED
@@ -623,13 +623,16 @@ import { downloadTemplate, importData, exportData } from '@/api/data'
623
623
 
624
624
  **Props：**
625
625
 
626
- | 属性名 | 类型 | 默认值 | 说明 |
627
- | -------------- | ------------- | --------- | ---------------- |
628
- | src | `string` | `''` | 图片源地址 |
629
- | previewSrcList | `IFileItem[]` | `[]` | 开启图片预览功能 |
630
- | preview | `boolean` | `false` | 是否开启预览功能 |
631
- | height | `string` | — | 图片高度 |
632
- | maxHeight | `string` | `'200px'` | 图片最大高度 |
626
+ | 属性名 | 类型 | 默认值 | 说明 |
627
+ | -------------- | ------------- | ------- | ------------------------------------------------------------------------------- |
628
+ | src | `string` | `''` | 图片源地址 |
629
+ | previewSrcList | `IFileItem[]` | `[]` | 开启图片预览功能 |
630
+ | preview | `boolean` | `false` | 是否开启预览功能 |
631
+ | height | `string` | — | 图片高度 |
632
+ | maxHeight | `string` | — | 图片最大高度 |
633
+ | width | `string` | — | 图片宽度 |
634
+ | maxWidth | `string` | — | 图片最大宽度 |
635
+ | showAll | `boolean` | `false` | 是否展示所有图片（flex 排列，gap 4px，可换行，点击时 initial-index 为该图索引） |
633
636
 
634
637
  **使用示例：**
635
638
 
@@ -647,21 +650,23 @@ import { downloadTemplate, importData, exportData } from '@/api/data'
647
650
 
648
651
  **Props：**
649
652
 
650
- | 属性名 | 类型 | 默认值 | 说明 |
651
- | ----------------- | --------------------------------------- | --------- | ------------------------------- |
652
- | modelValue | `MixedUploadFile[]` | — | 绑定的模型值（文件列表） |
653
- | uploadName | `string` | `'file'` | 上传的文件字段名 |
654
- | drag | `boolean` | `false` | 是否启用拖拽上传 |
655
- | disabled | `boolean` | `false` | 是否禁用 |
656
- | showFileList | `boolean` | `true` | 是否显示已上传文件列表 |
657
- | accept | `string` | `''` | 接受的文件类型（如 .xls,.xlsx） |
658
- | fileSizeMb | `number` | `100` | 单个文件大小限制（单位：MB） |
659
- | limit | `number` | `0` | 最大上传文件数量，0 表示不限制 |
660
- | size | `'' \| 'small' \| 'default' \| 'large'` | `'small'` | Element Plus 组件的尺寸 |
661
- | formRef | `FormInstance` | — | 父级组件的表单引用 |
662
- | validateFieldName | `string` | `''` | 父级表单中用于校验的字段名 |
663
- | downloadFileFn | `(data: IAttachment) => void` | — | 文件下载的函数 |
664
- | autoUploadApi | `(data: File) => void` | — | 自动上传文件的 api 函数 |
653
+ | 属性名 | 类型 | 默认值 | 说明 |
654
+ | ----------------- | --------------------------------------- | --------- | ---------------------------------------------------------------- |
655
+ | modelValue | `MixedUploadFile[]` | — | 绑定的模型值（文件列表） |
656
+ | uploadName | `string` | `'file'` | 上传的文件字段名 |
657
+ | drag | `boolean` | `false` | 是否启用拖拽上传 |
658
+ | disabled | `boolean` | `false` | 是否禁用 |
659
+ | showFileList | `boolean` | `true` | 是否显示已上传文件列表 |
660
+ | accept | `string` | `''` | 接受的文件类型（如 .xls,.xlsx） |
661
+ | fileSizeMb | `number` | `100` | 单个文件大小限制（单位：MB） |
662
+ | limit | `number` | `0` | 最大上传文件数量，0 表示不限制 |
663
+ | size | `'' \| 'small' \| 'default' \| 'large'` | `'small'` | Element Plus 组件的尺寸 |
664
+ | formRef | `FormInstance` | — | 父级组件的表单引用 |
665
+ | validateFieldName | `string` | `''` | 父级表单中用于校验的字段名 |
666
+ | downloadFileFn | `(data: IAttachment) => void` | — | 文件下载的函数 |
667
+ | autoUploadApi | `(data: File) => void` | — | 自动上传文件的 api 函数 |
668
+ | previewFileFn | `(data: IAttachment) => void` | — | 文件预览函数（仅对 pdf 文件显示预览按钮） |
669
+ | readonly | `boolean` | `false` | 是否只读模式（仅展示文件列表，隐藏上传按钮、上传提示与删除按钮） |
665
670
 
666
671
  **使用示例：**
667
672
 
@@ -759,10 +764,10 @@ const dialogVisible = ref(false)
759
764
  | valueFormat | `string` | `'YYYY-MM-DD'` | 日期格式 |
760
765
  | clearable | `boolean` | `false` | 是否可清除 |
761
766
  | size | `'' \| 'small' \| 'default' \| 'large'` | `'default'` | 尺寸 |
762
- | placeholder | `string` | `'选择日期'` | 单值 placeholder |
763
- | startPlaceholder | `string` | `'开始日期'` | 范围开始 placeholder |
764
- | endPlaceholder | `string` | `'结束日期'` | 范围结束 placeholder |
765
- | rangeSeparator | `string` | `'至'` | 范围分隔符 |
767
+ | placeholder | `string` | `''`（i18n 提供） | 单值 placeholder |
768
+ | startPlaceholder | `string` | `''`（i18n 提供） | 范围开始 placeholder |
769
+ | endPlaceholder | `string` | `''`（i18n 提供） | 范围结束 placeholder |
770
+ | rangeSeparator | `string` | `''`（i18n 提供） | 范围分隔符 |
766
771
 
767
772
  **Events：**
768
773
 
package/CHANGELOG.md CHANGED
@@ -1,6 +1,20 @@
1
1
  # 发版日志
2
2
 
3
- ## [1.2.33] - 2026-07-27 【latest】
3
+ ## [1.2.34] - 2026-07-28 【latest】
4
+
5
+ ### Features
6
+
7
+ - 组件国际化适配：`GlobalSetting`、`JnDateQuery`、`JnFileUpload`、`JnImageView`、`JnImportAndExport`、`JnPdfView`、`JnSelectTemplate`、`JnTable` 新增 zhCn/en 语言包配置，支持多语言切换
8
+ - `JnFileUpload`：新增 `readonly` prop，只读模式下仅展示文件列表并隐藏上传按钮、上传提示与删除按钮
9
+ - `JnFileUpload`：新增 `previewFileFn` prop，仅对 pdf 文件显示预览按钮，点击后调用预览函数
10
+ - `JnImageView`：新增 `showAll` prop，为 true 时所有 `previewSrcList` 从左到右排列展示（gap 4px，可换行），点击某张图片时 `initial-index` 为该图片索引
11
+ - `JnImageView`：当 `previewSrcList` 长度大于 1 时，在图片右上角显示总数角标（如 `x3`）
12
+
13
+ ### Fixed
14
+
15
+ - `JnDateQuery`：`pickerFormat` 计算属性改用 i18n 动态获取格式字符串，修复切换英文环境时日期格式仍显示中文"年""月"的问题
16
+
17
+ ## [1.2.33] - 2026-07-27
4
18
 
5
19
  ### Features
6
20
 
package/dist/components/JnDatetime.vue.d.ts CHANGED
@@ -1,6 +1,10 @@
1
1
  export interface Props {
2
2
  value: string;
3
3
  color?: string;
4
+ /**
5
+ * 是否内联显示时间
6
+ */
7
+ inline?: boolean;
4
8
  }
5
9
  declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
6
10
  export default _default;
package/dist/components/JnFileUpload.vue.d.ts CHANGED
@@ -55,6 +55,15 @@ export interface Props {
55
55
  * 自动上传文件的 api 函数
56
56
  */
57
57
  autoUploadApi?: (data: File) => void;
58
+ /**
59
+ * 文件预览的函数（仅对 pdf 文件显示预览按钮）
60
+ */
61
+ previewFileFn?: (data: IAttachment) => void;
62
+ /**
63
+ * 是否只读模式，默认为 false
64
+ * 只读模式下仅展示文件列表，隐藏上传按钮、上传提示与删除按钮
65
+ */
66
+ readonly?: boolean;
58
67
  }
59
68
  declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
60
69
  "update:modelValue": (...args: any[]) => void;
@@ -231,7 +240,9 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
231
240
  }>>, {
232
241
  abort: (file?: import('element-plus/es/components/upload/src/upload.mjs').UploadFile) => void;
233
242
  submit: () => void;
234
- clearFiles: (states?: import('element-plus').UploadStatus[]) => void;
243
+ clearFiles: (states? /**
244
+ * 上传的文件字段名，默认为 'file'
245
+ */: import('element-plus').UploadStatus[]) => void;
235
246
  handleStart: (rawFile: import('element-plus/es/components/upload/src/upload.mjs').UploadRawFile) => void;
236
247
  handleRemove: (file: import('element-plus/es/components/upload/src/upload.mjs').UploadFile | import('element-plus/es/components/upload/src/upload.mjs').UploadRawFile) => void;
237
248
  }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
@@ -398,7 +409,9 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
398
409
  }>>, "name" | "disabled" | "onChange" | "data" | "onError" | "onProgress" | "fileList" | "showFileList" | "accept" | "beforeUpload" | "onRemove" | "onPreview" | "onSuccess" | "onExceed" | "action" | "method" | "autoUpload" | "listType" | "httpRequest" | "abort" | "submit" | "clearFiles" | "handleStart" | "handleRemove"> & import('vue').ShallowUnwrapRef<{
399
410
  abort: (file?: import('element-plus/es/components/upload/src/upload.mjs').UploadFile) => void;
400
411
  submit: () => void;
401
- clearFiles: (states?: import('element-plus').UploadStatus[]) => void;
412
+ clearFiles: (states? /**
413
+ * 上传的文件字段名，默认为 'file'
414
+ */: import('element-plus').UploadStatus[]) => void;
402
415
  handleStart: (rawFile: import('element-plus/es/components/upload/src/upload.mjs').UploadRawFile) => void;
403
416
  handleRemove: (file: import('element-plus/es/components/upload/src/upload.mjs').UploadFile | import('element-plus/es/components/upload/src/upload.mjs').UploadRawFile) => void;
404
417
  }> & {} & import('vue').ComponentCustomProperties & {} & {
package/dist/components/JnImageView.vue.d.ts CHANGED
@@ -20,6 +20,20 @@ interface JnImageViewProps {
20
20
  * 图片最大高度
21
21
  */
22
22
  maxHeight?: string;
23
+ /**
24
+ * 图片宽度
25
+ */
26
+ width?: string;
27
+ /**
28
+ * 图片最大宽度
29
+ */
30
+ maxWidth?: string;
31
+ /**
32
+ * 是否展示所有图片，默认为 false
33
+ * 为 true 时所有 previewSrcList 从左到右排列展示，gap 为 4px，可换行
34
+ * 点击某张图片时，预览的初始索引为该图片的索引
35
+ */
36
+ showAll?: boolean;
23
37
  }
24
38
  declare const _default: import('vue').DefineComponent<JnImageViewProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<JnImageViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
25
39
  export default _default;