feat: update workspace demo

alibaba · Jan 15, 2024 · 7519129 · 7519129
1 parent 8ff5ca5
commit 7519129
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 11 deletions.
diff --git a/demo-workspace/package.json b/demo-workspace/package.json
@@ -32,7 +32,7 @@
  "@alilc/lowcode-react-renderer": "^1.1.2",
  "@alilc/lowcode-setter-behavior": "^1.0.0",
  "@alilc/lowcode-setter-title": "^1.0.2",
- "@alilc/lowcode-types": "latest",
+ "@alilc/lowcode-types": "^1.3.0",
  "antd": "^4.21.4",
  "moment": "^2.29.3",
  "uuid": "^8.3.2"

diff --git a/demo-workspace/src/index.ts b/demo-workspace/src/index.ts
@@ -23,7 +23,7 @@ import DefaultSettersDialogRegistryPlugin from './plugins/plugin-default-setters
 
 import appHelper from './appHelper';
 import './global.scss';
-import { IPublicModelPluginContext } from '@alilc/lowcode-types';
+import { IPublicModelPluginContext, IPublicModelResource, IPublicModelWindow, IPublicTypeContextMenuAction } from '@alilc/lowcode-types';
 
 (async function main() {
  // 注册应用级资源类型
@@ -71,28 +71,59 @@ import { IPublicModelPluginContext } from '@alilc/lowcode-types';
  await workspace.plugins.register(pluginResourceTabs, {
  appKey: 'general',
  shape: 'text',
+ tabContextMenuActions: (ctx: IPublicModelPluginContext, resource: IPublicModelResource): IPublicTypeContextMenuAction[] => {
+ return [
+ {
+ name: 'close',
+ title: '关闭',
+ action: () => {
+ ctx.workspace.removeEditorWindow(resource);
+ },
+ },
+ {
+ name: 'closeOthers',
+ title: '关闭其他',
+ action: () => {
+ workspace.windows.forEach((editorWindow: IPublicModelWindow) => {
+ if (editorWindow.resource?.id !== resource.id) {
+ editorWindow.resource && ctx.workspace.removeEditorWindow(editorWindow.resource);
+ }
+ });
+ },
+ disabled: () => workspace.windows.length <= 1,
+ }
+ ]
+ }
  });
 
  // 设计器区域多语言切换
  await workspace.plugins.register(SimulatorLocalePlugin);
 
  // 应用级左侧面板
  await workspace.plugins.register(pluginViewManagerPane, {
- init: controller.init,
  contextMenuActions: (ctx: IPublicModelPluginContext) => ([
  {
  name: 'add',
  title: '添加页面',
  action: controller.onAddPage,
  },
  ]),
- resourceContextMenuActions: (ctx: IPublicModelPluginContext) => ([
+ resourceContextMenuActions: (ctx: IPublicModelPluginContext, resource: IPublicModelResource) => ([
  {
  name: 'delete',
  title: '删除页面',
- action: controller.onDeletePage,
+ action: () => {
+ controller.onDeletePage(resource);
+ },
+ }
+ ]),
+ skeletonConfig: {
+ panelProps: {
+ width: '200px',
+ area: 'leftFixedArea',
  }
- ])
+ },
+ showIconText: false,
  });
 
  init(document.getElementById('lce-container')!, {

diff --git a/demo-workspace/src/viewController.tsx b/demo-workspace/src/viewController.tsx
@@ -1,13 +1,10 @@
 import React from 'react';
 import { Dialog, Form, Input, Button } from '@alifd/next';
+import * as pluginContext from "@alilc/lowcode-engine";
 import { IPublicModelPluginContext, IPublicModelResource } from '@alilc/lowcode-types';
 
 class Controller {
- pluginContext?: IPublicModelPluginContext;
-
- init = (ctx: IPublicModelPluginContext) => {
- this.pluginContext = ctx;
- }
+ pluginContext?: IPublicModelPluginContext = pluginContext;
 
  onAddPage = () => {
  const dialog = Dialog.show({