asai-vue-designer 0.2.3 → 0.2.4

package/dist/{AsaiComp-CLuoF7ZJ.mjs → AsaiComp-Br12dCtO.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as C, reactive as F, watch as L, computed as O, onBeforeUnmount as b, resolveComponent as V, createElementBlock as f, openBlock as m, createElementVNode as d, createCommentVNode as B, Fragment as J, renderList as U, toDisplayString as g, unref as y, createVNode as c, createBlock as $, withCtx as q, createTextVNode as j } from "vue";
-import { _ as A } from "./ViewDesignerBtns-D_9X6AjI.mjs";
+import { _ as A } from "./ViewDesignerBtns-iJsByZ-u.mjs";
 const D = { class: "asf-add-area asfselectarea" }, E = { class: "asf-add asfselectarea" }, I = { class: "asf-add-li" }, T = ["title"], z = { class: "val" }, G = {
   key: 0,
   class: "asf-add-add"

package/dist/{AsaiCss-9yttbqFv.mjs → AsaiCss-DLW8_-4h.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as O, reactive as $, watch as E, computed as F, onBeforeUnmount as I, resolveComponent as h, createElementBlock as i, openBlock as o, createElementVNode as l, createCommentVNode as L, Fragment as j, renderList as y, toDisplayString as V, unref as g, createVNode as v, createBlock as q, withCtx as D, createTextVNode as b } from "vue";
-import { _ as J } from "./ViewDesignerBtns-D_9X6AjI.mjs";
+import { _ as J } from "./ViewDesignerBtns-iJsByZ-u.mjs";
 const T = { class: "asf-add-area asfselectarea" }, z = { class: "asf-add asfselectarea" }, G = { class: "asf-add-li" }, H = { class: "opt" }, K = ["onClick"], M = ["title"], P = { class: "val" }, Q = { class: "param" }, R = {
   key: 0,
   class: "asf-add-add"

package/dist/{AsaiDom-BSLcb76C.mjs → AsaiDom-kFh5fw5w.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as j, reactive as S, watch as O, computed as B, onBeforeUnmount as J, resolveComponent as _, createElementBlock as m, openBlock as d, createElementVNode as n, createCommentVNode as $, Fragment as b, renderList as x, toDisplayString as v, createVNode as w, createBlock as F, withCtx as L, createTextVNode as g } from "vue";
-import { _ as C } from "./ViewDesignerBtns-D_9X6AjI.mjs";
+import { _ as C } from "./ViewDesignerBtns-iJsByZ-u.mjs";
 const U = { class: "asf-add-area asfselectarea" }, q = { class: "asf-add asfselectarea" }, E = { class: "asf-add-li" }, I = { class: "opt" }, T = ["onClick"], z = ["title"], G = {
   key: 0,
   class: "asf-add-add"

package/dist/{AsaiEvent-YQ2dqxbA.mjs → AsaiEvent-WCGi4kCL.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as h, reactive as S, watch as b, computed as F, onBeforeUnmount as L, resolveComponent as y, createElementBlock as m, openBlock as f, createElementVNode as d, createCommentVNode as O, Fragment as B, renderList as J, toDisplayString as V, unref as v, createVNode as u, createBlock as U, withCtx as $, createTextVNode as A } from "vue";
-import { _ as w } from "./ViewDesignerBtns-D_9X6AjI.mjs";
+import { _ as w } from "./ViewDesignerBtns-iJsByZ-u.mjs";
 const q = { class: "asf-add-area asfselectarea" }, D = { class: "asf-add asfselectarea" }, I = { class: "asf-add-li" }, T = ["title"], z = { class: "val" }, G = {
   key: 0,
   class: "asf-add-add"

package/dist/{AsaiPos-3F8mtNZk.mjs → AsaiPos-BQsThbZR.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as r, resolveComponent as e, createBlock as s, openBlock as f, withCtx as n, createTextVNode as o, createElementVNode as c, toDisplayString as m, createVNode as l } from "vue";
-import { _ as u } from "./ViewDesignerBtns-D_9X6AjI.mjs";
+import { _ as u } from "./ViewDesignerBtns-iJsByZ-u.mjs";
 const y = { class: "asf-add-list" }, k = /* @__PURE__ */ r({
   __name: "AsaiPos",
   props: {

package/dist/{AsaiStyle-di7lydjA.mjs → AsaiStyle-DLesi0Vd.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as S, reactive as x, watch as F, computed as I, onBeforeUnmount as L, resolveComponent as y, createElementBlock as f, openBlock as i, createElementVNode as n, createCommentVNode as q, Fragment as D, renderList as E, toDisplayString as j, unref as O, createVNode as V, createBlock as v, withCtx as T, createTextVNode as C } from "vue";
-import { _ as z } from "./ViewDesignerBtns-D_9X6AjI.mjs";
+import { _ as z } from "./ViewDesignerBtns-iJsByZ-u.mjs";
 const G = { class: "asf-add-area asfselectarea" }, H = { class: "asf-add asfselectarea" }, J = { class: "asf-add-li" }, K = { class: "opt" }, M = ["onClick"], P = ["title"], Q = { class: "val" }, R = {
   key: 0,
   class: "asf-add-add"

package/dist/{AsaiStyles-BL2_YprK.mjs → AsaiStyles-DcuQUoMu.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as A, reactive as N, watch as F, computed as L, onBeforeUnmount as x, resolveComponent as y, createElementBlock as c, openBlock as i, createElementVNode as n, createCommentVNode as B, Fragment as E, renderList as $, createVNode as V, createBlock as U, withCtx as q, createTextVNode as h, toDisplayString as p } from "vue";
-import { _ as D } from "./ViewDesignerBtns-D_9X6AjI.mjs";
+import { _ as D } from "./ViewDesignerBtns-iJsByZ-u.mjs";
 const J = { class: "asf-add-area asfselectarea" }, _ = { class: "asf-add asfselectarea" }, I = { class: "asf-add-li" }, T = { class: "opt" }, W = ["onClick"], z = { class: "val" }, G = {
   key: 0,
   class: "asf-add-add"

package/dist/ViewDesigner-BNL1EDT7.mjs

@@ -0,0 +1,528 @@
+import { defineComponent as A, createElementBlock as u, openBlock as o, createCommentVNode as j, createElementVNode as n, toDisplayString as b, unref as p, Fragment as C, renderList as N, normalizeClass as g, normalizeStyle as v, createBlock as x, resolveDynamicComponent as O, createTextVNode as D, resolveComponent as L, createVNode as k, withModifiers as E, resolveDirective as S, withDirectives as I, computed as $, renderSlot as f, reactive as B, defineAsyncComponent as V, withCtx as _ } from "vue";
+import { _ as w, u as F, V as J } from "./ViewDesignerBtns-iJsByZ-u.mjs";
+const P = { class: "as-deslib-area" }, T = {
+  key: 0,
+  class: "as-deslib-list"
+}, M = { class: "as-table-area-fixed" }, U = { class: "as-table" }, q = { class: "as-table-header" }, W = { class: "as-table-row" }, X = { class: "label-box" }, G = { class: "name-box" }, H = { class: "name-box" }, K = { class: "as-table-body" }, Q = ["onClick"], R = ["onClick"], Y = { class: "as-deslib-view" }, Z = /* @__PURE__ */ A({
+  __name: "ViewDesignerLibList",
+  props: {
+    ujt: {},
+    designerdata: {},
+    opt: {}
+  },
+  setup(e) {
+    const t = e, { $fn: s, $global: d } = t.ujt;
+    function l(i) {
+      const a = JSON.parse(
+        JSON.stringify(t.designerdata.lib.type[i])
+      );
+      a.id = s.As.Uuid("ds"), a.label = a.label + "-" + a.id.slice(-4), t.designerdata.data.data.push(a), t.designerdata.ux && (t.designerdata.ux.cur = a.id);
+    }
+    function c(i, a) {
+      i && (t.designerdata.ux.curlib = {
+        item: JSON.parse(JSON.stringify(t.designerdata.lib.type[i])),
+        index: a
+      });
+    }
+    return console.log(t.designerdata), (i, a) => (o(), u("div", P, [
+      t.designerdata.lib.type ? (o(), u("div", T, [
+        n("div", M, [
+          n("div", U, [
+            n("div", q, [
+              n("div", W, [
+                n("div", X, b(p(d).lang.designersys.listheader.index), 1),
+                n("div", G, b(p(d).lang.designersys.listheader.name), 1),
+                n("div", H, b(p(d).lang.designersys.listheader.opt), 1)
+              ])
+            ]),
+            n("div", K, [
+              (o(!0), u(C, null, N(Object.keys(
+                t.designerdata.lib.type
+              ), (r, m) => (o(), u("div", {
+                key: "lib" + r,
+                class: g(`as-table-row${m == t.designerdata.ux.curlib?.index ? " cur" : ""}`)
+              }, [
+                n("div", null, b(m + 1), 1),
+                n("div", {
+                  class: "lim",
+                  onClick: (y) => c(r, m)
+                }, b(t.designerdata.lib.type[r].label || t.designerdata.lib.type[r].comp), 9, Q),
+                n("div", null, [
+                  n("button", {
+                    class: "btn",
+                    onClick: (y) => l(r)
+                  }, " + ", 8, R)
+                ])
+              ], 2))), 128))
+            ])
+          ])
+        ])
+      ])) : j("", !0),
+      n("div", Y, [
+        t.designerdata.ux.curlib?.item ? (o(), u("div", {
+          key: 0,
+          style: v(`overflow:auto;width:${t.designerdata.ux.curlib?.item?.pos?.w}px;height:${t.designerdata.ux.curlib?.item?.pos?.h}px;`)
+        }, [
+          (o(), x(O(
+            t.designerdata.lib.getComp(
+              t.designerdata.ux.curlib?.item?.comps?.[0]
+            )
+          ), {
+            ujt: e.ujt,
+            designerdata: t.designerdata,
+            opt: t.opt,
+            itemdata: t.designerdata.ux.curlib
+          }, null, 8, ["ujt", "designerdata", "opt", "itemdata"]))
+        ], 4)) : (o(), u(C, { key: 1 }, [
+          D(" 这里展示内容 ")
+        ], 64))
+      ])
+    ]));
+  }
+}), ee = /* @__PURE__ */ w(Z, [["__scopeId", "data-v-69fed62a"]]), te = { class: "as-designattr-area" }, ae = { class: "as-designattr-main" }, se = { class: "as-btn-area" }, ie = /* @__PURE__ */ A({
+  __name: "ViewDesignerAttr",
+  props: {
+    ujt: {},
+    designerdata: {},
+    opt: {}
+  },
+  setup(e) {
+    const t = e, { $global: s } = t.ujt;
+    return t.designerdata.rfAttrData.data = s.pop.popdesignattr?.data?.item, (d, l) => {
+      const c = L("AsaiForm");
+      return o(), u("div", te, [
+        n("div", ae, [
+          k(c, {
+            ujt: e.ujt,
+            asaidata: t.designerdata.rfAttrData
+          }, null, 8, ["ujt", "asaidata"])
+        ]),
+        n("div", se, [
+          n("div", {
+            class: "as-btn-cur",
+            onClick: l[0] || (l[0] = E((i) => p(s).pop.popdesignattr?.fn?.(), ["stop"]))
+          }, " 保存 ")
+        ])
+      ]);
+    };
+  }
+}), de = /* @__PURE__ */ w(ie, [["__scopeId", "data-v-4822b378"]]), ne = {
+  key: 0,
+  class: "as-design-opt"
+}, oe = { class: "as-design-drag" }, le = { class: "as-design-resize" }, re = /* @__PURE__ */ A({
+  __name: "ViewDesignerItemOpt",
+  props: {
+    ujt: {},
+    designerdata: {},
+    opt: {},
+    itemdata: {}
+  },
+  setup(e) {
+    const t = e, { deleteItem: s, popItemAttr: d, upItem: l } = F(t);
+    return (c, i) => {
+      const a = S("dragzoom"), r = S("popresizezoom");
+      return t.designerdata.ux.isedit ? (o(), u("div", ne, [
+        n("div", {
+          class: "as-design-index",
+          onClick: i[0] || (i[0] = (m) => p(l)(e.itemdata.index))
+        }, b(e.itemdata.index + 1), 1),
+        n("div", {
+          class: "as-design-close",
+          onClick: i[1] || (i[1] = (m) => p(s)(e.itemdata.index))
+        }, "X"),
+        n("div", {
+          class: "as-design-attr",
+          onClick: i[2] || (i[2] = (m) => p(d)(e.itemdata.index))
+        }, "┅"),
+        I((o(), u("div", oe, [...i[3] || (i[3] = [
+          D(" ☩ ", -1)
+        ])])), [
+          [a, {
+            ujt: e.ujt,
+            pos: e.itemdata.item.pos,
+            dommask: "asdesignarea",
+            domarea: "box-" + e.itemdata.item.id
+          }]
+        ]),
+        I((o(), u("div", le, [...i[4] || (i[4] = [
+          D(" ◢ ", -1)
+        ])])), [
+          [r, {
+            ujt: e.ujt,
+            size: e.itemdata.item.pos,
+            domresizex: "asai",
+            domresize: "box-" + e.itemdata.item.id,
+            domarea: "asdesignarea"
+          }]
+        ])
+      ])) : j("", !0);
+    };
+  }
+}), ue = /* @__PURE__ */ w(re, [["__scopeId", "data-v-1e7891d6"]]), h = {
+  addokdo(e = null, t = null) {
+    typeof t == "string" ? e.designerdata.ux.ok.includes(t) || e.designerdata.ux.ok.push(t) : Array.isArray(t) && t.length && t.forEach((s) => {
+      e.designerdata.ux.ok.includes(s) || e.designerdata.ux.ok.push(s);
+    });
+  },
+  initdo(e = null) {
+    e.designerdata.ux.do = [], e.designerdata.ux.cache = [];
+  },
+  setdo(e = null, t = [], s = "", d = 1) {
+    e.designerdata.ux.do = [...t], e.designerdata.ux.cache = [], e.designerdata.ux.typesort = d, s && e.designerdata.ux.cache.push(s);
+  },
+  setdone(e = null, t) {
+    e.designerdata.ux.cache.push(
+      ...e.designerdata.ux.do.splice(t, 1)
+    );
+  },
+  evAction(e = null, t = null) {
+    const s = e.designerdata?.ux?.do?.findIndex((d) => d == t) || 0;
+    s === 0 || s > 0 && e.designerdata.ux?.typesort == 1 ? (this.setdone(e, s), 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(
+      e,
+      e.itemdata.item.events?.[1]?.domev,
+      e.itemdata.item.id,
+      e.itemdata.item.events?.[1]?.typesort
+    );
+  }
+}, z = {
+  getfn(e = "", t = null, s) {
+    return e && typeof this?.[e] == "function" ? (d = null) => this[e](t, s, d) : null;
+  },
+  fnnone(e = null, t = null, s = null) {
+  },
+  fndownapi(e = null, t = null, s = null) {
+    const d = e?.ujt?.$fn?.useWs?.(e.ujt, "web");
+    e.itemdata?.item?.events?.[1]?.api && d?.wsSend && d.wsApi({
+      ty: e.itemdata?.item?.events?.[1]?.api,
+      db: e.itemdata?.item?.events?.[1]?.params
+    }).then((l) => {
+      e.itemdata?.item?.events?.[1]?.apiok && e?.ujt?.$global?.msg?.fn({
+        type: "ok",
+        con: e.itemdata?.item?.events?.[1]?.apiok
+      });
+    }).catch((l) => {
+      e.itemdata?.item?.events?.[1]?.apierr && e?.ujt?.$global?.msg?.fn({
+        type: "err",
+        con: e.itemdata?.item?.events?.[1]?.apierr
+      });
+    });
+  },
+  fndownstyle(e = null, t = null, s = null) {
+    const d = t.target.closest(".as-design-area");
+    d && (d.style.cssText = d.style.cssText + (e.itemdata?.item?.events?.[1]?.style || ""));
+  },
+  fndownclick(e = null, t = null, s = null) {
+    h.addokdo(e, e.itemdata.item.id), h.initdo(e);
+  },
+  fndownarrclick(e = null, t = null, s = null) {
+    h.evAction(e, e.itemdata?.item?.id);
+  },
+  fndragup(e = null, t = null, s = null) {
+    e.designerdata?.ux?.do?.length || h.setdo(
+      e,
+      e.itemdata.item.events?.[1]?.domev,
+      e.itemdata.item.id,
+      e.itemdata.item.events?.[1]?.typesort
+    ), h.evAction(e, s?.dropid);
+  }
+}, ce = ["id"], me = ["id"], ge = ["id"], ve = ["id"], pe = ["id"], ye = /* @__PURE__ */ A({
+  __name: "ViewDesignerItemArea",
+  props: {
+    ujt: {},
+    designerdata: {},
+    opt: {},
+    itemdata: {}
+  },
+  setup(e) {
+    const t = e, { $fn: s } = t.ujt, d = $(() => `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;`), l = $(() => {
+      let a = "";
+      return t.designerdata.ux.ok.includes(t.itemdata.item.id) && (a += s.AsStyle.renderStyle(t, "ok", t.itemdata.item)), a;
+    }), c = $(() => "box-" + t.itemdata.item.id);
+    function i(a) {
+      z.getfn(t?.itemdata?.item?.events?.[0], t, a)?.();
+    }
+    return (a, r) => {
+      const m = S("draggame");
+      return t.designerdata.ux.isedit ? (o(), u("div", {
+        key: 0,
+        id: c.value,
+        style: v(d.value),
+        onClick: r[0] || (r[0] = (y) => t.designerdata.ux.cur = t.itemdata.item.id),
+        class: g(`
+            ${e.itemdata.item?.edit?.hidden ? "as-design-hidden" : "as-design-box-edit"}${t.designerdata?.ux?.cur === t.itemdata?.item?.id ? " as-design-cur" : ""}`)
+      }, [
+        n("div", {
+          class: g("as-design-area"),
+          style: v(l.value)
+        }, [
+          f(a.$slots, "item", {}, void 0, !0)
+        ], 4),
+        f(a.$slots, "opt", {}, void 0, !0)
+      ], 14, ce)) : t.designerdata.ux.ok.includes(e.itemdata.item.id) ? (o(), u("div", {
+        key: 1,
+        id: c.value,
+        style: v(d.value),
+        class: g("as-design-box-ok")
+      }, [
+        n("div", {
+          class: g("as-design-area"),
+          style: v(l.value)
+        }, [
+          f(a.$slots, "item", {}, void 0, !0)
+        ], 4)
+      ], 12, me)) : e.itemdata.item?.events?.[1]?.typedrop ? I((o(), u("div", {
+        key: 2,
+        id: c.value,
+        style: v(d.value),
+        class: g("as-design-box")
+      }, [
+        n("div", {
+          class: g("as-design-area"),
+          style: v(l.value)
+        }, [
+          f(a.$slots, "item", {}, void 0, !0)
+        ], 4)
+      ], 12, ge)), [
+        [m, {
+          ujt: e.ujt,
+          gameevents: {
+            fnup: (y) => p(z).getfn(e.itemdata?.item?.events?.[0], t, y),
+            params: e.itemdata.item.events[1]
+          },
+          pos: e.itemdata.item.pos,
+          dommask: "asdesignarea",
+          domarea: "box-" + e.itemdata.item.id
+        }]
+      ]) : e.itemdata.item?.events?.[0] ? (o(), u("div", {
+        key: 3,
+        id: c.value,
+        style: v(d.value),
+        class: g("as-design-box"),
+        onClick: i
+      }, [
+        n("div", {
+          class: g("as-design-area"),
+          style: v(l.value)
+        }, [
+          f(a.$slots, "item", {}, void 0, !0)
+        ], 4)
+      ], 12, ve)) : (o(), u("div", {
+        key: 4,
+        id: c.value,
+        style: v(d.value),
+        class: g("as-design-box")
+      }, [
+        n("div", {
+          class: g("as-design-area"),
+          style: v(l.value)
+        }, [
+          f(a.$slots, "item", {}, void 0, !0)
+        ], 4)
+      ], 12, pe));
+    };
+  }
+}), fe = /* @__PURE__ */ w(ye, [["__scopeId", "data-v-3a0d7c37"]]), be = (e) => {
+  const { $db: t, $global: s } = e.ujt, d = /* @__PURE__ */ Object.assign({
+    "../_form/AsaiComp.vue": () => import("./AsaiComp-Br12dCtO.mjs"),
+    "../_form/AsaiCss.vue": () => import("./AsaiCss-DLW8_-4h.mjs"),
+    "../_form/AsaiDom.vue": () => import("./AsaiDom-kFh5fw5w.mjs"),
+    "../_form/AsaiEvent.vue": () => import("./AsaiEvent-WCGi4kCL.mjs"),
+    "../_form/AsaiPos.vue": () => import("./AsaiPos-BQsThbZR.mjs"),
+    "../_form/AsaiStyle.vue": () => import("./AsaiStyle-DLesi0Vd.mjs"),
+    "../_form/AsaiStyles.vue": () => import("./AsaiStyles-DcuQUoMu.mjs")
+  });
+  function l(a) {
+    const r = a.match(/([^\\/]+)(?=\.vue$)/);
+    return r ? r[1] : null;
+  }
+  for (let a in d)
+    d[l(a) || a] = d[a], delete d[a];
+  const c = $(() => e.designerdata.data.data.map((a) => [a.id, a.label || a.comp]).filter(
+    (a) => a[0] != s.pop.popdesignattr?.data?.item?.id
+  )), i = B({
+    comp: d,
+    ic: 0,
+    eq: 0,
+    lang: s.lang.designersys.attrs,
+    rule: {
+      events: {
+        nolabel: 1,
+        comp: "AsaiEvent"
+      },
+      typedrop: {
+        comp: "AsaiInput",
+        type: "checkbox",
+        typedropdata: { 1: "放在当前位置", 2: "返回拖拽起点" }
+      },
+      typesort: {
+        comp: "AsaiInput",
+        type: "checkbox",
+        typesortdata: { 1: "无序响应", 2: "有序响应" }
+      },
+      domev: {
+        nolabel: 1,
+        comp: "AsaiDom",
+        opt: {
+          selectdata: c
+        }
+      },
+      comps: {
+        nolabel: 1,
+        comp: "AsaiComp"
+      },
+      img: {
+        comp: "AsaiUploadImg"
+      },
+      pos: {
+        nolabel: 1,
+        comp: "AsaiPos"
+      },
+      fnsdown: {
+        comp: "AsaiSelect",
+        fnsdowndata: s.lang.designersys.fn
+      },
+      fnsdragup: {
+        comp: "AsaiSelect",
+        fnsdragupdata: s.lang.designersys.fn
+      },
+      styles: {
+        nolabel: 1,
+        comp: "AsaiStyles"
+      },
+      styleok: {
+        nolabel: 1,
+        comp: "AsaiStyle"
+      },
+      stylearea: {
+        nolabel: 1,
+        comp: "AsaiStyle"
+      },
+      style: {
+        nolabel: 1,
+        comp: "AsaiStyle"
+      },
+      cssok: {
+        nolabel: 1,
+        comp: "AsaiCss"
+      },
+      cssarea: {
+        nolabel: 1,
+        comp: "AsaiCss"
+      },
+      css: {
+        nolabel: 1,
+        comp: "AsaiCss"
+      }
+    }
+  });
+  return i.rule.comps.opt = {
+    compsdata: t.designerdata.lib.compsdata,
+    selectdata: t.designerdata.lib.selectcompsdata
+  }, i.rule.events.opt = {
+    eventsdata: t.designerdata.lib.eventsdata,
+    selectdata: t.designerdata.lib.selecteventsdata
+  }, i.rule.styles.opt = {
+    stylesdata: s.lang.designersys?.styleslist,
+    selectdata: Object.entries(s.lang.designersys?.styleslist || {})
+  }, i.rule.style.opt = {
+    styledata: t.designerdata.lib.styledata,
+    selectdata: t.designerdata.lib.selectstyledata
+  }, i.rule.styleok.opt = i.rule.stylearea.opt = i.rule.style.opt, i.rule.css.opt = {
+    cssdata: t.designerdata.lib.cssdata,
+    selectdata: t.designerdata.lib.selectcssdata
+  }, i.rule.cssok.opt = i.rule.cssarea.opt = i.rule.css.opt, {
+    rfAttrData: i
+  };
+}, he = {
+  key: 0,
+  id: "asdesignarea"
+}, xe = { class: "as-design-comp" }, $e = /* @__PURE__ */ A({
+  __name: "ViewDesigner",
+  props: {
+    ujt: {},
+    designerdata: {},
+    opt: {}
+  },
+  setup(e) {
+    const t = e, { $global: s } = t.ujt, { rfAttrData: d } = be(t);
+    t.designerdata.rfAttrData = d, t.designerdata.list.cfg && (t.designerdata.list.cfg.cur = s.location.hasharr[1]), t.designerdata.lib.getComp = l;
+    function l(i) {
+      const a = t.opt?.imComp?.[i];
+      try {
+        return a?.default ? a.default : V(a);
+      } catch {
+        return V(t.opt?.imComp?.default);
+      }
+    }
+    t.designerdata.dataid = s.location.hasharr[t.designerdata.ty], t.designerdata.fn.readDesignData();
+    const c = $(() => t.designerdata.data.data);
+    return (i, a) => {
+      const r = L("PopBox");
+      return t.designerdata.stat.data ? (o(), u("div", he, [
+        (o(!0), u(C, null, N(c.value, (m, y) => (o(), x(fe, {
+          key: "box-" + m.id,
+          ujt: e.ujt,
+          designerdata: t.designerdata,
+          opt: t.opt,
+          itemdata: { item: m, index: y }
+        }, {
+          item: _(() => [
+            n("div", xe, [
+              (o(), x(O(l(m?.comps?.[0])), {
+                ujt: e.ujt,
+                designerdata: t.designerdata,
+                opt: t.opt,
+                itemdata: { item: m, index: y }
+              }, null, 8, ["ujt", "designerdata", "opt", "itemdata"]))
+            ])
+          ]),
+          opt: _(() => [
+            k(ue, {
+              ujt: e.ujt,
+              designerdata: t.designerdata,
+              opt: t.opt,
+              itemdata: { item: m, index: y }
+            }, null, 8, ["ujt", "designerdata", "opt", "itemdata"])
+          ]),
+          _: 2
+        }, 1032, ["ujt", "designerdata", "opt", "itemdata"]))), 128)),
+        k(J, {
+          ujt: e.ujt,
+          designerdata: t.designerdata,
+          opt: t.opt
+        }, null, 8, ["ujt", "designerdata", "opt"]),
+        k(r, {
+          ujt: e.ujt,
+          id: "popdesignlib"
+        }, {
+          default: _(() => [
+            p(s).pop.popdesignlib.stat ? (o(), x(ee, {
+              key: 0,
+              ujt: e.ujt,
+              designerdata: t.designerdata,
+              opt: t.opt
+            }, null, 8, ["ujt", "designerdata", "opt"])) : j("", !0)
+          ]),
+          _: 1
+        }, 8, ["ujt"]),
+        k(r, {
+          ujt: e.ujt,
+          id: "popdesignattr"
+        }, {
+          default: _(() => [
+            p(s).pop.popdesignattr.stat ? (o(), x(de, {
+              key: 0,
+              ujt: e.ujt,
+              designerdata: t.designerdata,
+              opt: t.opt
+            }, null, 8, ["ujt", "designerdata", "opt"])) : j("", !0)
+          ]),
+          _: 1
+        }, 8, ["ujt"])
+      ])) : j("", !0);
+    };
+  }
+});
+export {
+  $e as default
+};

package/dist/{ViewDesignerBtns-D_9X6AjI.mjs → ViewDesignerBtns-iJsByZ-u.mjs}

@@ -161,7 +161,7 @@ const x = (n, t) => {
       t.designerdata.ux.isedit = !t.designerdata.ux.isedit;
     }
     function y() {
-      d.sethash(t.designerdata.id);
+      d.sethash(t.designerdata.dir + t.designerdata.id);
     }
     function D() {
       t.designerdata.stat.datasaved || t.designerdata.fn.saveDesignData(), t.designerdata.stat.listsaved || t.designerdata.fn.saveDesignList();
@@ -272,7 +272,7 @@ const x = (n, t) => {
       ])) : k("", !0);
     };
   }
-}), dt = /* @__PURE__ */ x(at, [["__scopeId", "data-v-82936dff"]]);
+}), dt = /* @__PURE__ */ x(at, [["__scopeId", "data-v-ad55e71c"]]);
 export {
   dt as V,
   x as _,