hisonvue 1.1.21 → 1.1.23
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.
- package/LICENSE +21 -21
- package/README.md +260 -260
- package/dist/{HAccordion-Djhoj_2Q.mjs → HAccordion-BFl1mLFn.mjs} +2 -2
- package/dist/{HAccordion-a5UZil7t.js → HAccordion-D4VuY7dP.js} +1 -1
- package/dist/{HBaggie-CD26mD1p.js → HBaggie-B2-hUbeO.js} +1 -1
- package/dist/{HBaggie-YMHv54ny.mjs → HBaggie-Cu0cqy_0.mjs} +2 -2
- package/dist/{HBanner-DEcDBbAa.js → HBanner-Bbp_22he.js} +1 -1
- package/dist/{HBanner-Glkj36dA.mjs → HBanner-CJhgh8Av.mjs} +2 -2
- package/dist/{HButton-DlOQpSFM.mjs → HButton-BJy7qJxO.mjs} +2 -2
- package/dist/{HButton-zN47uq3g.js → HButton-CnI66WaY.js} +1 -1
- package/dist/{HCalendar-PxP8M1kE.js → HCalendar-Birc716P.js} +2 -2
- package/dist/{HCalendar-Cr2oVDTO.mjs → HCalendar-CkzhtP-a.mjs} +2 -2
- package/dist/{HCaption-BbrgZlbJ.mjs → HCaption-CvfOGjLH.mjs} +1 -1
- package/dist/{HCaption-DxOZcWcP.js → HCaption-o7zHNPFi.js} +1 -1
- package/dist/{HChart-BcslvuI8.mjs → HChart-9HpLcSAF.mjs} +1 -1
- package/dist/{HChart-D217Yxxq.js → HChart-CRNhurrL.js} +1 -1
- package/dist/HDrawer-C4C1soyr.js +1 -0
- package/dist/{HDrawer-DlMTX7M_.mjs → HDrawer-_GV5YZAt.mjs} +163 -163
- package/dist/{HDropdown-BhJOYbaN.js → HDropdown-CZOjJzGI.js} +1 -1
- package/dist/{HDropdown-CvV8k1qQ.mjs → HDropdown-rOSEF1le.mjs} +2 -2
- package/dist/{HFileset-C6dqnLa8.js → HFileset-BWdpsZxK.js} +1 -1
- package/dist/{HFileset-x00ZXjyE.mjs → HFileset-DEtMGoeG.mjs} +1 -1
- package/dist/{HGap-Do40sUXA.mjs → HGap-Bu7F233f.mjs} +1 -1
- package/dist/{HGap-BgzODoWp.js → HGap-DzddYH3m.js} +1 -1
- package/dist/{HGrid-Dp7v84g5.mjs → HGrid--_YRxc-I.mjs} +1 -1
- package/dist/{HGrid-CAU32_zq.js → HGrid-Bt_iy9Kt.js} +1 -1
- package/dist/{HImagebox-FYftlSK2.mjs → HImagebox-BOE4P4WI.mjs} +1 -1
- package/dist/{HImagebox-XTSKnoBD.js → HImagebox-BSjnoCEL.js} +1 -1
- package/dist/HInput-BPqc5Yki.js +1 -0
- package/dist/{HInput-CInEGmfe.mjs → HInput-WrTJ-7Za.mjs} +364 -451
- package/dist/HInputGroup-B9TLmdJA.mjs +320 -0
- package/dist/HInputGroup-CmYq67bE.js +1 -0
- package/dist/{HLabel-uSniKpDF.js → HLabel-BOD2RCZp.js} +1 -1
- package/dist/{HLabel-B4n5-mtx.mjs → HLabel-D5wM-IkN.mjs} +2 -2
- package/dist/{HLayout-BsPro3dN.mjs → HLayout-B5lrXA5M.mjs} +1 -1
- package/dist/{HLayout-wEq-lzHN.js → HLayout-ddBZkvt_.js} +1 -1
- package/dist/{HList-DcV0Ssb3.js → HList-CAsiBzwq.js} +1 -1
- package/dist/{HList-Dko7kLGO.mjs → HList-qvvMg1GY.mjs} +2 -2
- package/dist/{HModal-BkjH2wMJ.js → HModal-CK9wkc73.js} +1 -1
- package/dist/{HModal-D_vWZ5My.mjs → HModal-DxuxiUAp.mjs} +1 -1
- package/dist/{HNote-CbfXDxO2.mjs → HNote-8-eRuRxV.mjs} +2 -2
- package/dist/HNote-DAiqR0NK.js +1 -0
- package/dist/{HPagination-HDTloKdH.js → HPagination-D2EbHt09.js} +1 -1
- package/dist/{HPagination-Cq2OV1tY.mjs → HPagination-DSfxM1dp.mjs} +2 -2
- package/dist/{HParagraph-BUGeL78g.mjs → HParagraph-BwXjwyuQ.mjs} +1 -1
- package/dist/{HParagraph-Bg2lZxZR.js → HParagraph-CBsf7TXw.js} +1 -1
- package/dist/{HPopup-Lqxe1H-e.mjs → HPopup-CFt35psB.mjs} +1 -1
- package/dist/{HPopup-3KITyE24.js → HPopup-DF9ffRS8.js} +1 -1
- package/dist/{HSpinner-BqVl4t2n.js → HSpinner-CUBK5bDY.js} +1 -1
- package/dist/{HSpinner-VJJNUuXg.mjs → HSpinner-DYOnQbZ_.mjs} +1 -1
- package/dist/{HTable-6O4rYicc.mjs → HTable-CTqwvXER.mjs} +1 -1
- package/dist/{HTable-DzbCLDIn.js → HTable-Y-8ga-98.js} +1 -1
- package/dist/hisonvue.cjs.js +1 -1
- package/dist/hisonvue.css +1 -1
- package/dist/hisonvue.d.ts +97 -64
- package/dist/hisonvue.es.js +2 -2
- package/dist/{index-5k-aAQlJ.js → index-B6cKtmm6.js} +3 -3
- package/dist/{index-Cvhi7T4w.mjs → index-HfC1PNxb.mjs} +5 -7
- package/dist/{setButtonCssEvent-BScAn_gY.mjs → setButtonCssEvent-DKQg_9AF.mjs} +1 -1
- package/dist/{setButtonCssEvent-BI-R9EJt.js → setButtonCssEvent-fK8lE3Ve.js} +1 -1
- package/nuxt/module.mjs +40 -40
- package/nuxt/plugin.mjs +21 -21
- package/nuxt/warn-filter.mjs +41 -41
- package/package.json +56 -56
- package/dist/HDrawer-CtMgceI2.js +0 -1
- package/dist/HInput-DxhtO9q3.js +0 -1
- package/dist/HInputGroup-Cou5-12U.mjs +0 -281
- package/dist/HInputGroup-DrjZO_7J.js +0 -1
- package/dist/HNote-DQr6iUu0.js +0 -1
|
@@ -0,0 +1,320 @@
|
|
|
1
|
+
import { defineComponent as L, ref as E, provide as R, onMounted as q, onBeforeUnmount as A, watch as _, createElementBlock as x, openBlock as B, renderSlot as W } from "vue";
|
|
2
|
+
import { V as z, W as D, E as F, g as J, y as T, l as r, h as S, r as Q, c as X, d as Y } from "./index-HfC1PNxb.mjs";
|
|
3
|
+
import { _ as Z } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
4
|
+
const N = {
|
|
5
|
+
/**
|
|
6
|
+
* Unique identifier for the input.
|
|
7
|
+
* - You can later retrieve its methods via `hison.component.getButton(id)`
|
|
8
|
+
* - ⚠️ Duplicate `id` values will throw an error at mount time
|
|
9
|
+
*/
|
|
10
|
+
id: { type: String, required: !1 },
|
|
11
|
+
/**
|
|
12
|
+
* Edit mode of the input.
|
|
13
|
+
* - Values: `'editable'`, `'readonly'`, `'disable'`
|
|
14
|
+
* - `'readonly'` and `'disable'` both prevent editing but differ in styling
|
|
15
|
+
*/
|
|
16
|
+
editMode: {
|
|
17
|
+
type: String,
|
|
18
|
+
required: !1,
|
|
19
|
+
validator: (l) => l == null || F.includes(l)
|
|
20
|
+
},
|
|
21
|
+
/**
|
|
22
|
+
* Initial status of the input group.
|
|
23
|
+
*
|
|
24
|
+
* This prop sets the internal data status of the group, which is managed using `DataStatus` enum.
|
|
25
|
+
* Typical values are:
|
|
26
|
+
* - `'C'`: Created (new)
|
|
27
|
+
* - `'R'`: Read (default)
|
|
28
|
+
* - `'U'`: Updated (modified)
|
|
29
|
+
* - `'D'`: Deleted
|
|
30
|
+
*
|
|
31
|
+
* The status value is used to track the data lifecycle and is accessible or modifiable
|
|
32
|
+
* through runtime methods:
|
|
33
|
+
*
|
|
34
|
+
* ```ts
|
|
35
|
+
* const group = hison.component.getInputGroup('group1');
|
|
36
|
+
* group.getStatus(); // 'R'
|
|
37
|
+
* group.setStatus('U'); // Change to 'updated'
|
|
38
|
+
* ```
|
|
39
|
+
*
|
|
40
|
+
* @default 'R'
|
|
41
|
+
*/
|
|
42
|
+
status: {
|
|
43
|
+
type: String,
|
|
44
|
+
required: !1,
|
|
45
|
+
default: D.R,
|
|
46
|
+
validator: (l) => z.includes(l)
|
|
47
|
+
},
|
|
48
|
+
/**
|
|
49
|
+
* Two-way binding value for the input group.
|
|
50
|
+
*
|
|
51
|
+
* Enables `v-model` support for grouped form data represented as a plain object (`Record<string, any>`),
|
|
52
|
+
* where each property key corresponds to an `<HInput>` component’s `id`.
|
|
53
|
+
*
|
|
54
|
+
* When used, `HInputGroup` will automatically:
|
|
55
|
+
* - Initialize child inputs' values based on this object during registration (`registerToInputGroup`)
|
|
56
|
+
* - Emit `update:modelValue` whenever any input’s value is modified, including the updated object
|
|
57
|
+
* - Maintain modification state and status tracking (`C`, `R`, `U`, `D`) as values change
|
|
58
|
+
*
|
|
59
|
+
* ---
|
|
60
|
+
*
|
|
61
|
+
* ### Example
|
|
62
|
+
* ```vue
|
|
63
|
+
* <HInputGroup v-model="form" id="group1">
|
|
64
|
+
* <HInput id="name" inputType="text" />
|
|
65
|
+
* <HInput id="age" inputType="number" />
|
|
66
|
+
* </HInputGroup>
|
|
67
|
+
*
|
|
68
|
+
* <script setup lang="ts">
|
|
69
|
+
* const form = ref({ name: 'John', age: 26 })
|
|
70
|
+
* <\/script>
|
|
71
|
+
* ```
|
|
72
|
+
*
|
|
73
|
+
* ---
|
|
74
|
+
*
|
|
75
|
+
* ### Notes
|
|
76
|
+
* - Any input must define an `id` that matches a key in this object to be bound correctly
|
|
77
|
+
* - The object is shallow-merged on each child change to preserve reactivity
|
|
78
|
+
* - This binding is fully compatible with manual `.load()` and `.getDataObject()` usage
|
|
79
|
+
*
|
|
80
|
+
* @prop {Record<string, any>} modelValue - Bound value object for all child inputs. Supports `v-model` binding.
|
|
81
|
+
* @default {}
|
|
82
|
+
*/
|
|
83
|
+
modelValue: {
|
|
84
|
+
type: Object,
|
|
85
|
+
default: () => ({})
|
|
86
|
+
}
|
|
87
|
+
}, ee = L({
|
|
88
|
+
name: "HInputGroup",
|
|
89
|
+
props: N,
|
|
90
|
+
emits: [
|
|
91
|
+
"update:modelValue",
|
|
92
|
+
"mounted"
|
|
93
|
+
],
|
|
94
|
+
setup(l, { emit: b }) {
|
|
95
|
+
const j = E(null), G = E(null), V = l.id ?? J(), K = `hinputGroup:${V}`, k = E(l.editMode ?? T.editable), y = E(l.status ?? D.R), f = E([]), s = E({}), p = E({}), v = E({}), $ = (e) => {
|
|
96
|
+
var n;
|
|
97
|
+
const t = r.component.getInput(e), u = (((n = t == null ? void 0 : t.getDataKey) == null ? void 0 : n.call(t)) ?? "").toString().trim();
|
|
98
|
+
return u || e;
|
|
99
|
+
}, m = (e) => {
|
|
100
|
+
const t = $(e);
|
|
101
|
+
return v.value[e] = t, t;
|
|
102
|
+
}, H = () => {
|
|
103
|
+
const e = {};
|
|
104
|
+
f.value.forEach((t) => {
|
|
105
|
+
const o = v.value[t] ?? m(t);
|
|
106
|
+
e[o] || (e[o] = []), e[o].push(t);
|
|
107
|
+
}), Object.entries(e).forEach(([t, o]) => {
|
|
108
|
+
o.length > 1 && console.warn(`[Hisonvue] Duplicate dataKey detected in HInputGroup(${V}). dataKey=${t} inputIds=${o.join(",")}`);
|
|
109
|
+
});
|
|
110
|
+
}, P = (e, t) => {
|
|
111
|
+
if (!t || typeof t != "string") return null;
|
|
112
|
+
const o = s.value[e] || [];
|
|
113
|
+
if (o.includes(t))
|
|
114
|
+
return v.value[t] ?? m(t);
|
|
115
|
+
for (const u of o)
|
|
116
|
+
if ((v.value[u] ?? m(u)) === t) return t;
|
|
117
|
+
return null;
|
|
118
|
+
};
|
|
119
|
+
R("registerToInputGroup", (e) => {
|
|
120
|
+
var t, o, u, n, a, i, c;
|
|
121
|
+
if (!f.value.includes(e)) {
|
|
122
|
+
f.value.push(e), f.value.sort((M, w) => M.localeCompare(w));
|
|
123
|
+
const g = m(e);
|
|
124
|
+
H();
|
|
125
|
+
const h = l.modelValue ?? {};
|
|
126
|
+
h && Object.prototype.hasOwnProperty.call(h, g) ? (o = (t = r.component.getInput(e)) == null ? void 0 : t.setValue) == null || o.call(t, h[g]) : h && Object.prototype.hasOwnProperty.call(h, e) && ((n = (u = r.component.getInput(e)) == null ? void 0 : u.setValue) == null || n.call(u, h[e]));
|
|
127
|
+
const d = r.component.getInput(e);
|
|
128
|
+
if (((a = d == null ? void 0 : d.getInputType) == null ? void 0 : a.call(d)) === "radio") {
|
|
129
|
+
const M = ((i = d.getName) == null ? void 0 : i.call(d)) || e;
|
|
130
|
+
s.value[M] || (s.value[M] = []), s.value[M].includes(e) || s.value[M].push(e), (c = d.getValue) != null && c.call(d) ? p.value[M] = g : Object.prototype.hasOwnProperty.call(p.value, M) || (p.value[M] = null);
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
}), R("radioMembershipChanged", (e, t, o, u) => {
|
|
134
|
+
var a, i;
|
|
135
|
+
if (t === o) return;
|
|
136
|
+
const n = v.value[e] ?? m(e);
|
|
137
|
+
if (t && s.value[t]) {
|
|
138
|
+
if (s.value[t] = s.value[t].filter((c) => c !== e), p.value[t] === n) {
|
|
139
|
+
p.value[t] = null;
|
|
140
|
+
const c = { ...l.modelValue || {} };
|
|
141
|
+
c[t] = null, b("update:modelValue", c, e);
|
|
142
|
+
}
|
|
143
|
+
s.value[t].length === 0 && (delete s.value[t], delete p.value[t]);
|
|
144
|
+
}
|
|
145
|
+
if (s.value[o] || (s.value[o] = []), s.value[o].includes(e) || s.value[o].push(e), u) {
|
|
146
|
+
p.value[o] = n;
|
|
147
|
+
for (const g of s.value[o])
|
|
148
|
+
(i = (a = r.component.getInput(g)) == null ? void 0 : a.setValue) == null || i.call(a, g === e);
|
|
149
|
+
const c = { ...l.modelValue || {} };
|
|
150
|
+
c[o] = n, b("update:modelValue", c, e), y.value !== D.U && (y.value = D.U);
|
|
151
|
+
} else
|
|
152
|
+
Object.prototype.hasOwnProperty.call(p.value, o) || (p.value[o] = null);
|
|
153
|
+
}), R("notifyInputGroupStatus", (e, t) => {
|
|
154
|
+
var n, a;
|
|
155
|
+
if (s.value[e]) {
|
|
156
|
+
const i = e, c = t;
|
|
157
|
+
p.value[i] = c;
|
|
158
|
+
for (const h of s.value[i]) {
|
|
159
|
+
const d = v.value[h] ?? m(h);
|
|
160
|
+
(a = (n = r.component.getInput(h)) == null ? void 0 : n.setValue) == null || a.call(n, d === c);
|
|
161
|
+
}
|
|
162
|
+
const g = { ...l.modelValue || {} };
|
|
163
|
+
g[i] = c, b("update:modelValue", g, c ?? void 0), y.value !== D.U && (y.value = D.U);
|
|
164
|
+
return;
|
|
165
|
+
}
|
|
166
|
+
y.value !== D.U && (y.value = D.U);
|
|
167
|
+
const o = v.value[e] ?? m(e), u = {
|
|
168
|
+
...l.modelValue,
|
|
169
|
+
[o]: t
|
|
170
|
+
};
|
|
171
|
+
b("update:modelValue", u, e);
|
|
172
|
+
});
|
|
173
|
+
const C = () => {
|
|
174
|
+
const e = {};
|
|
175
|
+
if (!f.value) return e;
|
|
176
|
+
f.value.forEach((t) => {
|
|
177
|
+
var u, n;
|
|
178
|
+
const o = r.component.getInput(t);
|
|
179
|
+
if (o && ((u = o.getInputType) == null ? void 0 : u.call(o)) !== "radio") {
|
|
180
|
+
const a = v.value[t] ?? m(t);
|
|
181
|
+
e[a] = (n = o.getValue) == null ? void 0 : n.call(o);
|
|
182
|
+
}
|
|
183
|
+
});
|
|
184
|
+
for (const [t, o] of Object.entries(s.value)) {
|
|
185
|
+
let u = p.value[t] ?? null;
|
|
186
|
+
if (u) {
|
|
187
|
+
let n = !1;
|
|
188
|
+
for (const a of o)
|
|
189
|
+
if ((v.value[a] ?? m(a)) === u) {
|
|
190
|
+
n = !0;
|
|
191
|
+
break;
|
|
192
|
+
}
|
|
193
|
+
n || (u = null);
|
|
194
|
+
}
|
|
195
|
+
e[t] = u;
|
|
196
|
+
}
|
|
197
|
+
return e;
|
|
198
|
+
}, O = (e) => {
|
|
199
|
+
if (!(!e || typeof e != "object")) {
|
|
200
|
+
f.value.forEach((t) => {
|
|
201
|
+
var n, a, i;
|
|
202
|
+
const o = r.component.getInput(t);
|
|
203
|
+
if (!o || ((n = o.getInputType) == null ? void 0 : n.call(o)) === "radio") return;
|
|
204
|
+
const u = v.value[t] ?? m(t);
|
|
205
|
+
Object.prototype.hasOwnProperty.call(e, u) ? (a = o.setValue) == null || a.call(o, e[u]) : Object.prototype.hasOwnProperty.call(e, t) && ((i = o.setValue) == null || i.call(o, e[t]));
|
|
206
|
+
});
|
|
207
|
+
for (const [t, o] of Object.entries(s.value)) {
|
|
208
|
+
if (!Object.prototype.hasOwnProperty.call(e, t)) continue;
|
|
209
|
+
const u = P(t, e[t]);
|
|
210
|
+
o.forEach((n) => {
|
|
211
|
+
var g;
|
|
212
|
+
const a = r.component.getInput(n);
|
|
213
|
+
if (!a) return;
|
|
214
|
+
const i = v.value[n] ?? m(n), c = u === i;
|
|
215
|
+
(g = a.setValue) == null || g.call(a, c);
|
|
216
|
+
}), p.value[t] = u ?? null;
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
}, I = () => {
|
|
220
|
+
S.component.inputGroupList[V] && S.component.inputGroupList[V].isHisonvueComponent && console.warn(`[Hisonvue] The input group ID is at risk of being duplicated. ${V}`), Q(K, () => {
|
|
221
|
+
U(), setTimeout(I);
|
|
222
|
+
}), j.value && (G.value = {
|
|
223
|
+
isHisonvueComponent: !0,
|
|
224
|
+
getId: () => V,
|
|
225
|
+
getType: () => "inputGroup",
|
|
226
|
+
clear: (e = !0) => {
|
|
227
|
+
f.value.forEach((t) => {
|
|
228
|
+
const o = r.component.getInput(t);
|
|
229
|
+
o && o.setValue(null);
|
|
230
|
+
}), e && (y.value = D.C);
|
|
231
|
+
},
|
|
232
|
+
getDataModel: () => new r.data.DataModel(C()),
|
|
233
|
+
setDataModel: (e) => {
|
|
234
|
+
if (e.getRowCount() > 0) return O(e.getRow(0));
|
|
235
|
+
},
|
|
236
|
+
getDataObject: () => C(),
|
|
237
|
+
setDataObject: (e) => O(e),
|
|
238
|
+
load: (e) => {
|
|
239
|
+
if (e && e.getIsDataModel && e.getIsDataModel()) {
|
|
240
|
+
const t = e;
|
|
241
|
+
if (t.getColumnCount() === 0 || t.getRowCount() === 0) return;
|
|
242
|
+
O(t.getRow(0));
|
|
243
|
+
} else e && typeof e == "object" && O(e);
|
|
244
|
+
},
|
|
245
|
+
getStatus: () => y.value,
|
|
246
|
+
setStatus: (e) => {
|
|
247
|
+
y.value = D[e];
|
|
248
|
+
},
|
|
249
|
+
isModified: () => {
|
|
250
|
+
for (const e of f.value) {
|
|
251
|
+
const t = r.component.getInput(e);
|
|
252
|
+
if (t && t.isModified()) return !0;
|
|
253
|
+
}
|
|
254
|
+
return !1;
|
|
255
|
+
},
|
|
256
|
+
initModified: () => {
|
|
257
|
+
f.value.forEach((e) => {
|
|
258
|
+
const t = r.component.getInput(e);
|
|
259
|
+
t && t.setModified(!1);
|
|
260
|
+
});
|
|
261
|
+
},
|
|
262
|
+
checkRequired: () => {
|
|
263
|
+
var e, t;
|
|
264
|
+
for (const o of f.value) {
|
|
265
|
+
const u = r.component.getInput(o);
|
|
266
|
+
if ((e = u == null ? void 0 : u.getRequired) != null && e.call(u) && !((t = u.getValue) != null && t.call(u)))
|
|
267
|
+
return u;
|
|
268
|
+
}
|
|
269
|
+
return null;
|
|
270
|
+
},
|
|
271
|
+
getEditMode: () => k.value,
|
|
272
|
+
setEditMode: (e) => {
|
|
273
|
+
k.value = e, f.value.forEach((t) => {
|
|
274
|
+
const o = r.component.getInput(t);
|
|
275
|
+
o && o.setEditMode(e);
|
|
276
|
+
});
|
|
277
|
+
},
|
|
278
|
+
focus: (e) => {
|
|
279
|
+
var t;
|
|
280
|
+
if (e) return (t = r.component.getInput(e)) == null ? void 0 : t.focus();
|
|
281
|
+
for (const o of f.value) {
|
|
282
|
+
const u = r.component.getInput(o);
|
|
283
|
+
if (u && u.getEditMode() === T.editable)
|
|
284
|
+
return u.focus();
|
|
285
|
+
}
|
|
286
|
+
},
|
|
287
|
+
reload: () => X(K)
|
|
288
|
+
}, S.component.inputGroupList[V] = G.value, b("mounted", G.value));
|
|
289
|
+
}, U = () => {
|
|
290
|
+
Y(K), delete S.component.inputGroupList[V], f.value = [], v.value = {};
|
|
291
|
+
};
|
|
292
|
+
return q(I), A(U), _(() => l.modelValue, (e) => {
|
|
293
|
+
O(e);
|
|
294
|
+
}, { deep: !0 }), _(() => l.modelValue, (e) => {
|
|
295
|
+
O(e);
|
|
296
|
+
}, { deep: !0 }), _(() => l.editMode, (e) => {
|
|
297
|
+
e && e !== k.value && (k.value = e, f.value.forEach((t) => {
|
|
298
|
+
var o, u;
|
|
299
|
+
return (u = (o = r.component.getInput(t)) == null ? void 0 : o.setEditMode) == null ? void 0 : u.call(o, k.value);
|
|
300
|
+
}));
|
|
301
|
+
}), _(() => l.status, (e) => {
|
|
302
|
+
e && e !== y.value && (y.value = e);
|
|
303
|
+
}), {
|
|
304
|
+
inputGroupRef: j,
|
|
305
|
+
props: l
|
|
306
|
+
};
|
|
307
|
+
}
|
|
308
|
+
}), te = {
|
|
309
|
+
ref: "inputGroupRef",
|
|
310
|
+
class: "hison-data-group"
|
|
311
|
+
};
|
|
312
|
+
function oe(l, b, j, G, V, K) {
|
|
313
|
+
return B(), x("div", te, [
|
|
314
|
+
W(l.$slots, "default")
|
|
315
|
+
], 512);
|
|
316
|
+
}
|
|
317
|
+
const le = /* @__PURE__ */ Z(ee, [["render", oe]]);
|
|
318
|
+
export {
|
|
319
|
+
le as default
|
|
320
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),u=require("./index-B6cKtmm6.js"),U=require("./_plugin-vue_export-helper-BHFhmbuH.js"),w={id:{type:String,required:!1},editMode:{type:String,required:!1,validator:r=>r==null||u.EDIT_MODE_VALUES.includes(r)},status:{type:String,required:!1,default:u.DataStatus.R,validator:r=>u.DATA_STATUS_VALUES.includes(r)},modelValue:{type:Object,default:()=>({})}},$=s.defineComponent({name:"HInputGroup",props:w,emits:["update:modelValue","mounted"],setup(r,{emit:V}){const _=s.ref(null),O=s.ref(null),M=r.id??u.getUUID(),k=`hinputGroup:${M}`,E=s.ref(r.editMode??u.EditMode.editable),y=s.ref(r.status??u.DataStatus.R),f=s.ref([]),c=s.ref({}),p=s.ref({}),g=s.ref({}),C=e=>{var a;const t=u.hison.component.getInput(e),n=(((a=t==null?void 0:t.getDataKey)==null?void 0:a.call(t))??"").toString().trim();return n||e},m=e=>{const t=C(e);return g.value[e]=t,t},R=()=>{const e={};f.value.forEach(t=>{const o=g.value[t]??m(t);e[o]||(e[o]=[]),e[o].push(t)}),Object.entries(e).forEach(([t,o])=>{o.length>1&&console.warn(`[Hisonvue] Duplicate dataKey detected in HInputGroup(${M}). dataKey=${t} inputIds=${o.join(",")}`)})},I=(e,t)=>{if(!t||typeof t!="string")return null;const o=c.value[e]||[];if(o.includes(t))return g.value[t]??m(t);for(const n of o)if((g.value[n]??m(n))===t)return t;return null};s.provide("registerToInputGroup",e=>{var t,o,n,a,l,d,i;if(!f.value.includes(e)){f.value.push(e),f.value.sort((S,T)=>S.localeCompare(T));const h=m(e);R();const D=r.modelValue??{};D&&Object.prototype.hasOwnProperty.call(D,h)?(o=(t=u.hison.component.getInput(e))==null?void 0:t.setValue)==null||o.call(t,D[h]):D&&Object.prototype.hasOwnProperty.call(D,e)&&((a=(n=u.hison.component.getInput(e))==null?void 0:n.setValue)==null||a.call(n,D[e]));const v=u.hison.component.getInput(e);if(((l=v==null?void 0:v.getInputType)==null?void 0:l.call(v))==="radio"){const S=((d=v.getName)==null?void 0:d.call(v))||e;c.value[S]||(c.value[S]=[]),c.value[S].includes(e)||c.value[S].push(e),(i=v.getValue)!=null&&i.call(v)?p.value[S]=h:Object.prototype.hasOwnProperty.call(p.value,S)||(p.value[S]=null)}}}),s.provide("radioMembershipChanged",(e,t,o,n)=>{var l,d;if(t===o)return;const a=g.value[e]??m(e);if(t&&c.value[t]){if(c.value[t]=c.value[t].filter(i=>i!==e),p.value[t]===a){p.value[t]=null;const i={...r.modelValue||{}};i[t]=null,V("update:modelValue",i,e)}c.value[t].length===0&&(delete c.value[t],delete p.value[t])}if(c.value[o]||(c.value[o]=[]),c.value[o].includes(e)||c.value[o].push(e),n){p.value[o]=a;for(const h of c.value[o])(d=(l=u.hison.component.getInput(h))==null?void 0:l.setValue)==null||d.call(l,h===e);const i={...r.modelValue||{}};i[o]=a,V("update:modelValue",i,e),y.value!==u.DataStatus.U&&(y.value=u.DataStatus.U)}else Object.prototype.hasOwnProperty.call(p.value,o)||(p.value[o]=null)}),s.provide("notifyInputGroupStatus",(e,t)=>{var a,l;if(c.value[e]){const d=e,i=t;p.value[d]=i;for(const D of c.value[d]){const v=g.value[D]??m(D);(l=(a=u.hison.component.getInput(D))==null?void 0:a.setValue)==null||l.call(a,v===i)}const h={...r.modelValue||{}};h[d]=i,V("update:modelValue",h,i??void 0),y.value!==u.DataStatus.U&&(y.value=u.DataStatus.U);return}y.value!==u.DataStatus.U&&(y.value=u.DataStatus.U);const o=g.value[e]??m(e),n={...r.modelValue,[o]:t};V("update:modelValue",n,e)});const G=()=>{const e={};if(!f.value)return e;f.value.forEach(t=>{var n,a;const o=u.hison.component.getInput(t);if(o&&((n=o.getInputType)==null?void 0:n.call(o))!=="radio"){const l=g.value[t]??m(t);e[l]=(a=o.getValue)==null?void 0:a.call(o)}});for(const[t,o]of Object.entries(c.value)){let n=p.value[t]??null;if(n){let a=!1;for(const l of o)if((g.value[l]??m(l))===n){a=!0;break}a||(n=null)}e[t]=n}return e},b=e=>{if(!(!e||typeof e!="object")){f.value.forEach(t=>{var a,l,d;const o=u.hison.component.getInput(t);if(!o||((a=o.getInputType)==null?void 0:a.call(o))==="radio")return;const n=g.value[t]??m(t);Object.prototype.hasOwnProperty.call(e,n)?(l=o.setValue)==null||l.call(o,e[n]):Object.prototype.hasOwnProperty.call(e,t)&&((d=o.setValue)==null||d.call(o,e[t]))});for(const[t,o]of Object.entries(c.value)){if(!Object.prototype.hasOwnProperty.call(e,t))continue;const n=I(t,e[t]);o.forEach(a=>{var h;const l=u.hison.component.getInput(a);if(!l)return;const d=g.value[a]??m(a),i=n===d;(h=l.setValue)==null||h.call(l,i)}),p.value[t]=n??null}}},K=()=>{u.hisonCloser.component.inputGroupList[M]&&u.hisonCloser.component.inputGroupList[M].isHisonvueComponent&&console.warn(`[Hisonvue] The input group ID is at risk of being duplicated. ${M}`),u.registerReloadable(k,()=>{j(),setTimeout(K)}),_.value&&(O.value={isHisonvueComponent:!0,getId:()=>M,getType:()=>"inputGroup",clear:(e=!0)=>{f.value.forEach(t=>{const o=u.hison.component.getInput(t);o&&o.setValue(null)}),e&&(y.value=u.DataStatus.C)},getDataModel:()=>new u.hison.data.DataModel(G()),setDataModel:e=>{if(e.getRowCount()>0)return b(e.getRow(0))},getDataObject:()=>G(),setDataObject:e=>b(e),load:e=>{if(e&&e.getIsDataModel&&e.getIsDataModel()){const t=e;if(t.getColumnCount()===0||t.getRowCount()===0)return;b(t.getRow(0))}else e&&typeof e=="object"&&b(e)},getStatus:()=>y.value,setStatus:e=>{y.value=u.DataStatus[e]},isModified:()=>{for(const e of f.value){const t=u.hison.component.getInput(e);if(t&&t.isModified())return!0}return!1},initModified:()=>{f.value.forEach(e=>{const t=u.hison.component.getInput(e);t&&t.setModified(!1)})},checkRequired:()=>{var e,t;for(const o of f.value){const n=u.hison.component.getInput(o);if((e=n==null?void 0:n.getRequired)!=null&&e.call(n)&&!((t=n.getValue)!=null&&t.call(n)))return n}return null},getEditMode:()=>E.value,setEditMode:e=>{E.value=e,f.value.forEach(t=>{const o=u.hison.component.getInput(t);o&&o.setEditMode(e)})},focus:e=>{var t;if(e)return(t=u.hison.component.getInput(e))==null?void 0:t.focus();for(const o of f.value){const n=u.hison.component.getInput(o);if(n&&n.getEditMode()===u.EditMode.editable)return n.focus()}},reload:()=>u.reloadHisonComponent(k)},u.hisonCloser.component.inputGroupList[M]=O.value,V("mounted",O.value))},j=()=>{u.unregisterReloadable(k),delete u.hisonCloser.component.inputGroupList[M],f.value=[],g.value={}};return s.onMounted(K),s.onBeforeUnmount(j),s.watch(()=>r.modelValue,e=>{b(e)},{deep:!0}),s.watch(()=>r.modelValue,e=>{b(e)},{deep:!0}),s.watch(()=>r.editMode,e=>{e&&e!==E.value&&(E.value=e,f.value.forEach(t=>{var o,n;return(n=(o=u.hison.component.getInput(t))==null?void 0:o.setEditMode)==null?void 0:n.call(o,E.value)}))}),s.watch(()=>r.status,e=>{e&&e!==y.value&&(y.value=e)}),{inputGroupRef:_,props:r}}}),H={ref:"inputGroupRef",class:"hison-data-group"};function P(r,V,_,O,M,k){return s.openBlock(),s.createElementBlock("div",H,[s.renderSlot(r.$slots,"default")],512)}const q=U._export_sfc($,[["render",P]]);exports.default=q;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),a=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),a=require("./index-B6cKtmm6.js"),M=require("./setButtonCssEvent-fK8lE3Ve.js"),ie=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},title:{type:String,required:!1},text:{type:String,required:!1},href:{type:String,default:null},anchorAttrs:{type:Object,default:()=>({})},fontBold:{type:Boolean,default:!1},fontItalic:{type:Boolean,default:!1},fontThruline:{type:Boolean,default:!1},fontUnderline:{type:Boolean,default:!1},textAlign:{type:String,default:null,validator:l=>l==null||a.TEXT_ALIGN_VALUES.includes(l)},border:{type:Boolean,default:!1},backgroundType:{type:String,default:a.BackgroundType.empty,validator:l=>a.BACKGROUND_TYPE_VALUES.includes(l)},toggleTarget:{type:String,default:null},translate:{type:Boolean,default:!0},tabIndex:{type:[Number,String],default:null,validator:l=>l===null||l===""||!isNaN(+l)&&isFinite(+l)}},de=t.defineComponent({name:"HLabel",props:ce,inheritAttrs:!1,emits:["mounted","responsive-change","click","mousedown","mouseup","mouseover","mouseout"],setup(l,{emit:o,slots:G}){const v=t.ref(null),g=t.ref(null),r=l.id?l.id:a.getUUID(),s=`hlabel:${r}`,F=a.useDevice(),U=t.useSlots(),T=t.ref(l.visible),c=t.ref(l.title||""),y=t.ref(l.textAlign??a.TextAlign.left),J=t.computed(()=>({textAlign:y.value})),d=t.ref(l.href??null),u=t.ref({...l.anchorAttrs||{}}),h=t.computed(()=>!!(d.value&&String(d.value).trim())),X=t.computed(()=>{const e={...u.value};return c.value&&e.title==null&&(e.title=c.value),e.href=d.value||void 0,e.download===!0&&(e.download=""),String(e.target||"")==="_blank"&&(e.rel==null||String(e.rel).trim()==="")&&(e.rel="noopener noreferrer"),e}),N=t.computed(()=>U.default?U.default():[]),H=t.computed(()=>N.value.length>0&&N.value.every(e=>e.type===t.Text)),A=t.computed(()=>!!U.default&&!H.value),Y=t.computed(()=>A.value?"div":h.value?"a":"span"),C=t.ref(l.fontBold),Q=t.computed(()=>{if(C.value)return"hison-font-bold"}),p=t.ref(l.fontItalic),W=t.computed(()=>{if(p.value)return"hison-font-italic"}),k=t.ref(l.fontThruline),Z=t.computed(()=>{if(k.value)return"hison-font-thruline-important"}),B=t.ref(l.fontUnderline),_=t.computed(()=>{if(B.value)return"hison-font-underline-important"}),w=t.ref(l.border??!1),S=t.ref(l.backgroundType||a.BackgroundType.empty),ee=t.computed(()=>T.value?"":"hison-display-none"),te=t.computed(()=>w.value?"hison-border":""),le=t.computed(()=>{switch(S.value){case a.BackgroundType.empty:return"hison-bg-empty";case a.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),i=t.ref(l.text||"");t.onMounted(()=>{if(H.value){const e=N.value.map(n=>String(n.children??"")).join("");i.value=e}});const f=t.ref(l.toggleTarget??null),m=t.computed(()=>!!(f.value&&String(f.value).trim())),b=t.ref(l.translate),ne=t.computed(()=>b.value===!1?"notranslate":""),ae=t.computed(()=>b.value===!1?"no":void 0),I=t.ref(l.tabIndex!==null&&l.tabIndex!==""?Number(l.tabIndex):null),E=t.ref([]),L=()=>{E.value=a.extractResponsiveClasses(a.toClassString(l.class)||"",F.value),a.addComponentNameToClass(E.value,"size",a.hisonCloser.componentStyle.size),a.addComponentNameToClass(E.value,"color","primary")},q=()=>{var O,D,R,j,P,z;if(!m.value)return;const e=String(f.value),n=(O=a.hisonCloser.component.inputList)==null?void 0:O[e];if(!n||!n.isHisonvueComponent)return;const x=(D=n.getInputType)==null?void 0:D.call(n),ue=(R=n.getEditMode)==null?void 0:R.call(n);if(x!=="checkbox"&&x!=="radio"||ue!=="editable")return;const re=!!((j=n.getValue)!=null&&j.call(n));x==="checkbox"?(P=n.setValue)==null||P.call(n,!re):(z=n.setValue)==null||z.call(n,!0)},oe=e=>{m.value&&q(),o("click",e,g.value)},se=e=>{if(m.value&&q(),!h.value)return;const n=v.value;n&&n.tagName==="A"&&n.click()},$=(e=!0)=>{const n=v.value;if(n){if(M.removeButtonCssEvent(n),m.value){M.addButtonCssEvent(n);return}e&&h.value&&n.tagName==="A"&&M.addButtonCssEvent(n)}},V=()=>{a.hisonCloser.component.labelList[r]&&a.hisonCloser.component.labelList[r].isHisonvueComponent&&console.warn(`[Hisonvue] The label ID is at risk of being duplicated. ${r}`),a.registerReloadable(s,()=>{K(),t.nextTick(V)}),L(),t.nextTick(()=>$(!0)),g.value={isHisonvueComponent:!0,getId:()=>r,getType:()=>"label",isVisible:()=>T.value,setVisible:e=>{T.value=e},getTitle:()=>c.value,setTitle:e=>{c.value=e},getText:()=>A.value?"":i.value,setText:e=>{A.value||(i.value=e)},getHref:()=>d.value??"",setHref:e=>{d.value=e??null},getAnchorAttrs:()=>({...u.value}),replaceAnchorAttrs:e=>{u.value={...e}},mergeAnchorAttrs:e=>{u.value={...u.value,...e}},setAnchorAttr:(e,n)=>{u.value={...u.value,[e]:n}},removeAnchorAttr:e=>{const n={...u.value};delete n[e],u.value=n},isFontBold:()=>C.value,setFontBold:e=>{C.value=e},isFontItalic:()=>p.value,setFontItalic:e=>{p.value=e},isFontThruline:()=>k.value,setFontThruline:e=>{k.value=e},isFontUnderline:()=>B.value,setFontUnderline:e=>{B.value=e},getTextAlign:()=>y.value,setTextAlign:e=>{(e===a.TextAlign.left||e===a.TextAlign.center||e===a.TextAlign.right)&&(y.value=e)},isBorder:()=>w.value,setBorder:e=>{w.value=e},getBackgroundType:()=>S.value,setBackgroundType:e=>{S.value=e},getToggleTarget:()=>f.value,setToggleTarget:e=>{f.value=e},isTranslate:()=>b.value,setTranslate:e=>{b.value=e},reload:()=>a.reloadHisonComponent(s),getTabIndex:()=>I.value,setTabIndex:e=>{I.value=e!=null?Number(e):null},focus:()=>{const e=v.value;e&&h.value&&e.tagName==="A"&&e.focus()}},a.hisonCloser.component.labelList[r]=g.value,o("mounted",g.value)},K=()=>{a.unregisterReloadable(s);const e=v.value;e&&M.removeButtonCssEvent(e),delete a.hisonCloser.component.labelList[r]};return t.onMounted(V),t.onBeforeUnmount(K),t.watch(F,e=>{L(),o("responsive-change",e)}),t.watch(h,e=>{t.nextTick(()=>$(e))},{flush:"post"}),t.watch(m,e=>{t.nextTick(()=>$(e))},{flush:"post"}),t.watch(()=>l.visible,e=>{const n=!!e;n!==T.value&&(T.value=n)}),t.watch(()=>l.title,e=>{const n=e??"";n!==c.value&&(c.value=n)}),t.watch(()=>l.text,e=>{if(!A.value){const n=e??"";n!==i.value&&(i.value=n)}}),t.watch(N,e=>{if(H.value){const n=e.map(x=>String(x.children??"")).join("");n!==i.value&&(i.value=n)}}),t.watch(()=>l.href,e=>{const n=e??null;n!==d.value&&(d.value=n)}),t.watch(()=>l.anchorAttrs,e=>{const n={...e||{}};JSON.stringify(n)!==JSON.stringify(u.value)&&(u.value=n)}),t.watch(()=>l.fontBold,e=>{const n=!!e;n!==C.value&&(C.value=n)}),t.watch(()=>l.fontItalic,e=>{const n=!!e;n!==p.value&&(p.value=n)}),t.watch(()=>l.fontThruline,e=>{const n=!!e;n!==k.value&&(k.value=n)}),t.watch(()=>l.fontUnderline,e=>{const n=!!e;n!==B.value&&(B.value=n)}),t.watch(()=>l.textAlign,e=>{e&&e!==y.value&&(e===a.TextAlign.left||e===a.TextAlign.center||e===a.TextAlign.right)&&(y.value=e)}),t.watch(()=>l.border,e=>{const n=!!e;n!==w.value&&(w.value=n)}),t.watch(()=>l.backgroundType,e=>{e&&e!==S.value&&(S.value=e)}),t.watch(()=>l.toggleTarget,e=>{const n=e??null;n!==f.value&&(f.value=n)}),t.watch(()=>l.translate,e=>{const n=!!e;n!==b.value&&(b.value=n)}),t.watch(()=>l.tabIndex,e=>{const n=e===null||e===""?null:Number(e);n!==I.value&&(I.value=n)}),t.watch(()=>l.class,()=>{L()}),{labelRef:v,labelMethods:t.computed(()=>t.unref(g)),props:l,title:c,hasHref:h,hasToggleTarget:m,hasElementSlot:A,renderTag:Y,internalText:i,computedAnchorAttrs:X,visibleClass:ee,fontBoldClass:Q,fontItalicClass:W,fontThrulineClass:Z,fontUnderlineClass:_,textAlignStyle:J,translateAttr:ae,translateClass:ne,borderClass:te,backgroundTypeClass:le,responsiveClassList:E,tabIndex:I,onClick:oe,onKeyActivate:se}}}),fe={key:2,class:"hison-label-text"};function ve(l,o,G,v,g,r){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-wrapper",...l.responsiveClassList,l.visibleClass])},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(l.renderTag),t.mergeProps({ref:"labelRef",class:["hison-label",l.hasHref?"hison-label-link":null,l.hasToggleTarget?"hison-label-has-toggle-target":null,l.fontBoldClass,l.fontItalicClass,l.fontThrulineClass,l.fontUnderlineClass,l.borderClass,l.backgroundTypeClass,l.translateClass],style:[l.textAlignStyle,l.props.style],title:l.title||void 0,tabindex:l.tabIndex??void 0,translate:l.translateAttr},l.renderTag==="a"?l.computedAnchorAttrs:void 0,{onClick:l.onClick,onMousedown:o[0]||(o[0]=s=>l.$emit("mousedown",s,l.labelMethods)),onMouseup:o[1]||(o[1]=s=>l.$emit("mouseup",s,l.labelMethods)),onMouseover:o[2]||(o[2]=s=>l.$emit("mouseover",s,l.labelMethods)),onMouseout:o[3]||(o[3]=s=>l.$emit("mouseout",s,l.labelMethods)),onKeydown:[t.withKeys(t.withModifiers(l.onKeyActivate,["prevent"]),["enter"]),t.withKeys(t.withModifiers(l.onKeyActivate,["prevent"]),["space"])]}),{default:t.withCtx(()=>[l.hasElementSlot?t.renderSlot(l.$slots,"default",{key:0}):l.hasHref?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(l.internalText),1)],64)):(t.openBlock(),t.createElementBlock("span",fe,t.toDisplayString(l.internalText),1))]),_:3},16,["class","style","title","tabindex","translate","onClick","onKeydown"]))],2)}const ge=ie._export_sfc(de,[["render",ve]]);exports.default=ge;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as Se, ref as a, useSlots as Be, computed as o, Text as ke, onMounted as Z, onBeforeUnmount as Ie, watch as n, nextTick as $, unref as pe, createElementBlock as D, openBlock as F, normalizeClass as we, createBlock as Ne, resolveDynamicComponent as Ue, mergeProps as Le, withKeys as _, withModifiers as ee, withCtx as Me, renderSlot as He, Fragment as Ee, createTextVNode as $e, toDisplayString as te } from "vue";
|
|
2
|
-
import { B as Fe, f as x, T as xe, g as Ve, u as Ke, w as g, e as Oe, t as Re, b as le, h as A, r as De, c as je, d as qe } from "./index-
|
|
3
|
-
import { r as ne, a as ae } from "./setButtonCssEvent-
|
|
2
|
+
import { B as Fe, f as x, T as xe, g as Ve, u as Ke, w as g, e as Oe, t as Re, b as le, h as A, r as De, c as je, d as qe } from "./index-HfC1PNxb.mjs";
|
|
3
|
+
import { r as ne, a as ae } from "./setButtonCssEvent-DKQg_9AF.mjs";
|
|
4
4
|
import { _ as ze } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
5
5
|
const Ge = {
|
|
6
6
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as A, ref as d, computed as m, onMounted as B, onBeforeUnmount as $, watch as b, unref as L, nextTick as M, createElementBlock as R, openBlock as V, normalizeStyle as p, normalizeClass as q, createElementVNode as E, renderSlot as H } from "vue";
|
|
2
|
-
import { X as T, Y as U, Z as w, g as G, u as N, F as I, e as W, t as z, a as P, b as j, h as k, r as D, c as F, d as K } from "./index-
|
|
2
|
+
import { X as T, Y as U, Z as w, g as G, u as N, F as I, e as W, t as z, a as P, b as j, h as k, r as D, c as F, d as K } from "./index-HfC1PNxb.mjs";
|
|
3
3
|
import { _ as Y } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
4
4
|
const O = {
|
|
5
5
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),o=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),o=require("./index-B6cKtmm6.js"),C=require("./_plugin-vue_export-helper-BHFhmbuH.js"),h={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},backImageSrc:{type:String,required:!1},backImageRepeat:{type:String,required:!1,validator:e=>e==null||o.BACK_IMAGE_STYLE_VALUES.includes(e)?!0:/^(repeat-x|repeat-y|repeat|no-repeat)(\s+\S+\/\S+)?$/.test(e)||/^(cover|contain)$/.test(e)||/[\/\s]/.test(e)},backImageWidth:{type:String,required:!1},backImageAlign:{type:String,required:!1,validator:e=>e==null||o.BACK_IMAGE_ALIGN_VALUES.includes(e)},backImageVerticalAlign:{type:String,required:!1,validator:e=>e==null||o.BACK_IMAGE_VERTICAL_ALIGN_VALUES.includes(e)},backColor:{type:String,required:!1},border:{type:Boolean,default:!1},height:{type:String,required:!1}},S=a.defineComponent({name:"HLayout",props:h,inheritAttrs:!1,emits:["mounted","responsive-change","click","mousedown","mouseup","mouseover","mouseout"],setup(e,{emit:n}){const l=a.ref(null),u=a.ref(null),r=e.id?e.id:o.getUUID(),m=`hlayout:${r}`,s=o.useDevice(),c=a.ref(e.visible),y=a.computed(()=>c.value?"":"hison-display-none"),d=a.ref(e.border??!1),f=a.computed(()=>d.value?"hison-border":""),I=a.computed(()=>{const t={};if(e.backImageSrc&&(t.backgroundImage=`url(${e.backImageSrc})`,t.backgroundRepeat=e.backImageRepeat||"no-repeat",t.backgroundSize=e.backImageWidth||"auto",t.backgroundPosition=`${e.backImageAlign||"center"} ${e.backImageVerticalAlign||"center"}`),e.backColor){const i=o.getHexCodeFromColorText(e.backColor)||e.backColor;t.backgroundColor=i}return e.height&&(t.height=e.height),t}),g=a.ref([]),b=()=>{g.value=o.extractResponsiveClasses(o.toClassString(e.class)||"",s.value),o.getIndexSpecificClassNameFromClassList(g.value,"col")===-1&&g.value.push("hison-col-12"),o.addComponentNameToClass(g.value,"color","primary")},k=()=>{o.hisonCloser.component.layoutList[r]&&o.hisonCloser.component.layoutList[r].isHisonvueComponent&&console.warn(`[Hisonvue] The layout ID is at risk of being duplicated. ${r}`),o.registerReloadable(m,()=>{v(),a.nextTick(k)}),l.value&&(b(),u.value={isHisonvueComponent:!0,getId:()=>r,getType:()=>"layout",isVisible:()=>c.value,setVisible:t=>{c.value=t},getBackImageSrc:()=>e.backImageSrc||"",setBackImageSrc:t=>{l.value&&(l.value.style.backgroundImage=`url(${t})`)},getBackImageRepeat:()=>e.backImageRepeat||"",setBackImageRepeat:t=>{l.value&&(l.value.style.backgroundRepeat=t)},getBackImageWidth:()=>e.backImageWidth||"",setBackImageWidth:t=>{l.value&&(l.value.style.backgroundSize=t)},getBackImageAlign:()=>e.backImageAlign||"",setBackImageAlign:t=>{if(l.value){const i=e.backImageVerticalAlign||"center";l.value.style.backgroundPosition=`${t} ${i}`}},getBackImageVerticalAlign:()=>e.backImageVerticalAlign||"",setBackImageVerticalAlign:t=>{if(l.value){const i=e.backImageAlign||"center";l.value.style.backgroundPosition=`${i} ${t}`}},getBackColor:()=>e.backColor||"",setBackColor:t=>{l.value&&(l.value.style.backgroundColor=o.getHexCodeFromColorText(t)||t)},isBorder:()=>d.value,setBorder:t=>{d.value=t},getHeight:()=>e.height||"",setHeight:t=>{l.value&&(l.value.style.height=t)},reload:()=>o.reloadHisonComponent(m)},o.hisonCloser.component.layoutList[r]=u.value,n("mounted",u.value))},v=()=>{o.unregisterReloadable(m),delete o.hisonCloser.component.layoutList[r]};return a.onMounted(k),a.onBeforeUnmount(v),a.watch(s,t=>{b(),n("responsive-change",t)}),a.watch(()=>e.visible,t=>{const i=!!t;i!==c.value&&(c.value=i)}),a.watch(()=>e.border,t=>{const i=!!t;i!==d.value&&(d.value=i)}),a.watch(()=>e.class,()=>{b()}),{layoutRef:l,layoutMethods:a.computed(()=>a.unref(u)),props:e,responsiveClassList:g,visibleClass:y,borderClass:f,computedBackStyle:I}}});function A(e,n,l,u,r,m){return a.openBlock(),a.createElementBlock("div",{ref:"layoutRef",class:a.normalizeClass(["hison-layout",...e.responsiveClassList,e.visibleClass,e.borderClass]),style:a.normalizeStyle([e.props.style,e.computedBackStyle]),onClick:n[0]||(n[0]=s=>e.$emit("click",s,e.layoutMethods)),onMousedown:n[1]||(n[1]=s=>e.$emit("mousedown",s,e.layoutMethods)),onMouseup:n[2]||(n[2]=s=>e.$emit("mouseup",s,e.layoutMethods)),onMouseover:n[3]||(n[3]=s=>e.$emit("mouseover",s,e.layoutMethods)),onMouseout:n[4]||(n[4]=s=>e.$emit("mouseout",s,e.layoutMethods))},[n[5]||(n[5]=a.createElementVNode("div",{class:"hison-layout-frame-adjust"},null,-1)),a.renderSlot(e.$slots,"default")],38)}const B=C._export_sfc(S,[["render",A]]);exports.default=B;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-5k-aAQlJ.js"),R=require("./setButtonCssEvent-BI-R9EJt.js"),_=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ee={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},listItemStyle:{type:[String,Object,Array],required:!1},listItemInnerStyle:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},border:{type:Boolean,default:!1},listBorder:{type:Boolean,default:!1},backgroundType:{type:String,default:o.BackgroundType.empty,validator:n=>o.BACKGROUND_TYPE_VALUES.includes(n)},listBackgroundType:{type:String,default:o.BackgroundType.empty,validator:n=>o.BACKGROUND_TYPE_VALUES.includes(n)},listType:{type:String,default:"ul",validator:n=>n==="ul"||n==="ol"},bulletChar:{type:String,default:"•"},showMarker:{type:Boolean,default:!0},textList:{type:Array,default:()=>[]},addEvent:{type:Boolean,default:!1},columns:{type:Number,default:1,validator:n=>Number.isInteger(n)&&n>0},columnGap:{type:[Number,String],default:0},tabIndex:{type:[Number,String],default:null,validator:n=>n===null||n===""||!isNaN(+n)&&isFinite(+n)}},te=e.defineComponent({name:"HList",props:ee,inheritAttrs:!1,emits:["mounted","responsive-change","click","mousedown","mouseup","mouseover","mouseout"],setup(n,{emit:s,slots:w}){const z=e.ref(null),u=e.ref([]),E=e.ref([]),i=n.id?n.id:o.getUUID(),d=`hlist:${i}`,a=o.useDevice(),g=e.ref(null),k=e.ref(n.visible),H=e.computed(()=>k.value?"":"hison-display-none"),v=e.ref(n.listType||"ul"),h=e.ref(n.bulletChar||"•"),b=e.ref(n.showMarker!==!1),B=e.ref(n.border??!1),C=e.ref(n.listBorder??!1),I=e.ref(n.backgroundType||o.BackgroundType.empty),T=e.ref(n.listBackgroundType||o.BackgroundType.empty),c=e.ref(!!n.addEvent),f=e.ref(n.columns??1),y=e.ref(n.columnGap??0),O=e.computed(()=>B.value?"hison-border":""),U=e.computed(()=>C.value?"hison-border":""),F=e.computed(()=>{switch(I.value){case o.BackgroundType.empty:return"hison-bg-empty";case o.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),K=e.computed(()=>{switch(T.value){case o.BackgroundType.empty:return"hison-bg-empty";case o.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),j=e.computed(()=>{var t;return((t=w.default)==null?void 0:t.call(w))??[]}),p=e.ref(n.tabIndex!==null&&n.tabIndex!==""?Number(n.tabIndex):null),P=e.computed(()=>{const t={};if(f.value>1){t.display="flex",t.flexWrap="wrap";const l=y.value;if(l!=null){const r=typeof l=="number"?`${l}px`:l;t.columnGap=r}t.listStyleType="none",t.paddingLeft=0}return t}),Y=e.computed(()=>{const t={};if(f.value>1){const l=Math.max(1,Math.floor(f.value)),r=y.value,m=r==null?"0px":typeof r=="number"?`${r}px`:String(r);m==="0"||m==="0px"?t.flex=`0 0 ${100/l}%`:t.flex=`0 0 calc((100% - (${l-1} * ${m})) / ${l})`}return t}),$=(t,l=[])=>{if(!t||t.length===0)return l;for(const r of t)if(r.type!==e.Comment&&r.type!==e.Text)if(r.type===e.Fragment){const m=r.children;$(m,l)}else l.push(r);return l},M=e.computed(()=>$(j.value)),W=e.computed(()=>M.value.length>0),L=e.ref(Array.isArray(n.textList)?n.textList:[]),D=e.computed(()=>L.value??[]),J=e.computed(()=>v.value),N=e.ref([]),A=()=>{N.value=o.extractResponsiveClasses(o.toClassString(n.class)||"",a.value),o.addComponentNameToClass(N.value,"size",o.hisonCloser.componentStyle.size),o.addComponentNameToClass(N.value,"color","primary")},S=(t=!0)=>{e.nextTick(()=>{u.value.forEach(l=>{l&&(R.removeButtonCssEvent(l),t&&c.value&&R.addButtonCssEvent(l))})})},Q=t=>{c.value&&s("click",t,g.value)},X=(t,l)=>{c.value&&s(t,l,g.value)},V=()=>{o.hisonCloser.component.listList[i]&&o.hisonCloser.component.listList[i].isHisonvueComponent&&console.warn(`[Hisonvue] The list ID is at risk of being duplicated. ${i}`),o.registerReloadable(d,()=>{q(),e.nextTick(V)}),A(),S(!0),g.value={isHisonvueComponent:!0,getId:()=>i,getType:()=>"list",isVisible:()=>k.value,setVisible:t=>{k.value=t},getListType:()=>v.value,setListType:t=>{v.value=t},isShowMarker:()=>b.value,setShowMarker:t=>{b.value=t},getBulletChar:()=>h.value,setBulletChar:t=>{h.value=t},isBorder:()=>B.value,setBorder:t=>{B.value=t},isListBorder:()=>C.value,setListBorder:t=>{C.value=t},getBackgroundType:()=>I.value,setBackgroundType:t=>{I.value=t},getListBackgroundType:()=>T.value,setListBackgroundType:t=>{T.value=t},getTextList:()=>[...D.value],setTextList:t=>{L.value=Array.isArray(t)?t:[]},isAddEvent:()=>c.value,setAddEvent:t=>{c.value=!!t,S(!0)},getTabIndex:()=>p.value,setTabIndex:t=>{p.value=t!=null?Number(t):null},getListRowCount:()=>u.value.length,getListItem:t=>!Number.isInteger(t)||t<0||t>=u.value.length?null:u.value[t]??null,getColumns:()=>f.value,setColumns:t=>{const l=Number(t),r=!Number.isFinite(l)||l<=1?1:Math.floor(l);f.value=r},getColumnGap:()=>y.value,setColumnGap:t=>{t==null?y.value=0:y.value=t},focus:(t=0)=>{var m;if(!c.value)return;const l=p.value;if(l==null||l===-1||!Number.isInteger(t)||t<0||t>=u.value.length)return;const r=u.value[t];(m=r==null?void 0:r.focus)==null||m.call(r)},reload:()=>o.reloadHisonComponent(d)},o.hisonCloser.component.listList[i]=g.value,s("mounted",g.value)},q=()=>{o.unregisterReloadable(d),u.value.forEach(t=>t&&R.removeButtonCssEvent(t)),delete o.hisonCloser.component.listList[i]};e.onMounted(V),e.onBeforeUnmount(q);const G=t=>{if(!t)return null;if(t instanceof Element)return t;const l=t.$el;return l instanceof Element?l:null},Z=t=>{const l=G(t);l&&(u.value.includes(l)||u.value.push(l))},x=t=>{const l=G(t);l&&(E.value.includes(l)||E.value.push(l))};return e.watch(a,t=>{A(),s("responsive-change",t)}),e.watch(()=>n.visible,t=>{const l=!!t;l!==k.value&&(k.value=l)}),e.watch(()=>n.border,t=>{const l=!!t;l!==B.value&&(B.value=l)}),e.watch(()=>n.listBorder,t=>{const l=!!t;l!==C.value&&(C.value=l)}),e.watch(()=>n.backgroundType,t=>{t&&t!==I.value&&(I.value=t)}),e.watch(()=>n.listBackgroundType,t=>{t&&t!==T.value&&(T.value=t)}),e.watch(()=>n.listType,t=>{const l=t==="ol"?"ol":"ul";l!==v.value&&(v.value=l)}),e.watch(()=>n.bulletChar,t=>{const l=t??"•";l!==h.value&&(h.value=l)}),e.watch(()=>n.showMarker,t=>{const l=t!==!1;l!==b.value&&(b.value=l)}),e.watch(()=>n.textList,t=>{L.value=Array.isArray(t)?t:[]}),e.watch(()=>n.addEvent,t=>{const l=!!t;l!==c.value&&(c.value=l,S(!0))}),e.watch(()=>n.columns,t=>{const l=typeof t=="number"?t:Number(t),r=!Number.isFinite(l)||l<=1?1:Math.floor(l);r!==f.value&&(f.value=r)}),e.watch(()=>n.columnGap,t=>{const l=t??0;l!==y.value&&(y.value=l)}),e.watch(()=>n.tabIndex,t=>{const l=t===null||t===""?null:Number(t);l!==p.value&&(p.value=l)}),e.watch(()=>n.class,()=>{A()}),e.watch(M,()=>{S(!0)}),e.watch(L,()=>{S(!0)},{deep:!0}),{props:n,listRef:z,itemRefs:u,itemInnerRefs:E,renderTag:J,listType:v,bulletChar:h,showMarker:b,visibleClass:H,borderClass:O,listBorderClass:U,backgroundTypeClass:F,listBackgroundTypeClass:K,responsiveClassList:N,hasElementSlot:W,elementNodes:M,normalizedItems:D,listLayoutStyle:P,listItemLayoutStyle:Y,tabIndex:p,setItemRef:Z,setItemInnerRef:x,onItemClick:Q,emitItem:X}}}),ne=["tabindex"],le={key:0,class:"hison-list-marker"},se={key:0},oe={key:1},re={class:"hison-list-content"},ae=["tabindex"],ie={key:0,class:"hison-list-marker"},ue={key:0},de={key:1},ce={class:"hison-list-content"},me={key:1,class:"hison-list-item-text"};function fe(n,s,w,z,u,E){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hison-wrapper",...n.responsiveClassList,n.visibleClass])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderTag),{ref:"listRef",class:e.normalizeClass(["hison-list",n.borderClass,n.backgroundTypeClass]),style:e.normalizeStyle([n.props.style,n.listLayoutStyle]),onKeydown:[e.withKeys(e.withModifiers(n.onItemClick,["prevent"]),["enter"]),e.withKeys(e.withModifiers(n.onItemClick,["prevent"]),["space"])]},{default:e.withCtx(()=>[n.hasElementSlot?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.elementNodes,(i,d)=>(e.openBlock(),e.createElementBlock("li",{key:d,class:e.normalizeClass(["hison-list-item",n.listBorderClass,n.listBackgroundTypeClass]),style:e.normalizeStyle([n.listItemLayoutStyle,n.props.listItemStyle]),ref_for:!0,ref:n.setItemRef,tabindex:n.tabIndex??void 0,onClick:s[0]||(s[0]=(...a)=>n.onItemClick&&n.onItemClick(...a)),onMousedown:s[1]||(s[1]=a=>n.emitItem("mousedown",a)),onMouseup:s[2]||(s[2]=a=>n.emitItem("mouseup",a)),onMouseover:s[3]||(s[3]=a=>n.emitItem("mouseover",a)),onMouseout:s[4]||(s[4]=a=>n.emitItem("mouseout",a))},[e.createElementVNode("div",{class:"hison-list-item-inner",style:e.normalizeStyle(n.props.listItemInnerStyle),ref_for:!0,ref:n.setItemInnerRef},[n.showMarker?(e.openBlock(),e.createElementBlock("div",le,[n.listType==="ol"?(e.openBlock(),e.createElementBlock("span",se,e.toDisplayString(d+1)+".",1)):(e.openBlock(),e.createElementBlock("span",oe,e.toDisplayString(n.bulletChar),1))])):e.createCommentVNode("",!0),e.createElementVNode("div",re,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i)))])],4)],46,ne))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(n.normalizedItems,(i,d)=>(e.openBlock(),e.createElementBlock("li",{key:d,class:e.normalizeClass(["hison-list-item",n.listBorderClass,n.listBackgroundTypeClass]),style:e.normalizeStyle([n.listItemLayoutStyle,n.props.listItemStyle]),ref_for:!0,ref:n.setItemRef,tabindex:n.tabIndex??void 0,onClick:s[5]||(s[5]=(...a)=>n.onItemClick&&n.onItemClick(...a)),onMousedown:s[6]||(s[6]=a=>n.emitItem("mousedown",a)),onMouseup:s[7]||(s[7]=a=>n.emitItem("mouseup",a)),onMouseover:s[8]||(s[8]=a=>n.emitItem("mouseover",a)),onMouseout:s[9]||(s[9]=a=>n.emitItem("mouseout",a))},[e.createElementVNode("div",{class:"hison-list-item-inner",style:e.normalizeStyle(n.props.listItemInnerStyle),ref_for:!0,ref:n.setItemInnerRef},[n.showMarker?(e.openBlock(),e.createElementBlock("div",ie,[n.listType==="ol"?(e.openBlock(),e.createElementBlock("span",ue,e.toDisplayString(d+1)+".",1)):(e.openBlock(),e.createElementBlock("span",de,e.toDisplayString(n.bulletChar),1))])):e.createCommentVNode("",!0),e.createElementVNode("div",ce,[n.$slots.item?e.renderSlot(n.$slots,"item",{key:0,item:i,index:d}):(e.openBlock(),e.createElementBlock("span",me,e.toDisplayString(String(i??"")),1))])],4)],46,ae))),128))]),_:3},40,["class","style","onKeydown"]))],2)}const ye=_._export_sfc(te,[["render",fe]]);exports.default=ye;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-B6cKtmm6.js"),R=require("./setButtonCssEvent-fK8lE3Ve.js"),_=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ee={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},listItemStyle:{type:[String,Object,Array],required:!1},listItemInnerStyle:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},border:{type:Boolean,default:!1},listBorder:{type:Boolean,default:!1},backgroundType:{type:String,default:o.BackgroundType.empty,validator:n=>o.BACKGROUND_TYPE_VALUES.includes(n)},listBackgroundType:{type:String,default:o.BackgroundType.empty,validator:n=>o.BACKGROUND_TYPE_VALUES.includes(n)},listType:{type:String,default:"ul",validator:n=>n==="ul"||n==="ol"},bulletChar:{type:String,default:"•"},showMarker:{type:Boolean,default:!0},textList:{type:Array,default:()=>[]},addEvent:{type:Boolean,default:!1},columns:{type:Number,default:1,validator:n=>Number.isInteger(n)&&n>0},columnGap:{type:[Number,String],default:0},tabIndex:{type:[Number,String],default:null,validator:n=>n===null||n===""||!isNaN(+n)&&isFinite(+n)}},te=e.defineComponent({name:"HList",props:ee,inheritAttrs:!1,emits:["mounted","responsive-change","click","mousedown","mouseup","mouseover","mouseout"],setup(n,{emit:s,slots:w}){const z=e.ref(null),u=e.ref([]),E=e.ref([]),i=n.id?n.id:o.getUUID(),d=`hlist:${i}`,a=o.useDevice(),g=e.ref(null),k=e.ref(n.visible),H=e.computed(()=>k.value?"":"hison-display-none"),v=e.ref(n.listType||"ul"),h=e.ref(n.bulletChar||"•"),b=e.ref(n.showMarker!==!1),B=e.ref(n.border??!1),C=e.ref(n.listBorder??!1),I=e.ref(n.backgroundType||o.BackgroundType.empty),T=e.ref(n.listBackgroundType||o.BackgroundType.empty),c=e.ref(!!n.addEvent),f=e.ref(n.columns??1),y=e.ref(n.columnGap??0),O=e.computed(()=>B.value?"hison-border":""),U=e.computed(()=>C.value?"hison-border":""),F=e.computed(()=>{switch(I.value){case o.BackgroundType.empty:return"hison-bg-empty";case o.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),K=e.computed(()=>{switch(T.value){case o.BackgroundType.empty:return"hison-bg-empty";case o.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),j=e.computed(()=>{var t;return((t=w.default)==null?void 0:t.call(w))??[]}),p=e.ref(n.tabIndex!==null&&n.tabIndex!==""?Number(n.tabIndex):null),P=e.computed(()=>{const t={};if(f.value>1){t.display="flex",t.flexWrap="wrap";const l=y.value;if(l!=null){const r=typeof l=="number"?`${l}px`:l;t.columnGap=r}t.listStyleType="none",t.paddingLeft=0}return t}),Y=e.computed(()=>{const t={};if(f.value>1){const l=Math.max(1,Math.floor(f.value)),r=y.value,m=r==null?"0px":typeof r=="number"?`${r}px`:String(r);m==="0"||m==="0px"?t.flex=`0 0 ${100/l}%`:t.flex=`0 0 calc((100% - (${l-1} * ${m})) / ${l})`}return t}),$=(t,l=[])=>{if(!t||t.length===0)return l;for(const r of t)if(r.type!==e.Comment&&r.type!==e.Text)if(r.type===e.Fragment){const m=r.children;$(m,l)}else l.push(r);return l},M=e.computed(()=>$(j.value)),W=e.computed(()=>M.value.length>0),L=e.ref(Array.isArray(n.textList)?n.textList:[]),D=e.computed(()=>L.value??[]),J=e.computed(()=>v.value),N=e.ref([]),A=()=>{N.value=o.extractResponsiveClasses(o.toClassString(n.class)||"",a.value),o.addComponentNameToClass(N.value,"size",o.hisonCloser.componentStyle.size),o.addComponentNameToClass(N.value,"color","primary")},S=(t=!0)=>{e.nextTick(()=>{u.value.forEach(l=>{l&&(R.removeButtonCssEvent(l),t&&c.value&&R.addButtonCssEvent(l))})})},Q=t=>{c.value&&s("click",t,g.value)},X=(t,l)=>{c.value&&s(t,l,g.value)},V=()=>{o.hisonCloser.component.listList[i]&&o.hisonCloser.component.listList[i].isHisonvueComponent&&console.warn(`[Hisonvue] The list ID is at risk of being duplicated. ${i}`),o.registerReloadable(d,()=>{q(),e.nextTick(V)}),A(),S(!0),g.value={isHisonvueComponent:!0,getId:()=>i,getType:()=>"list",isVisible:()=>k.value,setVisible:t=>{k.value=t},getListType:()=>v.value,setListType:t=>{v.value=t},isShowMarker:()=>b.value,setShowMarker:t=>{b.value=t},getBulletChar:()=>h.value,setBulletChar:t=>{h.value=t},isBorder:()=>B.value,setBorder:t=>{B.value=t},isListBorder:()=>C.value,setListBorder:t=>{C.value=t},getBackgroundType:()=>I.value,setBackgroundType:t=>{I.value=t},getListBackgroundType:()=>T.value,setListBackgroundType:t=>{T.value=t},getTextList:()=>[...D.value],setTextList:t=>{L.value=Array.isArray(t)?t:[]},isAddEvent:()=>c.value,setAddEvent:t=>{c.value=!!t,S(!0)},getTabIndex:()=>p.value,setTabIndex:t=>{p.value=t!=null?Number(t):null},getListRowCount:()=>u.value.length,getListItem:t=>!Number.isInteger(t)||t<0||t>=u.value.length?null:u.value[t]??null,getColumns:()=>f.value,setColumns:t=>{const l=Number(t),r=!Number.isFinite(l)||l<=1?1:Math.floor(l);f.value=r},getColumnGap:()=>y.value,setColumnGap:t=>{t==null?y.value=0:y.value=t},focus:(t=0)=>{var m;if(!c.value)return;const l=p.value;if(l==null||l===-1||!Number.isInteger(t)||t<0||t>=u.value.length)return;const r=u.value[t];(m=r==null?void 0:r.focus)==null||m.call(r)},reload:()=>o.reloadHisonComponent(d)},o.hisonCloser.component.listList[i]=g.value,s("mounted",g.value)},q=()=>{o.unregisterReloadable(d),u.value.forEach(t=>t&&R.removeButtonCssEvent(t)),delete o.hisonCloser.component.listList[i]};e.onMounted(V),e.onBeforeUnmount(q);const G=t=>{if(!t)return null;if(t instanceof Element)return t;const l=t.$el;return l instanceof Element?l:null},Z=t=>{const l=G(t);l&&(u.value.includes(l)||u.value.push(l))},x=t=>{const l=G(t);l&&(E.value.includes(l)||E.value.push(l))};return e.watch(a,t=>{A(),s("responsive-change",t)}),e.watch(()=>n.visible,t=>{const l=!!t;l!==k.value&&(k.value=l)}),e.watch(()=>n.border,t=>{const l=!!t;l!==B.value&&(B.value=l)}),e.watch(()=>n.listBorder,t=>{const l=!!t;l!==C.value&&(C.value=l)}),e.watch(()=>n.backgroundType,t=>{t&&t!==I.value&&(I.value=t)}),e.watch(()=>n.listBackgroundType,t=>{t&&t!==T.value&&(T.value=t)}),e.watch(()=>n.listType,t=>{const l=t==="ol"?"ol":"ul";l!==v.value&&(v.value=l)}),e.watch(()=>n.bulletChar,t=>{const l=t??"•";l!==h.value&&(h.value=l)}),e.watch(()=>n.showMarker,t=>{const l=t!==!1;l!==b.value&&(b.value=l)}),e.watch(()=>n.textList,t=>{L.value=Array.isArray(t)?t:[]}),e.watch(()=>n.addEvent,t=>{const l=!!t;l!==c.value&&(c.value=l,S(!0))}),e.watch(()=>n.columns,t=>{const l=typeof t=="number"?t:Number(t),r=!Number.isFinite(l)||l<=1?1:Math.floor(l);r!==f.value&&(f.value=r)}),e.watch(()=>n.columnGap,t=>{const l=t??0;l!==y.value&&(y.value=l)}),e.watch(()=>n.tabIndex,t=>{const l=t===null||t===""?null:Number(t);l!==p.value&&(p.value=l)}),e.watch(()=>n.class,()=>{A()}),e.watch(M,()=>{S(!0)}),e.watch(L,()=>{S(!0)},{deep:!0}),{props:n,listRef:z,itemRefs:u,itemInnerRefs:E,renderTag:J,listType:v,bulletChar:h,showMarker:b,visibleClass:H,borderClass:O,listBorderClass:U,backgroundTypeClass:F,listBackgroundTypeClass:K,responsiveClassList:N,hasElementSlot:W,elementNodes:M,normalizedItems:D,listLayoutStyle:P,listItemLayoutStyle:Y,tabIndex:p,setItemRef:Z,setItemInnerRef:x,onItemClick:Q,emitItem:X}}}),ne=["tabindex"],le={key:0,class:"hison-list-marker"},se={key:0},oe={key:1},re={class:"hison-list-content"},ae=["tabindex"],ie={key:0,class:"hison-list-marker"},ue={key:0},de={key:1},ce={class:"hison-list-content"},me={key:1,class:"hison-list-item-text"};function fe(n,s,w,z,u,E){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hison-wrapper",...n.responsiveClassList,n.visibleClass])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderTag),{ref:"listRef",class:e.normalizeClass(["hison-list",n.borderClass,n.backgroundTypeClass]),style:e.normalizeStyle([n.props.style,n.listLayoutStyle]),onKeydown:[e.withKeys(e.withModifiers(n.onItemClick,["prevent"]),["enter"]),e.withKeys(e.withModifiers(n.onItemClick,["prevent"]),["space"])]},{default:e.withCtx(()=>[n.hasElementSlot?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.elementNodes,(i,d)=>(e.openBlock(),e.createElementBlock("li",{key:d,class:e.normalizeClass(["hison-list-item",n.listBorderClass,n.listBackgroundTypeClass]),style:e.normalizeStyle([n.listItemLayoutStyle,n.props.listItemStyle]),ref_for:!0,ref:n.setItemRef,tabindex:n.tabIndex??void 0,onClick:s[0]||(s[0]=(...a)=>n.onItemClick&&n.onItemClick(...a)),onMousedown:s[1]||(s[1]=a=>n.emitItem("mousedown",a)),onMouseup:s[2]||(s[2]=a=>n.emitItem("mouseup",a)),onMouseover:s[3]||(s[3]=a=>n.emitItem("mouseover",a)),onMouseout:s[4]||(s[4]=a=>n.emitItem("mouseout",a))},[e.createElementVNode("div",{class:"hison-list-item-inner",style:e.normalizeStyle(n.props.listItemInnerStyle),ref_for:!0,ref:n.setItemInnerRef},[n.showMarker?(e.openBlock(),e.createElementBlock("div",le,[n.listType==="ol"?(e.openBlock(),e.createElementBlock("span",se,e.toDisplayString(d+1)+".",1)):(e.openBlock(),e.createElementBlock("span",oe,e.toDisplayString(n.bulletChar),1))])):e.createCommentVNode("",!0),e.createElementVNode("div",re,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i)))])],4)],46,ne))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(n.normalizedItems,(i,d)=>(e.openBlock(),e.createElementBlock("li",{key:d,class:e.normalizeClass(["hison-list-item",n.listBorderClass,n.listBackgroundTypeClass]),style:e.normalizeStyle([n.listItemLayoutStyle,n.props.listItemStyle]),ref_for:!0,ref:n.setItemRef,tabindex:n.tabIndex??void 0,onClick:s[5]||(s[5]=(...a)=>n.onItemClick&&n.onItemClick(...a)),onMousedown:s[6]||(s[6]=a=>n.emitItem("mousedown",a)),onMouseup:s[7]||(s[7]=a=>n.emitItem("mouseup",a)),onMouseover:s[8]||(s[8]=a=>n.emitItem("mouseover",a)),onMouseout:s[9]||(s[9]=a=>n.emitItem("mouseout",a))},[e.createElementVNode("div",{class:"hison-list-item-inner",style:e.normalizeStyle(n.props.listItemInnerStyle),ref_for:!0,ref:n.setItemInnerRef},[n.showMarker?(e.openBlock(),e.createElementBlock("div",ie,[n.listType==="ol"?(e.openBlock(),e.createElementBlock("span",ue,e.toDisplayString(d+1)+".",1)):(e.openBlock(),e.createElementBlock("span",de,e.toDisplayString(n.bulletChar),1))])):e.createCommentVNode("",!0),e.createElementVNode("div",ce,[n.$slots.item?e.renderSlot(n.$slots,"item",{key:0,item:i,index:d}):(e.openBlock(),e.createElementBlock("span",me,e.toDisplayString(String(i??"")),1))])],4)],46,ae))),128))]),_:3},40,["class","style","onKeydown"]))],2)}const ye=_._export_sfc(te,[["render",fe]]);exports.default=ye;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as ge, ref as a, computed as d, onMounted as he, onBeforeUnmount as Ie, watch as i, Comment as ke, Text as Ce, Fragment as U, nextTick as J, createElementBlock as m, openBlock as r, normalizeClass as D, createBlock as Q, resolveDynamicComponent as X, withKeys as Z, normalizeStyle as N, withModifiers as x, withCtx as Te, renderList as _, createElementVNode as V, createCommentVNode as ee, toDisplayString as R, renderSlot as Be } from "vue";
|
|
2
|
-
import { B as te, f as p, g as Se, u as Le, e as we, t as Me, b as se, h as A, r as Ee, c as Ne, d as Re } from "./index-
|
|
3
|
-
import { r as ne, a as Ae } from "./setButtonCssEvent-
|
|
2
|
+
import { B as te, f as p, g as Se, u as Le, e as we, t as Me, b as se, h as A, r as Ee, c as Ne, d as Re } from "./index-HfC1PNxb.mjs";
|
|
3
|
+
import { r as ne, a as Ae } from "./setButtonCssEvent-DKQg_9AF.mjs";
|
|
4
4
|
import { _ as $e } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
5
5
|
const ze = {
|
|
6
6
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-5k-aAQlJ.js"),Ce=require("./scrollManager-CEEWQwoK.js"),Ne=require("./_plugin-vue_export-helper-BHFhmbuH.js"),He={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!1},border:{type:Boolean,default:!0},backgroundType:{type:String,default:n.BackgroundType.empty,validator:o=>n.BACKGROUND_TYPE_VALUES.includes(o)},zIndex:{type:Number,default:1300},position:{type:String,default:n.ScreenPosition.middleCenter,validator:o=>n.SCREEN_POSITION_VALUES.includes(o)},headerVisible:{type:Boolean,default:!0},footerVisible:{type:Boolean,default:!0},caption:{type:String,default:null},captionBorder:{type:Boolean,default:!1},captionBackgroundType:{type:String,default:n.BackgroundType.filled,validator:o=>n.BACKGROUND_TYPE_VALUES.includes(o)},captionPlacement:{type:String,default:"header-center"},closeButtonVisible:{type:Boolean,default:!0},closeButtonText:{type:String,default:"X"},closeButtonTitle:{type:String,default:"close"},closeButtonBorder:{type:Boolean,default:!0},closeButtonBackgroundType:{type:String,default:n.BackgroundType.empty,validator:o=>n.BACKGROUND_TYPE_VALUES.includes(o)},closeButtonPlacement:{type:String,default:"footer-right"},closeClickOverlay:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},overlayStyle:{type:[String,Object,Array],required:!1},scrollLock:{type:Boolean,default:!0},enterAnimationClass:{type:String,required:!1},leaveAnimationClass:{type:String,required:!1}},ze=e.defineComponent({name:"HModal",props:He,inheritAttrs:!1,emits:["mounted","responsive-change","open","close"],setup(o,{emit:m,slots:E}){const c=o.id||n.getUUID(),P=`hmodal:${c}`,I=n.useDevice(),d=e.ref(null),a=e.ref(o.visible),u=e.ref(o.headerVisible),C=e.ref(o.footerVisible),v=e.ref(o.closeButtonVisible),h=e.ref(o.caption??null),S=e.ref(o.captionBorder),w=e.ref(o.captionBackgroundType),T=e.ref(o.closeButtonBorder),V=e.ref(o.closeButtonBackgroundType),$=e.ref(o.closeClickOverlay),L=e.ref(o.showOverlay),k=e.ref(o.scrollLock),N=e.ref(o.border),H=e.ref(o.backgroundType||n.BackgroundType.empty),s=e.ref(o.closeButtonPlacement),r=e.ref(o.captionPlacement),y=e.ref(o.zIndex??1e3),z=e.ref(o.position),ve=e.computed(()=>{const t={zIndex:y.value};switch(t.left="",t.right="",t.top="",t.bottom="",t.transform="none",z.value){case n.ScreenPosition.topLeft:t.left="0",t.top="0";break;case n.ScreenPosition.topCenter:t.left="50%",t.top="0",t.transform="translateX(-50%)";break;case n.ScreenPosition.topRight:t.right="0",t.top="0";break;case n.ScreenPosition.middleLeft:t.left="0",t.top="50%",t.transform="translateY(-50%)";break;case n.ScreenPosition.middleCenter:t.left="50%",t.top="50%",t.transform="translate(-50%, -50%)";break;case n.ScreenPosition.middleRight:t.right="0",t.top="50%",t.transform="translateY(-50%)";break;case n.ScreenPosition.bottomLeft:t.left="0",t.bottom="0";break;case n.ScreenPosition.bottomCenter:t.left="50%",t.bottom="0",t.transform="translateX(-50%)";break;case n.ScreenPosition.bottomRight:t.right="0",t.bottom="0";break}return t}),he=e.computed(()=>{const l={zIndex:(y.value??1e3)-1},g=o.overlayStyle;return g?Array.isArray(g)?[{...l},...g]:typeof g=="string"?[l,g]:{...l,...g}:l}),pe=e.computed(()=>a.value?"":"hison-display-none"),fe=e.computed(()=>{switch(H.value){case"transparent":return"hison-bg-transparent";case"filled":return"hison-bg-filled";default:return"hison-bg-empty"}}),ke=e.computed(()=>N.value?"hison-border":""),O=e.ref([]),q=()=>{O.value=n.extractResponsiveClasses(n.toClassString(o.class)||"",I.value),n.addComponentNameToClass(O.value,"size",n.hisonCloser.componentStyle.size),n.addComponentNameToClass(O.value,"color","primary")},ye=e.computed(()=>[...n.extractPrefixedClasses(n.toClassString(o.class)||"","size"),...n.extractPrefixedClasses(n.toClassString(o.class)||"","color")]),Be=e.computed(()=>a.value&&L.value),be=e.computed(()=>!!E.header),ge=e.computed(()=>!!E.footer),i=t=>t.split("-")[1]||"left",j=e.computed(()=>!!(h.value&&h.value.trim().length)),U=e.computed(()=>j.value&&r.value.startsWith("header")),W=e.computed(()=>v.value&&s.value.startsWith("header")),Z=e.computed(()=>U.value&&i(r.value)==="left"),G=e.computed(()=>U.value&&i(r.value)==="center"),K=e.computed(()=>U.value&&i(r.value)==="right"),X=e.computed(()=>W.value&&i(s.value)==="left"),J=e.computed(()=>W.value&&i(s.value)==="center"),Q=e.computed(()=>W.value&&i(s.value)==="right"),_=e.computed(()=>Z.value||X.value),x=e.computed(()=>G.value||J.value),ee=e.computed(()=>K.value||Q.value),M=e.computed(()=>j.value&&r.value.startsWith("footer")),D=e.computed(()=>v.value&&s.value.startsWith("footer")),oe=e.computed(()=>M.value&&i(r.value)==="left"),te=e.computed(()=>M.value&&i(r.value)==="center"),le=e.computed(()=>M.value&&i(r.value)==="right"),ne=e.computed(()=>D.value&&i(s.value)==="left"),ae=e.computed(()=>D.value&&i(s.value)==="center"),se=e.computed(()=>D.value&&i(s.value)==="right"),re=e.computed(()=>oe.value||ne.value),ie=e.computed(()=>te.value||ae.value),ce=e.computed(()=>le.value||se.value),Se=e.computed(()=>u.value&&(be.value||_.value||x.value||ee.value)),we=e.computed(()=>C.value&&(ge.value||re.value||ie.value||ce.value)),R=()=>{k.value&&Ce.acquireScrollLock(c)},F=()=>{k.value&&Ce.releaseScrollLock(c)},B=e.ref(null),Te=t=>{$.value&&b()},Ve=t=>{b()},p=e.ref(o.enterAnimationClass||"hison-modal-enter"),f=e.ref(o.leaveAnimationClass||"hison-modal-leave"),Y=e.ref(null),ue=async()=>{const t=Y.value;!t||!p.value||(t.classList.remove(f.value),t.offsetWidth,t.classList.add(p.value))},$e=async()=>{const t=Y.value;!t||!f.value||(t.classList.remove(p.value),t.offsetWidth,t.classList.add(f.value),await new Promise(l=>setTimeout(l,200)))},A=async()=>{a.value||(a.value=!0,R(),await e.nextTick(),ue(),m("open",e.unref(B)))},b=async()=>{if(a.value)try{await $e()}finally{a.value=!1,F(),m("close",e.unref(B))}},Le=async()=>a.value?b():A(),de=()=>{n.hisonCloser.component.modalList[c]&&n.hisonCloser.component.modalList[c].isHisonvueComponent&&console.warn(`[Hisonvue] The modal ID is at risk of being duplicated. ${c}`),n.registerReloadable(P,()=>{me(),e.nextTick(de)}),q(),a.value&&(R(),e.nextTick(ue)),B.value={isHisonvueComponent:!0,getId:()=>c,getType:()=>"modal",isVisible:()=>a.value,open:A,close:b,toggle:Le,setVisible:t=>t?A():b(),getZIndex:()=>y.value,setZIndex:t=>{y.value=t},getPosition:()=>z.value,setPosition:t=>{z.value=t},isHeaderVisible:()=>u.value,setHeaderVisible:t=>{u.value=t},isFooterVisible:()=>C.value,setFooterVisible:t=>{C.value=t},getCaption:()=>h.value||"",setCaption:t=>{h.value=t},isCaptionBorder:()=>S.value,setCaptionBorder:t=>{S.value=t},getCaptionBackgroundType:()=>w.value,setCaptionBackgroundType:t=>{w.value=t},isCloseButtonVisible:()=>v.value,setCloseButtonVisible:t=>{v.value=t},isCloseButtonBorder:()=>T.value,setCloseButtonBorder:t=>{T.value=t},getCloseButtonBackgroundType:()=>V.value,setCloseButtonBackgroundType:t=>{V.value=t},getButtonPlacement:()=>s.value,setButtonPlacement:t=>{s.value=t},getCaptionPlacement:()=>r.value,setCaptionPlacement:t=>{r.value=t},isCloseClickOverlay:()=>$.value,setCloseClickOverlay:t=>{$.value=t},isOverlayShown:()=>L.value,setOverlayShown:t=>{L.value=t},isBorder:()=>N.value,setBorder:t=>{N.value=t},getBackgroundType:()=>H.value,setBackgroundType:t=>{H.value=t},isScrollLocked:()=>k.value,setScrollLock:t=>{k.value=t,a.value&&(t?R():F())},getAnimationClasses:()=>({enter:p.value,leave:f.value}),setAnimationClasses:t=>{"enter"in t&&(p.value=t.enter||""),"leave"in t&&(f.value=t.leave||"")},reload:()=>n.reloadHisonComponent(P)},n.hisonCloser.component.modalList[c]=B.value,m("mounted",B.value)},me=()=>{n.unregisterReloadable(P),delete n.hisonCloser.component.modalList[c],a.value&&F()};return e.onMounted(de),e.onBeforeUnmount(me),e.watch(I,t=>{q(),m("responsive-change",t)}),e.watch(()=>o.visible,t=>{const l=!!t;l&&!a.value?A():!l&&a.value&&b()}),e.watch(()=>o.headerVisible,t=>{const l=!!t;l!==u.value&&(u.value=l)}),e.watch(()=>o.footerVisible,t=>{const l=!!t;l!==C.value&&(C.value=l)}),e.watch(()=>o.closeButtonVisible,t=>{const l=!!t;l!==v.value&&(v.value=l)}),e.watch(()=>o.caption,t=>{const l=t??null;l!==h.value&&(h.value=l)}),e.watch(()=>o.captionBorder,t=>{const l=!!t;l!==S.value&&(S.value=l)}),e.watch(()=>o.captionBackgroundType,t=>{t&&t!==w.value&&(w.value=t)}),e.watch(()=>o.closeButtonBorder,t=>{const l=!!t;l!==T.value&&(T.value=l)}),e.watch(()=>o.closeButtonBackgroundType,t=>{t&&t!==V.value&&(V.value=t)}),e.watch(()=>o.closeButtonPlacement,t=>{t&&t!==s.value&&(s.value=t)}),e.watch(()=>o.captionPlacement,t=>{t&&t!==r.value&&(r.value=t)}),e.watch(()=>o.closeClickOverlay,t=>{const l=!!t;l!==$.value&&($.value=l)}),e.watch(()=>o.showOverlay,t=>{const l=!!t;l!==L.value&&(L.value=l)}),e.watch(()=>o.scrollLock,t=>{const l=!!t;l!==k.value&&(k.value=l,a.value&&(l?R():F()))}),e.watch(()=>o.border,t=>{const l=!!t;l!==N.value&&(N.value=l)}),e.watch(()=>o.backgroundType,t=>{t&&t!==H.value&&(H.value=t)}),e.watch(()=>o.zIndex,t=>{const l=Number(t??1300);l!==y.value&&(y.value=l)}),e.watch(()=>o.position,t=>{t&&t!==z.value&&(z.value=t)}),e.watch(()=>o.enterAnimationClass,t=>{const l=t||"hison-modal-enter";l!==p.value&&(p.value=l)}),e.watch(()=>o.leaveAnimationClass,t=>{const l=t||"hison-modal-leave";l!==f.value&&(f.value=l)}),e.watch(()=>o.class,()=>{q()}),{id:c,props:o,modalRef:Y,modalWrapperRef:d,caption:h,responsiveClassList:O,visibleClass:pe,borderClass:ke,backgroundTypeClass:fe,isOverlayVisible:Be,headerVisibleComputed:Se,footerVisibleComputed:we,headerHasLeft:_,headerHasCenter:x,headerHasRight:ee,showHeaderCaptionLeft:Z,showHeaderCaptionCenter:G,showHeaderCaptionRight:K,showHeaderCloseLeft:X,showHeaderCloseCenter:J,showHeaderCloseRight:Q,footerHasLeft:re,footerHasCenter:ie,footerHasRight:ce,showFooterCaptionLeft:oe,showFooterCaptionCenter:te,showFooterCaptionRight:le,showFooterCloseLeft:ne,showFooterCloseCenter:ae,showFooterCloseRight:se,childClassList:ye,overlayStyleWithZ:he,wrapperStyle:ve,onOverlayClick:Te,onClickCloseButton:Ve,modalMethods:e.computed(()=>e.unref(B)),closeButtonVisible:v,buttonPlacement:s,captionPlacement:r,closeButtonText:o.closeButtonText,closeButtonTitle:o.closeButtonTitle,closeButtonBorder:T,closeButtonBackgroundType:V,captionBorder:S,captionBackgroundType:w}}});function Pe(o,m,E,c,P,I){const d=e.resolveComponent("HLabel"),a=e.resolveComponent("HButton"),u=e.resolveComponent("HLayout");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hison-layer-host",o.visibleClass])},[o.isOverlayVisible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"hison-modal-overlay",style:e.normalizeStyle(o.overlayStyleWithZ),onClick:m[0]||(m[0]=(...C)=>o.onOverlayClick&&o.onOverlayClick(...C))},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref:"modalWrapperRef",class:e.normalizeClass(["hison-modal-wrapper",...o.responsiveClassList]),style:e.normalizeStyle(o.wrapperStyle)},[e.createElementVNode("div",{ref:"modalRef",class:e.normalizeClass(["hison-modal",o.borderClass,o.backgroundTypeClass]),style:e.normalizeStyle(o.props.style),role:"dialog"},[o.headerVisibleComputed?(e.openBlock(),e.createBlock(u,{key:0,id:`hison_modal_header_layout_${o.id}`,class:e.normalizeClass(["hison-modal-header",...o.childClassList])},{default:e.withCtx(()=>[o.$slots.header?e.renderSlot(o.$slots,"header",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.headerHasLeft?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.showHeaderCaptionLeft?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-left","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showHeaderCloseLeft?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"header-left"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-left","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.headerHasCenter?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.showHeaderCaptionCenter?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-center","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showHeaderCloseCenter?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"header-center"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-center","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.headerHasRight?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[o.showHeaderCaptionRight?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-right","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showHeaderCloseRight?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"header-right"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-right","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))]),_:3},8,["id","class"])):e.createCommentVNode("",!0),e.createVNode(u,{id:`hison_modal_body_layout_${o.id}`,class:e.normalizeClass(["hison-modal-body",...o.childClassList])},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["id","class"]),o.footerVisibleComputed?(e.openBlock(),e.createBlock(u,{key:1,id:`hison_modal_footer_layout_${o.id}`,class:e.normalizeClass(["hison-modal-footer",...o.childClassList])},{default:e.withCtx(()=>[o.$slots.footer?e.renderSlot(o.$slots,"footer",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.footerHasLeft?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.showFooterCaptionLeft?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-left","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showFooterCloseLeft?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"footer-left"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-left","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.footerHasCenter?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.showFooterCaptionCenter?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-center","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showFooterCloseCenter?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"footer-center"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-center","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.footerHasRight?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[o.showFooterCaptionRight?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-right","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showFooterCloseRight?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"footer-right"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-right","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))]),_:3},8,["id","class"])):e.createCommentVNode("",!0)],6)],6)],2)}const Oe=Ne._export_sfc(ze,[["render",Pe]]);exports.default=Oe;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-B6cKtmm6.js"),Ce=require("./scrollManager-CEEWQwoK.js"),Ne=require("./_plugin-vue_export-helper-BHFhmbuH.js"),He={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!1},border:{type:Boolean,default:!0},backgroundType:{type:String,default:n.BackgroundType.empty,validator:o=>n.BACKGROUND_TYPE_VALUES.includes(o)},zIndex:{type:Number,default:1300},position:{type:String,default:n.ScreenPosition.middleCenter,validator:o=>n.SCREEN_POSITION_VALUES.includes(o)},headerVisible:{type:Boolean,default:!0},footerVisible:{type:Boolean,default:!0},caption:{type:String,default:null},captionBorder:{type:Boolean,default:!1},captionBackgroundType:{type:String,default:n.BackgroundType.filled,validator:o=>n.BACKGROUND_TYPE_VALUES.includes(o)},captionPlacement:{type:String,default:"header-center"},closeButtonVisible:{type:Boolean,default:!0},closeButtonText:{type:String,default:"X"},closeButtonTitle:{type:String,default:"close"},closeButtonBorder:{type:Boolean,default:!0},closeButtonBackgroundType:{type:String,default:n.BackgroundType.empty,validator:o=>n.BACKGROUND_TYPE_VALUES.includes(o)},closeButtonPlacement:{type:String,default:"footer-right"},closeClickOverlay:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},overlayStyle:{type:[String,Object,Array],required:!1},scrollLock:{type:Boolean,default:!0},enterAnimationClass:{type:String,required:!1},leaveAnimationClass:{type:String,required:!1}},ze=e.defineComponent({name:"HModal",props:He,inheritAttrs:!1,emits:["mounted","responsive-change","open","close"],setup(o,{emit:m,slots:E}){const c=o.id||n.getUUID(),P=`hmodal:${c}`,I=n.useDevice(),d=e.ref(null),a=e.ref(o.visible),u=e.ref(o.headerVisible),C=e.ref(o.footerVisible),v=e.ref(o.closeButtonVisible),h=e.ref(o.caption??null),S=e.ref(o.captionBorder),w=e.ref(o.captionBackgroundType),T=e.ref(o.closeButtonBorder),V=e.ref(o.closeButtonBackgroundType),$=e.ref(o.closeClickOverlay),L=e.ref(o.showOverlay),k=e.ref(o.scrollLock),N=e.ref(o.border),H=e.ref(o.backgroundType||n.BackgroundType.empty),s=e.ref(o.closeButtonPlacement),r=e.ref(o.captionPlacement),y=e.ref(o.zIndex??1e3),z=e.ref(o.position),ve=e.computed(()=>{const t={zIndex:y.value};switch(t.left="",t.right="",t.top="",t.bottom="",t.transform="none",z.value){case n.ScreenPosition.topLeft:t.left="0",t.top="0";break;case n.ScreenPosition.topCenter:t.left="50%",t.top="0",t.transform="translateX(-50%)";break;case n.ScreenPosition.topRight:t.right="0",t.top="0";break;case n.ScreenPosition.middleLeft:t.left="0",t.top="50%",t.transform="translateY(-50%)";break;case n.ScreenPosition.middleCenter:t.left="50%",t.top="50%",t.transform="translate(-50%, -50%)";break;case n.ScreenPosition.middleRight:t.right="0",t.top="50%",t.transform="translateY(-50%)";break;case n.ScreenPosition.bottomLeft:t.left="0",t.bottom="0";break;case n.ScreenPosition.bottomCenter:t.left="50%",t.bottom="0",t.transform="translateX(-50%)";break;case n.ScreenPosition.bottomRight:t.right="0",t.bottom="0";break}return t}),he=e.computed(()=>{const l={zIndex:(y.value??1e3)-1},g=o.overlayStyle;return g?Array.isArray(g)?[{...l},...g]:typeof g=="string"?[l,g]:{...l,...g}:l}),pe=e.computed(()=>a.value?"":"hison-display-none"),fe=e.computed(()=>{switch(H.value){case"transparent":return"hison-bg-transparent";case"filled":return"hison-bg-filled";default:return"hison-bg-empty"}}),ke=e.computed(()=>N.value?"hison-border":""),O=e.ref([]),q=()=>{O.value=n.extractResponsiveClasses(n.toClassString(o.class)||"",I.value),n.addComponentNameToClass(O.value,"size",n.hisonCloser.componentStyle.size),n.addComponentNameToClass(O.value,"color","primary")},ye=e.computed(()=>[...n.extractPrefixedClasses(n.toClassString(o.class)||"","size"),...n.extractPrefixedClasses(n.toClassString(o.class)||"","color")]),Be=e.computed(()=>a.value&&L.value),be=e.computed(()=>!!E.header),ge=e.computed(()=>!!E.footer),i=t=>t.split("-")[1]||"left",j=e.computed(()=>!!(h.value&&h.value.trim().length)),U=e.computed(()=>j.value&&r.value.startsWith("header")),W=e.computed(()=>v.value&&s.value.startsWith("header")),Z=e.computed(()=>U.value&&i(r.value)==="left"),G=e.computed(()=>U.value&&i(r.value)==="center"),K=e.computed(()=>U.value&&i(r.value)==="right"),X=e.computed(()=>W.value&&i(s.value)==="left"),J=e.computed(()=>W.value&&i(s.value)==="center"),Q=e.computed(()=>W.value&&i(s.value)==="right"),_=e.computed(()=>Z.value||X.value),x=e.computed(()=>G.value||J.value),ee=e.computed(()=>K.value||Q.value),M=e.computed(()=>j.value&&r.value.startsWith("footer")),D=e.computed(()=>v.value&&s.value.startsWith("footer")),oe=e.computed(()=>M.value&&i(r.value)==="left"),te=e.computed(()=>M.value&&i(r.value)==="center"),le=e.computed(()=>M.value&&i(r.value)==="right"),ne=e.computed(()=>D.value&&i(s.value)==="left"),ae=e.computed(()=>D.value&&i(s.value)==="center"),se=e.computed(()=>D.value&&i(s.value)==="right"),re=e.computed(()=>oe.value||ne.value),ie=e.computed(()=>te.value||ae.value),ce=e.computed(()=>le.value||se.value),Se=e.computed(()=>u.value&&(be.value||_.value||x.value||ee.value)),we=e.computed(()=>C.value&&(ge.value||re.value||ie.value||ce.value)),R=()=>{k.value&&Ce.acquireScrollLock(c)},F=()=>{k.value&&Ce.releaseScrollLock(c)},B=e.ref(null),Te=t=>{$.value&&b()},Ve=t=>{b()},p=e.ref(o.enterAnimationClass||"hison-modal-enter"),f=e.ref(o.leaveAnimationClass||"hison-modal-leave"),Y=e.ref(null),ue=async()=>{const t=Y.value;!t||!p.value||(t.classList.remove(f.value),t.offsetWidth,t.classList.add(p.value))},$e=async()=>{const t=Y.value;!t||!f.value||(t.classList.remove(p.value),t.offsetWidth,t.classList.add(f.value),await new Promise(l=>setTimeout(l,200)))},A=async()=>{a.value||(a.value=!0,R(),await e.nextTick(),ue(),m("open",e.unref(B)))},b=async()=>{if(a.value)try{await $e()}finally{a.value=!1,F(),m("close",e.unref(B))}},Le=async()=>a.value?b():A(),de=()=>{n.hisonCloser.component.modalList[c]&&n.hisonCloser.component.modalList[c].isHisonvueComponent&&console.warn(`[Hisonvue] The modal ID is at risk of being duplicated. ${c}`),n.registerReloadable(P,()=>{me(),e.nextTick(de)}),q(),a.value&&(R(),e.nextTick(ue)),B.value={isHisonvueComponent:!0,getId:()=>c,getType:()=>"modal",isVisible:()=>a.value,open:A,close:b,toggle:Le,setVisible:t=>t?A():b(),getZIndex:()=>y.value,setZIndex:t=>{y.value=t},getPosition:()=>z.value,setPosition:t=>{z.value=t},isHeaderVisible:()=>u.value,setHeaderVisible:t=>{u.value=t},isFooterVisible:()=>C.value,setFooterVisible:t=>{C.value=t},getCaption:()=>h.value||"",setCaption:t=>{h.value=t},isCaptionBorder:()=>S.value,setCaptionBorder:t=>{S.value=t},getCaptionBackgroundType:()=>w.value,setCaptionBackgroundType:t=>{w.value=t},isCloseButtonVisible:()=>v.value,setCloseButtonVisible:t=>{v.value=t},isCloseButtonBorder:()=>T.value,setCloseButtonBorder:t=>{T.value=t},getCloseButtonBackgroundType:()=>V.value,setCloseButtonBackgroundType:t=>{V.value=t},getButtonPlacement:()=>s.value,setButtonPlacement:t=>{s.value=t},getCaptionPlacement:()=>r.value,setCaptionPlacement:t=>{r.value=t},isCloseClickOverlay:()=>$.value,setCloseClickOverlay:t=>{$.value=t},isOverlayShown:()=>L.value,setOverlayShown:t=>{L.value=t},isBorder:()=>N.value,setBorder:t=>{N.value=t},getBackgroundType:()=>H.value,setBackgroundType:t=>{H.value=t},isScrollLocked:()=>k.value,setScrollLock:t=>{k.value=t,a.value&&(t?R():F())},getAnimationClasses:()=>({enter:p.value,leave:f.value}),setAnimationClasses:t=>{"enter"in t&&(p.value=t.enter||""),"leave"in t&&(f.value=t.leave||"")},reload:()=>n.reloadHisonComponent(P)},n.hisonCloser.component.modalList[c]=B.value,m("mounted",B.value)},me=()=>{n.unregisterReloadable(P),delete n.hisonCloser.component.modalList[c],a.value&&F()};return e.onMounted(de),e.onBeforeUnmount(me),e.watch(I,t=>{q(),m("responsive-change",t)}),e.watch(()=>o.visible,t=>{const l=!!t;l&&!a.value?A():!l&&a.value&&b()}),e.watch(()=>o.headerVisible,t=>{const l=!!t;l!==u.value&&(u.value=l)}),e.watch(()=>o.footerVisible,t=>{const l=!!t;l!==C.value&&(C.value=l)}),e.watch(()=>o.closeButtonVisible,t=>{const l=!!t;l!==v.value&&(v.value=l)}),e.watch(()=>o.caption,t=>{const l=t??null;l!==h.value&&(h.value=l)}),e.watch(()=>o.captionBorder,t=>{const l=!!t;l!==S.value&&(S.value=l)}),e.watch(()=>o.captionBackgroundType,t=>{t&&t!==w.value&&(w.value=t)}),e.watch(()=>o.closeButtonBorder,t=>{const l=!!t;l!==T.value&&(T.value=l)}),e.watch(()=>o.closeButtonBackgroundType,t=>{t&&t!==V.value&&(V.value=t)}),e.watch(()=>o.closeButtonPlacement,t=>{t&&t!==s.value&&(s.value=t)}),e.watch(()=>o.captionPlacement,t=>{t&&t!==r.value&&(r.value=t)}),e.watch(()=>o.closeClickOverlay,t=>{const l=!!t;l!==$.value&&($.value=l)}),e.watch(()=>o.showOverlay,t=>{const l=!!t;l!==L.value&&(L.value=l)}),e.watch(()=>o.scrollLock,t=>{const l=!!t;l!==k.value&&(k.value=l,a.value&&(l?R():F()))}),e.watch(()=>o.border,t=>{const l=!!t;l!==N.value&&(N.value=l)}),e.watch(()=>o.backgroundType,t=>{t&&t!==H.value&&(H.value=t)}),e.watch(()=>o.zIndex,t=>{const l=Number(t??1300);l!==y.value&&(y.value=l)}),e.watch(()=>o.position,t=>{t&&t!==z.value&&(z.value=t)}),e.watch(()=>o.enterAnimationClass,t=>{const l=t||"hison-modal-enter";l!==p.value&&(p.value=l)}),e.watch(()=>o.leaveAnimationClass,t=>{const l=t||"hison-modal-leave";l!==f.value&&(f.value=l)}),e.watch(()=>o.class,()=>{q()}),{id:c,props:o,modalRef:Y,modalWrapperRef:d,caption:h,responsiveClassList:O,visibleClass:pe,borderClass:ke,backgroundTypeClass:fe,isOverlayVisible:Be,headerVisibleComputed:Se,footerVisibleComputed:we,headerHasLeft:_,headerHasCenter:x,headerHasRight:ee,showHeaderCaptionLeft:Z,showHeaderCaptionCenter:G,showHeaderCaptionRight:K,showHeaderCloseLeft:X,showHeaderCloseCenter:J,showHeaderCloseRight:Q,footerHasLeft:re,footerHasCenter:ie,footerHasRight:ce,showFooterCaptionLeft:oe,showFooterCaptionCenter:te,showFooterCaptionRight:le,showFooterCloseLeft:ne,showFooterCloseCenter:ae,showFooterCloseRight:se,childClassList:ye,overlayStyleWithZ:he,wrapperStyle:ve,onOverlayClick:Te,onClickCloseButton:Ve,modalMethods:e.computed(()=>e.unref(B)),closeButtonVisible:v,buttonPlacement:s,captionPlacement:r,closeButtonText:o.closeButtonText,closeButtonTitle:o.closeButtonTitle,closeButtonBorder:T,closeButtonBackgroundType:V,captionBorder:S,captionBackgroundType:w}}});function Pe(o,m,E,c,P,I){const d=e.resolveComponent("HLabel"),a=e.resolveComponent("HButton"),u=e.resolveComponent("HLayout");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hison-layer-host",o.visibleClass])},[o.isOverlayVisible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"hison-modal-overlay",style:e.normalizeStyle(o.overlayStyleWithZ),onClick:m[0]||(m[0]=(...C)=>o.onOverlayClick&&o.onOverlayClick(...C))},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref:"modalWrapperRef",class:e.normalizeClass(["hison-modal-wrapper",...o.responsiveClassList]),style:e.normalizeStyle(o.wrapperStyle)},[e.createElementVNode("div",{ref:"modalRef",class:e.normalizeClass(["hison-modal",o.borderClass,o.backgroundTypeClass]),style:e.normalizeStyle(o.props.style),role:"dialog"},[o.headerVisibleComputed?(e.openBlock(),e.createBlock(u,{key:0,id:`hison_modal_header_layout_${o.id}`,class:e.normalizeClass(["hison-modal-header",...o.childClassList])},{default:e.withCtx(()=>[o.$slots.header?e.renderSlot(o.$slots,"header",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.headerHasLeft?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.showHeaderCaptionLeft?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-left","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showHeaderCloseLeft?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"header-left"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-left","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.headerHasCenter?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.showHeaderCaptionCenter?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-center","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showHeaderCloseCenter?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"header-center"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-center","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.headerHasRight?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[o.showHeaderCaptionRight?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-right","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showHeaderCloseRight?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"header-right"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-right","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))]),_:3},8,["id","class"])):e.createCommentVNode("",!0),e.createVNode(u,{id:`hison_modal_body_layout_${o.id}`,class:e.normalizeClass(["hison-modal-body",...o.childClassList])},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["id","class"]),o.footerVisibleComputed?(e.openBlock(),e.createBlock(u,{key:1,id:`hison_modal_footer_layout_${o.id}`,class:e.normalizeClass(["hison-modal-footer",...o.childClassList])},{default:e.withCtx(()=>[o.$slots.footer?e.renderSlot(o.$slots,"footer",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.footerHasLeft?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.showFooterCaptionLeft?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-left","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showFooterCloseLeft?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"footer-left"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-left","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.footerHasCenter?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.showFooterCaptionCenter?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-center","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showFooterCloseCenter?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"footer-center"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-center","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.footerHasRight?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[o.showFooterCaptionRight?(e.openBlock(),e.createBlock(d,{key:0,id:`hison_modal_caption_label_${o.id}`,class:e.normalizeClass(["hison-modal-caption","hison-pos-right","hison-pos-vertical-center",...o.childClassList]),text:o.caption??"",border:o.captionBorder,"background-type":o.captionBackgroundType},null,8,["id","class","text","border","background-type"])):e.createCommentVNode("",!0),o.showFooterCloseRight?e.renderSlot(o.$slots,"close-button",{key:1,onClick:o.onClickCloseButton,text:o.closeButtonText,title:o.closeButtonTitle||"Close",placement:"footer-right"},()=>[e.createVNode(a,{id:`hison_modal_close_button_${o.id}`,class:e.normalizeClass(["hison-modal-close-btn","hison-pos-right","hison-pos-vertical-center","hison-size-s","hison-color-danger"]),text:o.closeButtonText,title:o.closeButtonTitle||"Close",border:o.closeButtonBorder,"background-type":o.closeButtonBackgroundType,onClick:o.onClickCloseButton},e.createSlots({default:e.withCtx(()=>[o.$slots["close-label"]?e.renderSlot(o.$slots,"close-label",{key:0}):e.createCommentVNode("",!0)]),_:2},[o.$slots["close-icon"]?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"close-icon")]),key:"0"}:void 0]),1032,["id","text","title","border","background-type","onClick"])]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))]),_:3},8,["id","class"])):e.createCommentVNode("",!0)],6)],6)],2)}const Oe=Ne._export_sfc(ze,[["render",Pe]]);exports.default=Oe;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as Qe, ref as a, computed as l, onMounted as _e, onBeforeUnmount as xe, watch as n, unref as ae, nextTick as ne, resolveComponent as ie, createElementBlock as C, openBlock as u, normalizeClass as c, createCommentVNode as s, createElementVNode as ze, normalizeStyle as re, createBlock as m, createVNode as H, withCtx as d, renderSlot as r, Fragment as B, createSlots as A } from "vue";
|
|
2
|
-
import { B as ue, f as J, S as eo, i as b, g as oo, u as to, j as Ae, t as ce, e as lo, b as Fe, h as D, r as so, c as ao, d as no } from "./index-
|
|
2
|
+
import { B as ue, f as J, S as eo, i as b, g as oo, u as to, j as Ae, t as ce, e as lo, b as Fe, h as D, r as so, c as ao, d as no } from "./index-HfC1PNxb.mjs";
|
|
3
3
|
import { a as io, r as ro } from "./scrollManager-BGnq4wyt.mjs";
|
|
4
4
|
import { _ as uo } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
5
5
|
const co = {
|