@shjjs/visual-ui 1.0.47 → 1.0.48
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/es/components/interaction/button/index.vue.mjs +2 -2
- package/es/components/interaction/button/index.vue2.mjs +74 -70
- package/es/components/interaction/date-picker/components/common-date-picker/index.vue.mjs +2 -2
- package/es/components/interaction/date-picker/components/common-date-picker/index.vue2.mjs +102 -101
- package/es/components/interaction/tabs/index.vue.mjs +39 -39
- package/es/components/interaction/tabs-icon/index.vue.mjs +33 -33
- package/es/components/text/list/index.vue.mjs +45 -45
- package/es/plugins/event/actions/ueCommonsWebscoketAction.mjs +10 -11
- package/es/plugins/event/actions/ueShjExecMethodAction.mjs +9 -10
- package/es/widgets.css +1 -1
- package/package.json +1 -1
- package/umd/index.js +97 -97
- package/umd/widgets.css +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as x, ref as a, onMounted as
|
|
1
|
+
import { defineComponent as x, ref as a, onMounted as L, createElementBlock as s, openBlock as n, normalizeStyle as c, unref as u, createCommentVNode as g, Fragment as O, renderList as w, withModifiers as D, normalizeClass as V, createVNode as B, nextTick as N } from "vue";
|
|
2
2
|
import { useResizeObserver as T } from "@vueuse/core";
|
|
3
3
|
import { useTabsWatch as W } from "./hooks/useTabsWatch.mjs";
|
|
4
4
|
/* empty css */
|
|
@@ -185,9 +185,9 @@ import "../../chart/src/scatter/bubble/index.mjs";
|
|
|
185
185
|
import "../../chart/src/scatter/ripples/index.mjs";
|
|
186
186
|
import "../../commons/custom-component-render/index.mjs";
|
|
187
187
|
import { SHJDatasourceV2 as H } from "../../../plugins/datasource/index.mjs";
|
|
188
|
-
import { SHJParseEvent as
|
|
188
|
+
import { SHJParseEvent as v } from "../../../plugins/event/index.mjs";
|
|
189
189
|
import "lodash";
|
|
190
|
-
import { Utils as
|
|
190
|
+
import { Utils as f } from "../../../commons/utils/utils.mjs";
|
|
191
191
|
import I from "../../../commons/components/text.vue.mjs";
|
|
192
192
|
const J = ["onClick"], M = x({ name: "shj-tabs" }), ki = /* @__PURE__ */ x({
|
|
193
193
|
...M,
|
|
@@ -198,77 +198,77 @@ const J = ["onClick"], M = x({ name: "shj-tabs" }), ki = /* @__PURE__ */ x({
|
|
|
198
198
|
uuid: {}
|
|
199
199
|
},
|
|
200
200
|
emits: ["on-change"],
|
|
201
|
-
setup(y, { expose: _, emit:
|
|
202
|
-
const t = y, h =
|
|
201
|
+
setup(y, { expose: _, emit: E }) {
|
|
202
|
+
const t = y, h = E, i = a([]), r = a(t.option.value), l = () => {
|
|
203
203
|
H.parse({
|
|
204
204
|
tId: t.uuid,
|
|
205
205
|
sources: t.sources,
|
|
206
206
|
callback: ({ data: o }) => {
|
|
207
207
|
if (!(o && o.length > 0)) {
|
|
208
|
-
|
|
208
|
+
i.value = [], v.parseEvents(t.useEvents, "dataListener", []);
|
|
209
209
|
return;
|
|
210
210
|
}
|
|
211
|
-
if (
|
|
212
|
-
r.value = t.option.value, !r.value &&
|
|
213
|
-
const
|
|
214
|
-
|
|
211
|
+
if (i.value = o[0].data, v.parseEvents(t.useEvents, "dataListener", i.value), t.option.isDefaultSelect) {
|
|
212
|
+
r.value = t.option.value, !r.value && i.value.length > 0 && (r.value = i.value[0].value);
|
|
213
|
+
const m = i.value.find((e) => e.value === r.value);
|
|
214
|
+
m && (h("on-change", m), v.parseEvents(t.useEvents, "on-change", m));
|
|
215
215
|
}
|
|
216
|
-
|
|
216
|
+
k();
|
|
217
217
|
}
|
|
218
218
|
});
|
|
219
219
|
};
|
|
220
|
-
|
|
221
|
-
const
|
|
222
|
-
o.value !== r.value && (h("on-change", o),
|
|
220
|
+
L(() => l());
|
|
221
|
+
const C = (o) => {
|
|
222
|
+
o.value !== r.value && (h("on-change", o), v.parseEvents(t.useEvents, "on-change", o)), r.value = o.value;
|
|
223
223
|
};
|
|
224
|
-
W(t, l, r,
|
|
224
|
+
W(t, l, r, i), _({
|
|
225
225
|
refresh: () => l(),
|
|
226
226
|
refreshView: () => {
|
|
227
227
|
},
|
|
228
228
|
// 刷新视图 无需刷新
|
|
229
229
|
refreshData: () => l()
|
|
230
230
|
});
|
|
231
|
-
const
|
|
231
|
+
const p = a(null), b = 150, d = a(!1), k = () => {
|
|
232
232
|
N(() => {
|
|
233
|
-
if (
|
|
234
|
-
const { scrollWidth: o, clientWidth:
|
|
235
|
-
|
|
233
|
+
if (p.value) {
|
|
234
|
+
const { scrollWidth: o, clientWidth: m } = p.value;
|
|
235
|
+
d.value = o > m;
|
|
236
236
|
}
|
|
237
237
|
});
|
|
238
|
+
}, j = () => {
|
|
239
|
+
p.value && (p.value.scrollLeft -= b);
|
|
238
240
|
}, S = () => {
|
|
239
|
-
|
|
240
|
-
}, E = () => {
|
|
241
|
-
i.value && (i.value.scrollLeft += d);
|
|
241
|
+
p.value && (p.value.scrollLeft += b);
|
|
242
242
|
};
|
|
243
|
-
return T(
|
|
243
|
+
return T(p, (o) => k()), (o, m) => (n(), s("div", {
|
|
244
244
|
ref_key: "tabsContainer",
|
|
245
|
-
ref:
|
|
245
|
+
ref: p,
|
|
246
246
|
class: "height-100 flex overflow-hidden scroll-behavior-smooth",
|
|
247
|
-
style: c(u(
|
|
247
|
+
style: c(u(f).json2cssObject(t.option.css.tab))
|
|
248
248
|
}, [
|
|
249
|
-
|
|
249
|
+
d.value ? (n(), s("button", {
|
|
250
250
|
key: 0,
|
|
251
251
|
class: "flex-none cursor-pointer position-absolute translate-center-left-active-scale-095 top-50 background-size-cover",
|
|
252
|
-
style: c(u(
|
|
253
|
-
onClick:
|
|
254
|
-
}, null, 4)) :
|
|
255
|
-
(n(!0), s(
|
|
252
|
+
style: c(u(f).json2cssObject(t.option.css.nav.left)),
|
|
253
|
+
onClick: j
|
|
254
|
+
}, null, 4)) : g("", !0),
|
|
255
|
+
(n(!0), s(O, null, w(i.value, (e, z) => (n(), s("div", {
|
|
256
256
|
key: z,
|
|
257
|
-
class: V(["flex flex-none cursor-pointer transition-color-background-color background-size-cover", { selected:
|
|
258
|
-
style: c(u(
|
|
259
|
-
onClick:
|
|
257
|
+
class: V(["flex flex-none cursor-pointer transition-color-background-color background-size-cover", { selected: e.value === r.value }]),
|
|
258
|
+
style: c(u(f).json2cssObject(e.value === r.value ? t.option.css.item.selected : t.option.css.item)),
|
|
259
|
+
onClick: D((R) => C(e), ["stop"])
|
|
260
260
|
}, [
|
|
261
261
|
B(I, {
|
|
262
|
-
"text-style":
|
|
263
|
-
text:
|
|
262
|
+
"text-style": e.value === r.value ? t.option.css.item.selected.textStyle : t.option.css.item.textStyle,
|
|
263
|
+
text: e.label
|
|
264
264
|
}, null, 8, ["text-style", "text"])
|
|
265
265
|
], 14, J))), 128)),
|
|
266
|
-
|
|
266
|
+
d.value ? (n(), s("button", {
|
|
267
267
|
key: 1,
|
|
268
268
|
class: "flex-none cursor-pointer position-absolute translate-center-right-active-scale-095 top-50 background-size-cover",
|
|
269
|
-
style: c(u(
|
|
270
|
-
onClick:
|
|
271
|
-
}, null, 4)) :
|
|
269
|
+
style: c(u(f).json2cssObject(t.option.css.nav.right)),
|
|
270
|
+
onClick: S
|
|
271
|
+
}, null, 4)) : g("", !0)
|
|
272
272
|
], 4));
|
|
273
273
|
}
|
|
274
274
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as x, ref as v, onMounted as
|
|
1
|
+
import { defineComponent as x, ref as v, onMounted as L, createElementBlock as s, openBlock as n, normalizeStyle as l, unref as a, createCommentVNode as k, Fragment as O, renderList as V, withModifiers as w, normalizeClass as D, createElementVNode as I, createVNode as N, nextTick as B } from "vue";
|
|
2
2
|
import { useResizeObserver as T } from "@vueuse/core";
|
|
3
3
|
import { useTabsWatch as W } from "./hooks/useTabsWatch.mjs";
|
|
4
4
|
/* empty css */
|
|
@@ -185,9 +185,9 @@ import "../../chart/src/scatter/bubble/index.mjs";
|
|
|
185
185
|
import "../../chart/src/scatter/ripples/index.mjs";
|
|
186
186
|
import "../../commons/custom-component-render/index.mjs";
|
|
187
187
|
import { SHJDatasourceV2 as H } from "../../../plugins/datasource/index.mjs";
|
|
188
|
-
import { SHJParseEvent as
|
|
188
|
+
import { SHJParseEvent as f } from "../../../plugins/event/index.mjs";
|
|
189
189
|
import "lodash";
|
|
190
|
-
import { Utils as
|
|
190
|
+
import { Utils as c } from "../../../commons/utils/utils.mjs";
|
|
191
191
|
import J from "../../../commons/components/text.vue.mjs";
|
|
192
192
|
const M = ["onClick"], R = ["src"], $ = x({ name: "shj-tabs-icon" }), xi = /* @__PURE__ */ x({
|
|
193
193
|
...$,
|
|
@@ -198,28 +198,28 @@ const M = ["onClick"], R = ["src"], $ = x({ name: "shj-tabs-icon" }), xi = /* @_
|
|
|
198
198
|
uuid: {}
|
|
199
199
|
},
|
|
200
200
|
emits: ["on-change"],
|
|
201
|
-
setup(_, { expose: y, emit:
|
|
202
|
-
const t = _,
|
|
201
|
+
setup(_, { expose: y, emit: E }) {
|
|
202
|
+
const t = _, h = E, e = v([]), o = v(t.option.value), u = () => {
|
|
203
203
|
H.parse({
|
|
204
204
|
tId: t.uuid,
|
|
205
205
|
sources: t.sources,
|
|
206
206
|
callback: ({ data: r }) => {
|
|
207
207
|
if (!(r && r.length > 0)) {
|
|
208
|
-
e.value = [];
|
|
208
|
+
e.value = [], f.parseEvents(t.useEvents, "dataListener", []);
|
|
209
209
|
return;
|
|
210
210
|
}
|
|
211
|
-
if (e.value = r[0].data, t.option.isDefaultSelect) {
|
|
211
|
+
if (e.value = r[0].data, f.parseEvents(t.useEvents, "dataListener", e.value), t.option.isDefaultSelect) {
|
|
212
212
|
o.value = t.option.value, !o.value && e.value.length > 0 && (o.value = e.value[0].value);
|
|
213
213
|
const m = e.value.find((i) => i.value === o.value);
|
|
214
|
-
m && (
|
|
214
|
+
m && (h("on-change", m), f.parseEvents(t.useEvents, "on-change", m));
|
|
215
215
|
}
|
|
216
|
-
|
|
216
|
+
g();
|
|
217
217
|
}
|
|
218
218
|
});
|
|
219
219
|
};
|
|
220
|
-
|
|
221
|
-
const
|
|
222
|
-
r.value !== o.value && (
|
|
220
|
+
L(() => u());
|
|
221
|
+
const j = (r) => {
|
|
222
|
+
r.value !== o.value && (h("on-change", r), f.parseEvents(t.useEvents, "on-change", r)), o.value = r.value;
|
|
223
223
|
};
|
|
224
224
|
W(t, u, o, e), y({
|
|
225
225
|
refresh: () => u(),
|
|
@@ -228,39 +228,39 @@ const M = ["onClick"], R = ["src"], $ = x({ name: "shj-tabs-icon" }), xi = /* @_
|
|
|
228
228
|
// 刷新视图 无需刷新
|
|
229
229
|
refreshData: () => u()
|
|
230
230
|
});
|
|
231
|
-
const p = v(null),
|
|
231
|
+
const p = v(null), b = 150, d = v(!1), g = () => {
|
|
232
232
|
B(() => {
|
|
233
233
|
if (p.value) {
|
|
234
234
|
const { scrollWidth: r, clientWidth: m } = p.value;
|
|
235
|
-
|
|
235
|
+
d.value = r > m;
|
|
236
236
|
}
|
|
237
237
|
});
|
|
238
|
+
}, C = () => {
|
|
239
|
+
p.value && (p.value.scrollLeft -= b);
|
|
238
240
|
}, S = () => {
|
|
239
|
-
p.value && (p.value.scrollLeft
|
|
240
|
-
}, E = () => {
|
|
241
|
-
p.value && (p.value.scrollLeft += h);
|
|
241
|
+
p.value && (p.value.scrollLeft += b);
|
|
242
242
|
};
|
|
243
|
-
return T(p, (r) =>
|
|
243
|
+
return T(p, (r) => g()), (r, m) => (n(), s("div", {
|
|
244
244
|
ref_key: "tabsContainer",
|
|
245
245
|
ref: p,
|
|
246
246
|
class: "height-100 flex overflow-hidden scroll-behavior-smooth",
|
|
247
|
-
style:
|
|
247
|
+
style: l(a(c).json2cssObject(t.option.css.tab))
|
|
248
248
|
}, [
|
|
249
|
-
|
|
249
|
+
d.value ? (n(), s("button", {
|
|
250
250
|
key: 0,
|
|
251
251
|
class: "flex-none cursor-pointer position-absolute translate-center-left-active-scale-095 top-50 background-size-cover",
|
|
252
|
-
style:
|
|
253
|
-
onClick:
|
|
254
|
-
}, null, 4)) :
|
|
255
|
-
(
|
|
252
|
+
style: l(a(c).json2cssObject(t.option.css.nav.left)),
|
|
253
|
+
onClick: C
|
|
254
|
+
}, null, 4)) : k("", !0),
|
|
255
|
+
(n(!0), s(O, null, V(e.value, (i, z) => (n(), s("div", {
|
|
256
256
|
key: z,
|
|
257
|
-
class:
|
|
258
|
-
style:
|
|
259
|
-
onClick:
|
|
257
|
+
class: D(["flex flex-none position-relative cursor-pointer transition-color-background-color background-size-cover", { selected: i.value === o.value }]),
|
|
258
|
+
style: l(a(c).json2cssObject(i.value === o.value ? t.option.css.item.selected : t.option.css.item)),
|
|
259
|
+
onClick: w((F) => j(i), ["stop"])
|
|
260
260
|
}, [
|
|
261
|
-
|
|
261
|
+
I("img", {
|
|
262
262
|
class: "img-drag-none img-30",
|
|
263
|
-
style:
|
|
263
|
+
style: l(a(c).json2cssObject(i.value === o.value ? t.option.css.item.selected.img : t.option.css.item.img)),
|
|
264
264
|
src: i.value === o.value ? i.selectedImg : i.defaultImg
|
|
265
265
|
}, null, 12, R),
|
|
266
266
|
N(J, {
|
|
@@ -268,12 +268,12 @@ const M = ["onClick"], R = ["src"], $ = x({ name: "shj-tabs-icon" }), xi = /* @_
|
|
|
268
268
|
text: i.label
|
|
269
269
|
}, null, 8, ["text-style", "text"])
|
|
270
270
|
], 14, M))), 128)),
|
|
271
|
-
|
|
271
|
+
d.value ? (n(), s("button", {
|
|
272
272
|
key: 1,
|
|
273
273
|
class: "flex-none cursor-pointer position-absolute translate-center-right-active-scale-095 top-50 background-size-cover",
|
|
274
|
-
style:
|
|
275
|
-
onClick:
|
|
276
|
-
}, null, 4)) :
|
|
274
|
+
style: l(a(c).json2cssObject(t.option.css.nav.right)),
|
|
275
|
+
onClick: S
|
|
276
|
+
}, null, 4)) : k("", !0)
|
|
277
277
|
], 4));
|
|
278
278
|
}
|
|
279
279
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { Vue3SeamlessScroll as
|
|
3
|
-
import { useListWatch as
|
|
1
|
+
import { defineComponent as x, ref as d, computed as m, onMounted as U, createBlock as W, openBlock as f, unref as u, withCtx as z, createElementVNode as l, normalizeStyle as c, createElementBlock as g, Fragment as F, renderList as I, createVNode as S } from "vue";
|
|
2
|
+
import { Vue3SeamlessScroll as P } from "vue3-seamless-scroll";
|
|
3
|
+
import { useListWatch as q } from "./hooks/useListWatch.mjs";
|
|
4
4
|
/* empty css */
|
|
5
5
|
/* empty css */
|
|
6
6
|
import "../../text-text-basic/index.mjs";
|
|
@@ -184,12 +184,12 @@ import "../../chart/src/scatter/basic2/index.mjs";
|
|
|
184
184
|
import "../../chart/src/scatter/bubble/index.mjs";
|
|
185
185
|
import "../../chart/src/scatter/ripples/index.mjs";
|
|
186
186
|
import "../../commons/custom-component-render/index.mjs";
|
|
187
|
-
import { SHJDatasourceV2 as
|
|
188
|
-
import { SHJParseEvent as
|
|
187
|
+
import { SHJDatasourceV2 as A } from "../../../plugins/datasource/index.mjs";
|
|
188
|
+
import { SHJParseEvent as y } from "../../../plugins/event/index.mjs";
|
|
189
189
|
import "lodash";
|
|
190
190
|
import { Utils as e } from "../../../commons/utils/utils.mjs";
|
|
191
|
-
import
|
|
192
|
-
const G = ["onClick", "onMouseenter", "onMouseleave"], K = ["src"], Q =
|
|
191
|
+
import w from "../../../commons/components/text.vue.mjs";
|
|
192
|
+
const G = ["onClick", "onMouseenter", "onMouseleave"], K = ["src"], Q = x({ name: "shj-list" }), Er = /* @__PURE__ */ x({
|
|
193
193
|
...Q,
|
|
194
194
|
props: {
|
|
195
195
|
option: {},
|
|
@@ -198,20 +198,20 @@ const G = ["onClick", "onMouseenter", "onMouseleave"], K = ["src"], Q = w({ name
|
|
|
198
198
|
uuid: {}
|
|
199
199
|
},
|
|
200
200
|
emits: ["on-click-row", "on-mouseenter-row", "on-mouseout-row"],
|
|
201
|
-
setup(
|
|
202
|
-
const t =
|
|
201
|
+
setup(k, { expose: O, emit: E }) {
|
|
202
|
+
const t = k, V = E, j = d(t.option.scroll.start), s = d([]), v = d(-1), M = m(() => e.json2cssObject(t.option.css.list)), _ = m(() => ({
|
|
203
203
|
normal: e.json2cssObject(t.option.css.item),
|
|
204
204
|
hover: e.json2cssObject(t.option.css.hover)
|
|
205
|
-
})),
|
|
205
|
+
})), $ = m(() => ({
|
|
206
206
|
normal: e.json2cssObject(t.option.css.item.thumbnail),
|
|
207
207
|
hover: e.json2cssObject(t.option.css.hover.thumbnail)
|
|
208
|
-
})),
|
|
208
|
+
})), C = m(() => ({
|
|
209
209
|
normal: e.json2cssObject(t.option.css.item.container),
|
|
210
210
|
hover: e.json2cssObject(t.option.css.hover.container)
|
|
211
|
-
})),
|
|
211
|
+
})), D = m(() => ({
|
|
212
212
|
normal: e.json2cssObject(t.option.css.item.container.title),
|
|
213
213
|
hover: e.json2cssObject(t.option.css.hover.container.title)
|
|
214
|
-
})),
|
|
214
|
+
})), L = m(() => ({
|
|
215
215
|
normal: e.json2cssObject(t.option.css.item.container.description),
|
|
216
216
|
hover: e.json2cssObject(t.option.css.hover.container.description)
|
|
217
217
|
})), B = m(() => ({
|
|
@@ -220,34 +220,34 @@ const G = ["onClick", "onMouseenter", "onMouseleave"], K = ["src"], Q = w({ name
|
|
|
220
220
|
})), H = m(() => ({
|
|
221
221
|
normal: t.option.css.item.container.description.textStyle,
|
|
222
222
|
hover: t.option.css.hover.container.description.textStyle
|
|
223
|
-
})), p = (o,
|
|
224
|
-
|
|
223
|
+
})), p = (o, n) => n === v.value ? o.hover : o.normal, a = () => {
|
|
224
|
+
A.parse({
|
|
225
225
|
tId: t.uuid,
|
|
226
226
|
sources: t.sources,
|
|
227
227
|
callback: ({ data: o }) => {
|
|
228
228
|
if (!o) {
|
|
229
|
-
|
|
229
|
+
s.value = [], y.parseEvents(t.useEvents, "dataListener", []);
|
|
230
230
|
return;
|
|
231
231
|
}
|
|
232
|
-
o[0] && o[0].data ?
|
|
232
|
+
o[0] && o[0].data ? s.value = o[0].data : s.value = [], y.parseEvents(t.useEvents, "dataListener", s.value);
|
|
233
233
|
}
|
|
234
234
|
});
|
|
235
|
-
}, h = (o) => (
|
|
235
|
+
}, h = (o) => (n, r) => {
|
|
236
236
|
o === "mouseenter" ? v.value = r : o === "mouseleave" && (v.value = -1);
|
|
237
|
-
const i = { row:
|
|
238
|
-
V(`on-${o}-row`, i),
|
|
237
|
+
const i = { row: n, rowIndex: r };
|
|
238
|
+
V(`on-${o}-row`, i), y.parseEvents(t.useEvents, `on-${o}-row`, i);
|
|
239
239
|
}, N = h("click"), R = h("mouseenter"), J = h("mouseleave");
|
|
240
|
-
return
|
|
240
|
+
return U(() => a()), q(t, a), O({
|
|
241
241
|
refresh: () => a(),
|
|
242
242
|
refreshView: () => {
|
|
243
243
|
},
|
|
244
244
|
// 刷新视图 无需刷新
|
|
245
245
|
refreshData: () => a()
|
|
246
|
-
}), (o,
|
|
247
|
-
modelValue:
|
|
248
|
-
"onUpdate:modelValue":
|
|
246
|
+
}), (o, n) => (f(), W(u(P), {
|
|
247
|
+
modelValue: j.value,
|
|
248
|
+
"onUpdate:modelValue": n[0] || (n[0] = (r) => j.value = r),
|
|
249
249
|
direction: o.option.scroll.direction,
|
|
250
|
-
list:
|
|
250
|
+
list: s.value,
|
|
251
251
|
"is-watch": "",
|
|
252
252
|
step: o.option.scroll.step,
|
|
253
253
|
hover: o.option.scroll.hover,
|
|
@@ -256,49 +256,49 @@ const G = ["onClick", "onMouseenter", "onMouseleave"], K = ["src"], Q = w({ name
|
|
|
256
256
|
"single-wait-time": o.option.scroll.singleWaitTime,
|
|
257
257
|
class: "list-container overflow-hidden"
|
|
258
258
|
}, {
|
|
259
|
-
default:
|
|
260
|
-
|
|
259
|
+
default: z(() => [
|
|
260
|
+
l("div", {
|
|
261
261
|
class: "list-wrap flex flex-direction-column",
|
|
262
|
-
style:
|
|
262
|
+
style: c(M.value)
|
|
263
263
|
}, [
|
|
264
|
-
(f(!0),
|
|
264
|
+
(f(!0), g(F, null, I(s.value, (r, i) => (f(), g("div", {
|
|
265
265
|
key: i,
|
|
266
266
|
class: "list-item flex gap-10px align-items-center padding-4px height-60px background-color-black overflow-hidden transition-all duration-200 ease-in-out",
|
|
267
|
-
style:
|
|
268
|
-
onClick: (
|
|
269
|
-
onMouseenter: (
|
|
270
|
-
onMouseleave: (
|
|
267
|
+
style: c(p(_.value, i)),
|
|
268
|
+
onClick: (b) => u(N)(r, i),
|
|
269
|
+
onMouseenter: (b) => u(R)(r, i),
|
|
270
|
+
onMouseleave: (b) => u(J)(r, i)
|
|
271
271
|
}, [
|
|
272
|
-
|
|
272
|
+
l("div", {
|
|
273
273
|
class: "item-thumbnail width-50px height-50px flex-none background-color-blue overflow-hidden transition-all duration-200 ease-in-out",
|
|
274
|
-
style:
|
|
274
|
+
style: c(p($.value, i))
|
|
275
275
|
}, [
|
|
276
|
-
|
|
276
|
+
l("img", {
|
|
277
277
|
referrerpolicy: "no-referrer",
|
|
278
278
|
class: "width-100 height-100 object-fit-cover transition-all duration-200 ease-in-out",
|
|
279
279
|
src: r.thumbnail,
|
|
280
280
|
style: { "pointer-events": "none" }
|
|
281
281
|
}, null, 8, K)
|
|
282
282
|
], 4),
|
|
283
|
-
|
|
283
|
+
l("div", {
|
|
284
284
|
class: "item-container flex flex-direction-column gap-2px transition-all duration-200 ease-in-out",
|
|
285
|
-
style:
|
|
285
|
+
style: c(p(C.value, i))
|
|
286
286
|
}, [
|
|
287
|
-
|
|
287
|
+
l("div", {
|
|
288
288
|
class: "item-title width-100 flex-none transition-all duration-200 ease-in-out",
|
|
289
|
-
style:
|
|
289
|
+
style: c(p(D.value, i))
|
|
290
290
|
}, [
|
|
291
|
-
|
|
291
|
+
S(w, {
|
|
292
292
|
"text-style": p(B.value, i),
|
|
293
293
|
text: r.title,
|
|
294
294
|
style: { "pointer-events": "none" }
|
|
295
295
|
}, null, 8, ["text-style", "text"])
|
|
296
296
|
], 4),
|
|
297
|
-
|
|
297
|
+
l("div", {
|
|
298
298
|
class: "item-description flex-none transition-all duration-200 ease-in-out",
|
|
299
|
-
style:
|
|
299
|
+
style: c(p(L.value, i))
|
|
300
300
|
}, [
|
|
301
|
-
|
|
301
|
+
S(w, {
|
|
302
302
|
"text-style": p(H.value, i),
|
|
303
303
|
text: r.description,
|
|
304
304
|
style: { "pointer-events": "none" }
|
|
@@ -313,5 +313,5 @@ const G = ["onClick", "onMouseenter", "onMouseleave"], K = ["src"], Q = w({ name
|
|
|
313
313
|
}
|
|
314
314
|
});
|
|
315
315
|
export {
|
|
316
|
-
|
|
316
|
+
Er as default
|
|
317
317
|
};
|
|
@@ -1,26 +1,25 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
1
|
+
import { isObject as r } from "lodash";
|
|
2
|
+
import { SHJDatasourceV2 as n } from "../../datasource/index.mjs";
|
|
3
|
+
import { EventUtils as s } from "../utils/utils.mjs";
|
|
4
|
+
const f = (a, c) => {
|
|
4
5
|
try {
|
|
5
|
-
const { ueCommonsWebscoketAction: e } =
|
|
6
|
+
const { ueCommonsWebscoketAction: e } = a;
|
|
6
7
|
if (e.dataType === "params") {
|
|
7
|
-
|
|
8
|
-
e.escape
|
|
8
|
+
let t = c || null;
|
|
9
|
+
r(t) && e.escape && (t = s.toStringify(t)), window.SHJSceneUEIframeWebscoket.send(t);
|
|
9
10
|
return;
|
|
10
11
|
}
|
|
11
12
|
if (!e.useDataSource)
|
|
12
13
|
return;
|
|
13
|
-
|
|
14
|
+
n.parse({
|
|
14
15
|
sources: [e.useDataSource],
|
|
15
16
|
isStore: !1,
|
|
16
17
|
noUseMapping: !0,
|
|
17
18
|
tId: "",
|
|
18
19
|
isInterval: !1,
|
|
19
20
|
callback: (t) => {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
e.escape ? window.SHJSceneUEIframeWebscoket.send(JSON.stringify(s)) : window.SHJSceneUEIframeWebscoket.send(s);
|
|
23
|
-
}
|
|
21
|
+
let o = t || null;
|
|
22
|
+
r(o) && e.escape && (o = s.toStringify(o)), window.SHJSceneUEIframeWebscoket.send(o);
|
|
24
23
|
}
|
|
25
24
|
});
|
|
26
25
|
} catch {
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
+
import { isObject as o } from "lodash";
|
|
1
2
|
import { SHJDatasourceV2 as n } from "../../datasource/index.mjs";
|
|
2
|
-
import { EventUtils as
|
|
3
|
-
const
|
|
3
|
+
import { EventUtils as a } from "../utils/utils.mjs";
|
|
4
|
+
const f = (i, c) => {
|
|
4
5
|
try {
|
|
5
|
-
const { ueShjExecMethodAction: e } =
|
|
6
|
+
const { ueShjExecMethodAction: e } = i;
|
|
6
7
|
if (e.dataType === "params") {
|
|
7
|
-
|
|
8
|
-
e.escape
|
|
8
|
+
let t = c || null;
|
|
9
|
+
o(t) && e.escape && (t = a.toStringify(t)), window.ue5(e.functionName, t);
|
|
9
10
|
return;
|
|
10
11
|
}
|
|
11
12
|
if (!e.useDataSource)
|
|
@@ -17,15 +18,13 @@ const u = (r, a) => {
|
|
|
17
18
|
tId: "",
|
|
18
19
|
isInterval: !1,
|
|
19
20
|
callback: (t) => {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
e.escape ? window.ue5(e.functionName, JSON.stringify(o)) : window.ue5(e.functionName, o);
|
|
23
|
-
}
|
|
21
|
+
let r = t || null;
|
|
22
|
+
o(r) && e.escape && (r = a.toStringify(r)), window.ue5(e.functionName, r);
|
|
24
23
|
}
|
|
25
24
|
});
|
|
26
25
|
} catch {
|
|
27
26
|
}
|
|
28
27
|
};
|
|
29
28
|
export {
|
|
30
|
-
|
|
29
|
+
f as executeUeShjExecMethodAction
|
|
31
30
|
};
|