hisonvue 1.1.1 → 1.1.3

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 (65) hide show
  1. package/dist/{HAccordion-yaZ0sBWj.js → HAccordion-Bc8LHllz.js} +1 -1
  2. package/dist/{HAccordion-ClPgc3MA.mjs → HAccordion-CYdLZCoO.mjs} +2 -2
  3. package/dist/{HBaggie-DhMiL1-B.js → HBaggie-XgHTnkp2.js} +1 -1
  4. package/dist/{HBaggie-BOcwzfs2.mjs → HBaggie-Ywgz5nvV.mjs} +2 -2
  5. package/dist/{HBanner-CkIr-lzQ.js → HBanner-BcDU3AwV.js} +1 -1
  6. package/dist/{HBanner-dQdDEjcq.mjs → HBanner-CidWbYwG.mjs} +2 -2
  7. package/dist/{HButton-CT0Az7ea.js → HButton-B6af0nzb.js} +1 -1
  8. package/dist/{HButton-CQA9AHfR.mjs → HButton-Bf1WiQNr.mjs} +2 -2
  9. package/dist/{HCalendar-C7RbTZT9.js → HCalendar-BiiLjDq7.js} +1 -1
  10. package/dist/{HCalendar-LYKfuBRk.mjs → HCalendar-CQs3-lsy.mjs} +1 -1
  11. package/dist/{HCaption-hIaWtt1A.mjs → HCaption-CJD8YqTy.mjs} +1 -1
  12. package/dist/{HCaption-DslrgN-4.js → HCaption-DxXZw4pH.js} +1 -1
  13. package/dist/{HChart-C_Np6dyj.mjs → HChart-Br_mONmh.mjs} +1 -1
  14. package/dist/{HChart-Dw1BMCJS.js → HChart-CLxSeQfB.js} +1 -1
  15. package/dist/{HDrawer-Z7npMmnm.mjs → HDrawer-C_zCEAoj.mjs} +1 -1
  16. package/dist/{HDrawer-C8dvmJDK.js → HDrawer-QSVck31B.js} +1 -1
  17. package/dist/{HDropdown-50SbH5xE.mjs → HDropdown-CzKF2cyh.mjs} +128 -119
  18. package/dist/HDropdown-l_g96ufU.js +1 -0
  19. package/dist/{HFileset-C8m3Fs_v.mjs → HFileset-B6ezY9_O.mjs} +1 -1
  20. package/dist/{HFileset-Bu2-UdKj.js → HFileset-CnM1z10l.js} +1 -1
  21. package/dist/{HGap-D8Iaf-5T.mjs → HGap--qHusiKo.mjs} +1 -1
  22. package/dist/{HGap-DsJy_QnE.js → HGap-D9TgBL0P.js} +1 -1
  23. package/dist/{HGrid-GnXheGEH.mjs → HGrid-DWFs2PVH.mjs} +1 -1
  24. package/dist/{HGrid-1YUZ2y6u.js → HGrid-DZT6UYsc.js} +1 -1
  25. package/dist/{HImagebox-BxTUweOq.mjs → HImagebox-B6DkNa0s.mjs} +1 -1
  26. package/dist/{HImagebox-r9i5w5WN.js → HImagebox-C-kUyV2a.js} +1 -1
  27. package/dist/HInput-DF_oPvVG.js +1 -0
  28. package/dist/HInput-Dih14jAK.mjs +1217 -0
  29. package/dist/{HInputGroup-lVdHU36z.js → HInputGroup-CxiRFkpV.js} +1 -1
  30. package/dist/{HInputGroup-D47YfrUp.mjs → HInputGroup-Czqo_DBM.mjs} +1 -1
  31. package/dist/HLabel-BFuX1v46.js +1 -0
  32. package/dist/HLabel-x3QyAn-P.mjs +400 -0
  33. package/dist/{HLayout-VCGeEX_T.js → HLayout-DHwcSj6Y.js} +1 -1
  34. package/dist/{HLayout-62BFnvbF.mjs → HLayout-DbIW32b3.mjs} +1 -1
  35. package/dist/{HList-C7mRWu55.mjs → HList-B0_bqe2X.mjs} +2 -2
  36. package/dist/{HList-T55xOKTU.js → HList-CGt8QYPb.js} +1 -1
  37. package/dist/{HModal-C4C4J9GA.js → HModal-Bbq2SffE.js} +1 -1
  38. package/dist/{HModal-28_wsn_-.mjs → HModal-DaQTId_h.mjs} +1 -1
  39. package/dist/{HNote-BqW_J3tq.mjs → HNote-BxjGgGT6.mjs} +1 -1
  40. package/dist/{HNote-RUUsRTzx.js → HNote-CHa35R5J.js} +1 -1
  41. package/dist/{HPagination-2Qlqr_ZS.mjs → HPagination-BZpSWEEW.mjs} +2 -2
  42. package/dist/{HPagination-BxRAk9Pi.js → HPagination-OwLtKBDy.js} +1 -1
  43. package/dist/{HParagraph-DG0-Th1k.mjs → HParagraph-BiOV9AaX.mjs} +112 -104
  44. package/dist/HParagraph-DA30mUOK.js +1 -0
  45. package/dist/{HPopup-CMHfS31s.mjs → HPopup-CSWCs1bC.mjs} +1 -1
  46. package/dist/{HPopup-Cnt1__JS.js → HPopup-CXsLCjT7.js} +1 -1
  47. package/dist/{HSpinner-CMZ2W-GY.js → HSpinner-B6mWhGkj.js} +1 -1
  48. package/dist/{HSpinner-C4FmAya2.mjs → HSpinner-DEHdIFhp.mjs} +1 -1
  49. package/dist/{HTable-Dx5l45_-.js → HTable-BoUCH2Zf.js} +1 -1
  50. package/dist/{HTable-Bd3ErPRn.mjs → HTable-By0pF5zV.mjs} +1 -1
  51. package/dist/hisonvue.cjs.js +1 -1
  52. package/dist/hisonvue.css +1 -1
  53. package/dist/hisonvue.d.ts +363 -107
  54. package/dist/hisonvue.es.js +2 -2
  55. package/dist/{index-CrciHSGg.mjs → index-BC8m9ivd.mjs} +9 -9
  56. package/dist/{index-CPFyQIpi.js → index-CyZluKOE.js} +3 -3
  57. package/dist/{setButtonCssEvent-BOWM7Rfs.mjs → setButtonCssEvent-DzPansSE.mjs} +1 -1
  58. package/dist/{setButtonCssEvent-Dv_zDL0C.js → setButtonCssEvent-fXHkzhY1.js} +1 -1
  59. package/package.json +1 -1
  60. package/dist/HDropdown-mSEm-0ZC.js +0 -1
  61. package/dist/HInput-CcWTYayE.js +0 -1
  62. package/dist/HInput-DT2SixiY.mjs +0 -1103
  63. package/dist/HLabel-BlczHNCh.mjs +0 -369
  64. package/dist/HLabel-vkRYvApC.js +0 -1
  65. package/dist/HParagraph-B3VkXyh7.js +0 -1
@@ -1,8 +1,8 @@
1
- import { defineComponent as Ie, ref as o, computed as v, onMounted as Ae, onBeforeUnmount as Ne, watch as i, nextTick as c, unref as ae, createElementBlock as q, openBlock as U, normalizeStyle as $, normalizeClass as P, createElementVNode as C, withKeys as ie, withModifiers as se, renderSlot as Ee, toDisplayString as ue, createCommentVNode as Me, Fragment as Oe, renderList as Te } from "vue";
2
- import { T as xe, w as b, D as Le, x as De, E as ke, y as X, g as Ve, u as He, e as Re, t as $e, b as re, h as I, r as ze, c as Be, d as Fe } from "./index-CrciHSGg.mjs";
3
- import { a as je, r as qe } from "./setButtonCssEvent-BOWM7Rfs.mjs";
4
- import { _ as Ue } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
5
- const Pe = {
1
+ import { defineComponent as Ee, ref as o, computed as v, onMounted as Oe, onBeforeUnmount as Me, watch as i, nextTick as c, unref as ae, createElementBlock as j, openBlock as U, normalizeStyle as $, normalizeClass as P, createElementVNode as A, withKeys as ie, withModifiers as se, renderSlot as Te, toDisplayString as ue, createCommentVNode as xe, Fragment as Le, renderList as De } from "vue";
2
+ import { T as He, w as b, D as ke, x as Ve, E as Re, y as Z, g as $e, u as ze, e as Be, t as Fe, b as re, h as N, r as qe, c as je, d as Ue } from "./index-BC8m9ivd.mjs";
3
+ import { a as Pe, r as Ge } from "./setButtonCssEvent-DzPansSE.mjs";
4
+ import { _ as Ye } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
5
+ const Ke = {
6
6
  /**
7
7
  * Unique identifier for the dropdown instance.
8
8
  * - Retrieve methods via `hison.component.getDropdown(id)`
@@ -56,8 +56,8 @@ const Pe = {
56
56
  */
57
57
  editMode: {
58
58
  type: String,
59
- default: X.editable,
60
- validator: (n) => ke.includes(n)
59
+ default: Z.editable,
60
+ validator: (n) => Re.includes(n)
61
61
  },
62
62
  /**
63
63
  * Placeholder text shown when no value selected
@@ -70,8 +70,8 @@ const Pe = {
70
70
  */
71
71
  trigger: {
72
72
  type: String,
73
- default: De.click,
74
- validator: (n) => Le.includes(n)
73
+ default: Ve.click,
74
+ validator: (n) => ke.includes(n)
75
75
  },
76
76
  /**
77
77
  * Model: { value, options }
@@ -100,7 +100,7 @@ const Pe = {
100
100
  textAlign: {
101
101
  type: String,
102
102
  default: b.left,
103
- validator: (n) => xe.includes(n)
103
+ validator: (n) => He.includes(n)
104
104
  },
105
105
  /**
106
106
  * Animate menu open/close & caret rotation.
@@ -136,98 +136,107 @@ const Pe = {
136
136
  * - Default: `1100`
137
137
  */
138
138
  zIndex: { type: Number, default: 1050 }
139
- }, Ge = Ie({
139
+ }, We = Ee({
140
140
  name: "HDropdown",
141
- props: Pe,
141
+ props: Ke,
142
142
  inheritAttrs: !1,
143
143
  emits: ["mounted", "responsive-change", "open", "close", "toggle-click", "item-click", "change", "update:modelValue"],
144
144
  setup(n, { emit: l }) {
145
- var ne, te;
146
- const m = n.id || Ve(), z = `hdropdown:${m}`, s = o(null), A = o(null), a = He(), u = o(!1), g = o(((ne = n.modelValue) == null ? void 0 : ne.options) ?? []), r = o(((te = n.modelValue) == null ? void 0 : te.value) ?? null), w = o(!!n.visible), S = o(n.editMode), N = v(() => S.value === X.disable), E = v(() => S.value === X.readonly), G = o(n.placeholder || ""), M = o(n.trigger), O = o(n.textAlign ?? b.left), de = v(() => ({ textAlign: O.value })), T = o(n.animate ?? !0), x = o(n.duration ?? 500), L = o(n.easing ?? "ease"), D = o(
145
+ var te, le;
146
+ const m = n.id || $e(), z = `hdropdown:${m}`, s = o(null), h = o(null), a = ze(), u = o(!1), g = o(((te = n.modelValue) == null ? void 0 : te.options) ?? []), d = o(((le = n.modelValue) == null ? void 0 : le.value) ?? null), S = o(!!n.visible), C = o(n.editMode), E = v(() => C.value === Z.disable), O = v(() => C.value === Z.readonly), G = o(n.placeholder || ""), M = o(n.trigger), T = o(n.textAlign ?? b.left), de = v(() => ({ textAlign: T.value })), x = o(n.animate ?? !0), L = o(n.duration ?? 500), D = o(n.easing ?? "ease"), H = o(
147
147
  n.tabIndex !== null && n.tabIndex !== "" ? Number(n.tabIndex) : null
148
148
  ), k = o(n.zIndex ?? 1100), ve = v(() => ({
149
- "--hdd-duration": `${x.value}ms`,
150
- "--hdd-easing": L.value
151
- })), ce = v(() => w.value ? "" : "hison-display-none"), ge = v(() => N.value ? "hison-disable" : ""), fe = v(() => E.value ? "hison-readonly" : ""), B = o([]), Y = () => {
152
- B.value = Re($e(n.class) || "", a.value), re(B.value, "size", I.componentStyle.size), re(B.value, "color", "primary");
153
- }, Z = v(() => {
154
- const e = g.value.find((t) => t.value === r.value);
149
+ "--hdd-duration": `${L.value}ms`,
150
+ "--hdd-easing": D.value
151
+ })), ce = v(() => S.value ? "" : "hison-display-none"), ge = v(() => E.value ? "hison-disable" : ""), fe = v(() => O.value ? "hison-readonly" : ""), B = o([]), Y = () => {
152
+ B.value = Be(Fe(n.class) || "", a.value), re(B.value, "size", N.componentStyle.size), re(B.value, "color", "primary");
153
+ }, J = v(() => {
154
+ const e = g.value.find((t) => t.value === d.value);
155
155
  return (e == null ? void 0 : e.label) ?? "";
156
- }), h = o(n.maxHeight ?? 240), me = v(() => ({
157
- maxHeight: `${h.value}px`,
156
+ }), w = o(n.maxHeight ?? 240), me = v(() => ({
157
+ maxHeight: `${w.value}px`,
158
158
  overflowY: "auto"
159
159
  })), V = o(n.closeOnSelect ?? !0), pe = v(() => {
160
- const e = g.value.findIndex((t) => t.value === r.value);
160
+ const e = g.value.findIndex((t) => t.value === d.value);
161
161
  return e >= 0 ? `opt-${e}` : void 0;
162
- }), J = o({}), H = o(!0), F = 0, ye = 120;
163
- function d() {
162
+ }), Q = o({}), I = o(!0), F = 0, ye = 120;
163
+ function be() {
164
+ if (!h.value) return 0;
165
+ const e = h.value.querySelector(".hison-dropdown-panel-inner");
166
+ return e && e.scrollHeight || 0;
167
+ }
168
+ function r() {
164
169
  if (!u.value || !s.value) return;
165
- const e = s.value.getBoundingClientRect(), t = window.innerHeight, f = e.width, y = e.left, le = t - e.bottom, we = e.top;
166
- H.value = le >= ye;
167
- let oe = H.value ? Math.min(h.value, Math.max(0, le - F)) : Math.min(h.value, Math.max(0, we - F));
168
- const Se = H.value ? e.bottom + F : e.top - oe - F, Ce = getComputedStyle(s.value).fontSize || "inherit";
169
- J.value = {
170
+ const e = s.value.getBoundingClientRect(), t = window.innerHeight, f = e.width, y = e.left, oe = t - e.bottom, Se = e.top;
171
+ I.value = oe >= ye;
172
+ const Ce = be(), Ie = I.value ? oe - F : Se - F, X = Math.max(0, Math.min(Ce || w.value, w.value, Ie)), Ae = I.value ? e.bottom + F : e.top - X - F, Ne = getComputedStyle(s.value).fontSize || "inherit";
173
+ Q.value = {
170
174
  position: "fixed",
171
175
  left: `${y}px`,
172
- top: `${Se}px`,
176
+ top: `${Ae}px`,
173
177
  width: `${f}px`,
174
- maxHeight: `${oe}px`,
178
+ // 중요: 위로 열릴 때는 컨테이너 높이를 '고정'해서 기준점이 안 흔들리게
179
+ // (아래로 열릴 때는 auto여도 무방)
180
+ height: I.value ? "auto" : `${X}px`,
181
+ maxHeight: `${X}px`,
175
182
  overflowY: "auto",
176
183
  zIndex: String(k.value),
177
- fontSize: Ce,
178
- transformOrigin: H.value ? "top center" : "bottom center"
184
+ fontSize: Ne,
185
+ transformOrigin: I.value ? "top center" : "bottom center"
179
186
  };
180
187
  }
181
- function j() {
182
- u.value && d();
188
+ function q() {
189
+ u.value && r();
183
190
  }
184
- const Q = (e) => {
191
+ const _ = (e) => {
185
192
  if (!u.value) return;
186
- const t = e.target, f = !!s.value && !!t && s.value.contains(t), y = !!A.value && !!t && A.value.contains(t);
193
+ const t = e.target, f = !!s.value && !!t && s.value.contains(t), y = !!h.value && !!t && h.value.contains(t);
187
194
  !f && !y && R();
188
195
  }, K = (e) => {
189
- N.value || E.value || !w.value || u.value || (u.value = !0, c(d), l("open", e ?? null, p.value));
196
+ E.value || O.value || !S.value || u.value || (u.value = !0, c(() => {
197
+ r(), requestAnimationFrame(() => r());
198
+ }), l("open", e ?? null, p.value));
190
199
  }, R = (e) => {
191
200
  var y;
192
201
  if (!u.value) return;
193
- const t = document.activeElement, f = A.value;
202
+ const t = document.activeElement, f = h.value;
194
203
  f && t && f.contains(t) && ((y = s.value) == null || y.focus()), u.value = !1, l("close", e ?? null, p.value);
195
- }, W = (e) => u.value ? R(e) : K(e), be = (e) => {
196
- M.value === "click" && (N.value || E.value || (l("toggle-click", e, p.value), W(e)));
197
- }, he = (e, t) => {
198
- if (e.disabled || N.value || E.value) return;
204
+ }, W = (e) => u.value ? R(e) : K(e), he = (e) => {
205
+ M.value === "click" && (E.value || O.value || (l("toggle-click", e, p.value), W(e)));
206
+ }, we = (e, t) => {
207
+ if (e.disabled || E.value || O.value) return;
199
208
  t && l("item-click", t, p.value, e);
200
- const f = r.value;
209
+ const f = d.value;
201
210
  if (e.value !== f) {
202
- r.value = e.value;
203
- const y = { value: r.value, options: ae(g) };
204
- l("update:modelValue", y), l("change", f, r.value, p.value);
211
+ d.value = e.value;
212
+ const y = { value: d.value, options: ae(g) };
213
+ l("update:modelValue", y), l("change", f, d.value, p.value);
205
214
  }
206
215
  V.value && R(t);
207
- }, p = o(null), _ = () => {
208
- I.component.dropdownList[m] && I.component.dropdownList[m].isHisonvueComponent && console.warn(`[Hisonvue] The dropdown ID is at risk of being duplicated. ${m}`), ze(z, () => {
209
- ee(), c(_);
210
- }), s.value && je(s.value), Y(), p.value = {
216
+ }, p = o(null), ee = () => {
217
+ N.component.dropdownList[m] && N.component.dropdownList[m].isHisonvueComponent && console.warn(`[Hisonvue] The dropdown ID is at risk of being duplicated. ${m}`), qe(z, () => {
218
+ ne(), c(ee);
219
+ }), s.value && Pe(s.value), Y(), p.value = {
211
220
  isHisonvueComponent: !0,
212
221
  getId: () => m,
213
222
  getType: () => "dropdown",
214
- isVisible: () => w.value,
223
+ isVisible: () => S.value,
215
224
  setVisible: (e) => {
216
- w.value = e;
225
+ S.value = e;
217
226
  },
218
- getEditMode: () => S.value,
227
+ getEditMode: () => C.value,
219
228
  setEditMode: (e) => {
220
- S.value = e;
229
+ C.value = e;
221
230
  },
222
231
  isOpen: () => u.value,
223
232
  open: K,
224
233
  close: R,
225
234
  toggle: W,
226
- getValue: () => r.value,
235
+ getValue: () => d.value,
227
236
  setValue: (e) => {
228
- r.value = e;
237
+ d.value = e;
229
238
  },
230
- getText: () => Z.value,
239
+ getText: () => J.value,
231
240
  getOptions: () => ae(g),
232
241
  setOptions: (e) => {
233
242
  g.value = Array.isArray(e) ? e : [];
@@ -235,35 +244,35 @@ const Pe = {
235
244
  setTriggerType: (e) => {
236
245
  M.value = e;
237
246
  },
238
- getMaxHeight: () => h.value,
247
+ getMaxHeight: () => w.value,
239
248
  setMaxHeight: (e) => {
240
249
  const t = Number(e);
241
- !Number.isFinite(t) || t < 0 || (h.value = t, c(d));
250
+ !Number.isFinite(t) || t < 0 || (w.value = t, c(r));
242
251
  },
243
252
  isCloseOnSelect: () => V.value,
244
253
  setCloseOnSelect: (e) => {
245
254
  V.value = !!e;
246
255
  },
247
- getTextAlign: () => O.value,
256
+ getTextAlign: () => T.value,
248
257
  setTextAlign: (e) => {
249
- (e === b.left || e === b.center || e === b.right) && (O.value = e, c(d));
258
+ (e === b.left || e === b.center || e === b.right) && (T.value = e, c(r));
250
259
  },
251
- getAnimate: () => T.value,
260
+ getAnimate: () => x.value,
252
261
  setAnimate: (e) => {
253
- T.value = !!e;
262
+ x.value = !!e;
254
263
  },
255
- getDuration: () => x.value,
264
+ getDuration: () => L.value,
256
265
  setDuration: (e) => {
257
266
  const t = Number(e);
258
- Number.isFinite(t) && t >= 0 && (x.value = t);
267
+ Number.isFinite(t) && t >= 0 && (L.value = t);
259
268
  },
260
- getEasing: () => L.value,
269
+ getEasing: () => D.value,
261
270
  setEasing: (e) => {
262
- typeof e == "string" && (L.value = e);
271
+ typeof e == "string" && (D.value = e);
263
272
  },
264
- getTabIndex: () => D.value,
273
+ getTabIndex: () => H.value,
265
274
  setTabIndex: (e) => {
266
- D.value = e != null ? Number(e) : null;
275
+ H.value = e != null ? Number(e) : null;
267
276
  },
268
277
  getZIndex: () => k.value,
269
278
  setZIndex: (e) => {
@@ -273,100 +282,100 @@ const Pe = {
273
282
  var e;
274
283
  (e = s.value) == null || e.focus();
275
284
  },
276
- reload: () => Be(z)
277
- }, I.component.dropdownList[m] = p.value, document.addEventListener("mousedown", Q), window.addEventListener("scroll", j, !0), window.addEventListener("resize", j), c(d), l("mounted", p.value);
278
- }, ee = () => {
285
+ reload: () => je(z)
286
+ }, N.component.dropdownList[m] = p.value, document.addEventListener("mousedown", _), window.addEventListener("scroll", q, !0), window.addEventListener("resize", q), c(r), l("mounted", p.value);
287
+ }, ne = () => {
279
288
  var e;
280
- Fe(z);
289
+ Ue(z);
281
290
  try {
282
- document.removeEventListener("mousedown", Q);
291
+ document.removeEventListener("mousedown", _);
283
292
  } catch {
284
293
  }
285
294
  try {
286
- window.removeEventListener("scroll", j, !0);
295
+ window.removeEventListener("scroll", q, !0);
287
296
  } catch {
288
297
  }
289
298
  try {
290
- window.removeEventListener("resize", j);
299
+ window.removeEventListener("resize", q);
291
300
  } catch {
292
301
  }
293
- s.value && qe(s.value), (e = I.component) != null && e.dropdownList && delete I.component.dropdownList[m];
302
+ s.value && Ge(s.value), (e = N.component) != null && e.dropdownList && delete N.component.dropdownList[m];
294
303
  };
295
- return Ae(_), Ne(ee), i(() => n.modelValue, (e) => {
296
- !e || typeof e != "object" || (Array.isArray(e.options) && (g.value = e.options), r.value = e.value, c(d));
304
+ return Oe(ee), Me(ne), i(() => n.modelValue, (e) => {
305
+ !e || typeof e != "object" || (Array.isArray(e.options) && (g.value = e.options), d.value = e.value, c(r));
297
306
  }, { deep: !0 }), i(a, (e) => {
298
- Y(), l("responsive-change", e), c(d);
307
+ Y(), l("responsive-change", e), c(r);
299
308
  }), i(() => n.visible, (e) => {
300
- !!e !== w.value && (w.value = !!e);
309
+ !!e !== S.value && (S.value = !!e);
301
310
  }), i(() => n.editMode, (e) => {
302
- e && e !== S.value && (S.value = e);
311
+ e && e !== C.value && (C.value = e);
303
312
  }), i(() => n.placeholder, (e) => {
304
313
  const t = e ?? "";
305
314
  t !== G.value && (G.value = t);
306
315
  }), i(() => n.trigger, (e) => {
307
316
  e && e !== M.value && (M.value = e);
308
317
  }), i(() => n.textAlign, (e) => {
309
- (e === b.left || e === b.center || e === b.right) && e !== O.value && (O.value = e, c(d));
318
+ (e === b.left || e === b.center || e === b.right) && e !== T.value && (T.value = e, c(r));
310
319
  }), i(() => n.animate, (e) => {
311
320
  const t = !!e;
312
- t !== T.value && (T.value = t);
321
+ t !== x.value && (x.value = t);
313
322
  }), i(() => n.duration, (e) => {
314
323
  const t = Number(e);
315
- Number.isFinite(t) && t >= 0 && t !== x.value && (x.value = t);
324
+ Number.isFinite(t) && t >= 0 && t !== L.value && (L.value = t);
316
325
  }), i(() => n.easing, (e) => {
317
326
  const t = typeof e == "string" ? e : "ease";
318
- t !== L.value && (L.value = t);
327
+ t !== D.value && (D.value = t);
319
328
  }), i(() => n.tabIndex, (e) => {
320
329
  const t = e === null || e === "" ? null : Number(e);
321
- t !== D.value && (D.value = t);
330
+ t !== H.value && (H.value = t);
322
331
  }), i(() => n.maxHeight, (e) => {
323
332
  const t = Number(e);
324
- Number.isFinite(t) && t >= 0 && t !== h.value && (h.value = t, c(d));
333
+ Number.isFinite(t) && t >= 0 && t !== w.value && (w.value = t, c(r));
325
334
  }), i(() => n.closeOnSelect, (e) => {
326
335
  const t = !!e;
327
336
  t !== V.value && (V.value = t);
328
337
  }), i(() => n.class, () => {
329
- Y(), c(d);
338
+ Y(), c(r);
330
339
  }), i(() => n.zIndex, (e) => {
331
340
  const t = Number(e);
332
341
  Number.isFinite(t) && t !== k.value && (k.value = t);
333
342
  }), {
334
343
  toggleRef: s,
335
- menuRef: A,
344
+ menuRef: h,
336
345
  props: n,
337
- isDisabled: N,
338
- isReadonly: E,
346
+ isDisabled: E,
347
+ isReadonly: O,
339
348
  visibleClass: ce,
340
349
  disableClass: ge,
341
350
  readonlyClass: fe,
342
351
  responsiveClassList: B,
343
352
  isOpen: u,
344
353
  trigger: M,
345
- selectedValue: r,
346
- selectedLabel: Z,
354
+ selectedValue: d,
355
+ selectedLabel: J,
347
356
  placeholder: G,
348
357
  activeDescId: pe,
349
358
  menuInlineStyle: me,
350
359
  options: g,
351
- animate: T,
360
+ animate: x,
352
361
  rootInlineStyle: ve,
353
- tabIndex: D,
354
- fixedMenuStyle: J,
355
- openBelow: H,
356
- onToggleClick: be,
357
- onSelect: he,
362
+ tabIndex: H,
363
+ fixedMenuStyle: Q,
364
+ openBelow: I,
365
+ onToggleClick: he,
366
+ onSelect: we,
358
367
  textAlignStyle: de,
359
368
  open: K,
360
369
  close: R,
361
370
  toggle: W
362
371
  };
363
372
  }
364
- }), Ye = ["aria-expanded", "aria-disabled", "tabindex"], Ke = { class: "hison-dropdown-label" }, We = ["aria-activedescendant", "inert"], Xe = { class: "hison-dropdown-panel" }, Ze = ["aria-selected", "onClick"], Je = {
373
+ }), Xe = ["aria-expanded", "aria-disabled", "tabindex"], Ze = { class: "hison-dropdown-label" }, Je = ["aria-activedescendant", "inert"], Qe = { class: "hison-dropdown-panel" }, _e = ["aria-selected", "onClick"], en = {
365
374
  key: 0,
366
375
  class: "hison-dropdown-empty"
367
376
  };
368
- function Qe(n, l, m, z, s, A) {
369
- return U(), q("div", {
377
+ function nn(n, l, m, z, s, h) {
378
+ return U(), j("div", {
370
379
  class: P([
371
380
  "hison-dropdown",
372
381
  ...n.responsiveClassList,
@@ -380,7 +389,7 @@ function Qe(n, l, m, z, s, A) {
380
389
  onMouseenter: l[3] || (l[3] = (a) => n.trigger === "hover" ? n.open(a) : null),
381
390
  onMouseleave: l[4] || (l[4] = (a) => n.trigger === "hover" ? n.close(a) : null)
382
391
  }, [
383
- C("div", {
392
+ A("div", {
384
393
  ref: "toggleRef",
385
394
  class: P(["hison-dropdown-toggle", [
386
395
  n.isDisabled ? "hison-disable" : "",
@@ -397,12 +406,12 @@ function Qe(n, l, m, z, s, A) {
397
406
  l[2] || (l[2] = ie(se((a) => n.onToggleClick(a), ["prevent"]), ["space"]))
398
407
  ]
399
408
  }, [
400
- C("span", Ke, ue(n.selectedLabel || n.placeholder), 1),
401
- Ee(n.$slots, "caret", {}, () => [
402
- l[5] || (l[5] = C("span", { class: "hison-dropdown-caret" }, "▾", -1))
409
+ A("span", Ze, ue(n.selectedLabel || n.placeholder), 1),
410
+ Te(n.$slots, "caret", {}, () => [
411
+ l[5] || (l[5] = A("span", { class: "hison-dropdown-caret" }, "▾", -1))
403
412
  ])
404
- ], 46, Ye),
405
- C("div", {
413
+ ], 46, Xe),
414
+ A("div", {
406
415
  ref: "menuRef",
407
416
  class: P(["hison-dropdown-menu hison-dropdown-menu-fixed", [
408
417
  n.isOpen ? "hison-open" : "",
@@ -413,12 +422,12 @@ function Qe(n, l, m, z, s, A) {
413
422
  "aria-activedescendant": n.activeDescId,
414
423
  inert: !n.isOpen || void 0
415
424
  }, [
416
- C("div", Xe, [
417
- C("div", {
425
+ A("div", Qe, [
426
+ A("div", {
418
427
  class: "hison-dropdown-panel-inner",
419
428
  style: $(n.menuInlineStyle)
420
429
  }, [
421
- (U(!0), q(Oe, null, Te(n.options, (a, u) => (U(), q("div", {
430
+ (U(!0), j(Le, null, De(n.options, (a, u) => (U(), j("div", {
422
431
  key: `opt-${u}`,
423
432
  class: P(["hison-dropdown-item", [
424
433
  a.disabled ? "hison-disable" : "",
@@ -428,14 +437,14 @@ function Qe(n, l, m, z, s, A) {
428
437
  role: "option",
429
438
  "aria-selected": a.value === n.selectedValue ? "true" : "false",
430
439
  onClick: (g) => n.onSelect(a, g)
431
- }, ue(a.label), 15, Ze))), 128)),
432
- n.options.length === 0 ? (U(), q("div", Je, "No options")) : Me("", !0)
440
+ }, ue(a.label), 15, _e))), 128)),
441
+ n.options.length === 0 ? (U(), j("div", en, "No options")) : xe("", !0)
433
442
  ], 4)
434
443
  ])
435
- ], 14, We)
444
+ ], 14, Je)
436
445
  ], 38);
437
446
  }
438
- const ln = /* @__PURE__ */ Ue(Ge, [["render", Qe]]);
447
+ const sn = /* @__PURE__ */ Ye(We, [["render", nn]]);
439
448
  export {
440
- ln as default
449
+ sn as default
441
450
  };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./index-CyZluKOE.js"),X=require("./setButtonCssEvent-fXHkzhY1.js"),ve=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ge={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},toggleStyle:{type:[String,Object,Array],required:!1},menuStyle:{type:[String,Object,Array],required:!1},itemStyle:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},editMode:{type:String,default:o.EditMode.editable,validator:n=>o.EDIT_MODE_VALUES.includes(n)},placeholder:{type:String,default:""},trigger:{type:String,default:o.DropdownTrigger.click,validator:n=>o.DROPDOWN_TRIGGER_VALUES.includes(n)},modelValue:{type:Object,required:!0},maxHeight:{type:Number,default:240,validator:n=>Number.isFinite(n)&&n>=0},closeOnSelect:{type:Boolean,default:!0},textAlign:{type:String,default:o.TextAlign.left,validator:n=>o.TEXT_ALIGN_VALUES.includes(n)},animate:{type:Boolean,default:!0},duration:{type:Number,default:500,validator:n=>Number.isFinite(n)&&n>=0},easing:{type:String,default:"ease"},tabIndex:{type:[Number,String],default:null,validator:n=>n===null||n===""||!isNaN(+n)&&isFinite(+n)},zIndex:{type:Number,default:1050}},fe=t.defineComponent({name:"HDropdown",props:ge,inheritAttrs:!1,emits:["mounted","responsive-change","open","close","toggle-click","item-click","change","update:modelValue"],setup(n,{emit:i}){var K,Y;const g=n.id||o.getUUID(),V=`hdropdown:${g}`,s=t.ref(null),p=t.ref(null),a=o.useDevice(),r=t.ref(!1),c=t.ref(((K=n.modelValue)==null?void 0:K.options)??[]),d=t.ref(((Y=n.modelValue)==null?void 0:Y.value)??null),y=t.ref(!!n.visible),b=t.ref(n.editMode),S=t.computed(()=>b.value===o.EditMode.disable),C=t.computed(()=>b.value===o.EditMode.readonly),L=t.ref(n.placeholder||""),T=t.ref(n.trigger),x=t.ref(n.textAlign??o.TextAlign.left),Z=t.computed(()=>({textAlign:x.value})),E=t.ref(n.animate??!0),A=t.ref(n.duration??500),N=t.ref(n.easing??"ease"),k=t.ref(n.tabIndex!==null&&n.tabIndex!==""?Number(n.tabIndex):null),I=t.ref(n.zIndex??1100),J=t.computed(()=>({"--hdd-duration":`${A.value}ms`,"--hdd-easing":N.value})),Q=t.computed(()=>y.value?"":"hison-display-none"),_=t.computed(()=>S.value?"hison-disable":""),ee=t.computed(()=>C.value?"hison-readonly":""),z=t.ref([]),D=()=>{z.value=o.extractResponsiveClasses(o.toClassString(n.class)||"",a.value),o.addComponentNameToClass(z.value,"size",o.hisonCloser.componentStyle.size),o.addComponentNameToClass(z.value,"color","primary")},F=t.computed(()=>{const e=c.value.find(l=>l.value===d.value);return(e==null?void 0:e.label)??""}),h=t.ref(n.maxHeight??240),te=t.computed(()=>({maxHeight:`${h.value}px`,overflowY:"auto"})),M=t.ref(n.closeOnSelect??!0),ne=t.computed(()=>{const e=c.value.findIndex(l=>l.value===d.value);return e>=0?`opt-${e}`:void 0}),j=t.ref({}),w=t.ref(!0),B=0,le=120;function oe(){if(!p.value)return 0;const e=p.value.querySelector(".hison-dropdown-panel-inner");return e&&e.scrollHeight||0}function u(){if(!r.value||!s.value)return;const e=s.value.getBoundingClientRect(),l=window.innerHeight,v=e.width,m=e.left,W=l-e.bottom,se=e.top;w.value=W>=le;const re=oe(),ue=w.value?W-B:se-B,q=Math.max(0,Math.min(re||h.value,h.value,ue)),de=w.value?e.bottom+B:e.top-q-B,ce=getComputedStyle(s.value).fontSize||"inherit";j.value={position:"fixed",left:`${m}px`,top:`${de}px`,width:`${v}px`,height:w.value?"auto":`${q}px`,maxHeight:`${q}px`,overflowY:"auto",zIndex:String(I.value),fontSize:ce,transformOrigin:w.value?"top center":"bottom center"}}function H(){r.value&&u()}const U=e=>{if(!r.value)return;const l=e.target,v=!!s.value&&!!l&&s.value.contains(l),m=!!p.value&&!!l&&p.value.contains(l);!v&&!m&&O()},R=e=>{S.value||C.value||!y.value||r.value||(r.value=!0,t.nextTick(()=>{u(),requestAnimationFrame(()=>u())}),i("open",e??null,f.value))},O=e=>{var m;if(!r.value)return;const l=document.activeElement,v=p.value;v&&l&&v.contains(l)&&((m=s.value)==null||m.focus()),r.value=!1,i("close",e??null,f.value)},$=e=>r.value?O(e):R(e),ie=e=>{T.value==="click"&&(S.value||C.value||(i("toggle-click",e,f.value),$(e)))},ae=(e,l)=>{if(e.disabled||S.value||C.value)return;l&&i("item-click",l,f.value,e);const v=d.value;if(e.value!==v){d.value=e.value;const m={value:d.value,options:t.unref(c)};i("update:modelValue",m),i("change",v,d.value,f.value)}M.value&&O(l)},f=t.ref(null),P=()=>{o.hisonCloser.component.dropdownList[g]&&o.hisonCloser.component.dropdownList[g].isHisonvueComponent&&console.warn(`[Hisonvue] The dropdown ID is at risk of being duplicated. ${g}`),o.registerReloadable(V,()=>{G(),t.nextTick(P)}),s.value&&X.addButtonCssEvent(s.value),D(),f.value={isHisonvueComponent:!0,getId:()=>g,getType:()=>"dropdown",isVisible:()=>y.value,setVisible:e=>{y.value=e},getEditMode:()=>b.value,setEditMode:e=>{b.value=e},isOpen:()=>r.value,open:R,close:O,toggle:$,getValue:()=>d.value,setValue:e=>{d.value=e},getText:()=>F.value,getOptions:()=>t.unref(c),setOptions:e=>{c.value=Array.isArray(e)?e:[]},setTriggerType:e=>{T.value=e},getMaxHeight:()=>h.value,setMaxHeight:e=>{const l=Number(e);!Number.isFinite(l)||l<0||(h.value=l,t.nextTick(u))},isCloseOnSelect:()=>M.value,setCloseOnSelect:e=>{M.value=!!e},getTextAlign:()=>x.value,setTextAlign:e=>{(e===o.TextAlign.left||e===o.TextAlign.center||e===o.TextAlign.right)&&(x.value=e,t.nextTick(u))},getAnimate:()=>E.value,setAnimate:e=>{E.value=!!e},getDuration:()=>A.value,setDuration:e=>{const l=Number(e);Number.isFinite(l)&&l>=0&&(A.value=l)},getEasing:()=>N.value,setEasing:e=>{typeof e=="string"&&(N.value=e)},getTabIndex:()=>k.value,setTabIndex:e=>{k.value=e!=null?Number(e):null},getZIndex:()=>I.value,setZIndex:e=>{I.value=e},focus:()=>{var e;(e=s.value)==null||e.focus()},reload:()=>o.reloadHisonComponent(V)},o.hisonCloser.component.dropdownList[g]=f.value,document.addEventListener("mousedown",U),window.addEventListener("scroll",H,!0),window.addEventListener("resize",H),t.nextTick(u),i("mounted",f.value)},G=()=>{var e;o.unregisterReloadable(V);try{document.removeEventListener("mousedown",U)}catch{}try{window.removeEventListener("scroll",H,!0)}catch{}try{window.removeEventListener("resize",H)}catch{}s.value&&X.removeButtonCssEvent(s.value),(e=o.hisonCloser.component)!=null&&e.dropdownList&&delete o.hisonCloser.component.dropdownList[g]};return t.onMounted(P),t.onBeforeUnmount(G),t.watch(()=>n.modelValue,e=>{!e||typeof e!="object"||(Array.isArray(e.options)&&(c.value=e.options),d.value=e.value,t.nextTick(u))},{deep:!0}),t.watch(a,e=>{D(),i("responsive-change",e),t.nextTick(u)}),t.watch(()=>n.visible,e=>{!!e!==y.value&&(y.value=!!e)}),t.watch(()=>n.editMode,e=>{e&&e!==b.value&&(b.value=e)}),t.watch(()=>n.placeholder,e=>{const l=e??"";l!==L.value&&(L.value=l)}),t.watch(()=>n.trigger,e=>{e&&e!==T.value&&(T.value=e)}),t.watch(()=>n.textAlign,e=>{(e===o.TextAlign.left||e===o.TextAlign.center||e===o.TextAlign.right)&&e!==x.value&&(x.value=e,t.nextTick(u))}),t.watch(()=>n.animate,e=>{const l=!!e;l!==E.value&&(E.value=l)}),t.watch(()=>n.duration,e=>{const l=Number(e);Number.isFinite(l)&&l>=0&&l!==A.value&&(A.value=l)}),t.watch(()=>n.easing,e=>{const l=typeof e=="string"?e:"ease";l!==N.value&&(N.value=l)}),t.watch(()=>n.tabIndex,e=>{const l=e===null||e===""?null:Number(e);l!==k.value&&(k.value=l)}),t.watch(()=>n.maxHeight,e=>{const l=Number(e);Number.isFinite(l)&&l>=0&&l!==h.value&&(h.value=l,t.nextTick(u))}),t.watch(()=>n.closeOnSelect,e=>{const l=!!e;l!==M.value&&(M.value=l)}),t.watch(()=>n.class,()=>{D(),t.nextTick(u)}),t.watch(()=>n.zIndex,e=>{const l=Number(e);Number.isFinite(l)&&l!==I.value&&(I.value=l)}),{toggleRef:s,menuRef:p,props:n,isDisabled:S,isReadonly:C,visibleClass:Q,disableClass:_,readonlyClass:ee,responsiveClassList:z,isOpen:r,trigger:T,selectedValue:d,selectedLabel:F,placeholder:L,activeDescId:ne,menuInlineStyle:te,options:c,animate:E,rootInlineStyle:J,tabIndex:k,fixedMenuStyle:j,openBelow:w,onToggleClick:ie,onSelect:ae,textAlignStyle:Z,open:R,close:O,toggle:$}}}),me=["aria-expanded","aria-disabled","tabindex"],pe={class:"hison-dropdown-label"},he=["aria-activedescendant","inert"],ye={class:"hison-dropdown-panel"},be=["aria-selected","onClick"],we={key:0,class:"hison-dropdown-empty"};function Se(n,i,g,V,s,p){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-dropdown",...n.responsiveClassList,n.visibleClass,n.disableClass,n.readonlyClass,n.isOpen?"hison-open":"",n.animate?"":"hison-no-anim"]),style:t.normalizeStyle([n.rootInlineStyle,n.props.style]),onMouseenter:i[3]||(i[3]=a=>n.trigger==="hover"?n.open(a):null),onMouseleave:i[4]||(i[4]=a=>n.trigger==="hover"?n.close(a):null)},[t.createElementVNode("div",{ref:"toggleRef",class:t.normalizeClass(["hison-dropdown-toggle",[n.isDisabled?"hison-disable":"",n.isReadonly?"hison-readonly":""]]),"aria-expanded":n.isOpen,role:"combobox","aria-disabled":n.isDisabled||n.isReadonly?"true":"false",tabindex:n.tabIndex??void 0,style:t.normalizeStyle([n.textAlignStyle,n.props.toggleStyle]),onClick:i[0]||(i[0]=a=>n.onToggleClick(a)),onKeydown:[i[1]||(i[1]=t.withKeys(t.withModifiers(a=>n.onToggleClick(a),["prevent"]),["enter"])),i[2]||(i[2]=t.withKeys(t.withModifiers(a=>n.onToggleClick(a),["prevent"]),["space"]))]},[t.createElementVNode("span",pe,t.toDisplayString(n.selectedLabel||n.placeholder),1),t.renderSlot(n.$slots,"caret",{},()=>[i[5]||(i[5]=t.createElementVNode("span",{class:"hison-dropdown-caret"},"▾",-1))])],46,me),t.createElementVNode("div",{ref:"menuRef",class:t.normalizeClass(["hison-dropdown-menu hison-dropdown-menu-fixed",[n.isOpen?"hison-open":"",n.openBelow?"hison-open-below":"hison-open-above"]]),style:t.normalizeStyle([n.fixedMenuStyle,n.textAlignStyle,n.props.menuStyle]),role:"listbox","aria-activedescendant":n.activeDescId,inert:!n.isOpen||void 0},[t.createElementVNode("div",ye,[t.createElementVNode("div",{class:"hison-dropdown-panel-inner",style:t.normalizeStyle(n.menuInlineStyle)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.options,(a,r)=>(t.openBlock(),t.createElementBlock("div",{key:`opt-${r}`,class:t.normalizeClass(["hison-dropdown-item",[a.disabled?"hison-disable":"",a.value===n.selectedValue?"hison-selected":""]]),style:t.normalizeStyle(n.props.itemStyle),role:"option","aria-selected":a.value===n.selectedValue?"true":"false",onClick:c=>n.onSelect(a,c)},t.toDisplayString(a.label),15,be))),128)),n.options.length===0?(t.openBlock(),t.createElementBlock("div",we,"No options")):t.createCommentVNode("",!0)],4)])],14,he)],38)}const Ce=ve._export_sfc(fe,[["render",Se]]);exports.default=Ce;
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as Me, ref as i, computed as N, onMounted as ze, onBeforeUnmount as Ne, watch as o, nextTick as _, resolveComponent as xe, createElementBlock as F, openBlock as T, normalizeClass as x, createElementVNode as O, normalizeStyle as $e, createCommentVNode as de, withModifiers as W, toDisplayString as X, Fragment as re, renderList as Ae, renderSlot as ee, createVNode as ke, withCtx as Be } from "vue";
2
- import { E as Ee, y as D, g as Le, l as y, u as Oe, j as ve, t as le, h as S, e as je, a as Re, b as fe, r as He, c as Ve, d as Pe } from "./index-CrciHSGg.mjs";
2
+ import { E as Ee, y as D, g as Le, l as y, u as Oe, j as ve, t as le, h as S, e as je, a as Re, b as fe, r as He, c as Ve, d as Pe } from "./index-BC8m9ivd.mjs";
3
3
  import { _ as Ue } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
4
4
  const Je = {
5
5
  /**
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),i=require("./index-CPFyQIpi.js"),re=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ce={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},editMode:{type:String,default:i.EditMode.editable,validator:t=>i.EDIT_MODE_VALUES.includes(t)},modelValue:{type:Array,default:()=>[]},attId:{type:String,default:""},addButtonText:{type:String,default:"Add"},removeButtonText:{type:String,default:"x"},placeholder:{type:String,default:"There are no files."},enableDrop:{type:Boolean,default:!0},downloadHandler:{type:Function,default:void 0},multiCols:{type:Boolean,default:!1},multiple:{type:Boolean,default:!0},allowedTypes:{type:[String,Array],default:void 0,validator:t=>t===void 0||typeof t=="string"||Array.isArray(t)&&t.every(o=>typeof o=="string")},disallowedTypes:{type:[String,Array],default:void 0,validator:t=>t===void 0||typeof t=="string"||Array.isArray(t)&&t.every(o=>typeof o=="string")},maxFileSize:{type:Number,default:1/0,validator:t=>Number.isFinite(t)&&t>=0||t===1/0},maxTotalFileSize:{type:Number,default:1/0,validator:t=>Number.isFinite(t)&&t>=0||t===1/0},maxFileCount:{type:Number,default:0,validator:t=>Number.isInteger(t)&&t>=0},onDisallowedType:{type:Function,default:void 0},onMaxFileSizeExceeded:{type:Function,default:void 0},onMaxTotalSizeExceeded:{type:Function,default:void 0},tabIndex:{type:[Number,String],default:null,validator:t=>t===null||t===""||!isNaN(+t)&&isFinite(+t)}},fe=l.defineComponent({name:"HFileset",props:ce,emits:["mounted","responsive-change","update:modelValue","add","remove","focus","blur","download","change"],setup(t,{emit:o}){const F=l.ref(null),n=l.ref([...t.modelValue]),m=l.ref(null),c=t.id?t.id:i.getUUID(),N=`hbutton:${c}`,s=l.ref(t.visible),d=l.ref(t.editMode),B=l.computed(()=>d.value===i.EditMode.disable),X=l.computed(()=>d.value===i.EditMode.readonly),Y=l.computed(()=>d.value!==i.EditMode.editable?`hison-fileset-${d.value}`:""),Z=l.computed(()=>s.value?"":"hison-display-none"),j=l.ref(t.attId||""),E=l.ref(t.addButtonText||""),x=l.ref(t.removeButtonText||""),A=l.ref(t.placeholder??""),R=l.ref(!1),M=l.ref(t.enableDrop),$=l.ref(typeof t.downloadHandler=="function"?t.downloadHandler:void 0),O=l.ref(t.multiCols??!1),h=l.ref(t.multiple??!1),H=l.ref(!1),_=l.computed(()=>{if(y.value.length===0)return"";const e=new Set(w.value.map(u=>u.toLowerCase())),a=y.value.filter(u=>!e.has(u.toLowerCase()));return a.length>0?a.join(","):void 0}),y=l.ref(Array.isArray(t.allowedTypes)?t.allowedTypes:t.allowedTypes?t.allowedTypes.split(","):[]),w=l.ref(Array.isArray(t.disallowedTypes)?t.disallowedTypes:t.disallowedTypes?t.disallowedTypes.split(","):[]),b=l.ref(t.maxFileSize??i.hison.getMaxFilesetSize()),C=l.ref(t.maxTotalFileSize??i.hison.getMaxFilesetTotalSize()),D=l.ref(t.maxFileCount),g=l.ref(typeof t.onDisallowedType=="function"?t.onDisallowedType:void 0),z=l.ref(typeof t.onMaxFileSizeExceeded=="function"?t.onMaxFileSizeExceeded:void 0),k=l.ref(typeof t.onMaxTotalSizeExceeded=="function"?t.onMaxTotalSizeExceeded:void 0),L=l.ref(t.tabIndex!==null&&t.tabIndex!==""?Number(t.tabIndex):null),U=i.useDevice(),I=l.ref([]),P=()=>{I.value=i.extractResponsiveClasses(i.toClassString(t.class)||"",U.value),i.getIndexSpecificClassNameFromClassList(I.value,"col")===-1&&I.value.push("hison-col-12"),i.addComponentNameToClass(I.value,"size",i.hisonCloser.componentStyle.size),i.addComponentNameToClass(I.value,"color","primary")},ee=l.computed(()=>{const e=[];return e.push(...i.extractPrefixedClasses(i.toClassString(t.class)||"","size")),e.push(...i.extractPrefixedClasses(i.toClassString(t.class)||"","color")),e}),te=()=>{var e;(e=F.value)==null||e.click()},le=e=>{var r,S,f;const a=e.type,u="."+((r=e.name.split(".").pop())==null?void 0:r.toLowerCase());return y.value.length>0&&!y.value.some(T=>T===a||T===u)?(console.warn(`File type not in allowedTypes: ${a} / ${u}`),(S=g.value)==null||S.call(g,e,y.value,null),!1):w.value.length>0&&w.value.some(T=>T===a||T===u)?(console.warn(`File type is in disallowedTypes: ${a} / ${u}`),(f=g.value)==null||f.call(g,e,null,w.value),!1):!0},ae=e=>{var a;return typeof b.value=="number"&&Number.isFinite(b.value)&&e.size>b.value?(console.warn(`File too large: ${e.name}
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),i=require("./index-CyZluKOE.js"),re=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ce={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},editMode:{type:String,default:i.EditMode.editable,validator:t=>i.EDIT_MODE_VALUES.includes(t)},modelValue:{type:Array,default:()=>[]},attId:{type:String,default:""},addButtonText:{type:String,default:"Add"},removeButtonText:{type:String,default:"x"},placeholder:{type:String,default:"There are no files."},enableDrop:{type:Boolean,default:!0},downloadHandler:{type:Function,default:void 0},multiCols:{type:Boolean,default:!1},multiple:{type:Boolean,default:!0},allowedTypes:{type:[String,Array],default:void 0,validator:t=>t===void 0||typeof t=="string"||Array.isArray(t)&&t.every(o=>typeof o=="string")},disallowedTypes:{type:[String,Array],default:void 0,validator:t=>t===void 0||typeof t=="string"||Array.isArray(t)&&t.every(o=>typeof o=="string")},maxFileSize:{type:Number,default:1/0,validator:t=>Number.isFinite(t)&&t>=0||t===1/0},maxTotalFileSize:{type:Number,default:1/0,validator:t=>Number.isFinite(t)&&t>=0||t===1/0},maxFileCount:{type:Number,default:0,validator:t=>Number.isInteger(t)&&t>=0},onDisallowedType:{type:Function,default:void 0},onMaxFileSizeExceeded:{type:Function,default:void 0},onMaxTotalSizeExceeded:{type:Function,default:void 0},tabIndex:{type:[Number,String],default:null,validator:t=>t===null||t===""||!isNaN(+t)&&isFinite(+t)}},fe=l.defineComponent({name:"HFileset",props:ce,emits:["mounted","responsive-change","update:modelValue","add","remove","focus","blur","download","change"],setup(t,{emit:o}){const F=l.ref(null),n=l.ref([...t.modelValue]),m=l.ref(null),c=t.id?t.id:i.getUUID(),N=`hbutton:${c}`,s=l.ref(t.visible),d=l.ref(t.editMode),B=l.computed(()=>d.value===i.EditMode.disable),X=l.computed(()=>d.value===i.EditMode.readonly),Y=l.computed(()=>d.value!==i.EditMode.editable?`hison-fileset-${d.value}`:""),Z=l.computed(()=>s.value?"":"hison-display-none"),j=l.ref(t.attId||""),E=l.ref(t.addButtonText||""),x=l.ref(t.removeButtonText||""),A=l.ref(t.placeholder??""),R=l.ref(!1),M=l.ref(t.enableDrop),$=l.ref(typeof t.downloadHandler=="function"?t.downloadHandler:void 0),O=l.ref(t.multiCols??!1),h=l.ref(t.multiple??!1),H=l.ref(!1),_=l.computed(()=>{if(y.value.length===0)return"";const e=new Set(w.value.map(u=>u.toLowerCase())),a=y.value.filter(u=>!e.has(u.toLowerCase()));return a.length>0?a.join(","):void 0}),y=l.ref(Array.isArray(t.allowedTypes)?t.allowedTypes:t.allowedTypes?t.allowedTypes.split(","):[]),w=l.ref(Array.isArray(t.disallowedTypes)?t.disallowedTypes:t.disallowedTypes?t.disallowedTypes.split(","):[]),b=l.ref(t.maxFileSize??i.hison.getMaxFilesetSize()),C=l.ref(t.maxTotalFileSize??i.hison.getMaxFilesetTotalSize()),D=l.ref(t.maxFileCount),g=l.ref(typeof t.onDisallowedType=="function"?t.onDisallowedType:void 0),z=l.ref(typeof t.onMaxFileSizeExceeded=="function"?t.onMaxFileSizeExceeded:void 0),k=l.ref(typeof t.onMaxTotalSizeExceeded=="function"?t.onMaxTotalSizeExceeded:void 0),L=l.ref(t.tabIndex!==null&&t.tabIndex!==""?Number(t.tabIndex):null),U=i.useDevice(),I=l.ref([]),P=()=>{I.value=i.extractResponsiveClasses(i.toClassString(t.class)||"",U.value),i.getIndexSpecificClassNameFromClassList(I.value,"col")===-1&&I.value.push("hison-col-12"),i.addComponentNameToClass(I.value,"size",i.hisonCloser.componentStyle.size),i.addComponentNameToClass(I.value,"color","primary")},ee=l.computed(()=>{const e=[];return e.push(...i.extractPrefixedClasses(i.toClassString(t.class)||"","size")),e.push(...i.extractPrefixedClasses(i.toClassString(t.class)||"","color")),e}),te=()=>{var e;(e=F.value)==null||e.click()},le=e=>{var r,S,f;const a=e.type,u="."+((r=e.name.split(".").pop())==null?void 0:r.toLowerCase());return y.value.length>0&&!y.value.some(T=>T===a||T===u)?(console.warn(`File type not in allowedTypes: ${a} / ${u}`),(S=g.value)==null||S.call(g,e,y.value,null),!1):w.value.length>0&&w.value.some(T=>T===a||T===u)?(console.warn(`File type is in disallowedTypes: ${a} / ${u}`),(f=g.value)==null||f.call(g,e,null,w.value),!1):!0},ae=e=>{var a;return typeof b.value=="number"&&Number.isFinite(b.value)&&e.size>b.value?(console.warn(`File too large: ${e.name}
2
2
  Max size: ${b.value} Byte`),(a=z.value)==null||a.call(z,e,e.size,b.value),!1):!0},q=e=>{var S;let a=e.filter(f=>ae(f)&&le(f));!h.value&&a.length>1&&(a=[a[0]]);let u=!1;const r=[];for(const f of a){let V=n.value.filter(v=>!v.isDeleted),T=V.length;const Q=V.reduce((v,p)=>v+(p.fileSize??0),0)+f.size;if(C.value>0&&Q>C.value){(S=k.value)==null||S.call(k,f,Q,C.value),console.warn("Total file size exceeds limit.");break}if(!h.value){for(const v of V)if(v.isNew){const p=n.value.indexOf(v);p!==-1&&n.value.splice(p,1)}else v.isDeleted=!0;u=!0}if(h.value&&D.value>0&&T>=D.value){const v=n.value.findIndex(p=>!p.isDeleted);if(v!==-1){const p=n.value[v];p.isNew?n.value.splice(v,1):p.isDeleted=!0,u=!0}else{console.warn("No replaceable file found for maxFileCount overflow.");break}}const W={fileName:f.name,fileSize:f.size,extension:f.name.split(".").pop(),file:f,isNew:!0};n.value.push(W),u=!0,r.push(W)}u&&(H.value=!0,o("update:modelValue",[...n.value]),r.length&&o("add",i.hison.utils.deepCopyObject(r),m.value),o("change",i.hison.utils.deepCopyObject(n.value),m.value))},ie=e=>{if(d.value!==i.EditMode.editable)return;const a=n.value[e];a.fileId?a.isDeleted=!0:n.value.splice(e,1),H.value=!0,o("update:modelValue",[...n.value]),o("remove",i.hison.utils.deepCopyObject(a),e,m.value),o("change",i.hison.utils.deepCopyObject(n.value),m.value)},oe=e=>{if(d.value!==i.EditMode.editable)return;const a=e.target.files;!a||a.length===0||(q(Array.from(a)),l.nextTick(()=>{F.value&&(F.value.value="")}))},ne=l.computed(()=>n.value.filter(e=>!e.isDeleted)),se=e=>{if(o("download",i.hison.utils.deepCopyObject(e),m.value),$.value){$.value(e);return}let a="",u=e.fileName||"download";if(e.file){const S=new Blob([e.file],{type:e.file.type});a=URL.createObjectURL(S)}else if(e.filePath)a=e.filePath;else{console.warn("Download failed: no filePath or file object.");return}const r=document.createElement("a");r.href=a,r.download=u,r.click(),e.file&&URL.revokeObjectURL(a)},ue=e=>{!M.value||d.value!==i.EditMode.editable||(R.value=!0)},de=e=>{var a;R.value=!1,!(!M.value||d.value!==i.EditMode.editable)&&(a=e.dataTransfer)!=null&&a.files&&q(Array.from(e.dataTransfer.files))},J=e=>{if(!e||!e.getIsDataModel||!e.getIsDataModel()||e.getRowCount()===0)return;const a=e.getRows();n.value=[...a]},G=()=>{i.hisonCloser.component.filesetList[c]&&i.hisonCloser.component.filesetList[c].isHisonvueComponent&&console.warn(`[Hisonvue] The fileset ID is at risk of being duplicated. ${c}`),i.registerReloadable(N,()=>{K(),l.nextTick(G)}),F.value&&(P(),m.value={isHisonvueComponent:!0,getId:()=>c,getType:()=>"fileset",isVisible:()=>s.value,setVisible:e=>{s.value=e},getEditMode:()=>d.value,setEditMode:e=>{var a;d.value=e,(a=i.hisonCloser.component.buttonList[`hison_fileset_add_button_${c}`])==null||a.setDisable(B.value)},getValue:()=>i.hison.utils.deepCopyObject(n.value),setValue:e=>{n.value=i.hison.utils.deepCopyObject([...e])},getDataModel:()=>n.value.length>0?new i.hison.data.DataModel(n.value):null,setDataModel:e=>{J(e)},load:e=>{e&&e.getIsDataModel&&e.getIsDataModel()?J(e):n.value=i.hison.utils.deepCopyObject([...e])},getAttId:()=>j.value,setAttId:e=>{j.value=e},getAddButtonText:()=>E.value,setAddButtonText:e=>{E.value=e},getRemoveButtonText:()=>x.value,setRemoveButtonText:e=>{x.value=e},isEnableDrop:()=>M.value,setEnableDrop:e=>{M.value=e},setDownloadHandler:e=>{$.value=e},isMultiCols:()=>O.value,setMultiCols:e=>{O.value=e},isMultiple:()=>h.value,setMultiple:e=>{h.value=e},getPlaceholder:()=>A.value,setPlaceholder:e=>{A.value=e},getAllowedTypes:()=>y.value,setAllowedTypes:e=>{y.value=e},getDisallowedTypes:()=>w.value,setDisallowedTypes:e=>{w.value=e},getMaxFileSize:()=>b.value,setMaxFileSize:e=>{b.value=e},getMaxTotalFileSize:()=>C.value,setMaxTotalFileSize:e=>{C.value=e},getMaxFileCount:()=>D.value,setMaxFileCount:e=>{D.value=e},setOnDisallowedType:e=>{g.value=e},setOnMaxFileSizeExceeded:e=>{z.value=e},setOnMaxTotalSizeExceeded:e=>{k.value=e},isModified:()=>H.value,setModified:e=>{H.value=e},getTabIndex:()=>L.value,setTabIndex:e=>{L.value=e!=null?Number(e):null},focus:()=>{var e;(e=i.hisonCloser.component.buttonList[`hison_fileset_add_button_${c}`])==null||e.focus()},reload:()=>i.reloadHisonComponent(N)},i.hisonCloser.component.filesetList[c]=m.value,o("mounted",m.value))},K=()=>{i.unregisterReloadable(N),delete i.hisonCloser.component.filesetList[c]};return l.onMounted(G),l.onBeforeUnmount(K),l.watch(()=>t.modelValue,e=>{JSON.stringify(e)!==JSON.stringify(n.value)&&(n.value=[...e])},{deep:!0}),l.watch(U,e=>{P(),o("responsive-change",e)}),l.watch(()=>t.visible,e=>{const a=!!e;a!==s.value&&(s.value=a)}),l.watch(()=>t.editMode,e=>{e&&e!==d.value&&(d.value=e,l.nextTick(()=>{var a;return(a=i.hisonCloser.component.buttonList[`hison_fileset_add_button_${c}`])==null?void 0:a.setDisable(B.value)}))}),l.watch(()=>t.attId,e=>{const a=e??"";a!==j.value&&(j.value=a)}),l.watch(()=>t.addButtonText,e=>{const a=e??"";a!==E.value&&(E.value=a)}),l.watch(()=>t.removeButtonText,e=>{const a=e??"";a!==x.value&&(x.value=a)}),l.watch(()=>t.placeholder,e=>{const a=e??"";a!==A.value&&(A.value=a)}),l.watch(()=>t.enableDrop,e=>{const a=!!e;a!==M.value&&(M.value=a)}),l.watch(()=>t.downloadHandler,e=>{const a=typeof e=="function"?e:void 0;a!==$.value&&($.value=a)}),l.watch(()=>t.multiCols,e=>{const a=!!e;a!==O.value&&(O.value=a)}),l.watch(()=>t.multiple,e=>{const a=!!e;a!==h.value&&(h.value=a)}),l.watch(()=>t.allowedTypes,e=>{const u=(Array.isArray(e)?e:typeof e=="string"?e.split(","):[]).map(r=>String(r).trim()).filter(Boolean);JSON.stringify(u)!==JSON.stringify(y.value)&&(y.value=u)}),l.watch(()=>t.disallowedTypes,e=>{const u=(Array.isArray(e)?e:typeof e=="string"?e.split(","):[]).map(r=>String(r).trim()).filter(Boolean);JSON.stringify(u)!==JSON.stringify(w.value)&&(w.value=u)}),l.watch(()=>t.maxFileSize,e=>{const a=e===1/0?1/0:Number(e);(Number.isFinite(a)||a===1/0)&&a!==b.value&&(b.value=a)}),l.watch(()=>t.maxTotalFileSize,e=>{const a=e===1/0?1/0:Number(e);(Number.isFinite(a)||a===1/0)&&a!==C.value&&(C.value=a)}),l.watch(()=>t.maxFileCount,e=>{const a=Number(e);Number.isInteger(a)&&a>=0&&a!==D.value&&(D.value=a)}),l.watch(()=>t.onDisallowedType,e=>{const a=typeof e=="function"?e:void 0;a!==g.value&&(g.value=a)}),l.watch(()=>t.onMaxFileSizeExceeded,e=>{const a=typeof e=="function"?e:void 0;a!==z.value&&(z.value=a)}),l.watch(()=>t.onMaxTotalSizeExceeded,e=>{const a=typeof e=="function"?e:void 0;a!==k.value&&(k.value=a)}),l.watch(()=>t.tabIndex,e=>{const a=e===null||e===""?null:Number(e);a!==L.value&&(L.value=a)}),l.watch(()=>t.class,()=>{P()}),{fileInputRef:F,id:c,props:t,visibleFiles:ne,filesetMethods:m,responsiveClassList:I,buttonClassList:ee,visibleClass:Z,editModeClass:Y,disable:B,readonly:X,addButtonText:E,removeButtonText:x,placeholder:A,isDragging:R,multiCols:O,multiple:h,accept:_,tabIndex:L,openFileDialog:te,removeFile:ie,onFileChange:oe,downloadFile:se,handleDragEnter:ue,handleDrop:de}}}),ve={key:0,class:"file-placeholder"},me=["onClick"],ye=["disabled","onClick"],be={class:"hison-fileset-remove-text"},ge={key:0,class:"add-btn-container"},pe={key:1,class:"hison-fileset-add-text"},he=["id","accept","multiple"];function we(t,o,F,n,m,c){const N=l.resolveComponent("HButton");return l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(["hison-wrapper",...t.responsiveClassList,t.visibleClass])},[l.createElementVNode("div",{class:l.normalizeClass(["hison-fileset",t.editModeClass]),style:l.normalizeStyle(t.props.style)},[l.createElementVNode("div",{class:l.normalizeClass(["file-list-wrapper",{"drag-over":t.isDragging}]),onDragover:o[0]||(o[0]=l.withModifiers(()=>{},["prevent"])),onDragenter:o[1]||(o[1]=l.withModifiers((...s)=>t.handleDragEnter&&t.handleDragEnter(...s),["prevent"])),onDragleave:o[2]||(o[2]=l.withModifiers(s=>t.isDragging=!1,["prevent"])),onDrop:o[3]||(o[3]=l.withModifiers((...s)=>t.handleDrop&&t.handleDrop(...s),["prevent"]))},[l.createElementVNode("div",{class:l.normalizeClass(["file-list",{"multi-cols":t.multiCols}])},[t.visibleFiles.length===0&&t.placeholder?(l.openBlock(),l.createElementBlock("div",ve,l.toDisplayString(t.placeholder),1)):(l.openBlock(!0),l.createElementBlock(l.Fragment,{key:1},l.renderList(t.visibleFiles,(s,d)=>(l.openBlock(),l.createElementBlock("div",{key:d,class:"file-item"},[l.renderSlot(t.$slots,"file-icon",{file:s}),l.createElementVNode("span",{class:l.normalizeClass(["file-name",{clickable:s.file||s.filePath}]),onClick:B=>t.downloadFile(s)},l.toDisplayString(s.fileName),11,me),t.readonly?l.createCommentVNode("",!0):(l.openBlock(),l.createElementBlock(l.Fragment,{key:0},[t.$slots["remove-button"]?l.renderSlot(t.$slots,"remove-button",{key:0,file:s,index:d,remove:()=>t.removeFile(d),disable:t.disable}):(l.openBlock(),l.createElementBlock("button",{key:1,class:l.normalizeClass(["delete-btn",{"hison-disable":t.disable}]),disabled:t.disable,onClick:B=>t.removeFile(d)},[l.createElementVNode("span",be,l.toDisplayString(t.removeButtonText),1)],10,ye))],64))]))),128))],2)],34),t.readonly?l.createCommentVNode("",!0):(l.openBlock(),l.createElementBlock("div",ge,[l.createVNode(N,{onClick:t.openFileDialog,onFocus:o[4]||(o[4]=s=>t.$emit("focus",t.filesetMethods)),onBlur:o[5]||(o[5]=s=>t.$emit("blur",t.filesetMethods)),id:`hison_fileset_add_button_${t.id}`,disable:t.disable,class:l.normalizeClass([...t.buttonClassList]),tabindex:t.tabIndex??void 0},{default:l.withCtx(()=>[t.$slots["add-button"]?l.renderSlot(t.$slots,"add-button",{key:0,add:t.openFileDialog}):(l.openBlock(),l.createElementBlock("span",pe,l.toDisplayString(t.addButtonText),1))]),_:3},8,["onClick","id","disable","class","tabindex"])])),l.createElementVNode("input",{id:`hison_fileset_${t.id}`,ref:"fileInputRef",type:"file",accept:t.accept||void 0,multiple:t.multiple,hidden:"",onChange:o[6]||(o[6]=(...s)=>t.onFileChange&&t.onFileChange(...s))},null,40,he)],6)],2)}const Ce=re._export_sfc(fe,[["render",we]]);exports.default=Ce;
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as D, ref as n, computed as i, onMounted as P, onBeforeUnmount as q, watch as s, nextTick as O, createElementBlock as S, openBlock as L, normalizeClass as U, createElementVNode as j, normalizeStyle as T, createCommentVNode as M } from "vue";
2
- import { z as Y, A as K, B as J, f as b, g as Q, u as X, F as V, o as Z, h as c, e as ee, t as te, b as W, a as le, r as ne, c as se, d as ae } from "./index-CrciHSGg.mjs";
2
+ import { z as Y, A as K, B as J, f as b, g as Q, u as X, F as V, o as Z, h as c, e as ee, t as te, b as W, a as le, r as ne, c as se, d as ae } from "./index-BC8m9ivd.mjs";
3
3
  import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
4
4
  const ie = {
5
5
  /**
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("./index-CPFyQIpi.js"),A=require("./_plugin-vue_export-helper-BHFhmbuH.js"),R={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},border:{type:Boolean,default:!1},backgroundType:{type:String,default:n.BackgroundType.empty,validator:l=>n.BACKGROUND_TYPE_VALUES.includes(l)},line:{type:String,default:"none",validator:l=>n.H_GAP_RULE_VALUES.includes(l)},lineStyle:{type:String,default:"solid",validator:l=>n.H_GAP_LINE_STYLE_VALUES.includes(l)},lineWidth:{type:[Number,String],default:1},lineColor:{type:String,default:""}},V=t.defineComponent({name:"HGap",props:R,inheritAttrs:!1,emits:["mounted","responsive-change"],setup(l,{emit:y}){const h=t.ref(null),g=t.ref(null),a=l.id?l.id:n.getUUID(),f=`hgap:${a}`,C=n.useDevice(),u=t.ref(l.visible),c=t.ref(l.border??!1),d=t.ref(l.backgroundType??n.BackgroundType.empty),v=t.ref(l.line),i=t.ref(l.lineStyle||"solid"),r=t.ref(l.lineWidth??1),p=t.ref(l.lineColor||""),b=t.computed(()=>{var w,$;const e=String(p.value||"").trim(),o=n.getHexCodeFromColorText(e);if(o)return o;if(e)return e;const k=n.getSpecificClassValueFromClassList(s.value,"color"),B=k?n.getHexCodeFromColorText(k):null;return B||(($=(w=n.hisonCloser)==null?void 0:w.componentStyle)==null?void 0:$.mutedColor)||"#999999"}),S=t.computed(()=>{const e=r.value;return typeof e=="number"?`${e}px`:String(e||"1px")}),z=t.computed(()=>({borderTop:`${S.value} ${i.value} ${b.value}`})),E=t.computed(()=>({borderLeft:`${S.value} ${i.value} ${b.value}`})),H=t.computed(()=>u.value?"":"hison-display-none"),N=t.computed(()=>c.value?"hison-border":""),_=t.computed(()=>{switch(d.value){case n.BackgroundType.empty:return"hison-bg-empty";case n.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),s=t.ref([]),m=()=>{s.value=n.extractResponsiveClasses(n.toClassString(l.class)||"",C.value),n.addComponentNameToClass(s.value,"size",n.hisonCloser.componentStyle.size),n.addComponentNameToClass(s.value,"color","primary"),n.getIndexSpecificClassNameFromClassList(s.value,"col")===-1&&s.value.push("hison-col-12")},L=()=>{n.hisonCloser.component.gapList[a]&&n.hisonCloser.component.gapList[a].isHisonvueComponent&&console.warn(`[Hisonvue] The gap ID is at risk of being duplicated. ${a}`),n.registerReloadable(f,()=>{T(),t.nextTick(L)}),m(),g.value={isHisonvueComponent:!0,getId:()=>a,getType:()=>"gap",isVisible:()=>u.value,setVisible:e=>{u.value=e},isBorder:()=>c.value,setBorder:e=>{c.value=e},getBackgroundType:()=>d.value,setBackgroundType:e=>{d.value=e},getLine:()=>v.value,setLine:e=>{v.value=e},getLineStyle:()=>i.value,setLineStyle:e=>{i.value=e},getLineWidth:()=>r.value,setLineWidth:e=>{r.value=e},getLineColor:()=>p.value,setLineColor:e=>{p.value=e??""},reload:()=>n.reloadHisonComponent(f)},n.hisonCloser.component.gapList[a]=g.value,y("mounted",g.value)},T=()=>{n.unregisterReloadable(f),delete n.hisonCloser.component.gapList[a]};return t.onMounted(L),t.onBeforeUnmount(T),t.watch(C,e=>{m(),y("responsive-change",e)}),t.watch(()=>l.visible,e=>{const o=!!e;o!==u.value&&(u.value=o)}),t.watch(()=>l.border,e=>{const o=!!e;o!==c.value&&(c.value=o)}),t.watch(()=>l.backgroundType,e=>{e&&e!==d.value&&(d.value=e)}),t.watch(()=>l.line,e=>{(e==="none"||e==="horizontal"||e==="vertical")&&e!==v.value&&(v.value=e)}),t.watch(()=>l.lineStyle,e=>{["solid","dashed","dotted","double","groove","ridge","inset","outset"].includes(e)&&e!==i.value&&(i.value=e)}),t.watch(()=>l.lineWidth,e=>{const o=typeof e=="number"&&Number.isFinite(e)&&e>=0||typeof e=="string"?e:r.value;o!==r.value&&(r.value=o)}),t.watch(()=>l.lineColor,e=>{const o=(e??"").toString();o!==p.value&&(p.value=o)}),t.watch(()=>l.class,()=>{m()}),{gapRef:h,props:l,line:v,visibleClass:H,borderClass:N,backgroundTypeClass:_,responsiveClassList:s,horizontalStyle:z,verticalStyle:E}}});function U(l,y,h,g,a,f){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-wrapper",...l.responsiveClassList,l.visibleClass])},[t.createElementVNode("div",{ref:"gapRef",class:t.normalizeClass(["hison-gap",l.borderClass,l.backgroundTypeClass]),style:t.normalizeStyle(l.props.style)},[l.line==="horizontal"?(t.openBlock(),t.createElementBlock("div",{key:0,class:"hison-gap-line-horizontal",style:t.normalizeStyle(l.horizontalStyle)},null,4)):l.line==="vertical"?(t.openBlock(),t.createElementBlock("div",{key:1,class:"hison-gap-line-vertical",style:t.normalizeStyle(l.verticalStyle)},null,4)):t.createCommentVNode("",!0)],6)],2)}const x=A._export_sfc(V,[["render",U]]);exports.default=x;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("./index-CyZluKOE.js"),A=require("./_plugin-vue_export-helper-BHFhmbuH.js"),R={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},border:{type:Boolean,default:!1},backgroundType:{type:String,default:n.BackgroundType.empty,validator:l=>n.BACKGROUND_TYPE_VALUES.includes(l)},line:{type:String,default:"none",validator:l=>n.H_GAP_RULE_VALUES.includes(l)},lineStyle:{type:String,default:"solid",validator:l=>n.H_GAP_LINE_STYLE_VALUES.includes(l)},lineWidth:{type:[Number,String],default:1},lineColor:{type:String,default:""}},V=t.defineComponent({name:"HGap",props:R,inheritAttrs:!1,emits:["mounted","responsive-change"],setup(l,{emit:y}){const h=t.ref(null),g=t.ref(null),a=l.id?l.id:n.getUUID(),f=`hgap:${a}`,C=n.useDevice(),u=t.ref(l.visible),c=t.ref(l.border??!1),d=t.ref(l.backgroundType??n.BackgroundType.empty),v=t.ref(l.line),i=t.ref(l.lineStyle||"solid"),r=t.ref(l.lineWidth??1),p=t.ref(l.lineColor||""),b=t.computed(()=>{var w,$;const e=String(p.value||"").trim(),o=n.getHexCodeFromColorText(e);if(o)return o;if(e)return e;const k=n.getSpecificClassValueFromClassList(s.value,"color"),B=k?n.getHexCodeFromColorText(k):null;return B||(($=(w=n.hisonCloser)==null?void 0:w.componentStyle)==null?void 0:$.mutedColor)||"#999999"}),S=t.computed(()=>{const e=r.value;return typeof e=="number"?`${e}px`:String(e||"1px")}),z=t.computed(()=>({borderTop:`${S.value} ${i.value} ${b.value}`})),E=t.computed(()=>({borderLeft:`${S.value} ${i.value} ${b.value}`})),H=t.computed(()=>u.value?"":"hison-display-none"),N=t.computed(()=>c.value?"hison-border":""),_=t.computed(()=>{switch(d.value){case n.BackgroundType.empty:return"hison-bg-empty";case n.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),s=t.ref([]),m=()=>{s.value=n.extractResponsiveClasses(n.toClassString(l.class)||"",C.value),n.addComponentNameToClass(s.value,"size",n.hisonCloser.componentStyle.size),n.addComponentNameToClass(s.value,"color","primary"),n.getIndexSpecificClassNameFromClassList(s.value,"col")===-1&&s.value.push("hison-col-12")},L=()=>{n.hisonCloser.component.gapList[a]&&n.hisonCloser.component.gapList[a].isHisonvueComponent&&console.warn(`[Hisonvue] The gap ID is at risk of being duplicated. ${a}`),n.registerReloadable(f,()=>{T(),t.nextTick(L)}),m(),g.value={isHisonvueComponent:!0,getId:()=>a,getType:()=>"gap",isVisible:()=>u.value,setVisible:e=>{u.value=e},isBorder:()=>c.value,setBorder:e=>{c.value=e},getBackgroundType:()=>d.value,setBackgroundType:e=>{d.value=e},getLine:()=>v.value,setLine:e=>{v.value=e},getLineStyle:()=>i.value,setLineStyle:e=>{i.value=e},getLineWidth:()=>r.value,setLineWidth:e=>{r.value=e},getLineColor:()=>p.value,setLineColor:e=>{p.value=e??""},reload:()=>n.reloadHisonComponent(f)},n.hisonCloser.component.gapList[a]=g.value,y("mounted",g.value)},T=()=>{n.unregisterReloadable(f),delete n.hisonCloser.component.gapList[a]};return t.onMounted(L),t.onBeforeUnmount(T),t.watch(C,e=>{m(),y("responsive-change",e)}),t.watch(()=>l.visible,e=>{const o=!!e;o!==u.value&&(u.value=o)}),t.watch(()=>l.border,e=>{const o=!!e;o!==c.value&&(c.value=o)}),t.watch(()=>l.backgroundType,e=>{e&&e!==d.value&&(d.value=e)}),t.watch(()=>l.line,e=>{(e==="none"||e==="horizontal"||e==="vertical")&&e!==v.value&&(v.value=e)}),t.watch(()=>l.lineStyle,e=>{["solid","dashed","dotted","double","groove","ridge","inset","outset"].includes(e)&&e!==i.value&&(i.value=e)}),t.watch(()=>l.lineWidth,e=>{const o=typeof e=="number"&&Number.isFinite(e)&&e>=0||typeof e=="string"?e:r.value;o!==r.value&&(r.value=o)}),t.watch(()=>l.lineColor,e=>{const o=(e??"").toString();o!==p.value&&(p.value=o)}),t.watch(()=>l.class,()=>{m()}),{gapRef:h,props:l,line:v,visibleClass:H,borderClass:N,backgroundTypeClass:_,responsiveClassList:s,horizontalStyle:z,verticalStyle:E}}});function U(l,y,h,g,a,f){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-wrapper",...l.responsiveClassList,l.visibleClass])},[t.createElementVNode("div",{ref:"gapRef",class:t.normalizeClass(["hison-gap",l.borderClass,l.backgroundTypeClass]),style:t.normalizeStyle(l.props.style)},[l.line==="horizontal"?(t.openBlock(),t.createElementBlock("div",{key:0,class:"hison-gap-line-horizontal",style:t.normalizeStyle(l.horizontalStyle)},null,4)):l.line==="vertical"?(t.openBlock(),t.createElementBlock("div",{key:1,class:"hison-gap-line-vertical",style:t.normalizeStyle(l.verticalStyle)},null,4)):t.createCommentVNode("",!0)],6)],2)}const x=A._export_sfc(V,[["render",U]]);exports.default=x;
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as V, ref as f, computed as L, onMounted as _, onBeforeUnmount as x, watch as F, triggerRef as I, nextTick as M, createElementBlock as N, openBlock as T, normalizeStyle as U, normalizeClass as $, createElementVNode as P, mergeProps as K } from "vue";
2
- import { G as j, I as W, J as Y, K as Z, L as J, M as X, h as v, g as Q, u as ee, e as R, t as H, o as y, a as te, l as m, F as z, v as g, r as ie, c as le, d as re } from "./index-CrciHSGg.mjs";
2
+ import { G as j, I as W, J as Y, K as Z, L as J, M as X, h as v, g as Q, u as ee, e as R, t as H, o as y, a as te, l as m, F as z, v as g, r as ie, c as le, d as re } from "./index-BC8m9ivd.mjs";
3
3
  import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
4
4
  const ne = {
5
5
  modelValue: Array,