@zl-ui-kit/components 0.7.2 → 0.8.1

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.
@@ -1,39 +1,42 @@
1
- import { computed as f, toValue as m } from "vue";
2
- function h(a) {
3
- return f(() => {
4
- const o = m(a);
1
+ import { computed as S, toValue as h } from "vue";
2
+ function P(s) {
3
+ return S(() => {
4
+ const o = h(s);
5
5
  if (o === !1)
6
6
  return !1;
7
7
  const {
8
- pageSizeOptions: i = [10, 30, 50],
8
+ pageSizeOptions: a = [10, 30, 50],
9
9
  pageSize: t = 30,
10
10
  pageNum: n = 1,
11
- simple: s = !0,
12
- showTotal: r = !0,
13
- showPageSize: p,
14
- ...u
15
- } = o || {}, e = i.slice();
11
+ simple: i = !0,
12
+ totalVisible: r,
13
+ pageSizeVisible: l,
14
+ // 旧名回落:新名优先,两者都没给才用默认值
15
+ showTotal: p,
16
+ showPageSize: u,
17
+ ...g
18
+ } = o || {}, c = r ?? p ?? !0, e = a.slice();
16
19
  e.includes(t) || e.push(t);
17
- const l = [
18
- r ? "total" : "",
19
- p ?? e.length > 0 ? "sizes" : "",
20
+ const f = [
21
+ c ? "total" : "",
22
+ l ?? u ?? e.length > 0 ? "sizes" : "",
20
23
  "prev",
21
24
  "pager",
22
25
  "next",
23
- s ? "" : "jumper"
26
+ i ? "" : "jumper"
24
27
  ].filter(Boolean).join(", ");
25
28
  return {
26
29
  // EP 2.7+ 官方推荐 size(原 arco simple/mini 语义映射为小尺寸)
27
- size: s ? "small" : "default",
28
- ...u,
29
- layout: l,
30
+ size: i ? "small" : "default",
31
+ ...g,
32
+ layout: f,
30
33
  currentPage: n,
31
34
  pageSize: t,
32
- pageSizes: e.sort((g, c) => g - c)
35
+ pageSizes: e.sort((z, m) => z - m)
33
36
  };
34
37
  });
35
38
  }
36
39
  export {
37
- h as usePagination
40
+ P as usePagination
38
41
  };
39
42
  //# sourceMappingURL=usePagination.mjs.map
@@ -13,6 +13,8 @@ type __VLS_Props = {
13
13
  /** 禁用全部查询项 */
14
14
  disabled?: boolean;
15
15
  /** 是否展示「筛选条件」标签行;不传时按「是否发生溢出」自动判定 */
16
+ labelsVisible?: boolean;
17
+ /** @deprecated 用 `labelsVisible`(全库显隐统一用 visible 语义) */
16
18
  showLabels?: boolean;
17
19
  };
18
20
  declare function search(): Promise<void>;
@@ -239,6 +241,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
239
241
  immediate: boolean;
240
242
  disabled: boolean;
241
243
  items: SearchItem[];
244
+ labelsVisible: boolean;
242
245
  showLabels: boolean;
243
246
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
244
247
  formRef: ({
@@ -1,20 +1,20 @@
1
- import { defineComponent as le, computed as u, useSlots as ae, ref as k, watch as te, nextTick as w, resolveComponent as oe, openBlock as c, createElementBlock as f, createElementVNode as g, createVNode as t, withModifiers as M, createSlots as R, withCtx as o, createTextVNode as p, toDisplayString as h, renderList as V, renderSlot as $, normalizeProps as N, guardReactiveProps as O, unref as s, createBlock as E, createCommentVNode as b, Fragment as se, Transition as re } from "vue";
1
+ import { defineComponent as le, computed as d, useSlots as ae, ref as k, watch as te, nextTick as w, resolveComponent as se, openBlock as c, createElementBlock as f, createElementVNode as C, createVNode as t, withModifiers as M, createSlots as R, withCtx as s, createTextVNode as b, toDisplayString as h, renderList as P, renderSlot as $, normalizeProps as N, guardReactiveProps as O, unref as o, createBlock as E, createCommentVNode as p, Fragment as oe, Transition as re } from "vue";
2
2
  import { useZlT as ie } from "@zl-ui-kit/composables";
3
3
  import { isArray as ne, isPlainObject as ce } from "@zl-ui-kit/utils";
4
4
  import I from "../ZlAutoTooltip/index.vue.mjs";
5
5
  import A from "../ZlForm/index.vue.mjs";
6
6
  import '../ZlTag/index.css';import '../ZlForm/index.css';/* empty css */
7
- import C from "../ZlIcon/index.vue.mjs";
7
+ import g from "../ZlIcon/index.vue.mjs";
8
8
  import q from "../ZlTag/index.vue.mjs";
9
9
  /* empty css */
10
10
  import { useSearchFormOverflow as ue } from "./useSearchFormOverflow.mjs";
11
- const me = { class: "zl-search" }, de = {
11
+ const de = { class: "zl-search" }, me = {
12
12
  key: 0,
13
13
  class: "zl-search-search"
14
14
  }, fe = { class: "zl-search-search-single" }, he = { class: "zl-search-form-actions" }, ve = {
15
15
  key: 0,
16
16
  class: "zl-search-label"
17
- }, pe = { class: "zl-search-label__summary" }, be = {
17
+ }, be = { class: "zl-search-label__summary" }, pe = {
18
18
  key: 0,
19
19
  class: "zl-search-search-multiple"
20
20
  }, _e = { class: "zl-search-form-actions" }, ze = {
@@ -28,25 +28,26 @@ const me = { class: "zl-search" }, de = {
28
28
  model: {},
29
29
  immediate: { type: Boolean, default: !0 },
30
30
  disabled: { type: Boolean, default: !1 },
31
+ labelsVisible: { type: Boolean, default: void 0 },
31
32
  showLabels: { type: Boolean, default: void 0 }
32
33
  },
33
34
  emits: ["search", "reset"],
34
35
  setup(S, { expose: D, emit: G }) {
35
- const { t: r } = ie(), m = S, B = G, T = u(
36
+ const { t: r } = ie(), u = S, B = G, T = d(
36
37
  () => Object.keys(ae()).filter((e) => e !== "label" && e !== "actions")
37
- ), y = k(null), L = k(null), n = k(!1), { lastVisibleIndex: Z, measure: H } = ue(y), J = u(() => {
38
+ ), y = k(null), L = k(null), n = k(!1), { lastVisibleIndex: Z, measure: H } = ue(y), J = d(() => {
38
39
  const e = {};
39
- for (const l of m.items)
40
+ for (const l of u.items)
40
41
  e[l.model] = typeof l.toLabel == "function" ? l.toLabel : X;
41
42
  return e;
42
- }), K = u(() => {
43
+ }), K = d(() => {
43
44
  const e = {};
44
- for (const l of m.items)
45
+ for (const l of u.items)
45
46
  typeof l.toParams == "function" && (e[l.model] = l.toParams);
46
47
  return e;
47
- }), v = u(() => {
48
+ }), v = d(() => {
48
49
  const e = [];
49
- for (const l of m.items) {
50
+ for (const l of u.items) {
50
51
  if (!l.model)
51
52
  throw new Error("[ZlSearch]: form item's model is required!");
52
53
  if (!W(l))
@@ -55,123 +56,125 @@ const me = { class: "zl-search" }, de = {
55
56
  e.push(ee);
56
57
  }
57
58
  return e;
58
- }), Q = k(m.model ?? {}), d = u(() => m.model ?? Q.value), j = u(() => v.value.reduce((e, l) => {
59
+ }), Q = k(u.model ?? {}), m = d(() => u.model ?? Q.value), j = d(() => v.value.reduce((e, l) => {
59
60
  const i = K.value[l.model];
60
- return i ? Object.assign(e, i(d.value[l.model], e)) : { ...e, [l.model]: d.value[l.model] };
61
- }, {})), F = u(() => v.value.map((e) => ({
62
- labelValue: J.value[e.model](d.value[e.model]),
61
+ return i ? Object.assign(e, i(m.value[l.model], e)) : { ...e, [l.model]: m.value[l.model] };
62
+ }, {})), F = d(() => v.value.map((e) => ({
63
+ labelValue: J.value[e.model](m.value[e.model]),
63
64
  model: e.model,
64
65
  label: e.label
65
- })).filter((e) => e.labelValue)), U = u(() => m.showLabels ?? Z.value !== null);
66
+ })).filter((e) => e.labelValue)), U = d(
67
+ () => u.labelsVisible ?? u.showLabels ?? Z.value !== null
68
+ );
66
69
  function W(e) {
67
70
  const l = e.visible;
68
- return l === void 0 ? !0 : l === !1 || typeof l == "function" && !l(d.value, e) ? !1 : !!l;
71
+ return l === void 0 ? !0 : l === !1 || typeof l == "function" && !l(m.value, e) ? !1 : !!l;
69
72
  }
70
73
  function X(e) {
71
74
  return ne(e) ? e.join(", ") : ce(e) ? e.label : e;
72
75
  }
73
- async function x() {
76
+ async function V() {
74
77
  n.value && (n.value = !1), B("search", j.value);
75
78
  }
76
79
  async function _() {
77
80
  try {
78
- await (n.value ? L.value : y.value)?.validate(), x();
81
+ await (n.value ? L.value : y.value)?.validate(), V();
79
82
  } catch {
80
83
  }
81
84
  }
82
- async function P() {
85
+ async function x() {
83
86
  try {
84
87
  const e = n.value ? L.value : y.value;
85
88
  e?.resetFields(), await w(), await e?.validate().catch(() => {
86
- }), B("reset"), await w(), x();
89
+ }), B("reset"), await w(), V();
87
90
  } catch (e) {
88
91
  console.error("[ZlSearch] reset validate error", e);
89
92
  }
90
93
  }
91
94
  function Y(e) {
92
- delete d.value[e.model];
95
+ delete m.value[e.model];
93
96
  }
94
97
  return te(
95
98
  () => v.value.map((e) => e.model).join(","),
96
99
  async () => {
97
100
  await w(), H();
98
101
  }
99
- ), m.immediate && (async () => (await w(), _()))(), D({ params: j, search: x, reset: P }), (e, l) => {
100
- const i = oe("el-button");
101
- return c(), f("div", me, [
102
- v.value.length ? (c(), f("div", de, [
103
- g("div", fe, [
102
+ ), u.immediate && (async () => (await w(), _()))(), D({ params: j, search: V, reset: x }), (e, l) => {
103
+ const i = se("el-button");
104
+ return c(), f("div", de, [
105
+ v.value.length ? (c(), f("div", me, [
106
+ C("div", fe, [
104
107
  t(A, {
105
108
  ref_key: "formRef",
106
109
  ref: y,
107
110
  class: "zl-search-form",
108
- model: d.value,
111
+ model: m.value,
109
112
  items: v.value,
110
113
  disabled: S.disabled,
111
114
  onSubmit: M(_, ["prevent"])
112
115
  }, R({
113
- label: o(({ label: a }) => [
116
+ label: s(({ label: a }) => [
114
117
  t(I, null, {
115
- default: o(() => [
116
- p(h(a), 1)
118
+ default: s(() => [
119
+ b(h(a), 1)
117
120
  ]),
118
121
  _: 2
119
122
  }, 1024)
120
123
  ]),
121
124
  _: 2
122
125
  }, [
123
- V(T.value, (a) => ({
126
+ P(T.value, (a) => ({
124
127
  name: a,
125
- fn: o((z) => [
128
+ fn: s((z) => [
126
129
  $(e.$slots, a, N(O(z)))
127
130
  ])
128
131
  }))
129
132
  ]), 1032, ["model", "items", "disabled"]),
130
- g("div", he, [
133
+ C("div", he, [
131
134
  t(i, {
132
135
  class: "zl-search-form-actions__reset",
133
- title: s(r)("zl.search.reset", "重置"),
134
- "aria-label": s(r)("zl.search.reset", "重置"),
135
- onClick: P
136
+ title: o(r)("zl.search.reset", "重置"),
137
+ "aria-label": o(r)("zl.search.reset", "重置"),
138
+ onClick: x
136
139
  }, {
137
- icon: o(() => [
138
- t(C, { icon: "zl:brush-color" })
140
+ icon: s(() => [
141
+ t(g, { icon: "zl:reset" })
139
142
  ]),
140
143
  _: 1
141
144
  }, 8, ["title", "aria-label"]),
142
- s(Z) !== null ? (c(), E(i, {
145
+ o(Z) !== null ? (c(), E(i, {
143
146
  key: 0,
144
147
  class: "zl-search-form-actions__toggle",
145
- title: s(r)("zl.search.expand", "展开"),
146
- "aria-label": s(r)("zl.search.expand", "展开"),
148
+ title: o(r)("zl.search.expand", "展开"),
149
+ "aria-label": o(r)("zl.search.expand", "展开"),
147
150
  "aria-expanded": n.value,
148
151
  onClick: l[0] || (l[0] = (a) => n.value = !0)
149
152
  }, {
150
- icon: o(() => [
151
- t(C, { icon: "zl:filter-color" })
153
+ icon: s(() => [
154
+ t(g, { icon: "zl:filter-color" })
152
155
  ]),
153
156
  _: 1
154
- }, 8, ["title", "aria-label", "aria-expanded"])) : b("", !0),
157
+ }, 8, ["title", "aria-label", "aria-expanded"])) : p("", !0),
155
158
  t(i, {
156
159
  type: "primary",
157
160
  onClick: _
158
161
  }, {
159
- default: o(() => [
160
- p(h(s(r)("zl.search.search", "查询")), 1)
162
+ default: s(() => [
163
+ b(h(o(r)("zl.search.search", "查询")), 1)
161
164
  ]),
162
165
  _: 1
163
166
  })
164
167
  ])
165
168
  ]),
166
169
  U.value ? (c(), f("div", ve, [
167
- g("div", pe, h(s(r)("zl.search.filterConditions", "筛选条件")), 1),
170
+ C("div", be, h(o(r)("zl.search.filterConditions", "筛选条件")), 1),
168
171
  F.value.length === 0 ? (c(), E(q, { key: 0 }, {
169
- default: o(() => [
170
- p(h(s(r)("zl.search.all", "全部")), 1)
172
+ default: s(() => [
173
+ b(h(o(r)("zl.search.all", "全部")), 1)
171
174
  ]),
172
175
  _: 1
173
- })) : b("", !0),
174
- (c(!0), f(se, null, V(F.value, (a) => (c(), f("div", {
176
+ })) : p("", !0),
177
+ (c(!0), f(oe, null, P(F.value, (a) => (c(), f("div", {
175
178
  key: a.model,
176
179
  class: "zl-search-label-item"
177
180
  }, [
@@ -181,63 +184,63 @@ const me = { class: "zl-search" }, de = {
181
184
  color: "primary",
182
185
  onClose: (z) => Y(a)
183
186
  }, {
184
- default: o(() => [
185
- p(h(a.labelValue), 1)
187
+ default: s(() => [
188
+ b(h(a.labelValue), 1)
186
189
  ]),
187
190
  _: 2
188
191
  }, 1032, ["onClose"])
189
192
  ]))), 128))
190
- ])) : b("", !0),
193
+ ])) : p("", !0),
191
194
  t(re, { name: "zl-search-fade-slide" }, {
192
- default: o(() => [
193
- n.value ? (c(), f("div", be, [
195
+ default: s(() => [
196
+ n.value ? (c(), f("div", pe, [
194
197
  t(A, {
195
198
  ref_key: "multipleFormRef",
196
199
  ref: L,
197
200
  class: "zl-search-form",
198
- model: d.value,
201
+ model: m.value,
199
202
  items: v.value,
200
203
  disabled: S.disabled,
201
204
  onSubmit: M(_, ["prevent"])
202
205
  }, R({
203
- label: o(({ label: a }) => [
206
+ label: s(({ label: a }) => [
204
207
  t(I, null, {
205
- default: o(() => [
206
- p(h(a), 1)
208
+ default: s(() => [
209
+ b(h(a), 1)
207
210
  ]),
208
211
  _: 2
209
212
  }, 1024)
210
213
  ]),
211
214
  _: 2
212
215
  }, [
213
- V(T.value, (a) => ({
216
+ P(T.value, (a) => ({
214
217
  name: a,
215
- fn: o((z) => [
218
+ fn: s((z) => [
216
219
  $(e.$slots, a, N(O(z)))
217
220
  ])
218
221
  }))
219
222
  ]), 1032, ["model", "items", "disabled"]),
220
- g("div", _e, [
223
+ C("div", _e, [
221
224
  t(i, {
222
225
  class: "zl-search-form-actions__reset",
223
- title: s(r)("zl.search.reset", "重置"),
224
- "aria-label": s(r)("zl.search.reset", "重置"),
225
- onClick: P
226
+ title: o(r)("zl.search.reset", "重置"),
227
+ "aria-label": o(r)("zl.search.reset", "重置"),
228
+ onClick: x
226
229
  }, {
227
- icon: o(() => [
228
- t(C, { icon: "zl:brush-color" })
230
+ icon: s(() => [
231
+ t(g, { icon: "zl:reset" })
229
232
  ]),
230
233
  _: 1
231
234
  }, 8, ["title", "aria-label"]),
232
235
  t(i, {
233
236
  class: "zl-search-form-actions__toggle",
234
- title: s(r)("zl.search.collapse", "收起"),
235
- "aria-label": s(r)("zl.search.collapse", "收起"),
237
+ title: o(r)("zl.search.collapse", "收起"),
238
+ "aria-label": o(r)("zl.search.collapse", "收起"),
236
239
  "aria-expanded": n.value,
237
240
  onClick: l[1] || (l[1] = (a) => n.value = !1)
238
241
  }, {
239
- icon: o(() => [
240
- t(C, { icon: "zl:filter-color" })
242
+ icon: s(() => [
243
+ t(g, { icon: "zl:filter-color" })
241
244
  ]),
242
245
  _: 1
243
246
  }, 8, ["title", "aria-label", "aria-expanded"]),
@@ -245,20 +248,20 @@ const me = { class: "zl-search" }, de = {
245
248
  type: "primary",
246
249
  onClick: _
247
250
  }, {
248
- default: o(() => [
249
- p(h(s(r)("zl.search.search", "查询")), 1)
251
+ default: s(() => [
252
+ b(h(o(r)("zl.search.search", "查询")), 1)
250
253
  ]),
251
254
  _: 1
252
255
  })
253
256
  ])
254
- ])) : b("", !0)
257
+ ])) : p("", !0)
255
258
  ]),
256
259
  _: 3
257
260
  })
258
- ])) : b("", !0),
261
+ ])) : p("", !0),
259
262
  e.$slots.actions ? (c(), f("div", ze, [
260
263
  $(e.$slots, "actions")
261
- ])) : b("", !0)
264
+ ])) : p("", !0)
262
265
  ]);
263
266
  };
264
267
  }
@@ -36,6 +36,7 @@ declare function __VLS_template(): {
36
36
  readonly model?: Record<string, any> | undefined;
37
37
  readonly immediate?: boolean | undefined;
38
38
  readonly disabled?: boolean | undefined;
39
+ readonly labelsVisible?: boolean | undefined;
39
40
  readonly showLabels?: boolean | undefined;
40
41
  readonly onSearch?: ((params: Record<string, any>) => any) | undefined;
41
42
  readonly onReset?: (() => any) | undefined;
@@ -232,6 +233,7 @@ declare function __VLS_template(): {
232
233
  model?: Record<string, any>;
233
234
  immediate?: boolean;
234
235
  disabled?: boolean;
236
+ labelsVisible?: boolean;
235
237
  showLabels?: boolean;
236
238
  }> & Readonly<{
237
239
  onSearch?: ((params: Record<string, any>) => any) | undefined;
@@ -247,6 +249,7 @@ declare function __VLS_template(): {
247
249
  immediate: boolean;
248
250
  disabled: boolean;
249
251
  items: SearchItem[];
252
+ labelsVisible: boolean;
250
253
  showLabels: boolean;
251
254
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
252
255
  beforeCreate?: (() => void) | (() => void)[];
@@ -272,17 +275,19 @@ declare function __VLS_template(): {
272
275
  immediate: boolean;
273
276
  disabled: boolean;
274
277
  items: SearchItem[];
278
+ labelsVisible: boolean;
275
279
  showLabels: boolean;
276
280
  }> & Omit<Readonly<{
277
281
  items?: SearchItem[];
278
282
  model?: Record<string, any>;
279
283
  immediate?: boolean;
280
284
  disabled?: boolean;
285
+ labelsVisible?: boolean;
281
286
  showLabels?: boolean;
282
287
  }> & Readonly<{
283
288
  onSearch?: ((params: Record<string, any>) => any) | undefined;
284
289
  onReset?: (() => any) | undefined;
285
- }>, "search" | "reset" | "params" | ("immediate" | "disabled" | "items" | "showLabels")> & {
290
+ }>, "search" | "reset" | "params" | ("immediate" | "disabled" | "items" | "labelsVisible" | "showLabels")> & {
286
291
  params: Record<string, any>;
287
292
  search: () => Promise<void>;
288
293
  reset: () => Promise<void>;
@@ -443,6 +448,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
443
448
  readonly model?: Record<string, any> | undefined;
444
449
  readonly immediate?: boolean | undefined;
445
450
  readonly disabled?: boolean | undefined;
451
+ readonly labelsVisible?: boolean | undefined;
446
452
  readonly showLabels?: boolean | undefined;
447
453
  readonly onSearch?: ((params: Record<string, any>) => any) | undefined;
448
454
  readonly onReset?: (() => any) | undefined;
@@ -639,6 +645,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
639
645
  model?: Record<string, any>;
640
646
  immediate?: boolean;
641
647
  disabled?: boolean;
648
+ labelsVisible?: boolean;
642
649
  showLabels?: boolean;
643
650
  }> & Readonly<{
644
651
  onSearch?: ((params: Record<string, any>) => any) | undefined;
@@ -654,6 +661,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
654
661
  immediate: boolean;
655
662
  disabled: boolean;
656
663
  items: SearchItem[];
664
+ labelsVisible: boolean;
657
665
  showLabels: boolean;
658
666
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
659
667
  beforeCreate?: (() => void) | (() => void)[];
@@ -679,17 +687,19 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
679
687
  immediate: boolean;
680
688
  disabled: boolean;
681
689
  items: SearchItem[];
690
+ labelsVisible: boolean;
682
691
  showLabels: boolean;
683
692
  }> & Omit<Readonly<{
684
693
  items?: SearchItem[];
685
694
  model?: Record<string, any>;
686
695
  immediate?: boolean;
687
696
  disabled?: boolean;
697
+ labelsVisible?: boolean;
688
698
  showLabels?: boolean;
689
699
  }> & Readonly<{
690
700
  onSearch?: ((params: Record<string, any>) => any) | undefined;
691
701
  onReset?: (() => any) | undefined;
692
- }>, "search" | "reset" | "params" | ("immediate" | "disabled" | "items" | "showLabels")> & {
702
+ }>, "search" | "reset" | "params" | ("immediate" | "disabled" | "items" | "labelsVisible" | "showLabels")> & {
693
703
  params: Record<string, any>;
694
704
  search: () => Promise<void>;
695
705
  reset: () => Promise<void>;
@@ -1 +1 @@
1
- .zl-upload[data-v-3c76b3ad]{width:100%}.zl-upload__trigger[data-v-3c76b3ad]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--zl-border-3, var(--el-border-color));border-radius:6px;cursor:pointer}.zl-upload__trigger[data-v-3c76b3ad]:hover{border-color:var(--zl-primary-6, var(--el-color-primary))}.zl-upload__item[data-v-3c76b3ad]{display:flex;align-items:center;gap:8px;padding:4px 8px;width:100%}.zl-upload__item[data-v-3c76b3ad]:hover{background:var(--zl-fill-1, var(--el-fill-color-light))}.zl-upload__item-thumbnail[data-v-3c76b3ad]{height:32px;width:32px;object-fit:cover;cursor:pointer}.zl-upload__item-name[data-v-3c76b3ad]{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zl-upload__item-op[data-v-3c76b3ad]{color:var(--zl-text-2)}.zl-upload__tip[data-v-3c76b3ad]{font-size:12px;color:var(--zl-text-3);line-height:18px;white-space:pre-wrap;word-break:break-all}
1
+ .zl-upload[data-v-cde4c2e9]{width:100%}.zl-upload__trigger[data-v-cde4c2e9]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--zl-border-3, var(--el-border-color));border-radius:6px;cursor:pointer}.zl-upload__trigger[data-v-cde4c2e9]:hover{border-color:var(--zl-primary-6, var(--el-color-primary))}.zl-upload__item[data-v-cde4c2e9]{display:flex;align-items:center;gap:8px;padding:4px 8px;width:100%}.zl-upload__item[data-v-cde4c2e9]:hover{background:var(--zl-fill-1, var(--el-fill-color-light))}.zl-upload__item-thumbnail[data-v-cde4c2e9]{height:32px;width:32px;object-fit:cover;cursor:pointer}.zl-upload__item-name[data-v-cde4c2e9]{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zl-upload__item-op[data-v-cde4c2e9]{color:var(--zl-text-2)}.zl-upload__tip[data-v-cde4c2e9]{font-size:12px;color:var(--zl-text-3);line-height:18px;white-space:pre-wrap;word-break:break-all}
@@ -11,7 +11,13 @@ type __VLS_Props = {
11
11
  separator?: string;
12
12
  /** 响应中文件地址的取值键 */
13
13
  responseUrlKey?: string;
14
+ /** 是否展示「下载」按钮(默认 true) */
15
+ downloadButtonVisible?: boolean;
16
+ /** 是否展示提示文案(默认 true) */
17
+ tipVisible?: boolean;
18
+ /** @deprecated 用 `downloadButtonVisible`(全库显隐统一用 visible 语义) */
14
19
  showDownloadButton?: boolean;
20
+ /** @deprecated 用 `tipVisible`(全库显隐统一用 visible 语义) */
15
21
  showTip?: boolean;
16
22
  /** 校验文件名不得含空格 */
17
23
  verifySpace?: boolean;
@@ -36,6 +42,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
36
42
  separator: string;
37
43
  modelValue: any;
38
44
  responseUrlKey: string;
45
+ downloadButtonVisible: boolean;
46
+ tipVisible: boolean;
39
47
  showDownloadButton: boolean;
40
48
  showTip: boolean;
41
49
  verifySpace: boolean;
@@ -1,8 +1,8 @@
1
1
  import o from "./index2.vue.mjs";
2
2
  import './index.css';/* empty css */
3
3
  import t from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3c76b3ad"]]);
4
+ const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cde4c2e9"]]);
5
5
  export {
6
- m as default
6
+ c as default
7
7
  };
8
8
  //# sourceMappingURL=index.vue.mjs.map