asai-vue-host 0.2.58 → 0.2.60

package/README.md

@@ -1,184 +1,190 @@
-# asai-vue-host — 应用宿主框架（核心）
-
-## 概述
-
-`asai-vue-host` 是 AsaiWeb CMS 的**核心应用宿主框架**，提供应用加载、模块管理、路由分发、WebSocket 通信和数据库响应的能力。它是整个前端架构的运行容器。
-
-## 功能
-
-- 🚀 **应用启动**：管理完整应用加载流程
-- 📦 **模块管理**：动态加载和卸载功能模块
-- 🧭 **路由分发**：基于 Hash 路由的页面分发
-- 🔌 **WebSocket 通信**：WebSocket 连接管理与事件系统
-- 💾 **数据库响应**：IndexedDB / 本地数据响应式提供
-- 🎯 **功能注入**：通过 `provide` 提供全局数据和方法
-- ⏳ **加载状态管理**：多种加载动画组件
-- 🚨 **错误处理**：404 页面、加载错误页面
-
-## 文件结构
-
-```
-asai-vue-host/
-├── src/
-│   └── components/
-│       ├── index.ts                       # 插件安装入口（install 方法）
-│       ├── asengine/
-│       │   └── provide/
-│       │       ├── providedb.ts           # 数据库响应式数据 Provide
-│       │       ├── providedbwork.ts       # 数据库工作线程 Provide
-│       │       ├── providefn.ts           # 功能函数 Provide
-│       │       └── providews.ts           # WebSocket 数据 Provide
-│       └── asui/
-│           ├── app/
-│           │   ├── AsaiWebItemIndex.vue   # 应用入口页面
-│           │   ├── AsaiWebItemDefault.vue # 默认页面
-│           │   ├── AsaiWebModule.vue      # 模块容器
-│           │   ├── AsaiWebModuleDefault.vue # 默认模块
-│           │   ├── AsaiWebModuleIndex.vue # 模块索引页
-│           │   ├── AsaiWebServer.vue      # 服务器页面
-│           │   └── AsaiComponent.vue      # 通用组件容器
-│           ├── common/
-│           │   ├── AsPageBusy.vue         # 页面繁忙状态
-│           │   ├── AsPageBusyGif.vue      # GIF 加载动画
-│           │   ├── AsReset.vue            # 重置组件
-│           │   ├── MenuShowFix.vue        # 菜单显示修复
-│           │   ├── RouterMap.vue          # 路由映射组件
-│           │   ├── AsPageBusy/
-│           │   │   ├── AsLoadingA3d.vue   # 3D 加载动画
-│           │   │   └── AsLoadingCircle.vue# 圆形加载动画
-│           │   └── _comps/
-│           │       └── Asai404.vue        # 404 页面
-│           └── page/
-│               ├── PageErr.vue            # 错误页面
-│               ├── PageLoadErr.vue        # 加载错误
-│               ├── PageLoadServer.vue     # 服务器加载
-│               ├── PageLoadUserToken.vue  # 用户 Token 加载
-│               ├── PageLoadUserTokenOnline.vue # 在线 Token 加载
-│               └── PageLoadWs.vue         # WebSocket 加载
-└── README.md
-```
-
-## 安装方式
-
-```typescript
-import AsaiVueHost from 'asai-vue-host';
-
-app.use(AsaiVueHost, {
-  loadts: (options) => { /* 加载 TypeScript 模块 */ },
-  loadvue: (options) => { /* 加载 Vue 组件 */ },
-  loadfn: (path) => { /* 加载函数 */ },
-});
-```
-
-## Provide 系统
-
-插件通过 Vue 的 `provide/inject` 机制注入以下全局功能：
-
-| Provide Key | 说明 |
-|-------------|------|
-| `$engineasai` | 主引擎上下文 |
-| `providedb` | 数据库响应式数据 |
-| `providews` | WebSocket 数据 |
-| `providefn` | 功能函数 |
-| `providedbwork` | 数据库工作线程 |
-
-## 核心组件
-
-### 应用组件
-
-| 组件 | 说明 |
-|------|------|
-| `AsaiWebServer` | 服务器连接管理 |
-| `AsaiWebModule` | 模块容器，管理子页面 |
-| `AsaiWebModuleIndex` | 模块首页索引 |
-| `AsaiWebModuleDefault` | 默认模块视图 |
-| `AsaiWebItemIndex` | 应用主入口页面 |
-| `AsaiWebItemDefault` | 应用默认页面 |
-| `AsaiComponent` | 动态组件渲染容器 |
-
-### 公共组件
-
-| 组件 | 说明 |
-|------|------|
-| `AsPageBusy` | 页面繁忙/加载中状态 |
-| `AsPageBusyGif` | GIF 格式加载动画 |
-| `AsLoadingA3d` | 3D 风格加载动画 |
-| `AsLoadingCircle` | 圆形旋转加载动画 |
-| `AsReset` | 数据重置组件 |
-| `MenuShowFix` | 菜单显示修正 |
-| `RouterMap` | Hash 路由映射 |
-| `Asai404` | 404 页面 |
-
-### 页面组件
-
-| 组件 | 说明 |
-|------|------|
-| `PageErr` | 通用错误页面 |
-| `PageLoadErr` | 加载失败页面 |
-| `PageLoadServer` | 服务器加载页面 |
-| `PageLoadUserToken` | 用户认证 Token 加载 |
-| `PageLoadUserTokenOnline` | 在线用户 Token 加载 |
-| `PageLoadWs` | WebSocket 连接加载 |
-
-## 技术细节
-
-- **插件安装模式**：通过 Vue 插件系统集成，使用 `install(app, opt)` 模式
-- **自动扫描加载**：使用 `import.meta.glob` 自动发现并注册组件
-- **模块化注入**：通过 `$engineasai` 注入点集中管理
-- **异步加载**：组件使用动态导入，按需加载减少首屏体积
-- **加载动画**：提供 CSS3 动画和 GIF 动画两种方案
-
-## 代码优化分析
-
-### 已做优化
-- ✅ 插件化架构：使用 Vue 插件 `install(app, opt)` 模式，可组合安装
-- ✅ 自动扫描加载：`import.meta.glob` 自动发现注册组件
-- ✅ 模块化注入：不同功能使用独立 key（`$engineasai`），避免命名冲突
-- ✅ Provide/Inject 模式：全局数据解耦，组件按需注入
-- ✅ 提供多种加载动画（CSS3 动画 + GIF），降级方案
-
-### 可优化点
-
-#### 1. Provide 数据为简单 reactive 对象
-```typescript
-// providedb.ts
-export default reactive({
-    providedb: { data: {} }
-});
-// providews.ts
-export default reactive({
-    providews: { data: { rooms: {}, wssys: {} } }
-});
-```
-**问题**：三个 provide 都使用 `reactive` 包裹但在对象中嵌套对象。Vue3 的 `reactive` 是深度的，嵌套对象的属性变更也会触发更新。但数据变更后，如果 inject 方直接替换内部对象（如 `providedb.data = newData`），可能会丢失响应性。
-
-**建议**：使用 `readonly` 包装 inject 数据，或明确提供数据修改方法。
-
-#### 2. 组件扫描使用 eager: false（lazy 模式）
-```typescript
-files: (import.meta as any).glob(['./asui/*/*.vue'])
-```
-**问题**：lazy 模式（非 eager）意味着组件只在首次渲染时异步加载。对于核心宿主组件（如 `AsaiWebModule`、`AsaiWebItemIndex`），它们是首屏必需组件，懒加载可能导致白屏闪烁。
-
-**建议**：对核心组件使用 eager 加载，次要组件使用 lazy。
-
-#### 3. PageLoadUserToken 等页面组件未定义Props
-一些页面加载组件（如 `PageLoadWs`、`PageLoadErr`）没有明确的 Props 定义。建议添加 Props 接口，至少支持错误信息、重试函数等。
-
-#### 4. 错误页面没有重试机制
-`PageErr` 和 `PageLoadErr` 只显示错误信息，没有"重试"按钮。建议添加 `retry` 属性和 `@retry` 事件。
-
-#### 5. "asany" 类型过多
-整个插件的 TypeScript 大量使用 `any` 类型，失去类型检查的意义。建议：
-- 定义核心类型接口（如 `AsaiContext`、`ModuleConfig`、`AppRoute`）
-- 将 `$fn`、`$global`、`$model` 等全局对象的类型定义为接口
-
-#### 6. Index.ts 中的 `opt.loadts` 和 `opt.loadvue` 缺少类型定义
-`install(app, opt)` 的 `opt` 参数没有 TypeScript 接口，调用方不知需传入哪些方法。建议：
-```typescript
-interface HostPluginOptions {
-    loadts: (opts: { app: any; key: string; eager: boolean; files: Record<string, any> }) => void;
-    loadvue: (opts: { loadfn: any; app: any; eager: boolean; files: Record<string, any> }) => void;
-    loadfn: (path: string) => any;
-}
-```
+# asai-vue-host — 应用宿主框架（核心）
+
+## 包信息
+
+| 建议 npm 名 | 入口文件 | 注入键 | 类型 |
+|------------|---------|-------------|------|
+| `@estun/asai-vue-host` | `src/components/index.ts` | `$engineasai`（loadts）/ `$ujtasai`（provide/inject） | Host |
+
+## 概述
+
+`asai-vue-host` 是 AsaiWeb CMS 的**核心应用宿主框架**，是整个前端架构的运行容器。职责：
+
+- 装配并 `provide('$ujtasai')` 全局运行时上下文（`$db / $dbwork / $ws / $global / $model / $fn`）
+- 应用启动流程（`initweb`）：加载 webmodel、解析路由配置、建立连接、初始化国际化
+- 无框架 **Hash / History 路由**分发（`AsRouter` + `RouterView.vue`），不依赖 vue-router
+- 通用工具集（`As`）：URL、Cookie、本地缓存、时间、序列化、节流防抖、深拷贝等
+- 全局组件懒加载注册（`asui/*/*.vue`：模块容器、加载/错误页、404 等）
+
+> 配套宿主插件：`asai-vue-host-base`（`$engineasai1`：API/WS/心跳/AES）、`asai-vue-host-channel`（`$engineasai2`：频道）、`-form` / `-popbox` / `-directives`（全局组件与指令）。它们在 `$fn.initweb()` 时被合并进 `$fn`。
+
+## 集成方式
+
+```typescript
+// monorepo — webclient/src/utils/index.ts
+import AsaiVueHost from '../plugs/asai-vue-host/src/components/index';
+// npm: import AsaiVueHost from '@estun/asai-vue-host';
+
+installModules.forEach((module) => module.install(app, lib)); // lib 由 LibInit() 提供 loadts/loadvue/loadfn
+```
+
+```typescript
+// App.vue —— 仅执行一次，注入全局上下文
+import useProvide from '../plugs/asai-vue-host/.../asengine/provide/useProvide';
+const { $ujtasai } = useProvide({ plugs: { /* 同步功能插件 */ } });
+```
+
+## 独立性约束
+
+- **禁止** cross-import 其它 `plugs/*`；仅通过运行时 `$fn` / `$global` 协作。
+- 通过 `LibInit` 传入的 `loadts` / `loadvue` / `loadfn` 与宿主 app 解耦，不反向依赖 Feature 插件。
+- ⚠️ `loadts` 按**文件名**注册键（`path.split('/').pop().slice(0,-3)`）。`asengine/common/*.ts` 会被 eager glob 注册为 `$engineasai.<文件名>`，故**不要**在该目录放置临时/重命名副本文件（如 `AsAES copy.ts`），否则会污染 `$fn` 键空间。
+
+## 文件结构
+
+```
+asai-vue-host/src/components/
+├── index.ts                       # install 入口（loadts $engineasai + loadvue asui）
+├── asengine/
+│   ├── common/
+│   │   ├── As.ts                  # → $fn.As     通用工具集（无状态）
+│   │   └── AsRouter.ts            # → $fn.AsRouter  Hash/History 路由器
+│   ├── init/useInitApp.ts         # → $fn.useInitApp  业务模块按需安装
+│   └── provide/
+│       ├── useProvide.ts          # 装配 $ujtasai 并 provide（核心启动）
+│       ├── providedb / providedbwork / providews / provideglobal / providefn
+│       └── （响应式数据域默认值）
+└── asui/                          # 全局组件（loadvue 懒加载，按文件名注册）
+    ├── app/     AsaiWebServer / AsaiWebModule / AsaiWebItemIndex …
+    ├── common/  RouterView / RouterMap / AsPageBusy / AsSvg / VirtualList …
+    └── page/    PageLoadWs / PageLoadErr / PageLoadServer …
+```
+
+## 安装入口（install）
+
+```typescript
+install(app, opt) {
+  opt.loadts({ app, key: '$engineasai', eager: true,
+    files: import.meta.glob(['./asengine/common/*.ts', './asengine/*/use*.ts'], { eager: true }) });
+  opt.loadvue({ loadfn: opt.loadfn, app, eager: false,
+    files: import.meta.glob(['./asui/*/*.vue']) });   // 首次渲染才拉 chunk
+}
+```
+
+## 全局上下文 `$ujtasai`
+
+| 域 | 来源 | 说明 |
+|----|------|------|
+| `$db` | providedb | IndexedDB / 业务响应式数据 |
+| `$dbwork` | providedbwork | 数据库工作态 |
+| `$ws` | providews | WebSocket 响应式数据 |
+| `$global` | provideglobal | `sys / config / user / code / location / pop / link / theme / keyboard …` |
+| `$model` | `window.$GYS.$webmodel` | webmodel 模型与组件表（`comps`） |
+| `$fn` | providefn + 各插件合并 | 全部平台功能函数（见下） |
+
+## 核心 API：`$fn`（useProvide 挂载）
+
+| 函数 | 签名 | 说明 |
+|------|------|------|
+| `initweb(insProxy)` | `async (insProxy) => void` | **应用启动**：合并引擎、加载 `sys/dirglobal.json`、版本校验、`dirmodel.json`、路由配置合并、`initLink`、初始化 hash 路由 |
+| `offweb()` | `() => void` | 卸载路由监听 |
+| `initLink(type?)` | `(0\|1) => Promise<link>` | 解析 `sys/server.json` 为 `$global.link`（含缓存 `as-link`） |
+| `startLink()` / `saveLink(data)` | — | 强制重新解析 / 直接写入连接表 |
+| `lg(path, params?)` | `(string, string\|string[]) => string` | 取国际化文案，`$1/$2` 占位符替换（路径解析带 Map 缓存） |
+| `initlang(langty?)` / `changelang(langty?)` | `=> Promise` | 初始化 / 切换语言包（`auto` 在两语言间切换） |
+| `initver()` | `() => boolean` | `$global.sys.webver` 变化时清缓存刷新 |
+| `lo(...args)` / `$log(data)` / `logSave(data)` | — | 带样式 console / 写入后端日志（`/api/asailog/manage/addclient/`） |
+| `inittoken()` / `gettoken(type?)` | — | 由 `code.pri/pub` + 用户信息生成 `us##lv##pub` token |
+| `login()` / `exit(type?)` | — | 清空 `as-user-info` 与会话，跳登录 / 退出 |
+| `checkOnline()` | `=> Promise` | WS `ping/pong` 在线探测 |
+| `setquery(value, type?)` / `sethash(value)` | — | 改写地址栏 query / hash（History 模式用 pushState） |
+| `getWebPath(path)` | `(string) => string` | 拼接 `$cfg.webpath` 前缀 |
+| `initmodel(url, prefix?)` | — | 由 `AsaiModel` 拉取 `webmodel/` 模型 |
+
+## 核心 API：`$fn.As`（通用工具集）
+
+| 分组 | 方法 |
+|------|------|
+| URL/链接 | `getUrlByCfg(cfg, type)` |
+| Cookie | `cookiesSet/Get/Del/Clear`、`cookiesSetByEncodeURI` |
+| 文件 | `readFile(file, ty)`、`downloadTxt(data, name)`、`downloadFile(url, name)` |
+| 本地缓存 | `localSet/Get/Remove/Clear/Clears`、`localInit`（清空+刷新）、`localReload`、`localTime` |
+| DOM/全屏 | `fullScreen/fullScreenExit/fullScreenDo`、`eStop(e)` |
+| 数据结构 | `treeToMap(tree, opt)`（迭代平铺为 `{nodeMap, depthMap}`，支持过滤）、`arrLenMax`、`toArr` |
+| 路径/校验 | `getPath` / `getName`（白名单过滤）、`isValidFileName`、`setObjValByPath`（**已防原型链污染**） |
+| 时间 | `getTime(type, timenow)`、`toFormTime` / `fromFormTime` |
+| 序列化 | `toObj` / `toStr`（防循环引用）、`toNum` / `toNums` |
+| 唯一 ID | `Uuid(prefix, index, hex)`（`crypto.getRandomValues` 随机位，16 位） |
+| 性能 | `debounce(fn, opt)`、`throttle(fn, opt)`（`opt` 持有 `timeout/wait/immediate`） |
+| 剪贴板 | `copyToClipboard` / `readFromClipboard`（localStorage 兼容方案） |
+| 深拷贝 | `DeepClone(obj)`（WeakMap 防环，支持 Date/RegExp/Map/Set） |
+| 远程 | `apiJsonp(url, callback)`（script 标签 JSONP，回调名随机，完成后清理） |
+
+## 核心 API：`$fn.AsRouter`（无框架路由）
+
+| 方法 | 说明 |
+|------|------|
+| `initHash(routerdata)` / `offHash()` | 绑定 / 移除 `popstate`（History）或 `hashchange`（Hash）监听 |
+| `setHash(routerdata, value)` | 改写地址（History `pushState` 或 `location.hash`） |
+| `setHref / getHref` | 整页跳转 / 读取 URL |
+| `getQuery(routerdata, str?)` | 解析 query（**已修正含 `=` 的值截断与非法编码**） |
+| `getHasharr(routerdata)` | hash → 路径数组（去尾空段、分离 query） |
+| `setRouter(routerdata)` | hash → comps：`#/a/b/c` → [`a/index`, `a/b/index`, `a/b/c/default`] |
+| `setTitle(title, ujt)` | 设置文档标题（拼接站点大标题） |
+
+路由组件由 `RouterView.vue` 依 `$global.location.comps[ty]` 经 `$fn.getcomp` 动态加载，缺失回退 `Asai404.vue`。
+
+## 全局组件
+
+| 组件 | 说明 |
+|------|------|
+| `RouterView` / `RouterMap` | Hash 路由视图 / 路由映射 |
+| `AsaiWebServer` / `AsaiWebModule` / `AsaiWebItemIndex` | 服务器连接 / 模块容器 / 应用主入口 |
+| `PageLoadWs` / `PageLoadServer` / `PageLoadErr` / `PageErr` | 连接与错误页 |
+| `AsPageBusy` / `AsLoadingCircle` / `AsLoadingA3d` / `AsPageBusyGif` | 加载动画 |
+| `Asai404` | 404 页面 |
+| `AsSvg` / `VirtualList` / `MenuShowFix` / `AsReset` | SVG / 虚拟列表 / 菜单 / 样式重置 |
+
+## 使用示例
+
+```typescript
+const { $fn, $global } = ujt;
+
+// 路由
+$fn.sethash('user/login');
+$fn.setquery({ id: 1 }, 1);            // 合并 query
+
+// 国际化
+$fn.lg('sys.webtit');                  // 取词
+$fn.lg('user.hello', [name]);          // 占位符 $1 → name
+await $fn.changelang('auto');
+
+// 工具
+const { nodeMap, depthMap } = $fn.As.treeToMap(tree, { id: 'sn', ch: 'children' });
+$fn.As.localSet('k', { a: 1 });
+$fn.As.debounce(save, opt);            // opt = { wait: 300 }
+```
+
+```vue
+<RouterView :ujt="ujt" :ty="0" />
+<AsaiWebModule :ujt="ujt" />
+```
+
+## 性能说明
+
+- TS 模块（`asengine`）**eager** 加载（启动即需）；Vue 组件 **lazy**（`eager: false`），首次渲染拉 chunk。
+- `useProvide` 全应用**仅执行一次**；`lg` 路径解析与正则均预编译/缓存。
+- `AsRouter` 监听器引用单独保存，`offHash` 精确移除，避免重复绑定与泄漏。
+- 核心首屏组件若白屏闪烁，可在业务侧对关键组件单独 eager。
+
+## 安全说明
+
+- `setObjValByPath` 拒绝 `__proto__` / `prototype` / `constructor` 键，防原型链污染。
+- `apiJsonp` 用 `script.src` + 随机回调名，避免 `innerHTML` 注入；完成/失败均清理回调与节点。
+- `getPath` / `getName` / `isValidFileName` 对外部输入做白名单与非法字符过滤。
+
+## peerDependencies 建议
+
+```json
+{ "peerDependencies": { "vue": "^3.4.0" } }
+```

package/dist/AsPageBusy-CxJAwG3n.mjs

@@ -0,0 +1,51 @@
+import { defineComponent as g, useCssVars as v, computed as y, resolveComponent as f, resolveDirective as b, withDirectives as x, createCommentVNode as u, unref as s, createElementBlock as r, openBlock as d, createElementVNode as o, withModifiers as B, createVNode as h, toDisplayString as k } from "vue";
+import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const j = {
+  key: 0,
+  class: "as-pagebusy-area touch-none"
+}, A = { class: "as-pagebusy" }, w = { class: "as-load-icon" }, P = {
+  key: 0,
+  class: "as-load-msg"
+}, V = /* @__PURE__ */ g({
+  __name: "AsPageBusy",
+  props: {
+    ujt: {}
+  },
+  setup(t) {
+    v((p) => ({
+      v7d9d0622: a.value
+    }));
+    const l = t, { $global: e, $fn: n } = l.ujt, a = y(() => e.pagebusy?.zindex || 9999);
+    function c() {
+      n.popConfirm({
+        con: e.lang.asai.resetconfirm,
+        zindex: a.value + 1,
+        fn: () => {
+          e.pagebusy = null, n.As.localInit();
+        }
+      });
+    }
+    return (p, i) => {
+      const _ = f("AsPageBusyGif"), m = b("dbpointerdown");
+      return s(e).pagebusy ? x((d(), r("div", j, [
+        o("div", {
+          class: "as-pagebusy-close",
+          onClick: i[0] || (i[0] = B((D) => c(), ["stop"]))
+        }),
+        o("div", A, [
+          o("div", w, [
+            h(_, { ujt: t.ujt }, null, 8, ["ujt"])
+          ]),
+          s(e).pagebusy?.v ? (d(), r("div", P, k(s(e).pagebusy?.v), 1)) : u("", !0)
+        ])
+      ])), [
+        [m, () => {
+          s(e).pagebusy?.keep || c();
+        }]
+      ]) : u("", !0);
+    };
+  }
+}), z = /* @__PURE__ */ C(V, [["__scopeId", "data-v-a9b32b31"]]);
+export {
+  z as default
+};

package/dist/{AsPageBusyGif-BeO4ftmK.mjs → AsPageBusyGif-Bz4I7tCT.mjs}

@@ -1,6 +1,6 @@
-import { defineComponent as c, createElementBlock as l, openBlock as t, normalizeStyle as o, createStaticVNode as n, createBlock as i, unref as s } from "vue";
-import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const f = /* @__PURE__ */ c({
+import { defineComponent as i, createElementBlock as l, openBlock as t, normalizeStyle as u, createStaticVNode as o, createBlock as c, unref as s } from "vue";
+import { _ as n } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const f = /* @__PURE__ */ i({
   __name: "AsLoadingCircle",
   props: {
     ujt: {
@@ -16,10 +16,10 @@ const f = /* @__PURE__ */ c({
   setup(e) {
     return (d, a) => (t(), l("div", {
       class: "as-load-gif",
-      style: o({ width: e.size + "px", height: e.size + "px" })
+      style: u({ width: e.size + "px", height: e.size + "px" })
     }, null, 4));
   }
-}), r = /* @__PURE__ */ u(f, [["__scopeId", "data-v-c5bf2081"]]), v = /* @__PURE__ */ c({
+}), r = /* @__PURE__ */ i({
   __name: "AsLoadingA3d",
   props: {
     ujt: {
@@ -35,12 +35,12 @@ const f = /* @__PURE__ */ c({
   setup(e) {
     return (d, a) => (t(), l("div", {
       class: "a3d-wrapper",
-      style: o({ "--cube-size": `${e.size}px`, "--half-size": `${e.size / 2}px` })
+      style: u({ "--cube-size": `${e.size}px`, "--half-size": `${e.size / 2}px` })
     }, [...a[0] || (a[0] = [
-      n('<div class="a3d" data-v-4d1d2b0e><div class="a3d-face a3d-face-front" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-back" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-left" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-right" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-top" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-bottom" data-v-4d1d2b0e></div></div>', 1)
+      o('<div class="a3d" data-v-4d1d2b0e><div class="a3d-face a3d-face-front" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-back" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-left" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-right" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-top" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-bottom" data-v-4d1d2b0e></div></div>', 1)
     ])], 4));
   }
-}), p = /* @__PURE__ */ u(v, [["__scopeId", "data-v-4d1d2b0e"]]), g = /* @__PURE__ */ c({
+}), v = /* @__PURE__ */ n(r, [["__scopeId", "data-v-4d1d2b0e"]]), y = /* @__PURE__ */ i({
   __name: "AsPageBusyGif",
   props: {
     ujt: {},
@@ -48,11 +48,11 @@ const f = /* @__PURE__ */ c({
   },
   setup(e) {
     const d = e, { $global: a } = d.ujt;
-    return (b, z) => e.opt?.ty || s(a).pagebusy?.ty ? (t(), i(p, {
+    return (p, b) => e.opt?.ty || s(a).pagebusy?.ty ? (t(), c(v, {
       key: 0,
       size: e.opt?.size || s(a).pagebusy?.size,
       ujt: e.ujt
-    }, null, 8, ["size", "ujt"])) : (t(), i(r, {
+    }, null, 8, ["size", "ujt"])) : (t(), c(f, {
       key: 1,
       size: e.opt?.size || s(a).pagebusy?.size,
       ujt: e.ujt
@@ -60,5 +60,5 @@ const f = /* @__PURE__ */ c({
   }
 });
 export {
-  g as default
+  y as default
 };

package/dist/AsPageLoading-B9gYJ9mc.mjs

@@ -0,0 +1,4 @@
+import { _ as f } from "./AsPageLoading.vue_vue_type_script_setup_true_lang-D6ucjG6K.mjs";
+export {
+  f as default
+};

package/dist/AsPageLoading.vue_vue_type_script_setup_true_lang-D6ucjG6K.mjs

@@ -0,0 +1,49 @@
+import { defineComponent as d, ref as g, onMounted as u, createElementBlock as a, openBlock as c, createCommentVNode as m, createElementVNode as l, createTextVNode as f, renderSlot as p, toDisplayString as w } from "vue";
+const v = { class: "as-load-area" }, _ = ["src"], $ = { class: "as-load-msg" }, k = /* @__PURE__ */ d({
+  __name: "AsPageLoading",
+  props: {
+    ujt: {},
+    msg: {}
+  },
+  setup(n) {
+    const s = n, t = g("");
+    u(() => {
+      const e = window;
+      t.value = s.ujt?.$global?.$cfg?.logo || e?.$CFG?.logo || "/webmodel/files/logo.png";
+    });
+    function i() {
+      const e = window, o = s.ujt?.$fn;
+      if (o?.As?.localInit) {
+        o.As.localInit();
+        return;
+      }
+      try {
+        e?.localStorage?.clear();
+      } catch {
+        console.warn("Failed to clear localStorage");
+      }
+      e?.location?.reload();
+    }
+    return (e, o) => (c(), a("div", v, [
+      t.value ? (c(), a("img", {
+        key: 0,
+        src: t.value,
+        width: "200",
+        onDblclick: o[0] || (o[0] = (r) => i())
+      }, null, 40, _)) : m("", !0),
+      o[1] || (o[1] = l("div", { class: "as-load-icon" }, [
+        l("div", {
+          class: "as-load-gif",
+          style: { width: "68px", height: "68px" }
+        })
+      ], -1)),
+      l("div", $, [
+        f(w(n.msg || "Loading...") + " ", 1),
+        p(e.$slots, "default")
+      ])
+    ]));
+  }
+});
+export {
+  k as _
+};

package/dist/PageErr-B_UHmHgG.mjs

@@ -0,0 +1,21 @@
+import { defineComponent as o, computed as a, createBlock as c, openBlock as s } from "vue";
+import { _ as m } from "./AsPageLoading.vue_vue_type_script_setup_true_lang-D6ucjG6K.mjs";
+const _ = /* @__PURE__ */ o({
+  __name: "PageErr",
+  props: {
+    ujt: {}
+  },
+  setup(t) {
+    const n = window, r = a(() => {
+      const e = n.$GYS?.$webmodel?.lang;
+      return e?.[e?.langty]?.pageerr || "";
+    });
+    return (e, u) => (s(), c(m, {
+      ujt: t.ujt,
+      msg: r.value
+    }, null, 8, ["ujt", "msg"]));
+  }
+});
+export {
+  _ as default
+};

package/dist/PageLoadClient-CNOJ8Yha.mjs

@@ -0,0 +1,14 @@
+import { defineComponent as e, createBlock as o, openBlock as n } from "vue";
+import { _ as r } from "./AsPageLoading.vue_vue_type_script_setup_true_lang-D6ucjG6K.mjs";
+const m = /* @__PURE__ */ e({
+  __name: "PageLoadClient",
+  props: {
+    ujt: {}
+  },
+  setup(t) {
+    return (a, c) => (n(), o(r, { ujt: t.ujt }, null, 8, ["ujt"]));
+  }
+});
+export {
+  m as default
+};

package/dist/PageLoadErr-D-nR7OhR.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as s, resolveComponent as r, createBlock as c, openBlock as o, unref as u, withCtx as m, createElementBlock as l, createCommentVNode as p, createVNode as i, toDisplayString as _ } from "vue";
+import { _ as d } from "./AsPageLoading.vue_vue_type_script_setup_true_lang-D6ucjG6K.mjs";
+const f = { key: 0 }, k = /* @__PURE__ */ s({
+  __name: "PageLoadErr",
+  props: {
+    ujt: {},
+    type: {}
+  },
+  setup(e) {
+    const t = e, { $global: n } = t.ujt;
+    return (g, j) => {
+      const a = r("AsReset");
+      return o(), c(d, {
+        ujt: e.ujt,
+        msg: u(n).lang?.asai?.page?.loadws || "Loading..."
+      }, {
+        default: m(() => [
+          t.type ? (o(), l("h3", f, _(t.type), 1)) : p("", !0),
+          i(a, { ujt: e.ujt }, null, 8, ["ujt"])
+        ]),
+        _: 1
+      }, 8, ["ujt", "msg"]);
+    };
+  }
+});
+export {
+  k as default
+};

package/dist/PageLoadServer-Y-ZcktpI.mjs

@@ -0,0 +1,14 @@
+import { defineComponent as t, createBlock as o, openBlock as r } from "vue";
+import { _ as n } from "./AsPageLoading.vue_vue_type_script_setup_true_lang-D6ucjG6K.mjs";
+const m = /* @__PURE__ */ t({
+  __name: "PageLoadServer",
+  props: {
+    ujt: {}
+  },
+  setup(e) {
+    return (a, c) => (r(), o(n, { ujt: e.ujt }, null, 8, ["ujt"]));
+  }
+});
+export {
+  m as default
+};