@vtj/designer 0.11.15 → 0.12.0-alpha.0

package/types/framework/engine.d.ts

@@ -1,22 +1,56 @@
 import { ShallowReactive, InjectionKey, MaybeRef, App, Ref } from 'vue';
-import { Base, ProjectModel, BlockModel, HistoryModel, Service, Emitter, ProjectSchema, ProjectModelEvent } from '@vtj/core';
+import { Base, ProjectModel, BlockModel, HistoryModel, Service, Emitter, ProjectSchema, ProjectModelEvent, BlockSchema } from '@vtj/core';
 import { Context, Provider, Access, ProvideAdapter } from '@vtj/renderer';
 import { SkeletonWrapperInstance } from '../wrappers';
 import { Simulator } from './simulator';
 import { Assets } from './assets';
 import { Report } from './report';
+import { OpenApi } from './openapi';
 export declare const engineKey: InjectionKey<ShallowReactive<Engine>>;
 export interface EngineOptions {
+    /**
+     * 设计器渲染容器
+     */
     container: MaybeRef<HTMLElement | undefined>;
+    /**
+     * 设计器文件服务
+     */
     service: Service;
+    /**
+     * 当前加载的项目信息
+     */
     project?: Partial<ProjectSchema>;
+    /**
+     * 项目依赖，优先于 project 的 dependencies
+     */
     dependencies?: Record<string, () => Promise<any>>;
+    /**
+     * 项目物料，优先于 project 的 dependencies
+     */
     materials?: Record<string, () => Promise<any>>;
+    /**
+     * 内置物料路径 BasePath
+     */
     materialPath?: string;
+    /**
+     * 全局变量
+     */
     globals?: Record<string, any>;
+    /**
+     * 设计器画布适配
+     */
     adapter?: Partial<ProvideAdapter>;
+    /**
+     * 设计器初始化后执行的回调
+     */
     install?: (app: App, engine?: Engine) => void;
+    /**
+     * 页面路由 base
+     */
     pageBasePath?: string;
+    /**
+     * 页面路由名称
+     */
     pageRouteName?: string;
     /**
      * 这个是引擎自己的Access，不是业务应用，应用的在 adapter 中设置
@@ -26,6 +60,18 @@ export interface EngineOptions {
      * 远程服务host
      */
     remote?: string;
+    /**
+     * 授权登录
+     */
+    auth?: string | (() => Promise<any>);
+    /**
+     * 开启版本检查
+     */
+    checkVersion?: boolean;
+    /**
+     * 适配远程接口
+     */
+    openApi?: OpenApi;
 }
 export declare const SAVE_BLOCK_FILE_FINISH = "SAVE_BLOCK_FILE_FINISH";
 export declare class Engine extends Base {
@@ -51,6 +97,8 @@ export declare class Engine extends Base {
     access?: Access;
     remote: string;
     report: Report;
+    checkVersion: boolean;
+    openApi?: OpenApi;
     constructor(options: EngineOptions);
     private init;
     private render;
@@ -69,6 +117,7 @@ export declare class Engine extends Base {
     private loadHistory;
     private publish;
     genSource(): Promise<string | undefined>;
+    applyAI(dsl: BlockSchema): Promise<void>;
     private publishCurrent;
     dispose(): void;
     openFile(fileId?: string): Promise<void>;

package/types/framework/index.d.ts

@@ -5,3 +5,4 @@ export * from './simulator';
 export * from './renderer';
 export * from './designer';
 export * from './devtools';
+export * from './openapi';

package/types/framework/openapi.d.ts

@@ -0,0 +1,100 @@
+import { Access } from '@vtj/renderer';
+import { PlatformType, BlockSchema } from '@vtj/core';
+export interface TemplateDto {
+    id: string;
+    name: string;
+    label: string;
+    vip: boolean;
+    share: boolean;
+    cover: string;
+    author: string;
+    userId: string;
+    category: string;
+    latest: string;
+    platform: string;
+}
+export interface DictOption {
+    label: string;
+    value: string;
+}
+export interface PublishTemplateDto {
+    name: string;
+    label: string;
+    category: string;
+    cover: Blob;
+    share: boolean;
+    version: string;
+    platform: string;
+    latest?: string;
+    dsl: string;
+    id?: string;
+}
+export interface TopicDto {
+    model: string;
+    project: string;
+    dsl: string;
+    source: string;
+    prompt: string;
+}
+export interface AITopic {
+    id: string;
+    appId: string;
+    createAt: string;
+    fileId: string;
+    isHot: boolean;
+    model: string;
+    platform: string;
+    projectId: string;
+    title: string;
+    prompt: string;
+    dependencies: string;
+    dsl: any;
+}
+export interface AIChat {
+    id: string;
+    content: string;
+    createdAt: string;
+    dsl: any;
+    message: string;
+    prompt: string;
+    reasoning: string;
+    status: string;
+    tokens: number;
+    topicId: string;
+    userId: string;
+    userName: string;
+    thinking: number;
+    vue: string;
+    collapsed?: boolean;
+}
+export interface ChatDto {
+    topicId: string;
+    prompt: string;
+}
+export interface ResponseWrapper<T = any> {
+    code: number;
+    success: boolean;
+    message?: string;
+    data: T;
+}
+export declare abstract class OpenApi {
+    abstract access: Access;
+    abstract loginBySign: () => Promise<string[]>;
+    abstract isLogined: () => Promise<boolean>;
+    abstract getTemplates: (platform: PlatformType) => Promise<TemplateDto[]>;
+    abstract getTemplateById: (id: string) => Promise<TemplateDto>;
+    abstract removeTemplate: (id: string) => Promise<boolean>;
+    abstract getTemplateDsl: (id: string) => Promise<BlockSchema>;
+    abstract getDictOptions: (code: string) => Promise<DictOption[]>;
+    abstract publishTemplate: (dto: PublishTemplateDto) => Promise<boolean>;
+    abstract postTopic: (dto: TopicDto) => Promise<ResponseWrapper<{
+        topic: AITopic;
+        chat: AIChat;
+    }>>;
+    abstract getChats: (topicId: string) => Promise<ResponseWrapper<AIChat[]>>;
+    abstract getTopics: (fileId: string) => Promise<ResponseWrapper<AITopic[]>>;
+    abstract postChat: (dto: ChatDto) => Promise<ResponseWrapper<AIChat>>;
+    abstract saveChat: (chat: AIChat) => Promise<ResponseWrapper<boolean>>;
+    abstract removeTopic: (topicId: string) => Promise<ResponseWrapper<boolean>>;
+    abstract getHotTopics: () => Promise<ResponseWrapper<AITopic[]>>;
+}

package/types/framework/renderer.d.ts

@@ -26,4 +26,5 @@ export declare class Renderer {
     updateChild(node: NodeSchema, parent: BlockSchema | NodeSchema): void;
     private __onNodeChange;
     private __onBlockChange;
+    private isDesignerActive;
 }

package/types/framework/report.d.ts

@@ -20,10 +20,10 @@ export interface ReportData {
     source?: string;
 }
 export declare class Report {
-    private remote;
     private access;
     private service?;
     private api;
+    private remote;
     private debounceSend;
     constructor(remote: string, access: Access, service?: Service | undefined);
     private isVtjUrl;

package/types/framework/types.d.ts

@@ -53,6 +53,10 @@ export interface Widget {
      * 排序
      */
     order?: number;
+    /**
+     * 需要remote支持
+     */
+    remote?: boolean;
 }
 /**
  * App类型器件

package/types/managers/widget.d.ts

@@ -24,6 +24,11 @@ declare class WidgetManager {
      * @returns
      */
     set(name: string, widget: Partial<Widget>): void;
+    /**
+     * 删除器件
+     * @param name
+     */
+    unregister(name: string): void;
     /**
      * 根据区域名称获取区域内的器件配置
      * @param region
@@ -31,6 +36,12 @@ declare class WidgetManager {
      * @returns
      */
     getWidgets(region?: keyof typeof RegionType, group?: string): Widget[];
+    /**
+     * 获取支持Remote器件
+     * @returns
+     */
+    getRemoteWidgets(): Widget[];
+    removeRemoteWidgets(): void;
 }
 export declare const widgetManager: WidgetManager;
 export {};

package/types/utils.d.ts

@@ -1,8 +1,8 @@
 import { JSExpression, JSFunction } from '@vtj/core';
 import { MessageBoxData, NotificationHandle, MessageHandler } from 'element-plus';
-export declare function alert(message: string): Promise< MessageBoxData>;
+export declare function alert(message: string, options?: any): Promise< MessageBoxData>;
 export declare function notify(message: string, title?: string): NotificationHandle;
-export declare function confirm(message: string): Promise<boolean | MessageBoxData>;
+export declare function confirm(message: string, options?: any): Promise<boolean | MessageBoxData>;
 export declare function message(message: string, type?: 'success' | 'warning'): MessageHandler;
 export declare function proxyContext(context: any): any;
 export declare function expressionValidate(str: JSExpression | JSFunction, self: any, thisRequired?: boolean): boolean;

package/types/version.d.ts

@@ -2,7 +2,7 @@
  * Copyright (c) 2025, VTJ.PRO All rights reserved.
  * @name @vtj/designer
  * @author CHC chenhuachun1549@dingtalk.com
- * @version 0.11.14
+ * @version 0.11.16
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export declare const version = "0.11.14";
+export declare const version = "0.11.16";

package/dist/Editor-7SLplEph.js

@@ -1,67 +0,0 @@
-import { defineComponent as p, ref as f, onMounted as y, nextTick as g, onUnmounted as h, watch as w, createElementBlock as v, openBlock as V, normalizeStyle as k, withKeys as B, normalizeClass as E, withModifiers as x } from "vue";
-import { editor as _ } from "monaco-editor";
-const T = /* @__PURE__ */ p({
-  __name: "Editor",
-  props: {
-    lang: { default: "typescript" },
-    modelValue: { default: "" },
-    options: { default: () => ({}) },
-    height: { default: "300px" },
-    readonly: { type: Boolean, default: !1 },
-    dark: { type: Boolean, default: !1 },
-    border: { type: Boolean },
-    minimap: { type: Boolean, default: !1 }
-  },
-  emits: ["change", "blur", "update:modelValue"],
-  setup(l, { expose: s, emit: d }) {
-    const t = l;
-    self.MonacoEnvironment = {
-      createTrustedTypesPolicy: void 0,
-      async getWorker(o, a) {
-        let n;
-        return a === "json" && (n = await import("./json.worker-DCDqLFYI.js")), ["css", "scss", "less"].includes(a) && (n = await import("./css.worker-DhE07keG.js")), ["html", "handlebars", "razor", "vue"].includes(a) && (n = await import("./html.worker-C5hxLCyX.js")), ["typescript", "javascript"].includes(a) && (n = await import("./ts.worker-Bjq4oI3m.js")), n = n || await import("./editor.worker-DKpUct5n.js"), new n.default();
-      }
-    };
-    const r = d, i = f();
-    let e = null;
-    const u = async () => {
-      e && (await e.getAction("editor.action.formatDocument")?.run(), e.setValue(e.getValue()));
-    }, c = async () => {
-      await u();
-      const o = e?.getValue();
-      r("update:modelValue", o), r("blur", o);
-    }, m = () => {
-      e = _.create(i.value, {
-        value: t.modelValue,
-        language: t.lang,
-        readOnly: t.readonly,
-        theme: t.dark ? "vs-dark" : "vs",
-        automaticLayout: !0,
-        minimap: { enabled: t.minimap },
-        ...t.options
-      }), e.onDidChangeModelContent((o) => {
-        r("change", e?.getValue(), o);
-      }), e.onDidBlurEditorText(c);
-    };
-    return y(() => {
-      g(m);
-    }), h(() => {
-      e && e.dispose();
-    }), w(
-      () => t.modelValue,
-      (o) => {
-        e && e.setValue(o);
-      }
-    ), s({ getEditor: () => e }), (o, a) => (V(), v("div", {
-      class: E(["v-code-editor", { "is-border": t.border }]),
-      ref_key: "container",
-      ref: i,
-      onKeyup: a[0] || (a[0] = B(x(() => {
-      }, ["stop"]), ["enter"])),
-      style: k({ height: t.height })
-    }, null, 38));
-  }
-});
-export {
-  T as default
-};