asai-vue-designer 0.2.8 → 0.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/{ViewDesigner-IAU_q4tz.mjs → ViewDesigner-DrPOJrox.mjs} +232 -231
  2. package/dist/asai-vue-designer.css +1 -1
  3. package/dist/asai-vue-designer.es.js +4 -391
  4. package/dist/asai-vue-designer.umd.js +2 -2
  5. package/dist/components/AsStyle.d.ts +7 -0
  6. package/dist/index-D316NTEx.mjs +416 -0
  7. package/package.json +1 -1
package/dist/{ViewDesigner-IAU_q4tz.mjs → ViewDesigner-DrPOJrox.mjs} RENAMED
@@ -1,12 +1,13 @@
1
- import { defineComponent as C, resolveComponent as z, createElementBlock as g, openBlock as r, createCommentVNode as $, createElementVNode as d, toDisplayString as h, unref as l, Fragment as N, renderList as B, normalizeClass as f, createVNode as b, normalizeStyle as _, createBlock as k, resolveDynamicComponent as H, withModifiers as j, resolveDirective as O, withDirectives as L, createTextVNode as E, computed as S, renderSlot as w, reactive as P, defineAsyncComponent as J, withCtx as D } from "vue";
1
+ import { defineComponent as C, resolveComponent as z, createElementBlock as g, openBlock as r, createCommentVNode as x, createElementVNode as i, toDisplayString as h, unref as l, Fragment as N, renderList as B, normalizeClass as f, createVNode as b, normalizeStyle as _, createBlock as k, resolveDynamicComponent as H, withModifiers as j, resolveDirective as O, withDirectives as L, createTextVNode as E, computed as S, renderSlot as w, reactive as P, defineAsyncComponent as J, withCtx as D } from "vue";
2
2
  import { _ as V, V as T } from "./ViewDesignerBtns-NdFeehxt.mjs";
3
- const U = { class: "as-deslib-area" }, q = {
3
+ import { A as U } from "./index-D316NTEx.mjs";
4
+ const q = { class: "as-deslib-area" }, W = {
4
5
  key: 0,
5
6
  class: "as-deslib-list"
6
- }, W = { class: "as-table-area-fixed" }, X = { class: "as-table" }, G = { class: "as-table-header" }, K = { class: "as-table-row" }, Q = { class: "label-box" }, R = { class: "name-box" }, Y = { class: "label-box" }, Z = { class: "as-table-body" }, ee = { class: "label-box" }, te = ["onClick"], ae = { class: "label-box" }, se = ["onClick"], ie = { class: "as-deslib-view" }, de = {
7
+ }, X = { class: "as-table-area-fixed" }, G = { class: "as-table" }, K = { class: "as-table-header" }, Q = { class: "as-table-row" }, R = { class: "label-box" }, Y = { class: "name-box" }, Z = { class: "label-box" }, ee = { class: "as-table-body" }, te = { class: "label-box" }, ae = ["onClick"], se = { class: "label-box" }, ie = ["onClick"], de = { class: "as-deslib-view" }, ne = {
7
8
  key: 1,
8
9
  class: "as-nodata"
9
- }, ne = /* @__PURE__ */ C({
10
+ }, oe = /* @__PURE__ */ C({
10
11
  __name: "ViewDesignerLibList",
11
12
  props: {
12
13
  ujt: {},
@@ -14,63 +15,63 @@ const U = { class: "as-deslib-area" }, q = {
14
15
  opt: {}
15
16
  },
16
17
  setup(e) {
17
- const t = e, { $fn: a, $global: n } = t.ujt;
18
- function c(o) {
19
- const s = JSON.parse(
20
- JSON.stringify(t.designerdata.lib.type[o])
18
+ const t = e, { $fn: a, $global: o } = t.ujt;
19
+ function c(s) {
20
+ const d = JSON.parse(
21
+ JSON.stringify(t.designerdata.lib.type[s])
21
22
  );
22
- s.id = a.As.Uuid("ds"), s.label = s.label + "-" + s.id.slice(-4), t.designerdata.data.data.push(s), t.designerdata.ux && (t.designerdata.ux.cur = s.id);
23
+ d.id = a.As.Uuid("ds"), d.label = d.label + "-" + d.id.slice(-4), t.designerdata.data.data.push(d), t.designerdata.ux && (t.designerdata.ux.cur = d.id);
23
24
  }
24
- function y(o, s) {
25
- o && (t.designerdata.ux.curlib = {
26
- item: JSON.parse(JSON.stringify(t.designerdata.lib.type[o])),
27
- index: s
25
+ function y(s, d) {
26
+ s && (t.designerdata.ux.curlib = {
27
+ item: JSON.parse(JSON.stringify(t.designerdata.lib.type[s])),
28
+ index: d
28
29
  });
29
30
  }
30
- return (o, s) => {
31
- const u = z("AsSvg");
32
- return r(), g("div", U, [
33
- t.designerdata.lib.type ? (r(), g("div", q, [
34
- d("div", W, [
35
- d("div", X, [
36
- d("div", G, [
37
- d("div", K, [
38
- d("div", Q, h(l(n).lang.designersys.listheader.index), 1),
39
- d("div", R, h(l(n).lang.designersys.listheader.name), 1),
40
- d("div", Y, h(l(n).lang.designersys.listheader.opt), 1)
31
+ return (s, d) => {
32
+ const m = z("AsSvg");
33
+ return r(), g("div", q, [
34
+ t.designerdata.lib.type ? (r(), g("div", W, [
35
+ i("div", X, [
36
+ i("div", G, [
37
+ i("div", K, [
38
+ i("div", Q, [
39
+ i("div", R, h(l(o).lang.designersys.listheader.index), 1),
40
+ i("div", Y, h(l(o).lang.designersys.listheader.name), 1),
41
+ i("div", Z, h(l(o).lang.designersys.listheader.opt), 1)
41
42
  ])
42
43
  ]),
43
- d("div", Z, [
44
+ i("div", ee, [
44
45
  (r(!0), g(N, null, B(Object.keys(
45
46
  t.designerdata.lib.type
46
- ), (m, i) => (r(), g("div", {
47
- key: "lib" + m,
48
- class: f(`as-table-row${i == t.designerdata.ux.curlib?.index ? " cur" : ""}`)
47
+ ), (u, n) => (r(), g("div", {
48
+ key: "lib" + u,
49
+ class: f(`as-table-row${n == t.designerdata.ux.curlib?.index ? " cur" : ""}`)
49
50
  }, [
50
- d("div", ee, h(i + 1), 1),
51
- d("div", {
51
+ i("div", te, h(n + 1), 1),
52
+ i("div", {
52
53
  class: "lim",
53
- onClick: (p) => y(m, i)
54
- }, h(t.designerdata.lib.type[m].label || t.designerdata.lib.type[m].comp), 9, te),
55
- d("div", ae, [
56
- d("div", {
54
+ onClick: (p) => y(u, n)
55
+ }, h(t.designerdata.lib.type[u].label || t.designerdata.lib.type[u].comp), 9, ae),
56
+ i("div", se, [
57
+ i("div", {
57
58
  class: "btn",
58
- onClick: (p) => c(m)
59
+ onClick: (p) => c(u)
59
60
  }, [
60
- b(u, {
61
+ b(m, {
61
62
  color: "var(--cm6)",
62
63
  width: "36px",
63
64
  height: "36px",
64
65
  src: "asai/add"
65
66
  })
66
- ], 8, se)
67
+ ], 8, ie)
67
68
  ])
68
69
  ], 2))), 128))
69
70
  ])
70
71
  ])
71
72
  ])
72
- ])) : $("", !0),
73
- d("div", ie, [
73
+ ])) : x("", !0),
74
+ i("div", de, [
74
75
  t.designerdata.ux.curlib?.item ? (r(), g("div", {
75
76
  key: 0,
76
77
  style: _(`overflow:auto;width:${t.designerdata.ux.curlib?.item?.pos?.w}px;height:${t.designerdata.ux.curlib?.item?.pos?.h}px;`)
@@ -85,12 +86,12 @@ const U = { class: "as-deslib-area" }, q = {
85
86
  opt: t.opt,
86
87
  itemdata: t.designerdata.ux.curlib
87
88
  }, null, 8, ["ujt", "designerdata", "opt", "itemdata"]))
88
- ], 4)) : (r(), g("div", de, h(l(n).lang.asai.empty), 1))
89
+ ], 4)) : (r(), g("div", ne, h(l(o).lang.asai.empty), 1))
89
90
  ])
90
91
  ]);
91
92
  };
92
93
  }
93
- }), oe = /* @__PURE__ */ V(ne, [["__scopeId", "data-v-cc91ff1c"]]), le = { class: "as-designattr-area" }, re = { class: "as-designattr-main" }, ce = { class: "as-btn-area" }, ge = /* @__PURE__ */ C({
94
+ }), le = /* @__PURE__ */ V(oe, [["__scopeId", "data-v-cc91ff1c"]]), re = { class: "as-designattr-area" }, ce = { class: "as-designattr-main" }, ge = { class: "as-btn-area" }, ue = /* @__PURE__ */ C({
94
95
  __name: "ViewDesignerAttr",
95
96
  props: {
96
97
  ujt: {},
@@ -99,42 +100,42 @@ const U = { class: "as-deslib-area" }, q = {
99
100
  },
100
101
  setup(e) {
101
102
  const t = e, { $global: a } = t.ujt;
102
- return t.designerdata.rfAttrData.data = a.pop.popdesignattr?.data?.item, (n, c) => {
103
+ return t.designerdata.rfAttrData.data = a.pop.popdesignattr?.data?.item, (o, c) => {
103
104
  const y = z("AsaiForm");
104
- return r(), g("div", le, [
105
- d("div", re, [
105
+ return r(), g("div", re, [
106
+ i("div", ce, [
106
107
  b(y, {
107
108
  ujt: e.ujt,
108
109
  asaidata: t.designerdata.rfAttrData
109
110
  }, null, 8, ["ujt", "asaidata"])
110
111
  ]),
111
- d("div", ce, [
112
- d("div", {
112
+ i("div", ge, [
113
+ i("div", {
113
114
  class: "as-btn-cur",
114
- onClick: c[0] || (c[0] = j((o) => l(a).pop.popdesignattr?.fn?.(), ["stop"]))
115
+ onClick: c[0] || (c[0] = j((s) => l(a).pop.popdesignattr?.fn?.(), ["stop"]))
115
116
  }, h(l(a).lang.asai.save), 1)
116
117
  ])
117
118
  ]);
118
119
  };
119
120
  }
120
- }), ue = /* @__PURE__ */ V(ge, [["__scopeId", "data-v-5e6070dd"]]), M = (e) => {
121
+ }), me = /* @__PURE__ */ V(ue, [["__scopeId", "data-v-5e6070dd"]]), M = (e) => {
121
122
  const { $fn: t, $global: a } = e.ujt;
122
- function n(i) {
123
- e.designerdata.data.data[i].edit || (e.designerdata.data.data[i].edit = {}), e.designerdata.data.data[i].edit.hidden = !e.designerdata.data.data[i].edit.hidden;
123
+ function o(n) {
124
+ e.designerdata.data.data[n].edit || (e.designerdata.data.data[n].edit = {}), e.designerdata.data.data[n].edit.hidden = !e.designerdata.data.data[n].edit.hidden;
124
125
  }
125
- function c(i, p) {
126
+ function c(n, p) {
126
127
  const { data: v } = e.designerdata.data;
127
- p === 0 && i > 0 ? [v[i], v[i - 1]] = [v[i - 1], v[i]] : p === 1 && i < v.length - 1 && ([v[i], v[i + 1]] = [v[i + 1], v[i]]);
128
+ p === 0 && n > 0 ? [v[n], v[n - 1]] = [v[n - 1], v[n]] : p === 1 && n < v.length - 1 && ([v[n], v[n + 1]] = [v[n + 1], v[n]]);
128
129
  }
129
- function y(i) {
130
- if (e.designerdata?.data?.data?.[i]) {
130
+ function y(n) {
131
+ if (e.designerdata?.data?.data?.[n]) {
131
132
  const p = JSON.parse(
132
- JSON.stringify(e.designerdata.data.data[i])
133
+ JSON.stringify(e.designerdata.data.data[n])
133
134
  );
134
135
  p.id = t.As.Uuid("ds"), e.designerdata.data.data.push(p);
135
136
  }
136
137
  }
137
- function o() {
138
+ function s() {
138
139
  t.popConfirm({
139
140
  con: a.lang.asai.resetconfirm,
140
141
  fn: () => {
@@ -142,48 +143,48 @@ const U = { class: "as-deslib-area" }, q = {
142
143
  }
143
144
  });
144
145
  }
145
- function s(i) {
146
+ function d(n) {
146
147
  t.popConfirm({
147
148
  con: a.lang.asai.delconfirm,
148
149
  fn: () => {
149
- e.designerdata.data.data.splice(i, 1);
150
+ e.designerdata.data.data.splice(n, 1);
150
151
  }
151
152
  });
152
153
  }
153
- function u(i) {
154
+ function m(n) {
154
155
  a.pop.popdesignattr.stat = 1, a.pop.popdesignattr.event = "none", a.pop.popdesignattr.noresize = 0, a.pop.popdesignattr.ico = "asai/attr", a.pop.popdesignattr.tit = a.lang.designersys.opt.editpartmanage, a.pop.popdesignattr.popstyle = {
155
156
  width: "1080px"
156
157
  }, a.pop.popdesignattr.data = {
157
- item: e.designerdata.data.data[i]
158
+ item: e.designerdata.data.data[n]
158
159
  }, a.pop.popdesignattr.fn = () => {
159
160
  a.pop.popdesignattr.stat = 0, e.designerdata.fn.saveDesignData(1);
160
161
  };
161
162
  }
162
- function m(i) {
163
- i < e.designerdata.data.data.length - 1 ? [
164
- e.designerdata.data.data[i],
165
- e.designerdata.data.data[i + 1]
163
+ function u(n) {
164
+ n < e.designerdata.data.data.length - 1 ? [
165
+ e.designerdata.data.data[n],
166
+ e.designerdata.data.data[n + 1]
166
167
  ] = [
167
- e.designerdata.data.data[i + 1],
168
- e.designerdata.data.data[i]
168
+ e.designerdata.data.data[n + 1],
169
+ e.designerdata.data.data[n]
169
170
  ] : a.msg.fn({
170
171
  type: "ok",
171
172
  con: a.lang.designersys.msgdesigner.hastop
172
173
  });
173
174
  }
174
175
  return {
175
- targetHidden: n,
176
+ targetHidden: o,
176
177
  moveItem: c,
177
178
  copyItem: y,
178
- clearItem: o,
179
- deleteItem: s,
180
- popItemAttr: u,
181
- upItem: m
179
+ clearItem: s,
180
+ deleteItem: d,
181
+ popItemAttr: m,
182
+ upItem: u
182
183
  };
183
- }, me = {
184
+ }, pe = {
184
185
  key: 0,
185
186
  class: "as-design-opt"
186
- }, pe = { class: "as-design-drag" }, ve = { class: "as-design-resize" }, fe = /* @__PURE__ */ C({
187
+ }, ve = { class: "as-design-drag" }, fe = { class: "as-design-resize" }, ye = /* @__PURE__ */ C({
187
188
  __name: "ViewDesignerItemOpt",
188
189
  props: {
189
190
  ujt: {},
@@ -192,38 +193,38 @@ const U = { class: "as-deslib-area" }, q = {
192
193
  itemdata: {}
193
194
  },
194
195
  setup(e) {
195
- const t = e, { deleteItem: a, popItemAttr: n, upItem: c } = M(t);
196
- return (y, o) => {
197
- const s = O("dragzoom"), u = O("popresizezoom");
198
- return t.designerdata.ux.isedit ? (r(), g("div", me, [
199
- t.designerdata?.simple ? $("", !0) : (r(), g(N, { key: 0 }, [
200
- d("div", {
196
+ const t = e, { deleteItem: a, popItemAttr: o, upItem: c } = M(t);
197
+ return (y, s) => {
198
+ const d = O("dragzoom"), m = O("popresizezoom");
199
+ return t.designerdata.ux.isedit ? (r(), g("div", pe, [
200
+ t.designerdata?.simple ? x("", !0) : (r(), g(N, { key: 0 }, [
201
+ i("div", {
201
202
  class: "as-design-index",
202
- onClick: o[0] || (o[0] = (m) => l(c)(e.itemdata.index))
203
+ onClick: s[0] || (s[0] = (u) => l(c)(e.itemdata.index))
203
204
  }, h(e.itemdata.index + 1), 1),
204
- d("div", {
205
+ i("div", {
205
206
  class: "as-design-close",
206
- onClick: o[1] || (o[1] = (m) => l(a)(e.itemdata.index))
207
+ onClick: s[1] || (s[1] = (u) => l(a)(e.itemdata.index))
207
208
  }, " X "),
208
- d("div", {
209
+ i("div", {
209
210
  class: "as-design-attr",
210
- onClick: o[2] || (o[2] = (m) => l(n)(e.itemdata.index))
211
+ onClick: s[2] || (s[2] = (u) => l(o)(e.itemdata.index))
211
212
  }, " ┅ ")
212
213
  ], 64)),
213
- L((r(), g("div", pe, [...o[3] || (o[3] = [
214
+ L((r(), g("div", ve, [...s[3] || (s[3] = [
214
215
  E(" ☩ ", -1)
215
216
  ])])), [
216
- [s, {
217
+ [d, {
217
218
  ujt: e.ujt,
218
219
  pos: e.itemdata.item.pos,
219
220
  dommask: "asdesignarea",
220
221
  domarea: "box-" + e.itemdata.item.id
221
222
  }]
222
223
  ]),
223
- L((r(), g("div", ve, [...o[4] || (o[4] = [
224
+ L((r(), g("div", fe, [...s[4] || (s[4] = [
224
225
  E(" ◢ ", -1)
225
226
  ])])), [
226
- [u, {
227
+ [m, {
227
228
  ujt: e.ujt,
228
229
  size: e.itemdata.item.pos,
229
230
  domresizex: "asai",
@@ -231,10 +232,10 @@ const U = { class: "as-deslib-area" }, q = {
231
232
  domarea: "asdesignarea"
232
233
  }]
233
234
  ])
234
- ])) : $("", !0);
235
+ ])) : x("", !0);
235
236
  };
236
237
  }
237
- }), ye = /* @__PURE__ */ V(fe, [["__scopeId", "data-v-53960649"]]), I = {
238
+ }), he = /* @__PURE__ */ V(ye, [["__scopeId", "data-v-53960649"]]), I = {
238
239
  addokdo(e = null, t = null) {
239
240
  typeof t == "string" ? e.designerdata.ux.ok.includes(t) || e.designerdata.ux.ok.push(t) : Array.isArray(t) && t.length && t.forEach((a) => {
240
241
  e.designerdata.ux.ok.includes(a) || e.designerdata.ux.ok.push(a);
@@ -243,8 +244,8 @@ const U = { class: "as-deslib-area" }, q = {
243
244
  initdo(e = null) {
244
245
  e.designerdata.ux.do = [], e.designerdata.ux.cache = [];
245
246
  },
246
- setdo(e = null, t = [], a = "", n = 1) {
247
- e.designerdata.ux.do = [...t], e.designerdata.ux.cache = [], e.designerdata.ux.typesort = n, a && e.designerdata.ux.cache.push(a);
247
+ setdo(e = null, t = [], a = "", o = 1) {
248
+ e.designerdata.ux.do = [...t], e.designerdata.ux.cache = [], e.designerdata.ux.typesort = o, a && e.designerdata.ux.cache.push(a);
248
249
  },
249
250
  setdone(e = null, t) {
250
251
  e.designerdata.ux.cache.push(
@@ -252,7 +253,7 @@ const U = { class: "as-deslib-area" }, q = {
252
253
  );
253
254
  },
254
255
  evAction(e = null, t = null) {
255
- const a = e.designerdata?.ux?.do?.findIndex((n) => n == t) || 0;
256
+ const a = e.designerdata?.ux?.do?.findIndex((o) => o == t) || 0;
256
257
  a === 0 || a > 0 && e.designerdata.ux?.typesort == 1 ? (this.setdone(e, a), e.designerdata.ux?.do?.length || (this.addokdo(e, e.designerdata.ux.cache), this.setdo(e))) : e.itemdata.item?.events?.[1]?.typedrop ? this.initdo(e) : e.itemdata.item?.events?.[1]?.domev?.length && this.setdo(
257
258
  e,
258
259
  e.itemdata.item.events?.[1]?.domev,
@@ -264,17 +265,17 @@ const U = { class: "as-deslib-area" }, q = {
264
265
  getfn(e = "", t = null, a) {
265
266
  if (e) {
266
267
  if (typeof t?.designerdata?.fns?.[e] == "function")
267
- return (n = null) => t.designerdata.fns[e](t, a, n);
268
+ return (o = null) => t.designerdata.fns[e](t, a, o);
268
269
  if (typeof this?.[e] == "function")
269
- return (n = null) => this[e](t, a, n);
270
+ return (o = null) => this[e](t, a, o);
270
271
  }
271
272
  return null;
272
273
  },
273
274
  fnnone(e = null, t = null, a = null) {
274
275
  },
275
276
  fndownapi(e = null, t = null, a = null) {
276
- const n = e?.ujt?.$fn?.useWs?.(e.ujt, "web");
277
- e.itemdata?.item?.events?.[1]?.api && n?.wsSend && n.wsApi({
277
+ const o = e?.ujt?.$fn?.useWs?.(e.ujt, "web");
278
+ e.itemdata?.item?.events?.[1]?.api && o?.wsSend && o.wsApi({
278
279
  ty: e.itemdata?.item?.events?.[1]?.api,
279
280
  db: e.itemdata?.item?.events?.[1]?.params
280
281
  }).then((c) => {
@@ -290,8 +291,8 @@ const U = { class: "as-deslib-area" }, q = {
290
291
  });
291
292
  },
292
293
  fndownstyle(e = null, t = null, a = null) {
293
- const n = t.target.closest(".as-design-area");
294
- n && (n.style.cssText = n.style.cssText + (e.itemdata?.item?.events?.[1]?.style || ""));
294
+ const o = t.target.closest(".as-design-area");
295
+ o && (o.style.cssText = o.style.cssText + (e.itemdata?.item?.events?.[1]?.style || ""));
295
296
  },
296
297
  fndownclick(e = null, t = null, a = null) {
297
298
  I.addokdo(e, e.itemdata.item.id), I.initdo(e);
@@ -307,7 +308,7 @@ const U = { class: "as-deslib-area" }, q = {
307
308
  e.itemdata.item.events?.[1]?.typesort
308
309
  ), I.evAction(e, a?.dropid);
309
310
  }
310
- }, he = ["id"], be = ["id"], _e = ["id"], $e = ["id"], xe = ["id"], ke = /* @__PURE__ */ C({
311
+ }, be = ["id"], _e = ["id"], xe = ["id"], $e = ["id"], ke = ["id"], je = /* @__PURE__ */ C({
311
312
  __name: "ViewDesignerItemArea",
312
313
  props: {
313
314
  ujt: {},
@@ -316,59 +317,59 @@ const U = { class: "as-deslib-area" }, q = {
316
317
  itemdata: {}
317
318
  },
318
319
  setup(e) {
319
- const t = e, { $fn: a } = t.ujt, n = S(() => `transform: translate(${t.itemdata.item.pos.x}px, ${t.itemdata.item.pos.y}px);width: ${t.itemdata.item.pos.w}px;height: ${t.itemdata.item.pos.h}px;`), c = S(() => {
320
+ const t = e, a = S(() => `transform: translate(${t.itemdata.item.pos.x}px, ${t.itemdata.item.pos.y}px);width: ${t.itemdata.item.pos.w}px;height: ${t.itemdata.item.pos.h}px;`), o = S(() => {
320
321
  let s = "";
321
- return t.designerdata.ux.ok.includes(t.itemdata.item.id) && (s += a.AsStyle.renderStyle(t, "ok", t.itemdata.item)), s;
322
- }), y = S(() => "box-" + t.itemdata.item.id);
323
- function o(s) {
322
+ return t.designerdata.ux.ok.includes(t.itemdata.item.id) && (s += U.renderStyle(t, "ok", t.itemdata.item)), s;
323
+ }), c = S(() => "box-" + t.itemdata.item.id);
324
+ function y(s) {
324
325
  F.getfn(t?.itemdata?.item?.events?.[0], t, s)?.();
325
326
  }
326
- return (s, u) => {
327
+ return (s, d) => {
327
328
  const m = O("draggame");
328
329
  return t.designerdata.ux.isedit ? (r(), g("div", {
329
330
  key: 0,
330
- id: y.value,
331
+ id: c.value,
331
332
  class: f(`
332
333
  ${e.itemdata.item?.edit?.hidden ? "as-design-hidden" : "as-design-box-edit"}${t.designerdata?.ux?.cur === t.itemdata?.item?.id ? " as-design-cur" : ""}`),
333
- style: _(n.value),
334
- onClick: u[0] || (u[0] = (i) => t.designerdata.ux.cur = t.itemdata.item.id)
334
+ style: _(a.value),
335
+ onClick: d[0] || (d[0] = (u) => t.designerdata.ux.cur = t.itemdata.item.id)
335
336
  }, [
336
- d("div", {
337
+ i("div", {
337
338
  class: f("as-design-area"),
338
- style: _(c.value)
339
+ style: _(o.value)
339
340
  }, [
340
341
  w(s.$slots, "item", {}, void 0, !0)
341
342
  ], 4),
342
343
  w(s.$slots, "opt", {}, void 0, !0)
343
- ], 14, he)) : t.designerdata.ux.ok.includes(e.itemdata.item.id) ? (r(), g("div", {
344
+ ], 14, be)) : t.designerdata.ux.ok.includes(e.itemdata.item.id) ? (r(), g("div", {
344
345
  key: 1,
345
- id: y.value,
346
+ id: c.value,
346
347
  class: f("as-design-box-ok"),
347
- style: _(n.value)
348
+ style: _(a.value)
348
349
  }, [
349
- d("div", {
350
+ i("div", {
350
351
  class: f("as-design-area"),
351
- style: _(c.value)
352
+ style: _(o.value)
352
353
  }, [
353
354
  w(s.$slots, "item", {}, void 0, !0)
354
355
  ], 4)
355
- ], 12, be)) : e.itemdata.item?.events?.[1]?.typedrop ? L((r(), g("div", {
356
+ ], 12, _e)) : e.itemdata.item?.events?.[1]?.typedrop ? L((r(), g("div", {
356
357
  key: 2,
357
- id: y.value,
358
+ id: c.value,
358
359
  class: f("as-design-box"),
359
- style: _(n.value)
360
+ style: _(a.value)
360
361
  }, [
361
- d("div", {
362
+ i("div", {
362
363
  class: f("as-design-area"),
363
- style: _(c.value)
364
+ style: _(o.value)
364
365
  }, [
365
366
  w(s.$slots, "item", {}, void 0, !0)
366
367
  ], 4)
367
- ], 12, _e)), [
368
+ ], 12, xe)), [
368
369
  [m, {
369
370
  ujt: e.ujt,
370
371
  gameevents: {
371
- fnup: (i) => l(F).getfn(e.itemdata?.item?.events?.[0], t, i),
372
+ fnup: (u) => l(F).getfn(e.itemdata?.item?.events?.[0], t, u),
372
373
  params: e.itemdata.item.events[1]
373
374
  },
374
375
  pos: e.itemdata.item.pos,
@@ -377,39 +378,39 @@ const U = { class: "as-deslib-area" }, q = {
377
378
  }]
378
379
  ]) : e.itemdata.item?.events?.[0] ? (r(), g("div", {
379
380
  key: 3,
380
- id: y.value,
381
+ id: c.value,
381
382
  class: f("as-design-box"),
382
- style: _(n.value),
383
- onClick: o
383
+ style: _(a.value),
384
+ onClick: y
384
385
  }, [
385
- d("div", {
386
+ i("div", {
386
387
  class: f("as-design-area"),
387
- style: _(c.value)
388
+ style: _(o.value)
388
389
  }, [
389
390
  w(s.$slots, "item", {}, void 0, !0)
390
391
  ], 4)
391
392
  ], 12, $e)) : (r(), g("div", {
392
393
  key: 4,
393
- id: y.value,
394
+ id: c.value,
394
395
  class: f("as-design-box"),
395
- style: _(n.value)
396
+ style: _(a.value)
396
397
  }, [
397
- d("div", {
398
+ i("div", {
398
399
  class: f("as-design-area"),
399
- style: _(c.value)
400
+ style: _(o.value)
400
401
  }, [
401
402
  w(s.$slots, "item", {}, void 0, !0)
402
403
  ], 4)
403
- ], 12, xe));
404
+ ], 12, ke));
404
405
  };
405
406
  }
406
- }), je = /* @__PURE__ */ V(ke, [["__scopeId", "data-v-92a02d49"]]), Ae = { class: "as-designmanage-area" }, we = {
407
+ }), Ae = /* @__PURE__ */ V(je, [["__scopeId", "data-v-3552537f"]]), we = { class: "as-designmanage-area" }, Ce = {
407
408
  key: 0,
408
409
  class: "as-table-area-fixed"
409
- }, Ce = { class: "as-table" }, De = { class: "as-table-header" }, Ie = { class: "as-table-row" }, Se = { class: "label-box" }, Ve = { class: "name-box" }, ze = { class: "opt-box" }, Ne = ["title"], Oe = { class: "as-table-body" }, Le = ["onClick"], Be = { class: "label-box" }, Ee = { class: "name-box lim" }, Je = { class: "opt-box" }, Fe = ["title", "onClick"], He = ["title", "onClick"], Me = ["title", "onClick"], Pe = ["title", "onClick"], Te = ["title", "onClick"], Ue = ["title", "onClick"], qe = {
410
+ }, De = { class: "as-table" }, Ie = { class: "as-table-header" }, Se = { class: "as-table-row" }, Ve = { class: "label-box" }, ze = { class: "name-box" }, Ne = { class: "opt-box" }, Oe = ["title"], Le = { class: "as-table-body" }, Be = ["onClick"], Ee = { class: "label-box" }, Je = { class: "name-box lim" }, Fe = { class: "opt-box" }, He = ["title", "onClick"], Me = ["title", "onClick"], Pe = ["title", "onClick"], Te = ["title", "onClick"], Ue = ["title", "onClick"], qe = ["title", "onClick"], We = {
410
411
  key: 1,
411
412
  class: "as-nodata"
412
- }, We = /* @__PURE__ */ C({
413
+ }, Xe = /* @__PURE__ */ C({
413
414
  __name: "ViewDesignerManage",
414
415
  props: {
415
416
  ujt: {},
@@ -417,22 +418,22 @@ const U = { class: "as-deslib-area" }, q = {
417
418
  opt: {}
418
419
  },
419
420
  setup(e) {
420
- const t = e, { $global: a } = t.ujt, { targetHidden: n, moveItem: c, clearItem: y, copyItem: o, deleteItem: s, popItemAttr: u } = M(t);
421
- return (m, i) => {
421
+ const t = e, { $global: a } = t.ujt, { targetHidden: o, moveItem: c, clearItem: y, copyItem: s, deleteItem: d, popItemAttr: m } = M(t);
422
+ return (u, n) => {
422
423
  const p = z("AsSvg");
423
- return r(), g("div", Ae, [
424
- t.designerdata?.data?.data?.length ? (r(), g("div", we, [
425
- d("div", Ce, [
426
- d("div", De, [
427
- d("div", Ie, [
428
- d("div", Se, h(l(a).lang.designersys.listheader.index), 1),
429
- d("div", Ve, h(l(a).lang.designersys.listheader.name), 1),
430
- d("div", ze, [
431
- d("span", null, h(l(a).lang.designersys.listheader.opt), 1),
432
- d("div", {
424
+ return r(), g("div", we, [
425
+ t.designerdata?.data?.data?.length ? (r(), g("div", Ce, [
426
+ i("div", De, [
427
+ i("div", Ie, [
428
+ i("div", Se, [
429
+ i("div", Ve, h(l(a).lang.designersys.listheader.index), 1),
430
+ i("div", ze, h(l(a).lang.designersys.listheader.name), 1),
431
+ i("div", Ne, [
432
+ i("span", null, h(l(a).lang.designersys.listheader.opt), 1),
433
+ i("div", {
433
434
  class: f("btn"),
434
435
  title: l(a).lang.asai.clear,
435
- onClick: i[0] || (i[0] = (v) => l(y)())
436
+ onClick: n[0] || (n[0] = (v) => l(y)())
436
437
  }, [
437
438
  b(p, {
438
439
  color: "var(--cm6)",
@@ -440,23 +441,23 @@ const U = { class: "as-deslib-area" }, q = {
440
441
  height: "36px",
441
442
  src: "asai/clear"
442
443
  })
443
- ], 8, Ne)
444
+ ], 8, Oe)
444
445
  ])
445
446
  ])
446
447
  ]),
447
- d("div", Oe, [
448
- (r(!0), g(N, null, B(t.designerdata.data.data, (v, x) => (r(), g("div", {
448
+ i("div", Le, [
449
+ (r(!0), g(N, null, B(t.designerdata.data.data, (v, $) => (r(), g("div", {
449
450
  key: "lib" + v,
450
451
  onClick: (A) => t.designerdata.ux.cur = v.id,
451
452
  class: f(`as-table-row${t.designerdata?.ux?.cur === v?.id ? " as-design-cur" : ""}`)
452
453
  }, [
453
- d("div", Be, h(x + 1), 1),
454
- d("div", Ee, h(v.label || v.comp), 1),
455
- d("div", Je, [
456
- d("div", {
454
+ i("div", Ee, h($ + 1), 1),
455
+ i("div", Je, h(v.label || v.comp), 1),
456
+ i("div", Fe, [
457
+ i("div", {
457
458
  class: f(v?.edit?.hidden ? "btn-dis" : "btn"),
458
459
  title: v?.edit?.hidden ? l(a).lang.designersys.opt.hide : l(a).lang.designersys.opt.show,
459
- onClick: j((A) => l(n)(x), ["stop"])
460
+ onClick: j((A) => l(o)($), ["stop"])
460
461
  }, [
461
462
  b(p, {
462
463
  color: "var(--cm6)",
@@ -464,11 +465,11 @@ const U = { class: "as-deslib-area" }, q = {
464
465
  height: "36px",
465
466
  src: v?.edit?.hidden ? "asai/hidden" : "asai/show"
466
467
  }, null, 8, ["src"])
467
- ], 10, Fe),
468
- d("div", {
468
+ ], 10, He),
469
+ i("div", {
469
470
  class: f("btn"),
470
471
  title: l(a).lang.designersys.opt.up,
471
- onClick: j((A) => l(c)(x, 0), ["stop"])
472
+ onClick: j((A) => l(c)($, 0), ["stop"])
472
473
  }, [
473
474
  b(p, {
474
475
  color: "var(--cm6)",
@@ -476,11 +477,11 @@ const U = { class: "as-deslib-area" }, q = {
476
477
  height: "36px",
477
478
  src: "asai/goup"
478
479
  })
479
- ], 8, He),
480
- d("div", {
480
+ ], 8, Me),
481
+ i("div", {
481
482
  class: f("btn"),
482
483
  title: l(a).lang.designersys.opt.down,
483
- onClick: j((A) => l(c)(x, 1), ["stop"])
484
+ onClick: j((A) => l(c)($, 1), ["stop"])
484
485
  }, [
485
486
  b(p, {
486
487
  color: "var(--cm6)",
@@ -488,11 +489,11 @@ const U = { class: "as-deslib-area" }, q = {
488
489
  height: "36px",
489
490
  src: "asai/godown"
490
491
  })
491
- ], 8, Me),
492
- d("div", {
492
+ ], 8, Pe),
493
+ i("div", {
493
494
  class: f("btn"),
494
495
  title: l(a).lang.designersys.opt.del,
495
- onClick: j((A) => l(s)(x), ["stop"])
496
+ onClick: j((A) => l(d)($), ["stop"])
496
497
  }, [
497
498
  b(p, {
498
499
  color: "var(--cm6)",
@@ -500,11 +501,11 @@ const U = { class: "as-deslib-area" }, q = {
500
501
  height: "36px",
501
502
  src: "asai/delete"
502
503
  })
503
- ], 8, Pe),
504
- d("div", {
504
+ ], 8, Te),
505
+ i("div", {
505
506
  class: f("btn"),
506
507
  title: l(a).lang.designersys.opt.copy,
507
- onClick: j((A) => l(o)(x), ["stop"])
508
+ onClick: j((A) => l(s)($), ["stop"])
508
509
  }, [
509
510
  b(p, {
510
511
  color: "var(--cm6)",
@@ -512,11 +513,11 @@ const U = { class: "as-deslib-area" }, q = {
512
513
  height: "36px",
513
514
  src: "asai/copy"
514
515
  })
515
- ], 8, Te),
516
- d("div", {
516
+ ], 8, Ue),
517
+ i("div", {
517
518
  class: f("btn"),
518
519
  title: l(a).lang.asai.edit,
519
- onClick: j((A) => l(u)(x), ["stop"])
520
+ onClick: j((A) => l(m)($), ["stop"])
520
521
  }, [
521
522
  b(p, {
522
523
  color: "var(--cm6)",
@@ -524,17 +525,17 @@ const U = { class: "as-deslib-area" }, q = {
524
525
  height: "36px",
525
526
  src: "asai/attr"
526
527
  })
527
- ], 8, Ue)
528
+ ], 8, qe)
528
529
  ])
529
- ], 10, Le))), 128))
530
+ ], 10, Be))), 128))
530
531
  ])
531
532
  ])
532
- ])) : (r(), g("div", qe, h(l(a).lang.asai.empty), 1))
533
+ ])) : (r(), g("div", We, h(l(a).lang.asai.empty), 1))
533
534
  ]);
534
535
  };
535
536
  }
536
- }), Xe = /* @__PURE__ */ V(We, [["__scopeId", "data-v-b24ebb34"]]), Ge = (e) => {
537
- const { $db: t, $global: a } = e.ujt, n = /* @__PURE__ */ Object.assign({
537
+ }), Ge = /* @__PURE__ */ V(Xe, [["__scopeId", "data-v-b24ebb34"]]), Ke = (e) => {
538
+ const { $db: t, $global: a } = e.ujt, o = /* @__PURE__ */ Object.assign({
538
539
  "../_form/AsaiComp.vue": () => import("./AsaiComp-DQeMm9sQ.mjs"),
539
540
  "../_form/AsaiCss.vue": () => import("./AsaiCss-BZVT7kGC.mjs"),
540
541
  "../_form/AsaiDom.vue": () => import("./AsaiDom-PdQPzLkR.mjs"),
@@ -544,16 +545,16 @@ const U = { class: "as-deslib-area" }, q = {
544
545
  "../_form/AsaiStyle.vue": () => import("./AsaiStyle-CILS-Aff.mjs"),
545
546
  "../_form/AsaiStyles.vue": () => import("./AsaiStyles-BhD90JO_.mjs")
546
547
  });
547
- function c(s) {
548
- const u = s.match(/([^\\/]+)(?=\.vue$)/);
549
- return u ? u[1] : null;
548
+ function c(d) {
549
+ const m = d.match(/([^\\/]+)(?=\.vue$)/);
550
+ return m ? m[1] : null;
550
551
  }
551
- for (let s in n)
552
- n[c(s) || s] = n[s], delete n[s];
553
- const y = S(() => e.designerdata.data.data.map((s) => [s.id, s.label || s.comp]).filter(
554
- (s) => s[0] != a.pop.popdesignattr?.data?.item?.id
555
- )), o = P({
556
- comp: n,
552
+ for (let d in o)
553
+ o[c(d) || d] = o[d], delete o[d];
554
+ const y = S(() => e.designerdata.data.data.map((d) => [d.id, d.label || d.comp]).filter(
555
+ (d) => d[0] != a.pop.popdesignattr?.data?.item?.id
556
+ )), s = P({
557
+ comp: o,
557
558
  ic: 0,
558
559
  eq: 0,
559
560
  lang: a.lang.designersys.attrs,
@@ -640,28 +641,28 @@ const U = { class: "as-deslib-area" }, q = {
640
641
  }
641
642
  }
642
643
  });
643
- return o.rule.comps.opt = {
644
+ return s.rule.comps.opt = {
644
645
  compsdata: t.designerdata.lib.compsdata,
645
646
  selectdata: t.designerdata.lib.selectcompsdata
646
- }, o.rule.events.opt = {
647
+ }, s.rule.events.opt = {
647
648
  eventsdata: t.designerdata.lib.eventsdata,
648
649
  selectdata: t.designerdata.lib.selecteventsdata
649
- }, o.rule.styles.opt = {
650
+ }, s.rule.styles.opt = {
650
651
  stylesdata: a.lang.designersys?.styleslist,
651
652
  selectdata: Object.entries(a.lang.designersys?.styleslist || {})
652
- }, o.rule.style.opt = {
653
+ }, s.rule.style.opt = {
653
654
  styledata: t.designerdata.lib.styledata,
654
655
  selectdata: t.designerdata.lib.selectstyledata
655
- }, o.rule.styleok.opt = o.rule.stylearea.opt = o.rule.style.opt, o.rule.css.opt = {
656
+ }, s.rule.styleok.opt = s.rule.stylearea.opt = s.rule.style.opt, s.rule.css.opt = {
656
657
  cssdata: t.designerdata.lib.cssdata,
657
658
  selectdata: t.designerdata.lib.selectcssdata
658
- }, o.rule.cssok.opt = o.rule.cssarea.opt = o.rule.css.opt, {
659
- rfAttrData: o
659
+ }, s.rule.cssok.opt = s.rule.cssarea.opt = s.rule.css.opt, {
660
+ rfAttrData: s
660
661
  };
661
- }, Ke = {
662
+ }, Qe = {
662
663
  key: 0,
663
664
  id: "asdesignarea"
664
- }, Qe = { class: "as-design-comp" }, Ze = /* @__PURE__ */ C({
665
+ }, Re = { class: "as-design-comp" }, tt = /* @__PURE__ */ C({
665
666
  __name: "ViewDesigner",
666
667
  props: {
667
668
  ujt: {},
@@ -669,110 +670,110 @@ const U = { class: "as-deslib-area" }, q = {
669
670
  opt: {}
670
671
  },
671
672
  setup(e) {
672
- const t = e, { $global: a } = t.ujt, { rfAttrData: n } = Ge(t);
673
- t.designerdata.rfAttrData = n, t.designerdata.lib.getComp = c;
674
- function c(s) {
673
+ const t = e, { $global: a } = t.ujt, { rfAttrData: o } = Ke(t);
674
+ t.designerdata.rfAttrData = o, t.designerdata.lib.getComp = c;
675
+ function c(d) {
675
676
  try {
676
- let u = t.opt?.imComp?.[s];
677
- return u || (u = t.opt?.imComp?.default), u?.default ? u.default : J(u);
677
+ let m = t.opt?.imComp?.[d];
678
+ return m || (m = t.opt?.imComp?.default), m?.default ? m.default : J(m);
678
679
  } catch {
679
- const m = t.opt?.imComp?.default;
680
- return m?.default ? m.default : J(m);
680
+ const u = t.opt?.imComp?.default;
681
+ return u?.default ? u.default : J(u);
681
682
  }
682
683
  }
683
- function y(s) {
684
- if (s) {
685
- if (t.designerdata?.list?.list[s])
686
- return s;
687
- if (t.designerdata.list.cfg?.maps?.[s] && t.designerdata?.list?.list?.[t.designerdata.list.cfg?.maps?.[s]])
688
- return t.designerdata.list.cfg?.maps?.[s];
684
+ function y(d) {
685
+ if (d) {
686
+ if (t.designerdata?.list?.list[d])
687
+ return d;
688
+ if (t.designerdata.list.cfg?.maps?.[d] && t.designerdata?.list?.list?.[t.designerdata.list.cfg?.maps?.[d]])
689
+ return t.designerdata.list.cfg?.maps?.[d];
689
690
  }
690
691
  return t.designerdata.list.cfg?.maps?.default;
691
692
  }
692
693
  t.designerdata.dataid = y(t.opt?.id), t.designerdata.fn.readDesignData(), t.opt?.isview && t.designerdata?.ux?.isedit && (t.designerdata.ux.isedit = 0);
693
- const o = S(() => t.designerdata.data.data);
694
- return (s, u) => {
695
- const m = z("PopBox");
696
- return t.designerdata.stat.data ? (r(), g("div", Ke, [
697
- (r(!0), g(N, null, B(o.value, (i, p) => (r(), k(je, {
698
- key: "box-" + i.id,
694
+ const s = S(() => t.designerdata.data.data);
695
+ return (d, m) => {
696
+ const u = z("PopBox");
697
+ return t.designerdata.stat.data ? (r(), g("div", Qe, [
698
+ (r(!0), g(N, null, B(s.value, (n, p) => (r(), k(Ae, {
699
+ key: "box-" + n.id,
699
700
  ujt: e.ujt,
700
701
  designerdata: t.designerdata,
701
702
  opt: t.opt,
702
- itemdata: { item: i, index: p }
703
+ itemdata: { item: n, index: p }
703
704
  }, {
704
705
  item: D(() => [
705
- d("div", Qe, [
706
- (r(), k(H(c(i?.comps?.[0])), {
706
+ i("div", Re, [
707
+ (r(), k(H(c(n?.comps?.[0])), {
707
708
  ujt: e.ujt,
708
709
  designerdata: t.designerdata,
709
710
  opt: t.opt,
710
- itemdata: { item: i, index: p }
711
+ itemdata: { item: n, index: p }
711
712
  }, null, 8, ["ujt", "designerdata", "opt", "itemdata"]))
712
713
  ])
713
714
  ]),
714
715
  opt: D(() => [
715
- b(ye, {
716
+ b(he, {
716
717
  ujt: e.ujt,
717
718
  designerdata: t.designerdata,
718
719
  opt: t.opt,
719
- itemdata: { item: i, index: p }
720
+ itemdata: { item: n, index: p }
720
721
  }, null, 8, ["ujt", "designerdata", "opt", "itemdata"])
721
722
  ]),
722
723
  _: 2
723
724
  }, 1032, ["ujt", "designerdata", "opt", "itemdata"]))), 128)),
724
- t.opt?.isview ? $("", !0) : (r(), k(T, {
725
+ t.opt?.isview ? x("", !0) : (r(), k(T, {
725
726
  key: 0,
726
727
  ujt: e.ujt,
727
728
  designerdata: t.designerdata,
728
729
  opt: t.opt
729
730
  }, null, 8, ["ujt", "designerdata", "opt"])),
730
- b(m, {
731
+ b(u, {
731
732
  ujt: e.ujt,
732
733
  id: "popdesignlib"
733
734
  }, {
734
735
  default: D(() => [
735
- l(a).pop.popdesignlib.stat ? (r(), k(oe, {
736
+ l(a).pop.popdesignlib.stat ? (r(), k(le, {
736
737
  key: 0,
737
738
  ujt: e.ujt,
738
739
  designerdata: t.designerdata,
739
740
  opt: t.opt
740
- }, null, 8, ["ujt", "designerdata", "opt"])) : $("", !0)
741
+ }, null, 8, ["ujt", "designerdata", "opt"])) : x("", !0)
741
742
  ]),
742
743
  _: 1
743
744
  }, 8, ["ujt"]),
744
- b(m, {
745
+ b(u, {
745
746
  ujt: e.ujt,
746
747
  id: "popdropdesignarea"
747
748
  }, {
748
749
  default: D(() => [
749
- l(a).pop.popdropdesignarea.stat ? (r(), k(Xe, {
750
+ l(a).pop.popdropdesignarea.stat ? (r(), k(Ge, {
750
751
  key: 0,
751
752
  ujt: e.ujt,
752
753
  opt: t.opt,
753
754
  designerdata: t.designerdata
754
- }, null, 8, ["ujt", "opt", "designerdata"])) : $("", !0)
755
+ }, null, 8, ["ujt", "opt", "designerdata"])) : x("", !0)
755
756
  ]),
756
757
  _: 1
757
758
  }, 8, ["ujt"]),
758
- b(m, {
759
+ b(u, {
759
760
  ujt: e.ujt,
760
761
  id: "popdesignattr"
761
762
  }, {
762
763
  default: D(() => [
763
- l(a).pop.popdesignattr.stat ? (r(), k(ue, {
764
+ l(a).pop.popdesignattr.stat ? (r(), k(me, {
764
765
  key: 0,
765
766
  ujt: e.ujt,
766
767
  designerdata: t.designerdata,
767
768
  opt: t.opt
768
- }, null, 8, ["ujt", "designerdata", "opt"])) : $("", !0)
769
+ }, null, 8, ["ujt", "designerdata", "opt"])) : x("", !0)
769
770
  ]),
770
771
  _: 1
771
772
  }, 8, ["ujt"])
772
- ])) : $("", !0);
773
+ ])) : x("", !0);
773
774
  };
774
775
  }
775
776
  });
776
777
  export {
777
- Ze as default
778
+ tt as default
778
779
  };