asai-vue-designer 0.2.15 → 0.2.16

package/README.md

@@ -1,7 +1,332 @@
-# asai-vue-designer
+# asai-vue-designer — HMI 可视化设计器
 
-A simple vue designer for asai development.
+## 包信息
 
+| 建议 npm 名 | 入口文件 | $fn / 注入键 | 类型 |
+|------------|---------|-------------|------|
+| `@estun/asai-vue-designer` | `src/index.ts` | `AsaiVueDesigner` → `imComp` + hooks | Feature |
+
+## 概述
+
+`asai-vue-designer` 为 AsaiWeb 低代码/HMI 场景提供**所见即所得**页面搭建：拖拽布局、属性面板、事件绑定、导入导出与多页面管理。
+
+## 集成方式
+
+```typescript
+// monorepo — 延迟：lib/featurePlugs.ts（非 App.vue 同步 import）
+import AsaiVueDesigner from './plugs/asai-vue-designer/src/index';
+// npm
+// import AsaiVueDesigner from '@estun/asai-vue-designer';
+
+const { ViewDesigner, useDesignerInit } = ujt.$fn.AsaiVueDesigner;
+```
+
+## 独立性约束
+
+- **禁止** cross-import 其它 `plugs/*`。
+- 属性面板使用 Host 全局 `AsaiForm`（运行时）；业务组件经 `opt.imComp` / `createComponentLoader` 注入。
+- `buildCompMap` 定义于插件内 `components/_use/useCompLoader.ts`（npm 包自包含）。
+
+## 主要 API / 导出
+
+| 导出 | 说明 |
+|------|------|
+| `imComp.ViewDesigner` | 画布主视图（async） |
+| `imComp.ViewDesignerIndex` | 设计列表（async） |
+| `imComp.useDesignerInit` | 初始化 `$db.designerdata` |
+| `imComp.useDesignerWc` | 未保存/游戏得分 watch |
+| `imComp.AsStyle` | 内联样式合成 |
+
+`designerdata.fn`（useDesignerFn）：`readDesignData`, `saveDesignData`, `inDesigner`, `outDesigner` 等。
+
+## 性能说明
+
+- **延迟加载**（`featurePlugs`）；设计器 chunk 大，仅 cocontrol/HMI 路由需要。
+- `useDesignerInit` 并行加载库 JSON + 列表；`getComp` 缓存 async 组件解析。
+- glob 视图组件 async；`useDesignerWc` 使用 `flush: 'post'`。
+- 业务 `imComp` 建议 `eager: false` + `cacheKey`。
+
+## peerDependencies 建议
+
+```json
+{
+  "peerDependencies": {
+    "vue": "^3.4.0",
+    "@estun/asai-vue-host": "^1.0.0",
+    "@estun/asai-vue-host-form": "^1.0.0",
+    "@estun/asai-vue-host-popbox": "^1.0.0"
+  }
+}
+```
+
+---
+
+可视化页面设计器插件，为 AsaiWeb 低代码场景提供**所见即所得**的页面搭建能力：拖拽布局、样式编辑、事件绑定、导入导出与多页面管理。
+
+## 快速接入
+
+### 1. 注册插件
+
+在宿主应用入口通过 `$fn` 访问（已由 `featurePlugs` 延迟挂载）：
+
+```typescript
+const { useDesignerInit, ViewDesigner } = $fn.AsaiVueDesigner;
+```
+
+### 2. 顶层初始化（只需一次）
+
+```vue
+<script setup lang="ts">
+const { useDesignerInit } = $fn.AsaiVueDesigner;
+
+if (!$db.designerdata?.stat?.lib) {
+  useDesignerInit(props, {
+    dir: 'cocontrol/robotview/',
+    id: 'designer',
+    ty: 3,
+    fty: 'cocontrol',
+    devlevel: 1,
+    game: 0,
+    simple: 1,
+    url: { list: 'cocontrol/robotopt/config/designer/' },
+    path: { dbcfg: 'cocontrol/', db: './webdata/webdb/', dbtmp: './webdata/upload/' },
+    fns: funEvents,
+  });
+}
+</script>
+
+<template>
+  <slot v-if="$db.designerdata?.stat?.lib" />
+</template>
+```
+
+### 3. 渲染设计器视图
+
+**列表页：**
+
+```vue
+<ViewDesignerIndex :ujt="ujt" :designerdata="$db.designerdata" />
+```
+
+**画布页：**
+
+```vue
+<script setup lang="ts">
+const { ViewDesigner } = $fn.AsaiVueDesigner;
+const { map: imComp, clear } = $fn.createComponentLoader({
+  files: import.meta.glob(['./_lib/!(_)*.vue']),
+  eager: false,
+  cache: true,
+  cacheKey: 'mydesigner_',
+});
+onUnmounted(() => clear());
+</script>
+
+<template>
+  <ViewDesigner :ujt="ujt" :designerdata="$db.designerdata" :opt="{ imComp }" />
+</template>
+```
+
+### 4. 挂载变更监听
+
+```typescript
+const { useDesignerWc } = $fn.AsaiVueDesigner;
+useDesignerWc(props);
+```
+
+---
+
+## 架构说明
+
+```
+宿主业务 (ViewArea / ViewShow)
+  useDesignerInit → $db.designerdata
+  useDesignerWc   → 未保存 / 得分监听
+        ↓
+视图层 (_view/) — ViewDesignerIndex / ViewDesigner / 弹窗
+        ↓
+逻辑层 (_use/) — useDesignerFn / useFormAttr / asEvents
+        ↓
+表单 (_form/) + AsStyle + JSON 持久化
+```
+
+**数据流：**
+
+1. `useDesignerInit` 并行加载组件库 + 设计列表
+2. Hash 进入页面 → `readDesignData`
+3. 画布 `<component :is>` 解析业务组件
+4. deep watch → `stat.datasaved = 0` → 保存 JSON
+
+---
+
+## 目录结构
+
+```
+asai-vue-designer/
+├── src/index.ts
+└── src/components/
+    ├── ViewDesigner.vue / ViewDesignerIndex.vue
+    ├── useDesignerInit.ts / useDesignerWc.ts
+    ├── AsStyle.ts
+    ├── _use/          # useDesignerFn, useFormAttr, useCompLoader …
+    ├── _view/         # 工具栏、库、管理、属性
+    ├── _form/         # 属性编辑表单组件
+    └── _css/
 ```
-npm i asai-vue-designer -g
+
+---
+
+## 核心数据模型
+
+### `$db.designerdata` 主要字段
+
+| 字段 | 说明 |
+|------|------|
+| `id` / `dir` / `ty` | 实例 id、路由前缀、hash 段索引 |
+| `path` | `dbcfg` / `db` / `dbtmp` |
+| `stat` | `lib`/`data` 加载态，`listsaved`/`datasaved` |
+| `list` | `cfg` + `list` |
+| `lib` | type / comps / events / style / css |
+| `data` | 当前页 `cfg` + `data[]` |
+| `ux` | `isedit` / `cur` / `ok` / `do` |
+| `fn` | useDesignerFn 方法集 |
+
+### 设计项 `data.data[i]` 示例
+
+```json
+{
+  "id": "ds-xxxx",
+  "label": "按钮-1234",
+  "comp": "MyButton",
+  "pos": { "x": 100, "y": 80, "w": 120, "h": 48 },
+  "events": ["fndownclick", { "typedrop": 0, "domev": [], "api": "" }],
+  "styles": { "styleok": "color:red;", "cssok": {} }
+}
+```
+
+---
+
+## API 参考
+
+### `useDesignerInit(props, cfg?)`
+
+初始化 `$db.designerdata` 并并行加载库与列表。
+
+### `useDesignerWc(props)`
+
+- 页面数据变更 → `stat.datasaved = 0`
+- 列表变更 → `stat.listsaved = 0`
+- 游戏得分达标 → 提示
+
+### `useDesignerFn`（`designerdata.fn`）
+
+| 方法 | 说明 |
+|------|------|
+| `initDesignLib` | 加载 5 类库 JSON |
+| `readDesignList` / `saveDesignList` | 列表 CRUD |
+| `readDesignData` / `saveDesignData` | 当前页 CRUD |
+| `inDesigner` / `outDesigner` | zip 导入导出 |
+
+### `AsStyle`
+
+| 方法 | 说明 |
+|------|------|
+| `renderStyle(props, type, itemdata)` | 合成 style + css 内联 |
+| `getStyleByCss(cssdata)` | 模板 → CSS 字符串 |
+
+---
+
+## 视图组件
+
+| 组件 | 用途 |
+|------|------|
+| `ViewDesignerIndex` | 方案列表、maps、批量导入导出 |
+| `ViewDesigner` | 画布主区域 |
+| `ViewDesignerItemArea` / `ViewDesignerItemOpt` | 单项容器与操作条 |
+| `ViewDesignerBtns` | 浮动工具栏 |
+| `ViewDesignerLibList` / `ViewDesignerManage` / `ViewDesignerAttr` | 库、管理、属性弹窗 |
+
+---
+
+## 表单编辑组件（_form/）
+
+| 组件 | 编辑内容 |
+|------|----------|
+| `AsaiComp` | 业务组件选择 |
+| `AsaiPos` | x/y/w/h |
+| `AsaiStyle` / `AsaiStyles` | 原子样式 |
+| `AsaiCss` | CSS 模板参数 |
+| `AsaiEvent` / `AsaiDom` | 事件与 DOM 目标 |
+
+---
+
+## 事件系统
+
+**解析优先级（`asEvents.getfn`）：**
+
+1. `designerdata.fns[name]` — 业务自定义
+2. `asEvents[name]` — 内置
+
+| 内置 | 行为 |
+|------|------|
+| `fndownclick` | 游戏模式标记完成 |
+| `fndownarrclick` / `fndragup` | evAction 状态机 |
+| `fndownapi` | WS API |
+| `fndownstyle` | 追加内联样式 |
+
+---
+
+## 持久化路径
+
+```
+webdata/webdb/{id}/
+├── designerlist.json
+├── designer-{pageId}/design.json
+└── lib/designertype.json …
 ```
+
+---
+
+## 性能优化（已实现）
+
+| 优化 | 效果 |
+|------|------|
+| 并行 init | 缩短首屏 |
+| `getComp` 缓存 | 避免 v-for 重复 defineAsyncComponent |
+| okSet O(1) | 游戏完成态 |
+| useCompLoader | 插件内 glob → async 组件 |
+
+---
+
+## 扩展指南
+
+### 新业务组件
+
+1. `_lib/MyWidget.vue`
+2. `createComponentLoader` 注册到 `opt.imComp`
+3. `designertype.json` 增加模板
+
+### 自定义事件
+
+```typescript
+useDesignerInit(props, {
+  fns: { myCustomEvent(props, ev, evd) { /* … */ } },
+});
+```
+
+### 仅预览
+
+```vue
+<ViewDesigner :opt="{ isview: 1, imComp }" … />
+```
+
+---
+
+## 典型集成参考
+
+- `webclient/src/cocontrol/views/cocontrol/robotview/designer/_comps/ViewArea.vue`
+- `webclient/src/cocontrol/views/cocontrol/robotview/designer/_comps/ViewShow.vue`
+
+## 技术栈
+
+Vue 3 + TS + Vite glob + SCSS + AsaiForm

package/dist/{AsaiComp-CKjWN9qd.mjs → AsaiComp-DSDtWOdH.mjs}

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

package/dist/{AsaiCss-DyYE0TPc.mjs → AsaiCss-Vi1G0_22.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as N, reactive as F, watch as I, computed as L, onBeforeUnmount as q, resolveComponent as g, createElementBlock as d, openBlock as n, createElementVNode as s, createCommentVNode as h, Fragment as k, renderList as j, toDisplayString as V, unref as p, createVNode as y, createBlock as D, withCtx as J, createTextVNode as O } from "vue";
-import { _ as T } from "./ViewDesignerBtns-ra0UsgkV.mjs";
+import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const z = { class: "asf-add-area asfselectarea" }, G = { class: "asf-add asfselectarea" }, H = { class: "asf-add-li" }, K = {
   key: 0,
   class: "opt"

package/dist/{AsaiDom-BF04TIze.mjs → AsaiDom-D29WldSk.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-ra0UsgkV.mjs";
+import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.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-6yBQeDKq.mjs → AsaiEvent-CmKaZzjj.mjs}

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

package/dist/{AsaiPos-BAKXy_ku.mjs → AsaiPos-DO1Fjopa.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-ra0UsgkV.mjs";
+import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const y = { class: "asf-add-list" }, k = /* @__PURE__ */ r({
   __name: "AsaiPos",
   props: {

package/dist/{AsaiStyle-DwyJ5wCM.mjs → AsaiStyle-CLSR3h3U.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as U, reactive as F, watch as I, computed as L, onBeforeUnmount as q, resolveComponent as v, createElementBlock as c, openBlock as i, createElementVNode as s, createCommentVNode as k, Fragment as D, renderList as E, toDisplayString as j, unref as O, createVNode as y, createBlock as V, withCtx as T, createTextVNode as S } from "vue";
-import { _ as z } from "./ViewDesignerBtns-ra0UsgkV.mjs";
+import { _ as z } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const G = { class: "asf-add-area asfselectarea" }, H = { class: "asf-add asfselectarea" }, J = { class: "asf-add-li" }, K = {
   key: 0,
   class: "opt"

package/dist/{AsaiStyles-CZ34s4VH.mjs → AsaiStyles-B3vm__Lw.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as w, reactive as L, watch as x, computed as B, onBeforeUnmount as E, resolveComponent as k, createElementBlock as r, openBlock as i, createElementVNode as l, createCommentVNode as m, Fragment as p, renderList as $, createVNode as V, createBlock as U, withCtx as W, createTextVNode as A, toDisplayString as C } from "vue";
-import { _ as q } from "./ViewDesignerBtns-ra0UsgkV.mjs";
+import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const D = { class: "asf-add-area asfselectarea" }, J = { class: "asf-add asfselectarea" }, _ = {
   key: 0,
   class: "asf-add-li"

package/dist/ViewDesigner-BjopSOou.mjs

@@ -0,0 +1,194 @@
+import { computed as h, reactive as B, defineComponent as E, defineAsyncComponent as m, resolveComponent as L, createElementBlock as k, createCommentVNode as u, openBlock as p, createBlock as g, createVNode as A, Fragment as N, renderList as P, unref as l, withCtx as y, createElementVNode as _, resolveDynamicComponent as $ } from "vue";
+import { g as H, r as w } from "./index-D-ZCf4WW.mjs";
+const O = (e) => {
+  const { $db: i, $global: s } = e.ujt, f = /* @__PURE__ */ Object.assign({ "../_form/AsaiComp.vue": () => import("./AsaiComp-DSDtWOdH.mjs"), "../_form/AsaiCss.vue": () => import("./AsaiCss-Vi1G0_22.mjs"), "../_form/AsaiDom.vue": () => import("./AsaiDom-D29WldSk.mjs"), "../_form/AsaiEvent.vue": () => import("./AsaiEvent-CmKaZzjj.mjs"), "../_form/AsaiHidden.vue": () => import("./AsaiHidden-Dw0VpjRy.mjs"), "../_form/AsaiPos.vue": () => import("./AsaiPos-DO1Fjopa.mjs"), "../_form/AsaiStyle.vue": () => import("./AsaiStyle-CLSR3h3U.mjs"), "../_form/AsaiStyles.vue": () => import("./AsaiStyles-B3vm__Lw.mjs") }), j = {};
+  for (const t in f)
+    j[H(t) || t] = f[t];
+  const v = h(() => {
+    const t = s.pop.popdesignattr?.data?.item?.id;
+    return e.designerdata.data.data.map((d) => [d.id, d.label || d.comp]).filter((d) => d[0] != t);
+  }), a = B({
+    comp: j,
+    ic: 0,
+    eq: 0,
+    lang: s.lang.designersys.attrs,
+    rule: {
+      id: { comp: "AsaiHidden" },
+      lim: { comp: "AsaiHidden" },
+      events: { nolabel: 1, comp: "AsaiEvent" },
+      typedrop: {
+        comp: "AsaiInput",
+        type: "checkbox",
+        typedropdata: {
+          1: s.lang.designersys.attrs.place,
+          2: s.lang.designersys.attrs.return
+        }
+      },
+      typesort: {
+        comp: "AsaiInput",
+        type: "checkbox",
+        typesortdata: {
+          1: s.lang.designersys.attrs.unordered,
+          2: s.lang.designersys.attrs.ordered
+        }
+      },
+      domev: {
+        nolabel: 1,
+        comp: "AsaiDom",
+        opt: { selectdata: v }
+      },
+      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 a.rule.comps.opt = {
+    compsdata: i.designerdata.lib.compsdata,
+    selectdata: i.designerdata.lib.selectcompsdata
+  }, a.rule.events.opt = {
+    eventsdata: i.designerdata.lib.eventsdata,
+    selectdata: i.designerdata.lib.selecteventsdata
+  }, a.rule.styles.opt = {
+    stylesdata: s.lang.designersys?.styleslist,
+    selectdata: Object.entries(s.lang.designersys?.styleslist || {})
+  }, a.rule.style.opt = {
+    styledata: i.designerdata.lib.styledata,
+    selectdata: i.designerdata.lib.selectstyledata
+  }, a.rule.styleok.opt = a.rule.stylearea.opt = a.rule.style.opt, a.rule.css.opt = {
+    cssdata: i.designerdata.lib.cssdata,
+    selectdata: i.designerdata.lib.selectcssdata
+  }, a.rule.cssok.opt = a.rule.cssarea.opt = a.rule.css.opt, { rfAttrData: a };
+}, F = {
+  key: 0,
+  id: "asdesignarea"
+}, M = { class: "as-design-comp" }, U = /* @__PURE__ */ E({
+  __name: "ViewDesigner",
+  props: {
+    ujt: {},
+    designerdata: {},
+    opt: {}
+  },
+  setup(e) {
+    const i = m(() => import("./ViewDesignerLibList-DL7-V-lm.mjs")), s = m(() => import("./ViewDesignerAttr-CZET-KMs.mjs")), f = m(() => import("./ViewDesignerBtns-yOF5C4iY.mjs")), j = m(() => import("./ViewDesignerItemOpt-C4bLVqmZ.mjs")), v = m(() => import("./ViewDesignerItemArea-B28i1-J-.mjs")), a = m(() => import("./ViewDesignerManage-nu720Lly.mjs")), t = e, { $global: d, $db: V } = t.ujt, { rfAttrData: S } = O(t);
+    t.designerdata.rfAttrData = S;
+    const b = /* @__PURE__ */ new Map();
+    t.designerdata.lib.getComp = D;
+    function D(o) {
+      const c = String(o || "default");
+      if (b.has(c))
+        return b.get(c);
+      try {
+        let r = t.opt?.imComp?.[c];
+        r || (r = t.opt?.imComp?.default);
+        const n = w(r);
+        return b.set(c, n), n;
+      } catch {
+        const r = t.opt?.imComp?.default, n = w(r);
+        return b.set(c, n), n;
+      }
+    }
+    function x(o) {
+      if (o = o || d.location?.hasharr?.[V.designerdata?.ty || 0], o) {
+        if (t.designerdata?.list?.list[o])
+          return o;
+        if (t.designerdata.list.cfg?.maps?.[o] && t.designerdata?.list?.list?.[t.designerdata.list.cfg?.maps?.[o]])
+          return t.designerdata.list.cfg?.maps?.[o];
+      }
+      return t.designerdata.list.cfg?.maps?.default;
+    }
+    t.designerdata.dataid = x(t.opt?.id), t.designerdata.fn.readDesignData(), t.opt?.isview && t.designerdata?.ux?.isedit && (t.designerdata.ux.isedit = 0);
+    const I = h(() => t.designerdata.data?.data || []);
+    return (o, c) => {
+      const r = L("PopBox");
+      return t.designerdata.stat.data ? (p(), k("div", F, [
+        (p(!0), k(N, null, P(I.value, (n, C) => (p(), g(l(v), {
+          key: "box-" + n.id,
+          ujt: e.ujt,
+          designerdata: t.designerdata,
+          opt: t.opt,
+          itemdata: { item: n, index: C }
+        }, {
+          item: y(() => [
+            _("div", M, [
+              (p(), g($(D(n?.comps?.[0])), {
+                ujt: e.ujt,
+                designerdata: t.designerdata,
+                opt: t.opt,
+                itemdata: { item: n, index: C }
+              }, null, 8, ["ujt", "designerdata", "opt", "itemdata"]))
+            ])
+          ]),
+          opt: y(() => [
+            A(l(j), {
+              ujt: e.ujt,
+              designerdata: t.designerdata,
+              opt: t.opt,
+              itemdata: { item: n, index: C }
+            }, null, 8, ["ujt", "designerdata", "opt", "itemdata"])
+          ]),
+          _: 2
+        }, 1032, ["ujt", "designerdata", "opt", "itemdata"]))), 128)),
+        t.opt?.isview ? u("", !0) : (p(), g(l(f), {
+          key: 0,
+          ujt: e.ujt,
+          designerdata: t.designerdata,
+          opt: t.opt
+        }, null, 8, ["ujt", "designerdata", "opt"])),
+        A(r, {
+          ujt: e.ujt,
+          id: "popdesignlib"
+        }, {
+          default: y(() => [
+            l(d).pop.popdesignlib.stat ? (p(), g(l(i), {
+              key: 0,
+              ujt: e.ujt,
+              designerdata: t.designerdata,
+              opt: t.opt
+            }, null, 8, ["ujt", "designerdata", "opt"])) : u("", !0)
+          ]),
+          _: 1
+        }, 8, ["ujt"]),
+        A(r, {
+          ujt: e.ujt,
+          id: "popdropdesignarea"
+        }, {
+          default: y(() => [
+            l(d).pop.popdropdesignarea.stat ? (p(), g(l(a), {
+              key: 0,
+              ujt: e.ujt,
+              opt: t.opt,
+              designerdata: t.designerdata
+            }, null, 8, ["ujt", "opt", "designerdata"])) : u("", !0)
+          ]),
+          _: 1
+        }, 8, ["ujt"]),
+        A(r, {
+          ujt: e.ujt,
+          id: "popdesignattr"
+        }, {
+          default: y(() => [
+            l(d).pop.popdesignattr.stat ? (p(), g(l(s), {
+              key: 0,
+              ujt: e.ujt,
+              designerdata: t.designerdata,
+              opt: t.opt
+            }, null, 8, ["ujt", "designerdata", "opt"])) : u("", !0)
+          ]),
+          _: 1
+        }, 8, ["ujt"])
+      ])) : u("", !0);
+    };
+  }
+});
+export {
+  U as default
+};

package/dist/ViewDesignerAttr-CZET-KMs.mjs

@@ -0,0 +1,33 @@
+import { defineComponent as i, resolveComponent as d, createElementBlock as c, openBlock as p, createElementVNode as e, createVNode as l, withModifiers as m, unref as n, toDisplayString as _ } from "vue";
+import { _ as g } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const u = { class: "as-designattr-area" }, f = { class: "as-designattr-main" }, v = { class: "as-btn-area" }, A = /* @__PURE__ */ i({
+  __name: "ViewDesignerAttr",
+  props: {
+    ujt: {},
+    designerdata: {},
+    opt: {}
+  },
+  setup(s) {
+    const t = s, { $global: a } = t.ujt;
+    return t.designerdata.rfAttrData.data = a.pop.popdesignattr?.data?.item, (j, o) => {
+      const r = d("AsaiForm");
+      return p(), c("div", u, [
+        e("div", f, [
+          l(r, {
+            ujt: s.ujt,
+            asaidata: t.designerdata.rfAttrData
+          }, null, 8, ["ujt", "asaidata"])
+        ]),
+        e("div", v, [
+          e("div", {
+            class: "as-btn-cur",
+            onClick: o[0] || (o[0] = m((D) => n(a).pop.popdesignattr?.fn?.(), ["stop"]))
+          }, _(n(a).lang.asai.save), 1)
+        ])
+      ]);
+    };
+  }
+}), h = /* @__PURE__ */ g(A, [["__scopeId", "data-v-338ca4b5"]]);
+export {
+  h as default
+};