@keyblade/pro-components 1.13.1 → 1.13.2

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 (9) hide show
  1. package/es/pro-date-range-picker/index.d.ts +9 -9
  2. package/es/pro-date-range-picker/pro-date-range-picker.vue.d.ts +4 -4
  3. package/es/pro-date-range-picker/pro-date-range-picker.vue.js +2 -2
  4. package/es/pro-image-upload/image-upload.vue.d.ts +2 -0
  5. package/es/pro-image-upload/image-upload.vue.js +11 -10
  6. package/es/pro-image-upload/index.d.ts +3 -0
  7. package/es/pro-image-upload/types.d.ts +2 -0
  8. package/es/style.css +1 -1
  9. package/package.json +1 -1
package/es/pro-date-range-picker/index.d.ts CHANGED
@@ -8,19 +8,19 @@ declare const ProDateRangePicker: {
8
8
  endPlaceholder?: string;
9
9
  separator?: string;
10
10
  hideLabel?: boolean;
11
- formItemProps?: FormItemProps;
12
- datePickerProps?: DatePickerProps;
11
+ formItemProps?: import('@arco-design/web-vue').FormItemInstance;
12
+ datePickerProps?: import('@arco-design/web-vue').DatePickerInstance;
13
13
  }> & Readonly<{
14
14
  "onUpdate:modelValue"?: ((value: import('./type').IModelValue) => any) | undefined;
15
15
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
16
16
  "update:modelValue": (value: import('./type').IModelValue) => any;
17
17
  }, import('vue').PublicProps, {
18
+ hideLabel: boolean;
18
19
  startField: string;
19
20
  endField: string;
20
21
  startPlaceholder: string;
21
22
  endPlaceholder: string;
22
23
  separator: string;
23
- hideLabel: boolean;
24
24
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
25
25
  startDatePickerRef: unknown;
26
26
  endDatePickerRef: unknown;
@@ -39,17 +39,17 @@ declare const ProDateRangePicker: {
39
39
  endPlaceholder?: string;
40
40
  separator?: string;
41
41
  hideLabel?: boolean;
42
- formItemProps?: FormItemProps;
43
- datePickerProps?: DatePickerProps;
42
+ formItemProps?: import('@arco-design/web-vue').FormItemInstance;
43
+ datePickerProps?: import('@arco-design/web-vue').DatePickerInstance;
44
44
  }> & Readonly<{
45
45
  "onUpdate:modelValue"?: ((value: import('./type').IModelValue) => any) | undefined;
46
46
  }>, {}, {}, {}, {}, {
47
+ hideLabel: boolean;
47
48
  startField: string;
48
49
  endField: string;
49
50
  startPlaceholder: string;
50
51
  endPlaceholder: string;
51
52
  separator: string;
52
- hideLabel: boolean;
53
53
  }>;
54
54
  __isFragment?: never;
55
55
  __isTeleport?: never;
@@ -62,19 +62,19 @@ declare const ProDateRangePicker: {
62
62
  endPlaceholder?: string;
63
63
  separator?: string;
64
64
  hideLabel?: boolean;
65
- formItemProps?: FormItemProps;
66
- datePickerProps?: DatePickerProps;
65
+ formItemProps?: import('@arco-design/web-vue').FormItemInstance;
66
+ datePickerProps?: import('@arco-design/web-vue').DatePickerInstance;
67
67
  }> & Readonly<{
68
68
  "onUpdate:modelValue"?: ((value: import('./type').IModelValue) => any) | undefined;
69
69
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
70
70
  "update:modelValue": (value: import('./type').IModelValue) => any;
71
71
  }, string, {
72
+ hideLabel: boolean;
72
73
  startField: string;
73
74
  endField: string;
74
75
  startPlaceholder: string;
75
76
  endPlaceholder: string;
76
77
  separator: string;
77
- hideLabel: boolean;
78
78
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
79
79
  install: (app: App) => void;
80
80
  };
package/es/pro-date-range-picker/pro-date-range-picker.vue.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { IModelValue } from './type.ts';
2
- import { DatePickerProps, FormItemProps } from '@arco-design/web-vue';
2
+ import { DatePickerInstance, FormItemInstance } from '@arco-design/web-vue';
3
3
  type __VLS_Props = {
4
4
  modelValue: IModelValue;
5
5
  startField?: string;
@@ -8,20 +8,20 @@ type __VLS_Props = {
8
8
  endPlaceholder?: string;
9
9
  separator?: string;
10
10
  hideLabel?: boolean;
11
- formItemProps?: FormItemProps;
12
- datePickerProps?: DatePickerProps;
11
+ formItemProps?: FormItemInstance;
12
+ datePickerProps?: DatePickerInstance;
13
13
  };
14
14
  declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
15
15
  "update:modelValue": (value: IModelValue) => any;
16
16
  }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
17
17
  "onUpdate:modelValue"?: ((value: IModelValue) => any) | undefined;
18
18
  }>, {
19
+ hideLabel: boolean;
19
20
  startField: string;
20
21
  endField: string;
21
22
  startPlaceholder: string;
22
23
  endPlaceholder: string;
23
24
  separator: string;
24
- hideLabel: boolean;
25
25
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
26
26
  startDatePickerRef: unknown;
27
27
  endDatePickerRef: unknown;
package/es/pro-date-range-picker/pro-date-range-picker.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./pro-date-range-picker.vue2.js";
2
2
  /* empty css */
3
- import a from "../_virtual/_plugin-vue_export-helper.js";
4
- const _ = /* @__PURE__ */ a(o, [["__scopeId", "data-v-ae94924a"]]);
3
+ import r from "../_virtual/_plugin-vue_export-helper.js";
4
+ const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0382c1f4"]]);
5
5
  export {
6
6
  _ as default
7
7
  };
package/es/pro-image-upload/image-upload.vue.d.ts CHANGED
@@ -31,6 +31,8 @@ type __VLS_Props = {
31
31
  singleLimit?: number;
32
32
  /** 最大允许上传个数 */
33
33
  limit?: number;
34
+ /** 文件超出个数限制时的提示文字 */
35
+ exceedTip?: string;
34
36
  /** 是否禁用 - 默认: false */
35
37
  disabled?: boolean;
36
38
  /** 隐藏内置上传文件之前的loading效果 - 默认: false */
package/es/pro-image-upload/image-upload.vue.js CHANGED
@@ -7,7 +7,7 @@ import we from "./cropper.vue.js";
7
7
  import { defaultImageUploadCheckOptions as Ee, defaultImageUploadCompressorOptions as Me, defaultImageUploadCropOptions as Se, oneTravelImageCheckAndTransform as be, oneTravelImageCompressor as Le } from "@keyblade/one-travel";
8
8
  const Oe = "keyblade-pro-image-upload";
9
9
  var R, _, ee;
10
- const He = /* @__PURE__ */ me({
10
+ const We = /* @__PURE__ */ me({
11
11
  __name: "image-upload",
12
12
  props: /* @__PURE__ */ J({
13
13
  action: {},
@@ -23,6 +23,7 @@ const He = /* @__PURE__ */ me({
23
23
  multiple: { type: Boolean, default: U.multiple },
24
24
  singleLimit: { default: U.singleLimit },
25
25
  limit: {},
26
+ exceedTip: {},
26
27
  disabled: { type: Boolean, default: (_ = U) == null ? void 0 : _.disabled },
27
28
  hideInnerBeforeUploadLoading: { type: Boolean, default: (ee = U) == null ? void 0 : ee.hideInnerBeforeUploadLoading },
28
29
  checkOptions: {},
@@ -60,7 +61,7 @@ const He = /* @__PURE__ */ me({
60
61
  const l = r.value.findIndex((t) => t.uid === a.uid);
61
62
  return r.value.splice(l, 1), r.value = [...r.value], !1;
62
63
  }, re = (a, l) => {
63
- e != null && e.onExceed ? e == null || e.onExceed(a, l) : (g.error(`单次最多可选择${(e == null ? void 0 : e.limit) || 1}张图片`), r.value = a);
64
+ e != null && e.onExceed ? e == null || e.onExceed(a, l) : (g.error(e.exceedTip ?? `超过数量上限，最多上传${(e == null ? void 0 : e.limit) || 1}张`), r.value = a);
64
65
  }, ue = async (a) => {
65
66
  if (e != null && e.onSuccess)
66
67
  e == null || e.onSuccess(a);
@@ -92,7 +93,7 @@ const He = /* @__PURE__ */ me({
92
93
  oe("cropperImgLoad", a);
93
94
  };
94
95
  K(n, async () => {
95
- var w, E, b, F, z, j, Q, V, W, H, N, P, T, q, D, G;
96
+ var w, E, b, F, z, j, Q, T, V, W, H, N, P, q, D, G;
96
97
  if (n.value === void 0 || h.value.length === 0)
97
98
  return;
98
99
  const a = h.value[n.value], { file: l, resolve: t, reject: u } = a;
@@ -145,7 +146,7 @@ const He = /* @__PURE__ */ me({
145
146
  try {
146
147
  (Q = B.value) != null && Q.customCrop ? i = await B.value.customCrop(i) : i = await new Promise((o, x) => {
147
148
  p.value = { file: i, resolve: o, reject: x };
148
- }), (V = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || V.call(
149
+ }), (T = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || T.call(
149
150
  e,
150
151
  l,
151
152
  n.value,
@@ -155,7 +156,7 @@ const He = /* @__PURE__ */ me({
155
156
  }
156
157
  );
157
158
  } catch {
158
- return (W = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || W.call(
159
+ return (V = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || V.call(
159
160
  e,
160
161
  l,
161
162
  n.value,
@@ -167,16 +168,16 @@ const He = /* @__PURE__ */ me({
167
168
  },
168
169
  errorMessage: "图片剪裁失败"
169
170
  }
170
- ), (H = B.value) != null && H.showErrorMessage && g.error("图片剪裁失败"), u();
171
+ ), (W = B.value) != null && W.showErrorMessage && g.error("图片剪裁失败"), u();
171
172
  } finally {
172
173
  p.value = void 0;
173
174
  }
174
175
  }
175
- if ((N = C.value) != null && N.enable) {
176
+ if ((H = C.value) != null && H.enable) {
176
177
  c.value = {
177
178
  loading: !0,
178
179
  text: `第${n.value + 1}张图片处理中，请稍等`
179
- }, (P = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || P.call(
180
+ }, (N = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || N.call(
180
181
  e,
181
182
  l,
182
183
  n.value,
@@ -185,7 +186,7 @@ const He = /* @__PURE__ */ me({
185
186
  const o = await Le(i, {
186
187
  maxSize: C.value.maxSize,
187
188
  size: C.value.size,
188
- excludeAllowedTypes: (T = C.value.excludeAllowedTypes) == null ? void 0 : T.map((x) => `image/${x}`)
189
+ excludeAllowedTypes: (P = C.value.excludeAllowedTypes) == null ? void 0 : P.map((x) => `image/${x}`)
189
190
  });
190
191
  if (c.value = void 0, (q = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || q.call(
191
192
  e,
@@ -287,5 +288,5 @@ const He = /* @__PURE__ */ me({
287
288
  }
288
289
  });
289
290
  export {
290
- He as default
291
+ We as default
291
292
  };
package/es/pro-image-upload/index.d.ts CHANGED
@@ -18,6 +18,7 @@ declare const ProImageUpload: {
18
18
  multiple?: boolean;
19
19
  singleLimit?: number;
20
20
  limit?: number;
21
+ exceedTip?: string;
21
22
  disabled?: boolean;
22
23
  hideInnerBeforeUploadLoading?: boolean;
23
24
  checkOptions?: import('@keyblade/one-travel').ImageUploadCheckOptions;
@@ -595,6 +596,7 @@ declare const ProImageUpload: {
595
596
  multiple?: boolean;
596
597
  singleLimit?: number;
597
598
  limit?: number;
599
+ exceedTip?: string;
598
600
  disabled?: boolean;
599
601
  hideInnerBeforeUploadLoading?: boolean;
600
602
  checkOptions?: import('@keyblade/one-travel').ImageUploadCheckOptions;
@@ -1126,6 +1128,7 @@ declare const ProImageUpload: {
1126
1128
  multiple?: boolean;
1127
1129
  singleLimit?: number;
1128
1130
  limit?: number;
1131
+ exceedTip?: string;
1129
1132
  disabled?: boolean;
1130
1133
  hideInnerBeforeUploadLoading?: boolean;
1131
1134
  checkOptions?: import('@keyblade/one-travel').ImageUploadCheckOptions;
package/es/pro-image-upload/types.d.ts CHANGED
@@ -36,6 +36,8 @@ export interface ImageUploadOptions {
36
36
  singleLimit?: number;
37
37
  /** 最大允许上传个数 */
38
38
  limit?: number;
39
+ /** 文件超出个数限制时的提示文字 */
40
+ exceedTip?: string;
39
41
  /** 是否禁用 - 默认: false */
40
42
  disabled?: boolean;
41
43
  /** 隐藏内置上传文件之前的loading效果 - 默认: false */
package/es/style.css CHANGED
@@ -1 +1 @@
1
- .keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--4a477a1a);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--4a477a1a);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--4a477a1a);padding-left:var(--3599ef93);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-hide-sider{padding-left:0}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--5b478c92)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--3599ef93);width:calc(100% - var(--3599ef93))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--5b478c92);width:calc(100% - var(--5b478c92))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-1bddf267]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-1bddf267]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-1bddf267]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-ae94924a]{display:flex;align-items:center}
1
+ .keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--4a477a1a);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--4a477a1a);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--4a477a1a);padding-left:var(--3599ef93);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-hide-sider{padding-left:0}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--5b478c92)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--3599ef93);width:calc(100% - var(--3599ef93))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--5b478c92);width:calc(100% - var(--5b478c92))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-1bddf267]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-1bddf267]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-1bddf267]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-0382c1f4]{display:flex;align-items:center}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@keyblade/pro-components",
3
3
  "description": "KeyBlade Pro Components",
4
4
  "author": "yangshuai <704807396@qq.com>",
5
- "version": "1.13.1",
5
+ "version": "1.13.2",
6
6
  "private": false,
7
7
  "type": "module",
8
8
  "main": "es/index.js",