chore: update ts defined

This commit is contained in:
liujuping 2024-02-27 10:51:03 +08:00 committed by 林熠
parent dbd9382117
commit 0d92011863
75 changed files with 226 additions and 683 deletions

View File

@ -5,18 +5,6 @@ import { Menu } from '@alifd/next';
import { engineConfig } from '@alilc/lowcode-editor-core';
import './context-menu-actions.scss';
export interface IContextMenuActions {
actions: IPublicTypeContextMenuAction[];
adjustMenuLayoutFn: (actions: IPublicTypeContextMenuItem[]) => IPublicTypeContextMenuItem[];
addMenuAction: IPublicApiMaterial['addContextMenuOption'];
removeMenuAction: IPublicApiMaterial['removeContextMenuOption'];
adjustMenuLayout: IPublicApiMaterial['adjustContextMenuLayout'];
}
let adjustMenuLayoutFn: Function = (actions: IPublicTypeContextMenuAction[]) => actions;
export class GlobalContextMenuActions {
@ -116,7 +104,7 @@ export class GlobalContextMenuActions {
const globalContextMenuActions = new GlobalContextMenuActions();
export class ContextMenuActions implements IContextMenuActions {
export class ContextMenuActions {
actions: IPublicTypeContextMenuAction[] = [];
designer: IDesigner;
@ -204,30 +192,32 @@ export class ContextMenuActions implements IContextMenuActions {
originalEvent.stopPropagation();
originalEvent.preventDefault();
// 如果右键的节点不在 当前选中的节点中,选中该节点
if (!designer.currentSelection.has(node.id)) {
designer.currentSelection.select(node.id);
if (!designer.currentSelection?.has(node.id)) {
designer.currentSelection?.select(node.id);
}
const nodes = designer.currentSelection.getNodes();
const nodes = designer.currentSelection?.getNodes();
this.handleContextMenu(nodes, originalEvent);
}),
);
}
addMenuAction(action: IPublicTypeContextMenuAction) {
addMenuAction: IPublicApiMaterial['addContextMenuOption'] = (action: IPublicTypeContextMenuAction) => {
this.actions.push({
type: IPublicEnumContextMenuType.MENU_ITEM,
...action,
});
}
};
removeMenuAction(name: string) {
removeMenuAction: IPublicApiMaterial['removeContextMenuOption'] = (name: string) => {
const i = this.actions.findIndex((action) => action.name === name);
if (i > -1) {
this.actions.splice(i, 1);
}
}
};
adjustMenuLayout(fn: (actions: IPublicTypeContextMenuItem[]) => IPublicTypeContextMenuItem[]) {
adjustMenuLayout: IPublicApiMaterial['adjustContextMenuLayout'] = (fn: (actions: IPublicTypeContextMenuItem[]) => IPublicTypeContextMenuItem[]) => {
adjustMenuLayoutFn = fn;
}
}
};
}
export interface IContextMenuActions extends ContextMenuActions {}

View File

@ -1,16 +1,16 @@
import { Component } from 'react';
import classNames from 'classnames';
import BuiltinDragGhostComponent from './drag-ghost';
import { Designer, DesignerProps } from './designer';
import { Designer, DesignerProps, IDesigner } from './designer';
import { ProjectView } from '../project';
import './designer.less';
type IProps = DesignerProps & {
designer?: Designer;
designer?: IDesigner;
};
export class DesignerView extends Component<IProps> {
readonly designer: Designer;
readonly designer: IDesigner;
readonly viewName: string | undefined;
constructor(props: IProps) {

View File

@ -6,7 +6,6 @@ import {
IPublicTypeComponentAction,
IPublicTypeNpmInfo,
IPublicModelEditor,
IPublicTypeCompositeObject,
IPublicTypePropsList,
IPublicTypeNodeSchema,
IPublicTypePropsTransducer,
@ -17,15 +16,16 @@ import {
IPublicTypeLocationData,
IPublicEnumTransformStage,
IPublicModelLocateEvent,
IPublicTypePropsMap,
} from '@alilc/lowcode-types';
import { mergeAssets, IPublicTypeAssetsJson, isNodeSchema, isDragNodeObject, isDragNodeDataObject, isLocationChildrenDetail, Logger } from '@alilc/lowcode-utils';
import { IProject, Project } from '../project';
import { Node, DocumentModel, insertChildren, INode, ISelection } from '../document';
import { Node, DocumentModel, insertChildren, INode } from '../document';
import { ComponentMeta, IComponentMeta } from '../component-meta';
import { INodeSelector, Component } from '../simulator';
import { Scroller } from './scroller';
import { Dragon, IDragon } from './dragon';
import { ActiveTracker, IActiveTracker } from './active-tracker';
import { ActiveTracker } from './active-tracker';
import { Detecting } from './detecting';
import { DropLocation } from './location';
import { OffsetObserver, createOffsetObserver } from './offset-observer';
@ -47,7 +47,7 @@ export interface DesignerProps {
viewName?: string;
simulatorProps?: Record<string, any> | ((document: DocumentModel) => object);
simulatorComponent?: ComponentType<any>;
dragGhostComponent?: ComponentType<any>;
dragGhostComponent?: ComponentType<{ designer: IDesigner }>;
suspensed?: boolean;
componentMetadatas?: IPublicTypeComponentMetadata[];
globalComponentActions?: IPublicTypeComponentAction[];
@ -60,70 +60,10 @@ export interface DesignerProps {
) => void;
}
export interface IDesigner {
readonly shellModelFactory: IShellModelFactory;
viewName: string | undefined;
readonly project: IProject;
get dragon(): IDragon;
get activeTracker(): IActiveTracker;
get componentActions(): ComponentActions;
get contextMenuActions(): ContextMenuActions;
get editor(): IPublicModelEditor;
get detecting(): Detecting;
get simulatorComponent(): ComponentType<any> | undefined;
get currentSelection(): ISelection;
createScroller(scrollable: IPublicTypeScrollable): IPublicModelScroller;
refreshComponentMetasMap(): void;
createOffsetObserver(nodeInstance: INodeSelector): OffsetObserver | null;
/**
* dragon
*/
createLocation(locationData: IPublicTypeLocationData<INode>): DropLocation;
get componentsMap(): { [key: string]: IPublicTypeNpmInfo | Component };
loadIncrementalAssets(incrementalAssets: IPublicTypeAssetsJson): Promise<void>;
getComponentMeta(
componentName: string,
generateMetadata?: () => IPublicTypeComponentMetadata | null,
): IComponentMeta;
clearLocation(): void;
createComponentMeta(data: IPublicTypeComponentMetadata): IComponentMeta | null;
getComponentMetasMap(): Map<string, IComponentMeta>;
addPropsReducer(reducer: IPublicTypePropsTransducer, stage: IPublicEnumTransformStage): void;
postEvent(event: string, ...args: any[]): void;
transformProps(props: IPublicTypeCompositeObject | IPublicTypePropsList, node: Node, stage: IPublicEnumTransformStage): IPublicTypeCompositeObject | IPublicTypePropsList;
createSettingEntry(nodes: INode[]): ISettingTopEntry;
autorun(effect: (reaction: IReactionPublic) => void, options?: IReactionOptions<any, any>): IReactionDisposer;
}
export class Designer implements IDesigner {
export class Designer {
dragon: IDragon;
viewName: string | undefined;
readonly viewName: string | undefined;
readonly componentActions = new ComponentActions();
@ -423,7 +363,7 @@ export class Designer implements IDesigner {
if (props.simulatorProps !== this.props.simulatorProps) {
this._simulatorProps = props.simulatorProps;
// 重新 setupSelection
if (props.simulatorProps?.designMode !== this.props.simulatorProps?.designMode) {
if ((props.simulatorProps as any)?.designMode !== (this.props.simulatorProps as any)?.designMode) {
this.setupSelection();
}
}
@ -612,7 +552,7 @@ export class Designer implements IDesigner {
return maps;
}
transformProps(props: IPublicTypeCompositeObject | IPublicTypePropsList, node: Node, stage: IPublicEnumTransformStage) {
transformProps(props: IPublicTypePropsMap | IPublicTypePropsList, node: Node, stage: IPublicEnumTransformStage): IPublicTypePropsMap | IPublicTypePropsList {
if (Array.isArray(props)) {
// current not support, make this future
return props;
@ -623,7 +563,7 @@ export class Designer implements IDesigner {
return props;
}
return reducers.reduce((xprops, reducer) => {
return reducers.reduce((xprops, reducer: IPublicTypePropsTransducer) => {
try {
return reducer(xprops, node.internalToShellNode() as any, { stage });
} catch (e) {
@ -655,3 +595,5 @@ export class Designer implements IDesigner {
// TODO:
}
}
export interface IDesigner extends Designer {}

View File

@ -95,17 +95,13 @@ function isDragEvent(e: any): e is DragEvent {
return e?.type?.startsWith('drag');
}
export interface IDragon extends IPublicModelDragon<
INode,
ILocateEvent
> {
emitter: IEventBus;
}
/**
* Drag-on
*/
export class Dragon implements IDragon {
export class Dragon implements IPublicModelDragon<
INode,
ILocateEvent
> {
private sensors: IPublicModelSensor[] = [];
private nodeInstPointerEvents: boolean;
@ -637,3 +633,5 @@ export class Dragon implements IDragon {
};
}
}
export interface IDragon extends Dragon { }

View File

@ -28,11 +28,11 @@ export class OffsetObserver {
@obx private _bottom = 0;
@computed get height() {
return this.isRoot ? this.viewport.height : this._height * this.scale;
return this.isRoot ? this.viewport?.height : this._height * this.scale;
}
@computed get width() {
return this.isRoot ? this.viewport.width : this._width * this.scale;
return this.isRoot ? this.viewport?.width : this._width * this.scale;
}
@computed get top() {
@ -44,51 +44,51 @@ export class OffsetObserver {
}
@computed get bottom() {
return this.isRoot ? this.viewport.height : this._bottom * this.scale;
return this.isRoot ? this.viewport?.height : this._bottom * this.scale;
}
@computed get right() {
return this.isRoot ? this.viewport.width : this._right * this.scale;
return this.isRoot ? this.viewport?.width : this._right * this.scale;
}
@obx hasOffset = false;
@computed get offsetLeft() {
if (this.isRoot) {
return this.viewport.scrollX * this.scale;
return (this.viewport?.scrollX || 0) * this.scale;
}
if (!this.viewport.scrolling || this.lastOffsetLeft == null) {
this.lastOffsetLeft = this.left + this.viewport.scrollX * this.scale;
if (!this.viewport?.scrolling || this.lastOffsetLeft == null) {
this.lastOffsetLeft = this.left + (this.viewport?.scrollX || 0) * this.scale;
}
return this.lastOffsetLeft;
}
@computed get offsetTop() {
if (this.isRoot) {
return this.viewport.scrollY * this.scale;
return (this.viewport?.scrollY || 0) * this.scale;
}
if (!this.viewport.scrolling || this.lastOffsetTop == null) {
this.lastOffsetTop = this.top + this.viewport.scrollY * this.scale;
if (!this.viewport?.scrolling || this.lastOffsetTop == null) {
this.lastOffsetTop = this.top + (this.viewport?.scrollY || 0) * this.scale;
}
return this.lastOffsetTop;
}
@computed get offsetHeight() {
if (!this.viewport.scrolling || this.lastOffsetHeight == null) {
this.lastOffsetHeight = this.isRoot ? this.viewport.height : this.height;
if (!this.viewport?.scrolling || this.lastOffsetHeight == null) {
this.lastOffsetHeight = this.isRoot ? (this.viewport?.height || 0) : this.height;
}
return this.lastOffsetHeight;
}
@computed get offsetWidth() {
if (!this.viewport.scrolling || this.lastOffsetWidth == null) {
this.lastOffsetWidth = this.isRoot ? this.viewport.width : this.width;
if (!(this.viewport?.scrolling || 0) || this.lastOffsetWidth == null) {
this.lastOffsetWidth = this.isRoot ? (this.viewport?.width || 0) : this.width;
}
return this.lastOffsetWidth;
}
@computed get scale() {
return this.viewport.scale;
return this.viewport?.scale || 0;
}
private pid: number | undefined;
@ -124,11 +124,11 @@ export class OffsetObserver {
return;
}
const rect = host.computeComponentInstanceRect(instance!, node.componentMeta.rootSelector);
const rect = host?.computeComponentInstanceRect(instance!, node.componentMeta.rootSelector);
if (!rect) {
this.hasOffset = false;
} else if (!this.viewport.scrolling || !this.hasOffset) {
} else if (!this.viewport?.scrolling || !this.hasOffset) {
this._height = rect.height;
this._width = rect.width;
this._left = rect.left;

View File

@ -56,104 +56,30 @@ export type GetDataType<T, NodeType> = T extends undefined
: any
: T;
export interface IDocumentModel extends Omit<IPublicModelDocumentModel<
ISelection,
IHistory,
INode,
IDropLocation,
IModalNodesManager,
IProject
export class DocumentModel implements Omit<IPublicModelDocumentModel<
ISelection,
IHistory,
INode,
IDropLocation,
IModalNodesManager,
IProject
>,
'detecting' |
'checkNesting' |
'getNodeById' |
// 以下属性在内部的 document 中不存在
'exportSchema' |
'importSchema' |
'onAddNode' |
'onRemoveNode' |
'onChangeDetecting' |
'onChangeSelection' |
'onChangeNodeProp' |
'onImportSchema' |
'isDetectingNode' |
'onFocusNodeChanged' |
'onDropLocationChanged'
'detecting' |
'checkNesting' |
'getNodeById' |
// 以下属性在内部的 document 中不存在
'exportSchema' |
'importSchema' |
'onAddNode' |
'onRemoveNode' |
'onChangeDetecting' |
'onChangeSelection' |
'onChangeNodeProp' |
'onImportSchema' |
'isDetectingNode' |
'onFocusNodeChanged' |
'onDropLocationChanged'
> {
readonly designer: IDesigner;
selection: ISelection;
get rootNode(): INode | null;
get simulator(): ISimulatorHost | null;
get active(): boolean;
get nodesMap(): Map<string, INode>;
/**
*
*/
get suspensed(): boolean;
get fileName(): string;
get currentRoot(): INode | null;
isBlank(): boolean;
/**
* id
*/
getNode(id: string): INode | null;
getRoot(): INode | null;
getHistory(): IHistory;
checkNesting(
dropTarget: INode,
dragObject: IPublicTypeDragNodeObject | IPublicTypeNodeSchema | INode | IPublicTypeDragNodeDataObject,
): boolean;
getNodeCount(): number;
nextId(possibleId: string | undefined): string;
import(schema: IPublicTypeRootSchema, checkId?: boolean): void;
export(stage: IPublicEnumTransformStage): IPublicTypeRootSchema | undefined;
onNodeCreate(func: (node: INode) => void): IPublicTypeDisposable;
onNodeDestroy(func: (node: INode) => void): IPublicTypeDisposable;
onChangeNodeVisible(fn: (node: INode, visible: boolean) => void): IPublicTypeDisposable;
addWillPurge(node: INode): void;
removeWillPurge(node: INode): void;
getComponentMeta(componentName: string): IComponentMeta;
insertNodes(parent: INode, thing: INode[] | IPublicTypeNodeData[], at?: number | null, copy?: boolean): INode[];
open(): IDocumentModel;
remove(): void;
suspense(): void;
close(): void;
unlinkNode(node: INode): void;
destroyNode(node: INode): void;
}
export class DocumentModel implements IDocumentModel {
/**
* Page/Component/Block
*/
@ -322,7 +248,7 @@ export class DocumentModel implements IDocumentModel {
// 兼容 vision
this.id = project.getSchema()?.id || this.id;
this.rootNode = this.createNode(
this.rootNode = this.createNode<IRootNode, IPublicTypeRootSchema>(
schema || {
componentName: 'Page',
id: 'root',
@ -425,7 +351,7 @@ export class DocumentModel implements IDocumentModel {
* schema
*/
@action
createNode<T extends INode = INode, C = undefined>(data: GetDataType<C, T>): T {
createNode<T = INode, S = IPublicTypeNodeSchema>(data: S): T {
let schema: any;
if (isDOMText(data) || isJSExpression(data)) {
schema = {
@ -529,7 +455,7 @@ export class DocumentModel implements IDocumentModel {
return null;
}
const wrapper = this.createNode(schema);
if (wrapper.isParental()) {
if (wrapper?.isParental()) {
const first = nodes[0];
// TODO: check nesting rules x 2
insertChild(first.parent!, wrapper, first.index);
@ -538,7 +464,7 @@ export class DocumentModel implements IDocumentModel {
return wrapper;
}
this.removeNode(wrapper);
wrapper && this.removeNode(wrapper);
return null;
}
@ -928,3 +854,5 @@ export function isDocumentModel(obj: any): obj is IDocumentModel {
export function isPageSchema(obj: any): obj is IPublicTypePageSchema {
return obj?.componentName === 'Page';
}
export interface IDocumentModel extends DocumentModel {}

View File

@ -10,63 +10,12 @@ export interface IOnChangeOptions {
node: Node;
}
export interface INodeChildren extends Omit<IPublicModelNodeChildren<INode>,
'importSchema' |
'exportSchema' |
'isEmpty' |
'notEmpty'
export class NodeChildren implements Omit<IPublicModelNodeChildren<INode>,
'importSchema' |
'exportSchema' |
'isEmpty' |
'notEmpty'
> {
children: INode[];
get owner(): INode;
get length(): number;
unlinkChild(node: INode): void;
/**
*
*/
internalDelete(
node: INode,
purge: boolean,
useMutator: boolean,
options: NodeRemoveOptions
): boolean;
/**
*
*/
internalInsert(node: INode, at?: number | null, useMutator?: boolean): void;
import(data?: IPublicTypeNodeData | IPublicTypeNodeData[], checkId?: boolean): void;
/**
* schema
*/
export(stage: IPublicEnumTransformStage): IPublicTypeNodeData[];
/** following methods are overriding super interface, using different param types */
/** overriding methods start */
forEach(fn: (item: INode, index: number) => void): void;
/**
*
*/
get(index: number): INode | null;
isEmpty(): boolean;
notEmpty(): boolean;
internalInitParent(): void;
onChange(fn: (info?: IOnChangeOptions) => void): IPublicTypeDisposable;
/** overriding methods end */
}
export class NodeChildren implements INodeChildren {
@obx.shallow children: INode[];
private emitter: IEventBus = createModuleEventBus('NodeChildren');
@ -99,11 +48,10 @@ export class NodeChildren implements INodeChildren {
constructor(
readonly owner: INode,
data: IPublicTypeNodeData | IPublicTypeNodeData[],
options: any = {},
) {
makeObservable(this);
this.children = (Array.isArray(data) ? data : [data]).filter(child => !!child).map((child) => {
return this.owner.document?.createNode(child, options.checkId);
return this.owner.document?.createNode(child);
});
}
@ -142,9 +90,12 @@ export class NodeChildren implements INodeChildren {
node = child;
node.import(item);
} else {
node = this.owner.document?.createNode(item, checkId);
node = this.owner.document?.createNode(item);
}
if (node) {
children[i] = node;
}
children[i] = node;
}
this.children = children;
@ -176,13 +127,13 @@ export class NodeChildren implements INodeChildren {
/**
*
*/
purge(useMutator = true) {
purge() {
if (this.purged) {
return;
}
this.purged = true;
this.children.forEach((child) => {
child.purge(useMutator);
child.purge();
});
}
@ -212,7 +163,7 @@ export class NodeChildren implements INodeChildren {
node.internalPurgeStart();
if (node.isParentalNode) {
foreachReverse(
node.children,
node.children!,
(subNode: Node) => {
subNode.remove(useMutator, purge, options);
},
@ -459,11 +410,11 @@ export class NodeChildren implements INodeChildren {
const items = adder(this.children);
if (items && items.length > 0) {
items.forEach((child: IPublicTypeNodeData) => {
const node: INode = this.owner.document?.createNode(child);
this.children.push(node);
node.internalSetParent(this.owner);
const node: INode | null = this.owner.document?.createNode(child);
node && this.children.push(node);
node?.internalSetParent(this.owner);
/* istanbul ignore next */
const editor = node.document?.designer.editor;
const editor = node?.document?.designer.editor;
editor?.eventBus.emit('node.add', { node });
});
changed = true;
@ -504,7 +455,7 @@ export class NodeChildren implements INodeChildren {
try {
callbacks?.onSubtreeModified.call(
node.internalToShellNode(),
owner.internalToShellNode(),
owner.internalToShellNode()!,
options,
);
} catch (e) {
@ -517,3 +468,5 @@ export class NodeChildren implements INodeChildren {
}
}
}
export interface INodeChildren extends NodeChildren {}

View File

@ -13,7 +13,6 @@ import {
GlobalEvent,
IPublicTypeComponentAction,
IPublicModelNode,
IPublicModelExclusiveGroup,
IPublicEnumTransformStage,
IPublicTypeDisposable,
IBaseModelNode,
@ -37,132 +36,7 @@ export interface NodeStatus {
inPlaceEditing: boolean;
}
export interface IBaseNode<Schema extends IPublicTypeNodeSchema = IPublicTypeNodeSchema> extends Omit<IBaseModelNode<
IDocumentModel,
IBaseNode,
INodeChildren,
IComponentMeta,
ISettingTopEntry,
IProps,
IProp,
IExclusiveGroup
>,
'isRoot' |
'isPage' |
'isComponent' |
'isModal' |
'isSlot' |
'isParental' |
'isLeaf' |
'settingEntry' |
// 在内部的 node 模型中不存在
'getExtraPropValue' |
'setExtraPropValue' |
'exportSchema' |
'visible' |
'importSchema' |
// 内外实现有差异
'isContainer' |
'isEmpty'
> {
isNode: boolean;
get componentMeta(): IComponentMeta;
get settingEntry(): ISettingTopEntry;
get isPurged(): boolean;
get index(): number | undefined;
get isPurging(): boolean;
getId(): string;
getParent(): INode | null;
/**
* 使
* @param useMutator
*/
internalSetParent(parent: INode | null, useMutator?: boolean): void;
setConditionGroup(grp: IPublicModelExclusiveGroup | string | null): void;
internalToShellNode(): IPublicModelNode | null;
internalPurgeStart(): void;
unlinkSlot(slotNode: INode): void;
/**
* schema
*/
export<T = Schema>(stage: IPublicEnumTransformStage, options?: any): T;
emitPropChange(val: IPublicTypePropChangeOptions): void;
import(data: Schema, checkId?: boolean): void;
internalSetSlotFor(slotFor: Prop | null | undefined): void;
addSlot(slotNode: INode): void;
onVisibleChange(func: (flag: boolean) => any): () => void;
getSuitablePlace(node: INode, ref: any): any;
onChildrenChange(fn: (param?: { type: string; node: INode }) => void): IPublicTypeDisposable | undefined;
onPropChange(func: (info: IPublicTypePropChangeOptions) => void): IPublicTypeDisposable;
isModal(): boolean;
isRoot(): boolean;
isPage(): boolean;
isComponent(): boolean;
isSlot(): boolean;
isParental(): boolean;
isLeaf(): boolean;
isContainer(): boolean;
isEmpty(): boolean;
remove(
useMutator?: boolean,
purge?: boolean,
options?: NodeRemoveOptions,
): void;
didDropIn(dragment: INode): void;
didDropOut(dragment: INode): void;
purge(): void;
removeSlot(slotNode: INode): boolean;
setVisible(flag: boolean): void;
getVisible(): boolean;
getChildren(): INodeChildren | null;
clearPropValue(path: string | number): void;
setProps(props?: IPublicTypePropsMap | IPublicTypePropsList | Props | null): void;
mergeProps(props: IPublicTypePropsMap): void;
/** 是否可以选中 */
canSelect(): boolean;
}
export interface IBaseNode extends Node {}
/**
*
@ -212,7 +86,34 @@ export interface IBaseNode<Schema extends IPublicTypeNodeSchema = IPublicTypeNod
* isLocked
* hidden
*/
export class Node<Schema extends IPublicTypeNodeSchema = IPublicTypeNodeSchema> implements IBaseNode {
export class Node<Schema extends IPublicTypeNodeSchema = IPublicTypeNodeSchema> implements Omit<IBaseModelNode<
IDocumentModel,
IBaseNode,
INodeChildren,
IComponentMeta,
ISettingTopEntry,
IProps,
IProp,
IExclusiveGroup
>,
'isRoot' |
'isPage' |
'isComponent' |
'isModal' |
'isSlot' |
'isParental' |
'isLeaf' |
'settingEntry' |
// 在内部的 node 模型中不存在
'getExtraPropValue' |
'setExtraPropValue' |
'exportSchema' |
'visible' |
'importSchema' |
// 内外实现有差异
'isContainer' |
'isEmpty'
> {
private emitter: IEventBus;
/**
@ -690,7 +591,7 @@ export class Node<Schema extends IPublicTypeNodeSchema = IPublicTypeNodeSchema>
}
/* istanbul ignore next */
setConditionGroup(grp: IPublicModelExclusiveGroup | string | null) {
setConditionGroup(grp: IExclusiveGroup | string | null) {
let _grp: IExclusiveGroup | null = null;
if (!grp) {
this.getExtraProp('conditionGroup', false)?.remove();
@ -1389,11 +1290,11 @@ export interface LeafNode extends Node {
export type IPublicTypePropChangeOptions = Omit<GlobalEvent.Node.Prop.ChangeOptions, 'node'>;
export type ISlotNode = IBaseNode<IPublicTypeSlotSchema>;
export type IPageNode = IBaseNode<IPublicTypePageSchema>;
export type IComponentNode = IBaseNode<IPublicTypeComponentSchema>;
export type IRootNode = IPageNode | IComponentNode;
export type INode = IPageNode | ISlotNode | IComponentNode | IRootNode;
export interface ISlotNode extends Node<IPublicTypeSlotSchema> {}
export interface IPageNode extends Node<IPublicTypePageSchema> {}
export interface IComponentNode extends Node<IPublicTypeComponentSchema> {}
export interface IRootNode extends Node<IPublicTypePageSchema | IPublicTypeComponentSchema> {}
export interface INode extends Node<IPublicTypePageSchema | IPublicTypeSlotSchema | IPublicTypeComponentSchema | IPublicTypeNodeSchema> {}
export function isRootNode(node: INode): node is IRootNode {
return node && node.isRootNode;
@ -1505,7 +1406,7 @@ export function insertChild(
export function insertChildren(
container: INode,
nodes: INode[] | IPublicTypeNodeData[],
nodes: INode[] | IPublicTypeNodeData[] | IPublicModelNode[],
at?: number | null,
copy?: boolean,
): INode[] {

View File

@ -1,6 +1,6 @@
import { untracked, computed, obx, engineConfig, action, makeObservable, mobx, runInAction } from '@alilc/lowcode-editor-core';
import { GlobalEvent, IPublicEnumTransformStage } from '@alilc/lowcode-types';
import type { IPublicTypeCompositeValue, IPublicTypeJSSlot, IPublicTypeSlotSchema, IPublicModelProp } from '@alilc/lowcode-types';
import type { IPublicTypeCompositeValue, IPublicTypeJSSlot, IPublicTypeSlotSchema, IPublicModelProp, IPublicTypeNodeData } from '@alilc/lowcode-types';
import { uniqueId, isPlainObject, hasOwnProperty, compatStage, isJSExpression, isJSSlot, isNodeSchema } from '@alilc/lowcode-utils';
import { valueToSource } from './value-to-source';
import { IPropParent } from './props';
@ -227,7 +227,7 @@ export class Prop implements IProp, IPropParent {
constructor(
public parent: IPropParent,
value: IPublicTypeCompositeValue | UNSET = UNSET,
value: IPublicTypeCompositeValue | IPublicTypeNodeData | IPublicTypeNodeData[] | UNSET = UNSET,
key?: string | number,
spread = false,
options = {},
@ -351,7 +351,7 @@ export class Prop implements IProp, IPropParent {
* set value, val should be JSON Object
*/
@action
setValue(val: IPublicTypeCompositeValue) {
setValue(val: IPublicTypeCompositeValue | IPublicTypeNodeData | IPublicTypeNodeData[]) {
if (val === this._value) return;
const oldValue = this._value;
this._value = val;

View File

@ -37,30 +37,9 @@ export interface IPropParent {
delete(prop: IProp): void;
}
export interface IProps extends Omit<IBaseModelProps<IProp>, | 'getExtraProp' | 'getExtraPropValue' | 'setExtraPropValue' | 'node'>, IPropParent {
export interface IProps extends Props {}
/**
* props node
*/
getNode(): INode;
get(path: string, createIfNone?: boolean): IProp | null;
export(stage?: IPublicEnumTransformStage): {
props?: IPublicTypePropsMap | IPublicTypePropsList;
extras?: ExtrasObject;
};
merge(value: IPublicTypePropsMap, extras?: IPublicTypePropsMap): void;
purge(): void;
query(path: string, createIfNone: boolean): IProp | null;
import(value?: IPublicTypePropsMap | IPublicTypePropsList | null, extras?: ExtrasObject): void;
}
export class Props implements IProps, IPropParent {
export class Props implements Omit<IBaseModelProps<IProp>, | 'getExtraProp' | 'getExtraPropValue' | 'setExtraPropValue' | 'node'>, IPropParent {
readonly id = uniqueId('props');
@obx.shallow private items: IProp[] = [];

View File

@ -20,6 +20,7 @@ import {
IPublicEnumPluginRegisterLevel,
IPublicModelWindow,
IPublicApiCommonUI,
IPublicApiCommand,
} from '@alilc/lowcode-types';
import {
IPluginContextOptions,
@ -48,6 +49,7 @@ export default class PluginContext implements
editorWindow: IPublicModelWindow;
commonUI: IPublicApiCommonUI;
isPluginRegisteredInWorkspace: false;
command: IPublicApiCommand;
constructor(
options: IPluginContextOptions,

View File

@ -44,72 +44,27 @@ export enum SkeletonEvents {
WIDGET_ENABLE = 'skeleton.widget.enable',
}
export interface ISkeleton extends Omit<IPublicApiSkeleton,
'showPanel' |
'hidePanel' |
'showWidget' |
'enableWidget' |
'hideWidget' |
'disableWidget' |
'showArea' |
'onShowPanel' |
'onHidePanel' |
'onShowWidget' |
'onHideWidget' |
'remove' |
'hideArea' |
'add'
export interface ISkeleton extends Skeleton {}
export class Skeleton implements Omit<IPublicApiSkeleton,
'showPanel' |
'hidePanel' |
'showWidget' |
'enableWidget' |
'hideWidget' |
'disableWidget' |
'showArea' |
'onShowPanel' |
'onHidePanel' |
'onShowWidget' |
'onHideWidget' |
'remove' |
'hideArea' |
'add' |
'getAreaItems' |
'onDisableWidget' |
'onEnableWidget'
> {
editor: IEditor;
readonly leftArea: Area<DockConfig | PanelDockConfig | DialogDockConfig>;
readonly topArea: Area<DockConfig | DividerConfig | PanelDockConfig | DialogDockConfig>;
readonly subTopArea: Area<DockConfig | DividerConfig | PanelDockConfig | DialogDockConfig>;
readonly toolbar: Area<DockConfig | DividerConfig | PanelDockConfig | DialogDockConfig>;
readonly leftFixedArea: Area<IPublicTypePanelConfig, Panel>;
readonly leftFloatArea: Area<IPublicTypePanelConfig, Panel>;
readonly rightArea: Area<IPublicTypePanelConfig, Panel>;
readonly mainArea: Area<WidgetConfig | IPublicTypePanelConfig, Widget | Panel>;
readonly bottomArea: Area<IPublicTypePanelConfig, Panel>;
readonly stages: Area<StageConfig, Stage>;
readonly widgets: IWidget[];
readonly focusTracker: FocusTracker;
getPanel(name: string): Panel | undefined;
getWidget(name: string): IWidget | undefined;
buildFromConfig(config?: EditorConfig, components?: PluginClassSet): void;
createStage(config: any): string | undefined;
getStage(name: string): Stage | null;
createContainer(
name: string,
handle: (item: any) => any,
exclusive?: boolean,
checkVisible?: () => boolean,
defaultSetCurrent?: boolean,
): WidgetContainer;
createPanel(config: IPublicTypePanelConfig): Panel;
add(config: IPublicTypeSkeletonConfig, extraConfig?: Record<string, any>): IWidget | Widget | Panel | Stage | Dock | PanelDock | undefined;
}
export class Skeleton implements ISkeleton {
private panels = new Map<string, Panel>();
private configTransducers: IPublicTypeConfigTransducer[] = [];
@ -431,7 +386,7 @@ export class Skeleton implements ISkeleton {
}
const { content, ...restConfig } = config;
if (content) {
if (isPlainObject(content) && !isValidElement(content)) {
if (isPlainObject<IPublicTypePanelConfig>(content) && !isValidElement(content)) {
Object.keys(content).forEach((key) => {
if (/props$/i.test(key) && restConfig[key]) {
restConfig[key] = {

View File

@ -229,7 +229,7 @@ export async function init(
document.body.appendChild(engineContainer);
} else {
engineOptions = options;
engineContainer = container;
engineContainer = container!;
if (!container) {
engineContainer = document.createElement('div');
engineContainer.id = 'engine';

View File

@ -1,29 +1,32 @@
interface UtilsMetadata {
name: string;
npm: {
package: string;
version?: string;
exportName: string;
subName?: string;
destructuring?: boolean;
main?: string;
};
}
// interface UtilsMetadata {
// name: string;
// npm: {
// package: string;
// version?: string;
// exportName: string;
// subName?: string;
// destructuring?: boolean;
// main?: string;
// };
// }
interface LibrayMap {
[key: string]: string;
}
// invalid code
export function getProjectUtils(librayMap: LibrayMap, utilsMetadata: UtilsMetadata[]) {
const projectUtils: { [packageName: string]: any } = {};
if (utilsMetadata) {
utilsMetadata.forEach(meta => {
if (librayMap[meta?.npm.package]) {
const lib = window[librayMap[meta?.npm.package]];
}
});
}
}
// interface LibrayMap {
// [key: string]: string;
// }
// export function getProjectUtils(librayMap: LibrayMap, utilsMetadata: UtilsMetadata[]) {
// const projectUtils: { [packageName: string]: any } = {};
// if (utilsMetadata) {
// utilsMetadata.forEach(meta => {
// if (librayMap[meta?.npm.package]) {
// const lib = window[librayMap[meta?.npm.package] as any];
// }
// });
// }
// }
/**
* judges if current simulator renderer deteched or not

View File

@ -1,4 +1,4 @@
import { IPublicApiWorkspace, IPublicResourceList, IPublicTypeDisposable, IPublicTypeResourceType } from '@alilc/lowcode-types';
import { IPublicApiWorkspace, IPublicModelResource, IPublicResourceList, IPublicTypeDisposable, IPublicTypeResourceType } from '@alilc/lowcode-types';
import { IWorkspace } from '@alilc/lowcode-workspace';
import { resourceSymbol, workspaceSymbol } from '../symbols';
import { Resource as ShellResource, Window as ShellWindow } from '../model';
@ -13,7 +13,7 @@ export class Workspace implements IPublicApiWorkspace {
}
get resourceList() {
return this[workspaceSymbol].getResourceList().map((d) => new ShellResource(d));
return this[workspaceSymbol].getResourceList().map((d) => new ShellResource(d) as IPublicModelResource);
}
setResourceList(resourceList: IPublicResourceList) {

View File

@ -46,7 +46,7 @@ export class Resource implements IPublicModelResource {
}
get children() {
return this[resourceSymbol].children.map((child) => new Resource(child));
return this[resourceSymbol].children.map((child) => new Resource(child) as IPublicModelResource);
}
get viewName() {

View File

@ -1,5 +1,5 @@
import { Component, ReactNode } from 'react';
import { Component, ReactElement, ReactNode } from 'react';
import { IPublicTypeI18nData, IPublicTypeNodeSchema, IPublicTypeTitleContent } from '../type';
import { IPublicEnumTransitionType } from '../enum';
@ -73,7 +73,7 @@ export interface IPublicApiCommonUtils {
/**
* i18n
*/
intl(data: IPublicTypeI18nData | string, params?: object): string;
intl(data: IPublicTypeI18nData | string | undefined | ReactElement, params?: object): string;
}
export interface IPublicApiCommonSkeletonCabin {

View File

@ -108,7 +108,7 @@ export interface IPublicModelDocumentModel<
* @param data
* @returns
*/
createNode<T = Node>(data: IPublicTypeNodeSchema): T | null;
createNode<T = Node, S = IPublicTypeNodeSchema>(data: S): T | null;
/**
* /id

View File

@ -1,5 +1,5 @@
import { IPublicEnumTransformStage } from '../enum';
import { IPublicTypeCompositeValue } from '../type';
import { IPublicTypeCompositeValue, IPublicTypeNodeData } from '../type';
import { IPublicModelNode } from './';
export interface IPublicModelProp<
@ -48,7 +48,7 @@ export interface IPublicModelProp<
* set value for this prop
* @param val
*/
setValue(val: IPublicTypeCompositeValue): void;
setValue(val: IPublicTypeCompositeValue | IPublicTypeNodeData | IPublicTypeNodeData[]): void;
/**
*

View File

@ -1,4 +1,4 @@
import { ReactElement } from 'react';
import { ComponentType, ReactElement } from 'react';
export interface IBaseModelResource<
Resource
@ -7,7 +7,7 @@ export interface IBaseModelResource<
get id(): string | undefined;
get icon(): ReactElement | undefined;
get icon(): ReactElement | undefined | ComponentType;
get options(): Record<string, any>;

View File

@ -102,7 +102,7 @@ export interface IPublicTypeFilterItem {
}
export interface IPublicTypeAutorunItem {
name: string;
autorun: (target: IPublicModelSettingField | null) => any;
autorun: (target: IPublicModelSettingField | null | undefined) => any;
}
// thinkof Array

View File

@ -1,11 +1,11 @@
import { IPublicEnumTransformStage } from '../enum';
import { IPublicModelNode } from '../model';
import { IPublicTypeCompositeObject } from './';
import { IPublicTypePropsMap } from './';
export type IPublicTypePropsTransducer = (
props: IPublicTypeCompositeObject,
props: IPublicTypePropsMap,
node: IPublicModelNode,
ctx?: {
stage: IPublicEnumTransformStage;
},
) => IPublicTypeCompositeObject;
) => IPublicTypePropsMap;

View File

@ -36,7 +36,7 @@ export interface IPublicTypeWidgetBaseConfig {
*/
area?: IPublicTypeWidgetConfigArea;
props?: Record<string, any>;
content?: string | ReactElement | ComponentType<any> | IPublicTypePanelConfig[];
content?: string | ReactElement | ComponentType<any> | IPublicTypePanelConfig[] | IPublicTypePanelConfig;
contentProps?: Record<string, any>;
/**

View File

@ -1,6 +1,6 @@
import { isObject } from './is-object';
export function isPlainObject(value: any): value is any {
export function isPlainObject<T extends object = object>(value: any): value is T {
if (!isObject(value)) {
return false;
}

View File

@ -55,32 +55,10 @@ import { getLogger, Logger as InnerLogger } from '@alilc/lowcode-utils';
import { IWorkspace } from '../workspace';
import { IEditorWindow } from '../window';
export interface IBasicContext extends Omit<IPublicModelPluginContext, 'workspace'> {
skeleton: IPublicApiSkeleton;
plugins: IPublicApiPlugins;
project: IPublicApiProject;
setters: IPublicApiSetters;
material: IPublicApiMaterial;
common: IPublicApiCommon;
config: IEngineConfig;
event: IPublicApiEvent;
logger: InnerLogger;
hotkey: IPublicApiHotkey;
innerProject: IProject;
editor: Editor;
designer: IDesigner;
registerInnerPlugins: () => Promise<void>;
innerSetters: InnerSetters;
innerSkeleton: ISkeleton;
innerHotkey: IHotKey;
innerPlugins: ILowCodePluginManager;
canvas: IPublicApiCanvas;
pluginEvent: IPublicApiEvent;
preference: IPluginPreferenceMananger;
workspace: IWorkspace;
export interface IBasicContext extends BasicContext {
}
export class BasicContext implements IBasicContext {
export class BasicContext implements Omit<IPublicModelPluginContext, 'workspace' | 'commonUI' | 'command' | 'isPluginRegisteredInWorkspace' | 'editorWindow'> {
skeleton: IPublicApiSkeleton;
plugins: IPublicApiPlugins;
project: IPublicApiProject;

View File

@ -1,14 +1,8 @@
import { IPublicTypeResourceType } from '@alilc/lowcode-types';
export interface IResourceType extends Omit<IPublicTypeResourceType, 'resourceName' | 'resourceType'> {
name: string;
export interface IResourceType extends ResourceType {}
type: 'editor' | 'webview';
resourceTypeModel: IPublicTypeResourceType;
}
export class ResourceType implements IResourceType {
export class ResourceType implements Omit<IPublicTypeResourceType, 'resourceName' | 'resourceType'> {
constructor(readonly resourceTypeModel: IPublicTypeResourceType) {
}

View File

@ -1,35 +1,14 @@
import { ISkeleton } from '@alilc/lowcode-editor-skeleton';
import { IPublicTypeEditorView, IPublicResourceData, IPublicResourceTypeConfig, IBaseModelResource, IPublicEnumPluginRegisterLevel } from '@alilc/lowcode-types';
import { Logger } from '@alilc/lowcode-utils';
import { BasicContext, IBasicContext } from './context/base-context';
import { ResourceType, IResourceType } from './resource-type';
import { IResourceType } from './resource-type';
import { IWorkspace } from './workspace';
const logger = new Logger({ level: 'warn', bizName: 'workspace:resource' });
export interface IBaseResource<T> extends IBaseModelResource<T> {
readonly resourceType: ResourceType;
export interface IResource extends Resource {}
skeleton: ISkeleton;
description?: string;
get editorViews(): IPublicTypeEditorView[];
get defaultViewName(): string | undefined;
getEditorView(name: string): IPublicTypeEditorView | undefined;
import(schema: any): Promise<any>;
save(value: any): Promise<any>;
url(): Promise<string | undefined>;
}
export type IResource = IBaseResource<IResource>;
export class Resource implements IResource {
export class Resource implements IBaseModelResource<IResource> {
private context: IBasicContext;
resourceTypeInstance: IPublicResourceTypeConfig;

View File

@ -1,13 +1,13 @@
import { PureComponent } from 'react';
import { ResourceView } from './resource-view';
import { engineConfig, observer } from '@alilc/lowcode-editor-core';
import { EditorWindow } from '../window';
import { IEditorWindow } from '../window';
import { BuiltinLoading } from '@alilc/lowcode-designer';
import { DesignerView } from '../inner-plugins/webview';
@observer
export class WindowView extends PureComponent<{
window: EditorWindow;
window: IEditorWindow;
active: boolean;
}, any> {
render() {

View File

@ -1,6 +1,6 @@
import { uniqueId } from '@alilc/lowcode-utils';
import { createModuleEventBus, IEventBus, makeObservable, obx } from '@alilc/lowcode-editor-core';
import { Context, IViewContext } from './context/view-context';
import { Context } from './context/view-context';
import { IWorkspace } from './workspace';
import { IResource } from './resource';
import { IPublicModelWindow, IPublicTypeDisposable } from '@alilc/lowcode-types';
@ -12,23 +12,7 @@ interface IWindowCOnfig {
sleep?: boolean;
}
export interface IEditorWindow extends Omit<IPublicModelWindow<IResource>, 'changeViewType' | 'currentEditorView' | 'editorViews'> {
readonly resource: IResource;
editorViews: Map<string, IViewContext>;
_editorView: IViewContext;
changeViewName: (name: string, ignoreEmit?: boolean) => void;
initReady: boolean;
sleep?: boolean;
init(): void;
updateState(state: WINDOW_STATE): void;
}
export interface IEditorWindow extends EditorWindow {}
export enum WINDOW_STATE {
// 睡眠
@ -44,7 +28,7 @@ export enum WINDOW_STATE {
destroyed = 'destroyed'
}
export class EditorWindow implements IEditorWindow {
export class EditorWindow implements Omit<IPublicModelWindow<IResource>, 'changeViewType' | 'currentEditorView' | 'editorViews'> {
id: string = uniqueId('window');
icon: React.ReactElement | undefined;

View File

@ -1,6 +1,6 @@
import { IDesigner, ILowCodePluginManager, LowCodePluginManager } from '@alilc/lowcode-designer';
import { createModuleEventBus, Editor, IEditor, IEventBus, makeObservable, obx } from '@alilc/lowcode-editor-core';
import { IPublicApiPlugins, IPublicApiWorkspace, IPublicEnumPluginRegisterLevel, IPublicResourceList, IPublicTypeDisposable, IPublicTypeResourceType, IShellModelFactory } from '@alilc/lowcode-types';
import { IDesigner, LowCodePluginManager } from '@alilc/lowcode-designer';
import { createModuleEventBus, IEditor, IEventBus, makeObservable, obx } from '@alilc/lowcode-editor-core';
import { IPublicApiPlugins, IPublicApiWorkspace, IPublicEnumPluginRegisterLevel, IPublicResourceList, IPublicTypeDisposable, IPublicTypeResourceType } from '@alilc/lowcode-types';
import { BasicContext } from './context/base-context';
import { EditorWindow, WINDOW_STATE } from './window';
import type { IEditorWindow } from './window';
@ -20,56 +20,11 @@ enum EVENT {
const CHANGE_EVENT = 'resource.list.change';
export interface IWorkspace extends Omit<IPublicApiWorkspace<
export class Workspace implements Omit<IPublicApiWorkspace<
LowCodePluginManager,
ISkeleton,
IEditorWindow
>, 'resourceList' | 'plugins' | 'openEditorWindow' | 'removeEditorWindow'> {
readonly registryInnerPlugin: (designer: IDesigner, editor: Editor, plugins: IPublicApiPlugins) => Promise<IPublicTypeDisposable>;
readonly shellModelFactory: IShellModelFactory;
enableAutoOpenFirstWindow: boolean;
window: IEditorWindow;
plugins: ILowCodePluginManager;
skeleton: ISkeleton;
resourceTypeMap: Map<string, ResourceType>;
getResourceList(): IResource[];
getResourceType(resourceName: string): IResourceType;
checkWindowQueue(): void;
emitWindowRendererReady(): void;
initWindow(): void;
setActive(active: boolean): void;
onChangeActiveEditorView(fn: () => void): IPublicTypeDisposable;
emitChangeActiveEditorView(): void;
openEditorWindowByResource(resource: IResource, sleep: boolean): Promise<void>;
/**
* @deprecated
*/
removeEditorWindow(resourceName: string, id: string): void;
removeEditorWindowByResource(resource: IResource): void;
/**
* @deprecated
*/
openEditorWindow(name: string, title: string, options: Object, viewName?: string, sleep?: boolean): Promise<void>;
}
export class Workspace implements IWorkspace {
context: BasicContext;
enableAutoOpenFirstWindow: boolean;
@ -377,3 +332,5 @@ export class Workspace implements IWorkspace {
};
}
}
export interface IWorkspace extends Workspace {}