- { - isLocked ? (<Title title={intl('locked')} className="lc-borders-status" />) : null - } + {isLocked ? <Title title={intl('locked')} className="lc-borders-status" /> : null} </div> ); } @@ -77,7 +75,10 @@ export class BorderDetecting extends Component<{ host: BuiltinSimulatorHost }> { const { current } = this; const canHoverHook = current?.componentMeta.advanced.callbacks?.onHoverHook; - const canHover = (canHoverHook && typeof canHoverHook === 'function') ? canHoverHook(current.internalToShellNode()) : true; + const canHover = + canHoverHook && typeof canHoverHook === 'function' + ? canHoverHook(current.internalToShellNode()) + : true; if (!canHover || !current || host.viewport.scrolling || host.liveEditing.editing) { return null; @@ -118,7 +119,10 @@ export class BorderDetecting extends Component<{ host: BuiltinSimulatorHost }> { scrollX={this.scrollX} scrollY={this.scrollY} // @ts-ignore - rect={host.computeComponentInstanceRect(host.getComponentInstances(lockedNode)[0], lockedNode.componentMeta.rootSelector)} + rect={host.computeComponentInstanceRect( + host.getComponentInstances(lockedNode)[0], + lockedNode.componentMeta.rootSelector, + )} isLocked={lockedNode?.getId() !== current.getId()} /> ); diff --git a/packages/designer/src/builtin-simulator/bem-tools/border-resizing.tsx b/packages/designer/src/builtin-simulator/bem-tools/border-resizing.tsx index 4b3c5c31a9..4e3c40072e 100644 --- a/packages/designer/src/builtin-simulator/bem-tools/border-resizing.tsx +++ b/packages/designer/src/builtin-simulator/bem-tools/border-resizing.tsx @@ -1,6 +1,6 @@ import React, { Component, Fragment } from 'react'; import DragResizeEngine from './drag-resize-engine'; -import { observer, computed } from '@alilc/lowcode-editor-core'; +import { observer, computed } from '@lce/lowcode-editor-core'; import classNames from 'classnames'; import { SimulatorContext } from '../context'; import { BuiltinSimulatorHost } from '../host'; @@ -89,7 +89,12 @@ export class BoxResizingForNode extends Component<{ host: BuiltinSimulatorHost; return null; } return ( - <BoxResizingInstance key={observed.id} dragging={this.dragging} designer={designer} observed={observed} /> + <BoxResizingInstance + key={observed.id} + dragging={this.dragging} + designer={designer} + observed={observed} + /> ); })} </Fragment> @@ -135,12 +140,15 @@ export class BoxResizingInstance extends Component<{ // this.hoveringCapture.setBoundary(this.outline); this.willBind(); - const resize = (e: MouseEvent, direction: string, node: INode, moveX: number, moveY: number) => { + const resize = ( + e: MouseEvent, + direction: string, + node: INode, + moveX: number, + moveY: number, + ) => { const { advanced } = node.componentMeta; - if ( - advanced.callbacks && - typeof advanced.callbacks.onResize === 'function' - ) { + if (advanced.callbacks && typeof advanced.callbacks.onResize === 'function') { (e as any).trigger = direction; (e as any).deltaX = moveX; (e as any).deltaY = moveY; @@ -151,10 +159,7 @@ export class BoxResizingInstance extends Component<{ const resizeStart = (e: MouseEvent, direction: string, node: INode) => { const { advanced } = node.componentMeta; - if ( - advanced.callbacks && - typeof advanced.callbacks.onResizeStart === 'function' - ) { + if (advanced.callbacks && typeof advanced.callbacks.onResizeStart === 'function') { (e as any).trigger = direction; const cbNode = node?.isNode ? node.internalToShellNode() : node; advanced.callbacks.onResizeStart(e, cbNode); @@ -163,10 +168,7 @@ export class BoxResizingInstance extends Component<{ const resizeEnd = (e: MouseEvent, direction: string, node: INode) => { const { advanced } = node.componentMeta; - if ( - advanced.callbacks && - typeof advanced.callbacks.onResizeEnd === 'function' - ) { + if (advanced.callbacks && typeof advanced.callbacks.onResizeEnd === 'function') { (e as any).trigger = direction; const cbNode = node?.isNode ? node.internalToShellNode() : node; advanced.callbacks.onResizeEnd(e, cbNode); @@ -248,7 +250,9 @@ export class BoxResizingInstance extends Component<{ const { node } = observed; const metadata = node.componentMeta.getMetadata(); if (metadata.configure?.advanced?.getResizingHandlers) { - triggerVisible = metadata.configure.advanced.getResizingHandlers(node.internalToShellNode()); + triggerVisible = metadata.configure.advanced.getResizingHandlers( + node.internalToShellNode(), + ); } } triggerVisible = normalizeTriggers(triggerVisible); diff --git a/packages/designer/src/builtin-simulator/bem-tools/border-selecting.tsx b/packages/designer/src/builtin-simulator/bem-tools/border-selecting.tsx index 143c67e020..cf280993b5 100644 --- a/packages/designer/src/builtin-simulator/bem-tools/border-selecting.tsx +++ b/packages/designer/src/builtin-simulator/bem-tools/border-selecting.tsx @@ -9,9 +9,9 @@ import { ComponentType, } from 'react'; import classNames from 'classnames'; -import { observer, computed, Tip, engineConfig } from '@alilc/lowcode-editor-core'; -import { createIcon, isReactComponent, isActionContentObject } from '@alilc/lowcode-utils'; -import { IPublicTypeActionContentObject } from '@alilc/lowcode-types'; +import { observer, computed, Tip, engineConfig } from '@lce/lowcode-editor-core'; +import { createIcon, isReactComponent, isActionContentObject } from '@lce/lowcode-utils'; +import { IPublicTypeActionContentObject } from '@lce/lowcode-types'; import { BuiltinSimulatorHost } from '../host'; import { INode, OffsetObserver } from '../../designer'; import NodeSelector from '../node-selector'; @@ -54,11 +54,8 @@ export class BorderSelectingInstance extends Component<{ } return ( - <div - className={className} - style={style} - > - {(!dragging && !hideComponentAction) ? <Toolbar observed={observed} /> : null} + <div className={className} style={style}> + {!dragging && !hideComponentAction ? <Toolbar observed={observed} /> : null} </div> ); } @@ -107,7 +104,10 @@ class Toolbar extends Component<{ observed: OffsetObserver }> { // FIXME: need this? return; } - if (important && (typeof condition === 'function' ? condition(node) !== false : condition !== false)) { + if ( + important && + (typeof condition === 'function' ? condition(node) !== false : condition !== false) + ) { actions.push(createAction(content, name, node)); } }); @@ -120,7 +120,11 @@ class Toolbar extends Component<{ observed: OffsetObserver }> { } } -function createAction(content: ReactNode | ComponentType<any> | IPublicTypeActionContentObject, key: string, node: INode) { +function createAction( + content: ReactNode | ComponentType<any> | IPublicTypeActionContentObject, + key: string, + node: INode, +) { if (isValidElement<{ key: string; node: INode }>(content)) { return cloneElement(content, { key, node }); } @@ -187,7 +191,13 @@ export class BorderSelectingForNode extends Component<{ host: ISimulatorHost; no if (!observed) { return null; } - return <BorderSelectingInstance key={observed.id} dragging={this.dragging} observed={observed} />; + return ( + <BorderSelectingInstance + key={observed.id} + dragging={this.dragging} + observed={observed} + /> + ); })} </Fragment> ); diff --git a/packages/designer/src/builtin-simulator/bem-tools/drag-resize-engine.ts b/packages/designer/src/builtin-simulator/bem-tools/drag-resize-engine.ts index 6689379dde..64f079f08e 100644 --- a/packages/designer/src/builtin-simulator/bem-tools/drag-resize-engine.ts +++ b/packages/designer/src/builtin-simulator/bem-tools/drag-resize-engine.ts @@ -1,8 +1,8 @@ import { ISimulatorHost } from '../../simulator'; import { Designer, Point } from '../../designer'; -import { cursor } from '@alilc/lowcode-utils'; +import { cursor } from '@lce/lowcode-utils'; import { makeEventsHandler } from '../../utils/misc'; -import { createModuleEventBus, IEventBus } from '@alilc/lowcode-editor-core'; +import { createModuleEventBus, IEventBus } from '@lce/lowcode-editor-core'; // 拖动缩放 export default class DragResizeEngine { @@ -52,7 +52,7 @@ export default class DragResizeEngine { if (!sourceDocument || sourceDocument === document) { return e; } - const srcSim = masterSensors.find(sim => sim.contentDocument === sourceDocument); + const srcSim = masterSensors.find((sim) => sim.contentDocument === sourceDocument); if (srcSim) { return srcSim.viewport.toGlobalPoint(e); } @@ -61,7 +61,7 @@ export default class DragResizeEngine { const over = (e: MouseEvent) => { const handleEvents = makeEventsHandler(e, masterSensors); - handleEvents(doc => { + handleEvents((doc) => { doc.removeEventListener('mousemove', move, true); doc.removeEventListener('mouseup', over, true); }); @@ -77,7 +77,7 @@ export default class DragResizeEngine { node = boost(e); startEvent = createResizeEvent(e); const handleEvents = makeEventsHandler(e, masterSensors); - handleEvents(doc => { + handleEvents((doc) => { doc.addEventListener('mousemove', move, true); doc.addEventListener('mouseup', over, true); }); @@ -118,7 +118,7 @@ export default class DragResizeEngine { private getMasterSensors(): ISimulatorHost[] { return this.designer.project.documents - .map(doc => { + .map((doc) => { if (doc.active && doc.simulator?.sensorAvailable) { return doc.simulator; } diff --git a/packages/designer/src/builtin-simulator/bem-tools/index.tsx b/packages/designer/src/builtin-simulator/bem-tools/index.tsx index bc485af1b4..3ed7703189 100644 --- a/packages/designer/src/builtin-simulator/bem-tools/index.tsx +++ b/packages/designer/src/builtin-simulator/bem-tools/index.tsx @@ -1,5 +1,5 @@ import React, { Component } from 'react'; -import { observer, engineConfig } from '@alilc/lowcode-editor-core'; +import { observer, engineConfig } from '@lce/lowcode-editor-core'; import { BorderDetecting } from './border-detecting'; import { BorderContainer } from './border-container'; import { BuiltinSimulatorHost } from '../host'; @@ -19,19 +19,22 @@ export class BemTools extends Component<{ host: BuiltinSimulatorHost }> { return null; } return ( - <div className="lc-bem-tools" style={{ transform: `translate(${-scrollX * scale}px,${-scrollY * scale}px)` }}> - { !engineConfig.get('disableDetecting') && <BorderDetecting key="hovering" host={host} /> } + <div + className="lc-bem-tools" + style={{ transform: `translate(${-scrollX * scale}px,${-scrollY * scale}px)` }} + > + {!engineConfig.get('disableDetecting') && <BorderDetecting key="hovering" host={host} />} <BorderSelecting key="selecting" host={host} /> - { engineConfig.get('enableReactiveContainer') && <BorderContainer key="reactive-container-border" host={host} /> } + {engineConfig.get('enableReactiveContainer') && ( + <BorderContainer key="reactive-container-border" host={host} /> + )} <InsertionView key="insertion" host={host} /> <BorderResizing key="resizing" host={host} /> - { - host.designer.bemToolsManager.getAllBemTools().map(tools => { - const ToolsCls = tools.item; - return <ToolsCls key={tools.name} host={host} />; - }) - } + {host.designer.bemToolsManager.getAllBemTools().map((tools) => { + const ToolsCls = tools.item; + return <ToolsCls key={tools.name} host={host} />; + })} </div> ); } -} \ No newline at end of file +} diff --git a/packages/designer/src/builtin-simulator/bem-tools/insertion.tsx b/packages/designer/src/builtin-simulator/bem-tools/insertion.tsx index 98ac4266cc..602f0fb678 100644 --- a/packages/designer/src/builtin-simulator/bem-tools/insertion.tsx +++ b/packages/designer/src/builtin-simulator/bem-tools/insertion.tsx @@ -1,15 +1,17 @@ import { Component } from 'react'; -import { observer } from '@alilc/lowcode-editor-core'; +import { observer } from '@lce/lowcode-editor-core'; import { BuiltinSimulatorHost } from '../host'; -import { - DropLocation, - isVertical, -} from '../../designer'; +import { DropLocation, isVertical } from '../../designer'; import { ISimulatorHost } from '../../simulator'; import { INode } from '../../document'; import './insertion.less'; -import { IPublicTypeNodeData, IPublicTypeNodeSchema, IPublicTypeLocationChildrenDetail, IPublicTypeRect } from '@alilc/lowcode-types'; -import { isLocationChildrenDetail } from '@alilc/lowcode-utils'; +import { + IPublicTypeNodeData, + IPublicTypeNodeSchema, + IPublicTypeLocationChildrenDetail, + IPublicTypeRect, +} from '@lce/lowcode-types'; +import { isLocationChildrenDetail } from '@lce/lowcode-utils'; interface InsertionData { edge?: DOMRect; @@ -23,7 +25,11 @@ interface InsertionData { /** * 处理拖拽子节点(INode)情况 */ -function processChildrenDetail(sim: ISimulatorHost, container: INode, detail: IPublicTypeLocationChildrenDetail): InsertionData { +function processChildrenDetail( + sim: ISimulatorHost, + container: INode, + detail: IPublicTypeLocationChildrenDetail, +): InsertionData { let edge = detail.edge || null; if (!edge) { diff --git a/packages/designer/src/builtin-simulator/create-simulator.ts b/packages/designer/src/builtin-simulator/create-simulator.ts index 57369efd89..13a8bc512e 100644 --- a/packages/designer/src/builtin-simulator/create-simulator.ts +++ b/packages/designer/src/builtin-simulator/create-simulator.ts @@ -9,7 +9,7 @@ import { AssetType, assetItem, isCSSUrl, -} from '@alilc/lowcode-utils'; +} from '@lce/lowcode-utils'; import { BuiltinSimulatorRenderer } from './renderer'; @@ -58,19 +58,13 @@ export function createSimulator( const lv = asset.level || level || AssetLevel.Environment; const scriptType = asset.scriptType ? ` type="${asset.scriptType}"` : ''; if (asset.type === AssetType.JSUrl) { - scripts[lv].push( - `<script src="${asset.content}"${id}${scriptType}></script>`, - ); + scripts[lv].push(`<script src="${asset.content}"${id}${scriptType}></script>`); } else if (asset.type === AssetType.JSText) { scripts[lv].push(`<script${id}${scriptType}>${asset.content}</script>`); } else if (asset.type === AssetType.CSSUrl) { - styles[lv].push( - `<link rel="stylesheet" href="${asset.content}"${id} />`, - ); + styles[lv].push(`<link rel="stylesheet" href="${asset.content}"${id} />`); } else if (asset.type === AssetType.CSSText) { - styles[lv].push( - `<style type="text/css"${id}>${asset.content}</style>`, - ); + styles[lv].push(`<style type="text/css"${id}>${asset.content}</style>`); } } } diff --git a/packages/designer/src/builtin-simulator/host-view.tsx b/packages/designer/src/builtin-simulator/host-view.tsx index 21e0079306..f75dc7a78f 100644 --- a/packages/designer/src/builtin-simulator/host-view.tsx +++ b/packages/designer/src/builtin-simulator/host-view.tsx @@ -1,5 +1,5 @@ import React, { Component } from 'react'; -import { observer } from '@alilc/lowcode-editor-core'; +import { observer } from '@lce/lowcode-editor-core'; import { BuiltinSimulatorHost, BuiltinSimulatorProps } from './host'; import { BemTools } from './bem-tools'; import { Project } from '../project'; @@ -24,7 +24,8 @@ export class BuiltinSimulatorHostView extends Component<SimulatorHostProps> { constructor(props: any) { super(props); const { project, onMount, designer } = this.props; - this.host = (project.simulator as BuiltinSimulatorHost) || new BuiltinSimulatorHost(project, designer); + this.host = + (project.simulator as BuiltinSimulatorHost) || new BuiltinSimulatorHost(project, designer); this.host.setProps(this.props); onMount?.(this.host); } @@ -58,7 +59,11 @@ class Canvas extends Component<{ host: BuiltinSimulatorHost }> { return ( <div className={className} style={canvas}> - <div ref={(elmt) => sim.mountViewport(elmt)} className="lc-simulator-canvas-viewport" style={viewport}> + <div + ref={(elmt) => sim.mountViewport(elmt)} + className="lc-simulator-canvas-viewport" + style={viewport} + > <BemTools host={sim} /> <Content host={sim} /> </div> diff --git a/packages/designer/src/builtin-simulator/host.ts b/packages/designer/src/builtin-simulator/host.ts index 57f8569326..18c8f4000a 100644 --- a/packages/designer/src/builtin-simulator/host.ts +++ b/packages/designer/src/builtin-simulator/host.ts @@ -12,13 +12,9 @@ import { makeObservable, createModuleEventBus, IEventBus, -} from '@alilc/lowcode-editor-core'; +} from '@lce/lowcode-editor-core'; -import { - ISimulatorHost, - Component, - DropContainer, -} from '../simulator'; +import { ISimulatorHost, Component, DropContainer } from '../simulator'; import Viewport from './viewport'; import { createSimulator } from './create-simulator'; import { Node, INode, contains, isRootNode, isLowCodeComponent } from '../document'; @@ -40,7 +36,7 @@ import { isDragNodeObject, isLocationData, Logger, -} from '@alilc/lowcode-utils'; +} from '@lce/lowcode-utils'; import { isShaken, ILocateEvent, @@ -64,7 +60,7 @@ import { IPublicTypeLocationDetailType, IPublicTypeRect, IPublicModelNode, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; import { BuiltinSimulatorRenderer } from './renderer'; import { clipboard } from '../designer/clipboard'; import { LiveEditing } from './live-editing/live-editing'; @@ -352,24 +348,30 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp */ connect( renderer: BuiltinSimulatorRenderer, - effect: (reaction: IReactionPublic) => void, options?: IReactionOptions, + effect: (reaction: IReactionPublic) => void, + options?: IReactionOptions, ) { this._renderer = renderer; return autorun(effect, options); } - reaction(expression: (reaction: IReactionPublic) => unknown, effect: (value: unknown, prev: unknown, reaction: IReactionPublic) => void, - opts?: IReactionOptions | undefined): IReactionDisposer { + reaction( + expression: (reaction: IReactionPublic) => unknown, + effect: (value: unknown, prev: unknown, reaction: IReactionPublic) => void, + opts?: IReactionOptions | undefined, + ): IReactionDisposer { return reaction(expression, effect, opts); } - autorun(effect: (reaction: IReactionPublic) => void, options?: IReactionOptions): IReactionDisposer { + autorun( + effect: (reaction: IReactionPublic) => void, + options?: IReactionOptions, + ): IReactionDisposer { return autorun(effect, options); } purge(): void { // todo - } mountViewport(viewport: HTMLElement | null) { @@ -450,11 +452,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp const vendors = [ // required & use once - assetBundle( - this.get('environment') || - defaultEnvironment, - AssetLevel.Environment, - ), + assetBundle(this.get('environment') || defaultEnvironment, AssetLevel.Environment), // required & use once assetBundle(this.get('extraEnvironment'), AssetLevel.Environment), @@ -463,11 +461,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp // required & TODO: think of update assetBundle(this.theme, AssetLevel.Theme), // required & use once - assetBundle( - this.get('simulatorUrl') || - defaultSimulatorUrl, - AssetLevel.Runtime, - ), + assetBundle(this.get('simulatorUrl') || defaultSimulatorUrl, AssetLevel.Runtime), ]; // wait 准备 iframe 内容、依赖库注入 @@ -697,10 +691,14 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp '.next-calendar-table', '.editor-container', // 富文本组件 ]; - const ignoreSelectors = customizeIgnoreSelectors?.(defaultIgnoreSelectors, e) || defaultIgnoreSelectors; + const ignoreSelectors = + customizeIgnoreSelectors?.(defaultIgnoreSelectors, e) || defaultIgnoreSelectors; const ignoreSelectorsString = ignoreSelectors.join(','); // 提供了 customizeIgnoreSelectors 的情况下，忽略 isFormEvent() 判断 - if ((!customizeIgnoreSelectors && isFormEvent(e)) || target?.closest(ignoreSelectorsString)) { + if ( + (!customizeIgnoreSelectors && isFormEvent(e)) || + target?.closest(ignoreSelectorsString) + ) { e.preventDefault(); e.stopPropagation(); } @@ -918,7 +916,10 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp /** * @see ISimulator */ - getComponentInstances(node: INode, context?: IPublicTypeNodeInstance): IPublicTypeComponentInstance[] | null { + getComponentInstances( + node: INode, + context?: IPublicTypeNodeInstance, + ): IPublicTypeComponentInstance[] | null { const docId = node.document?.id; if (!docId) { return null; @@ -966,7 +967,10 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp /** * @see ISimulator */ - computeComponentInstanceRect(instance: IPublicTypeComponentInstance, selector?: string): IPublicTypeRect | null { + computeComponentInstanceRect( + instance: IPublicTypeComponentInstance, + selector?: string, + ): IPublicTypeRect | null { const renderer = this.renderer!; const elements = this.findDOMNodes(instance, selector); if (!elements) { @@ -1032,7 +1036,10 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp /** * @see ISimulator */ - findDOMNodes(instance: IPublicTypeComponentInstance, selector?: string): Array<Element | Text> | null { + findDOMNodes( + instance: IPublicTypeComponentInstance, + selector?: string, + ): Array<Element | Text> | null { const elements = this._renderer?.findDOMNodes(instance); if (!elements) { return null; @@ -1051,7 +1058,9 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp /** * 通过 DOM 节点获取节点，依赖 simulator 的接口 */ - getNodeInstanceFromElement(target: Element | null): IPublicTypeNodeInstance<IPublicTypeComponentInstance, INode> | null { + getNodeInstanceFromElement( + target: Element | null, + ): IPublicTypeNodeInstance<IPublicTypeComponentInstance, INode> | null { if (!target) { return null; } @@ -1193,7 +1202,10 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp const operationalNodes = nodes?.filter((node) => { const onMoveHook = node.componentMeta?.advanced.callbacks?.onMoveHook; - const canMove = onMoveHook && typeof onMoveHook === 'function' ? onMoveHook(node.internalToShellNode()) : true; + const canMove = + onMoveHook && typeof onMoveHook === 'function' + ? onMoveHook(node.internalToShellNode()) + : true; let parentContainerNode: INode | null = null; let parentNode = node.parent; @@ -1207,9 +1219,13 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp parentNode = parentNode.parent; } - const onChildMoveHook = parentContainerNode?.componentMeta?.advanced.callbacks?.onChildMoveHook; + const onChildMoveHook = + parentContainerNode?.componentMeta?.advanced.callbacks?.onChildMoveHook; - const childrenCanMove = onChildMoveHook && parentContainerNode && typeof onChildMoveHook === 'function' ? onChildMoveHook(node.internalToShellNode(), parentContainerNode.internalToShellNode()) : true; + const childrenCanMove = + onChildMoveHook && parentContainerNode && typeof onChildMoveHook === 'function' + ? onChildMoveHook(node.internalToShellNode(), parentContainerNode.internalToShellNode()) + : true; return canMove && childrenCanMove; }); @@ -1227,9 +1243,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp const dropContainer = this.getDropContainer(e); const lockedNode = getClosestNode(dropContainer?.container, (node) => node.isLocked); if (lockedNode) return null; - if ( - !dropContainer - ) { + if (!dropContainer) { return null; } @@ -1296,8 +1310,9 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp const inst = instances ? instances.length > 1 ? instances.find( - (_inst) => this.getClosestNodeInstance(_inst, container.id)?.instance === containerInstance, - ) + (_inst) => + this.getClosestNodeInstance(_inst, container.id)?.instance === containerInstance, + ) : instances[0] : null; const rect = inst @@ -1514,10 +1529,7 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp /** * 查找邻近容器 */ - getNearByContainer( - { container, instance }: DropContainer, - drillDownExcludes: Set<INode>, - ) { + getNearByContainer({ container, instance }: DropContainer, drillDownExcludes: Set<INode>) { const { children } = container; if (!children || children.isEmpty()) { return null; diff --git a/packages/designer/src/builtin-simulator/live-editing/live-editing.ts b/packages/designer/src/builtin-simulator/live-editing/live-editing.ts index c8594d701b..14da59b048 100644 --- a/packages/designer/src/builtin-simulator/live-editing/live-editing.ts +++ b/packages/designer/src/builtin-simulator/live-editing/live-editing.ts @@ -1,5 +1,5 @@ -import { obx } from '@alilc/lowcode-editor-core'; -import { IPublicTypePluginConfig, IPublicTypeLiveTextEditingConfig } from '@alilc/lowcode-types'; +import { obx } from '@lce/lowcode-editor-core'; +import { IPublicTypePluginConfig, IPublicTypeLiveTextEditingConfig } from '@lce/lowcode-types'; import { INode, Prop } from '../../document'; const EDITOR_KEY = 'data-setter-prop'; @@ -59,7 +59,9 @@ export class LiveEditing { const editor = node.document?.designer.editor; const npm = node?.componentMeta?.npm; const selected = - [npm?.package, npm?.componentName].filter((item) => !!item).join('-') || node?.componentMeta?.componentName || ''; + [npm?.package, npm?.componentName].filter((item) => !!item).join('-') || + node?.componentMeta?.componentName || + ''; editor?.eventBus.emit('designer.builtinSimulator.liveEditing', { selected, }); @@ -70,10 +72,10 @@ export class LiveEditing { if (liveTextEditing) { if (propTarget) { // 已埋点命中 data-setter-prop="proptarget", 从 liveTextEditing 读取配置（mode|onSaveContent） - matched = liveTextEditing.find(config => config.propTarget == propTarget); + matched = liveTextEditing.find((config) => config.propTarget == propTarget); } else { // 执行 embedTextEditing selector 规则，获得第一个节点是否 contains e.target，若匹配，读取配置 - matched = liveTextEditing.find(config => { + matched = liveTextEditing.find((config) => { if (!config.selector) { return false; } @@ -89,7 +91,8 @@ export class LiveEditing { }); if (matched) { propTarget = matched.propTarget; - setterPropElement = matched.propElement || queryPropElement(rootElement, targetElement, matched.selector); + setterPropElement = + matched.propElement || queryPropElement(rootElement, targetElement, matched.selector); } } @@ -117,9 +120,15 @@ export class LiveEditing { // 4. 监听 blur 事件 // 5. 设置编辑锁定：disable hover | disable select | disable canvas drag - const onSaveContent = matched?.onSaveContent || saveHandlers.find(item => item.condition(prop))?.onSaveContent || defaultSaveContent; + const onSaveContent = + matched?.onSaveContent || + saveHandlers.find((item) => item.condition(prop))?.onSaveContent || + defaultSaveContent; - setterPropElement.setAttribute('contenteditable', matched?.mode && matched.mode !== 'plaintext' ? 'true' : 'plaintext-only'); + setterPropElement.setAttribute( + 'contenteditable', + matched?.mode && matched.mode !== 'plaintext' ? 'true' : 'plaintext-only', + ); setterPropElement.classList.add('engine-live-editing'); // be sure setterPropElement.focus(); @@ -134,7 +143,7 @@ export class LiveEditing { switch (e.code) { case 'Enter': break; - // TODO: check is richtext? + // TODO: check is richtext? case 'Escape': break; case 'Tab': @@ -186,9 +195,11 @@ export class LiveEditing { } } -export type SpecificRule = (target: EditingTarget) => (IPublicTypeLiveTextEditingConfig & { - propElement?: HTMLElement; -}) | null; +export type SpecificRule = (target: EditingTarget) => + | (IPublicTypeLiveTextEditingConfig & { + propElement?: HTMLElement; + }) + | null; export interface SaveHandler { condition: (prop: Prop) => boolean; @@ -223,7 +234,9 @@ function queryPropElement(rootElement: HTMLElement, targetElement: HTMLElement, } if (!propElement.contains(targetElement)) { // try selectorAll - propElement = Array.from(rootElement.querySelectorAll(selector)).find(item => item.contains(targetElement)) as HTMLElement; + propElement = Array.from(rootElement.querySelectorAll(selector)).find((item) => + item.contains(targetElement), + ) as HTMLElement; if (!propElement) { return null; } diff --git a/packages/designer/src/builtin-simulator/node-selector/index.tsx b/packages/designer/src/builtin-simulator/node-selector/index.tsx index 0723115da2..b997450292 100644 --- a/packages/designer/src/builtin-simulator/node-selector/index.tsx +++ b/packages/designer/src/builtin-simulator/node-selector/index.tsx @@ -1,10 +1,10 @@ import { Overlay } from '@alifd/next'; import React, { MouseEvent } from 'react'; -import { Title, observer } from '@alilc/lowcode-editor-core'; -import { canClickNode } from '@alilc/lowcode-utils'; +import { Title, observer } from '@lce/lowcode-editor-core'; +import { canClickNode } from '@lce/lowcode-utils'; import './index.less'; -import { INode } from '@alilc/lowcode-designer'; +import { INode } from '@lce/lowcode-designer'; const { Popup } = Overlay; @@ -80,17 +80,21 @@ export default class InstanceNodeSelector extends React.Component<IProps, IState } }; - onMouseOver = (node: INode) => (_: any, flag = true) => { - if (node && typeof node.hover === 'function') { - node.hover(flag); - } - }; + onMouseOver = + (node: INode) => + (_: any, flag = true) => { + if (node && typeof node.hover === 'function') { + node.hover(flag); + } + }; - onMouseOut = (node: INode) => (_: any, flag = false) => { - if (node && typeof node.hover === 'function') { - node.hover(flag); - } - }; + onMouseOut = + (node: INode) => + (_: any, flag = false) => { + if (node && typeof node.hover === 'function') { + node.hover(flag); + } + }; renderNodes = () => { const nodes = this.state.parentNodes; diff --git a/packages/designer/src/builtin-simulator/renderer.ts b/packages/designer/src/builtin-simulator/renderer.ts index 15664757bc..99cac14895 100644 --- a/packages/designer/src/builtin-simulator/renderer.ts +++ b/packages/designer/src/builtin-simulator/renderer.ts @@ -1,7 +1,10 @@ import { Component } from '../simulator'; -import { IPublicTypeComponentInstance, IPublicTypeSimulatorRenderer } from '@alilc/lowcode-types'; +import { IPublicTypeComponentInstance, IPublicTypeSimulatorRenderer } from '@lce/lowcode-types'; -export type BuiltinSimulatorRenderer = IPublicTypeSimulatorRenderer<Component, IPublicTypeComponentInstance>; +export type BuiltinSimulatorRenderer = IPublicTypeSimulatorRenderer< + Component, + IPublicTypeComponentInstance +>; export function isSimulatorRenderer(obj: any): obj is BuiltinSimulatorRenderer { return obj && obj.isSimulatorRenderer; diff --git a/packages/designer/src/builtin-simulator/resource-consumer.ts b/packages/designer/src/builtin-simulator/resource-consumer.ts index cc195e516f..eb5475c99d 100644 --- a/packages/designer/src/builtin-simulator/resource-consumer.ts +++ b/packages/designer/src/builtin-simulator/resource-consumer.ts @@ -1,4 +1,10 @@ -import { autorun, makeObservable, obx, createModuleEventBus, IEventBus } from '@alilc/lowcode-editor-core'; +import { + autorun, + makeObservable, + obx, + createModuleEventBus, + IEventBus, +} from '@lce/lowcode-editor-core'; import { BuiltinSimulatorHost } from './host'; import { BuiltinSimulatorRenderer, isSimulatorRenderer } from './renderer'; diff --git a/packages/designer/src/builtin-simulator/utils/clickable.ts b/packages/designer/src/builtin-simulator/utils/clickable.ts index 5413ad5c52..9cdf9940a5 100644 --- a/packages/designer/src/builtin-simulator/utils/clickable.ts +++ b/packages/designer/src/builtin-simulator/utils/clickable.ts @@ -1,4 +1,4 @@ -import { getClosestNode, canClickNode } from '@alilc/lowcode-utils'; +import { getClosestNode, canClickNode } from '@lce/lowcode-utils'; import { INode } from '../../document'; /** diff --git a/packages/designer/src/builtin-simulator/utils/parse-metadata.ts b/packages/designer/src/builtin-simulator/utils/parse-metadata.ts index 6969a47db5..3269c0d6e3 100644 --- a/packages/designer/src/builtin-simulator/utils/parse-metadata.ts +++ b/packages/designer/src/builtin-simulator/utils/parse-metadata.ts @@ -1,7 +1,7 @@ import PropTypes from 'prop-types'; import { isValidElement } from 'react'; -import { isElement } from '@alilc/lowcode-utils'; -import { IPublicTypePropConfig } from '@alilc/lowcode-types'; +import { isElement } from '@lce/lowcode-utils'; +import { IPublicTypePropConfig } from '@lce/lowcode-types'; export const primitiveTypes = [ 'string', @@ -42,7 +42,10 @@ function makeRequired(propType: any, lowcodeType: string | object): LowcodeCheck } // eslint-disable-next-line @typescript-eslint/ban-types -function define(propType: any = PropTypes.any, lowcodeType: string | object = {}): LowcodeCheckType { +function define( + propType: any = PropTypes.any, + lowcodeType: string | object = {}, +): LowcodeCheckType { if (!propType._inner && propType.name !== 'lowcodeCheckType') { propType.lowcodeType = lowcodeType; } diff --git a/packages/designer/src/builtin-simulator/viewport.ts b/packages/designer/src/builtin-simulator/viewport.ts index b37cad7eec..b07708f258 100644 --- a/packages/designer/src/builtin-simulator/viewport.ts +++ b/packages/designer/src/builtin-simulator/viewport.ts @@ -1,4 +1,4 @@ -import { obx, computed, makeObservable } from '@alilc/lowcode-editor-core'; +import { obx, computed, makeObservable } from '@lce/lowcode-editor-core'; import { Point, ScrollTarget } from '../designer'; import { AutoFit, IViewport } from '../simulator'; diff --git a/packages/designer/src/component-actions.ts b/packages/designer/src/component-actions.ts index 57ad30bf25..79874a7214 100644 --- a/packages/designer/src/component-actions.ts +++ b/packages/designer/src/component-actions.ts @@ -1,19 +1,20 @@ -import { IPublicModelNode, IPublicTypeComponentAction, IPublicTypeMetadataTransducer } from '@alilc/lowcode-types'; -import { engineConfig } from '@alilc/lowcode-editor-core'; -import { intlNode } from './locale'; import { - IconLock, - IconUnlock, - IconRemove, - IconClone, - IconHidden, -} from './icons'; + IPublicModelNode, + IPublicTypeComponentAction, + IPublicTypeMetadataTransducer, +} from '@lce/lowcode-types'; +import { engineConfig } from '@lce/lowcode-editor-core'; +import { intlNode } from './locale'; +import { IconLock, IconUnlock, IconRemove, IconClone, IconHidden } from './icons'; import { componentDefaults, legacyIssues } from './transducers'; function deduplicateRef(node: IPublicModelNode | null | undefined) { const currentRef = node?.getPropValue('ref'); if (currentRef) { - node?.setPropValue('ref', `${node.componentName.toLowerCase()}-${Math.random().toString(36).slice(2, 9)}`); + node?.setPropValue( + 'ref', + `${node.componentName.toLowerCase()}-${Math.random().toString(36).slice(2, 9)}`, + ); } node?.children?.forEach(deduplicateRef); } @@ -67,7 +68,9 @@ export class ComponentActions { if (isRGL) { // 复制 layout 信息 const layout: any = rglNode?.getPropValue('layout') || []; - const curLayout = layout.filter((item: any) => item.i === node.getPropValue('fieldId')); + const curLayout = layout.filter( + (item: any) => item.i === node.getPropValue('fieldId'), + ); if (curLayout && curLayout[0]) { layout.push({ ...curLayout[0], @@ -75,7 +78,10 @@ export class ComponentActions { }); rglNode?.setPropValue('layout', layout); // 如果是磁贴块复制，则需要滚动到影响位置 - setTimeout(() => newNode?.document?.project?.simulatorHost?.scrollToNode(newNode), 10); + setTimeout( + () => newNode?.document?.project?.simulatorHost?.scrollToNode(newNode), + 10, + ); } } } @@ -95,7 +101,9 @@ export class ComponentActions { }, /* istanbul ignore next */ condition: (node: IPublicModelNode) => { - return engineConfig.get('enableCanvasLock', false) && node.isContainerNode && !node.isLocked; + return ( + engineConfig.get('enableCanvasLock', false) && node.isContainerNode && !node.isLocked + ); }, important: true, }, @@ -142,14 +150,12 @@ export class ComponentActions { } } - registerMetadataTransducer( - transducer: IPublicTypeMetadataTransducer, - level = 100, - id?: string, - ) { + registerMetadataTransducer(transducer: IPublicTypeMetadataTransducer, level = 100, id?: string) { transducer.level = level; transducer.id = id; - const i = this.metadataTransducers.findIndex((item) => item.level != null && item.level > level); + const i = this.metadataTransducers.findIndex( + (item) => item.level != null && item.level > level, + ); if (i < 0) { this.metadataTransducers.push(transducer); } else { @@ -160,4 +166,4 @@ export class ComponentActions { getRegisteredMetadataTransducers(): IPublicTypeMetadataTransducer[] { return this.metadataTransducers; } -} \ No newline at end of file +} diff --git a/packages/designer/src/component-meta.ts b/packages/designer/src/component-meta.ts index 1ee1154f18..0b991c56bf 100644 --- a/packages/designer/src/component-meta.ts +++ b/packages/designer/src/component-meta.ts @@ -13,16 +13,12 @@ import { IPublicTypeAdvanced, IPublicTypeDisposable, IPublicTypeLiveTextEditingConfig, -} from '@alilc/lowcode-types'; -import { deprecate, isRegExp, isTitleConfig, isNode } from '@alilc/lowcode-utils'; -import { computed, createModuleEventBus, IEventBus } from '@alilc/lowcode-editor-core'; +} from '@lce/lowcode-types'; +import { deprecate, isRegExp, isTitleConfig, isNode } from '@lce/lowcode-utils'; +import { computed, createModuleEventBus, IEventBus } from '@lce/lowcode-editor-core'; import { Node, INode } from './document'; import { Designer } from './designer'; -import { - IconContainer, - IconPage, - IconComponent, -} from './icons'; +import { IconContainer, IconPage, IconComponent } from './icons'; export function ensureAList(list?: string | string[]): string[] | null { if (!list) { @@ -138,7 +134,7 @@ export class ComponentMeta implements IComponentMeta { private _isTopFixed?: boolean; get isTopFixed(): boolean { - return !!(this._isTopFixed); + return !!this._isTopFixed; } private parentWhitelist?: IPublicTypeNestingFilter | null; @@ -287,8 +283,8 @@ export class ComponentMeta implements IComponentMeta { } private transformMetadata( - metadta: IPublicTypeComponentMetadata, - ): IPublicTypeTransformedComponentMetadata { + metadta: IPublicTypeComponentMetadata, + ): IPublicTypeTransformedComponentMetadata { const registeredTransducers = this.designer.componentActions.getRegisteredMetadataTransducers(); const result = registeredTransducers.reduce((prevMetadata, current) => { return current(prevMetadata); @@ -351,7 +347,10 @@ export class ComponentMeta implements IComponentMeta { return true; } - checkNestingDown(my: INode, target: INode | IPublicTypeNodeSchema | IPublicTypeNodeSchema[]): boolean { + checkNestingDown( + my: INode, + target: INode | IPublicTypeNodeSchema | IPublicTypeNodeSchema[], + ): boolean { // 检查父子关系，直接约束型，在画布中拖拽直接掠过目标容器 if (this.childWhitelist) { const _target: any = !Array.isArray(target) ? [target] : target; @@ -372,14 +371,15 @@ export class ComponentMeta implements IComponentMeta { this.emitter.removeListener('metadata_change', fn); }; } - } export function isComponentMeta(obj: any): obj is ComponentMeta { return obj && obj.isComponentMeta; } -function preprocessMetadata(metadata: IPublicTypeComponentMetadata): IPublicTypeTransformedComponentMetadata { +function preprocessMetadata( + metadata: IPublicTypeComponentMetadata, +): IPublicTypeTransformedComponentMetadata { if (metadata.configure) { if (Array.isArray(metadata.configure)) { return { diff --git a/packages/designer/src/context-menu-actions.ts b/packages/designer/src/context-menu-actions.ts index c88e03ac65..75de9f57c2 100644 --- a/packages/designer/src/context-menu-actions.ts +++ b/packages/designer/src/context-menu-actions.ts @@ -1,8 +1,19 @@ -import { IPublicTypeContextMenuAction, IPublicEnumContextMenuType, IPublicTypeContextMenuItem, IPublicApiMaterial, IPublicModelPluginContext } from '@alilc/lowcode-types'; +import { + IPublicTypeContextMenuAction, + IPublicEnumContextMenuType, + IPublicTypeContextMenuItem, + IPublicApiMaterial, + IPublicModelPluginContext, +} from '@lce/lowcode-types'; import { IDesigner, INode } from './designer'; -import { createContextMenu, parseContextMenuAsReactNode, parseContextMenuProperties, uniqueId } from '@alilc/lowcode-utils'; +import { + createContextMenu, + parseContextMenuAsReactNode, + parseContextMenuProperties, + uniqueId, +} from '@lce/lowcode-utils'; import { Menu } from '@alifd/next'; -import { engineConfig } from '@alilc/lowcode-editor-core'; +import { engineConfig } from '@lce/lowcode-editor-core'; import './context-menu-actions.scss'; export interface IContextMenuActions { @@ -34,16 +45,14 @@ export class GlobalContextMenuActions { return; } this.enableContextMenu = enable; - this.dispose.forEach(d => d()); + this.dispose.forEach((d) => d()); if (enable) { this.initEvent(); } }); } - handleContextMenu = ( - event: MouseEvent, - ) => { + handleContextMenu = (event: MouseEvent) => { event.stopPropagation(); event.preventDefault(); @@ -58,7 +67,9 @@ export class GlobalContextMenuActions { const destroy = () => { destroyFn?.(); }; - const pluginContext: IPublicModelPluginContext = contextMenu.designer.editor.get('pluginContext') as IPublicModelPluginContext; + const pluginContext: IPublicModelPluginContext = contextMenu.designer.editor.get( + 'pluginContext', + ) as IPublicModelPluginContext; const menus: IPublicTypeContextMenuItem[] = parseContextMenuProperties(actions, { nodes: [], @@ -125,7 +136,7 @@ export class ContextMenuActions implements IContextMenuActions { enableContextMenu: boolean; - id: string = uniqueId('contextMenu');; + id: string = uniqueId('contextMenu'); constructor(designer: IDesigner) { this.designer = designer; @@ -136,7 +147,7 @@ export class ContextMenuActions implements IContextMenuActions { return; } this.enableContextMenu = enable; - this.dispose.forEach(d => d()); + this.dispose.forEach((d) => d()); if (enable) { this.initEvent(); } @@ -145,10 +156,7 @@ export class ContextMenuActions implements IContextMenuActions { globalContextMenuActions.registerContextMenuActions(this); } - handleContextMenu = ( - nodes: INode[], - event: MouseEvent, - ) => { + handleContextMenu = (nodes: INode[], event: MouseEvent) => { const designer = this.designer; event.stopPropagation(); event.preventDefault(); @@ -164,10 +172,12 @@ export class ContextMenuActions implements IContextMenuActions { destroyFn?.(); }; - const pluginContext: IPublicModelPluginContext = this.designer.editor.get('pluginContext') as IPublicModelPluginContext; + const pluginContext: IPublicModelPluginContext = this.designer.editor.get( + 'pluginContext', + ) as IPublicModelPluginContext; const menus: IPublicTypeContextMenuItem[] = parseContextMenuProperties(actions, { - nodes: nodes.map(d => designer.shellModelFactory.createNode(d)!), + nodes: nodes.map((d) => designer.shellModelFactory.createNode(d)!), destroy, event, pluginContext, @@ -181,7 +191,7 @@ export class ContextMenuActions implements IContextMenuActions { const menuNode = parseContextMenuAsReactNode(layoutMenu, { destroy, - nodes: nodes.map(d => designer.shellModelFactory.createNode(d)!), + nodes: nodes.map((d) => designer.shellModelFactory.createNode(d)!), pluginContext, }); @@ -194,22 +204,19 @@ export class ContextMenuActions implements IContextMenuActions { initEvent() { const designer = this.designer; this.dispose.push( - designer.editor.eventBus.on('designer.builtinSimulator.contextmenu', ({ - node, - originalEvent, - }: { - node: INode; - originalEvent: MouseEvent; - }) => { - originalEvent.stopPropagation(); - originalEvent.preventDefault(); - // 如果右键的节点不在当前选中的节点中，选中该节点 - if (!designer.currentSelection.has(node.id)) { - designer.currentSelection.select(node.id); - } - const nodes = designer.currentSelection.getNodes(); - this.handleContextMenu(nodes, originalEvent); - }), + designer.editor.eventBus.on( + 'designer.builtinSimulator.contextmenu', + ({ node, originalEvent }: { node: INode; originalEvent: MouseEvent }) => { + originalEvent.stopPropagation(); + originalEvent.preventDefault(); + // 如果右键的节点不在当前选中的节点中，选中该节点 + if (!designer.currentSelection.has(node.id)) { + designer.currentSelection.select(node.id); + } + const nodes = designer.currentSelection.getNodes(); + this.handleContextMenu(nodes, originalEvent); + }, + ), ); } @@ -230,4 +237,4 @@ export class ContextMenuActions implements IContextMenuActions { adjustMenuLayout(fn: (actions: IPublicTypeContextMenuItem[]) => IPublicTypeContextMenuItem[]) { adjustMenuLayoutFn = fn; } -} \ No newline at end of file +} diff --git a/packages/designer/src/designer/active-tracker.ts b/packages/designer/src/designer/active-tracker.ts index 74d865673f..717eefdc10 100644 --- a/packages/designer/src/designer/active-tracker.ts +++ b/packages/designer/src/designer/active-tracker.ts @@ -1,12 +1,9 @@ import { INode } from '../document/node/node'; -import { obx, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core'; -import { - IPublicTypeActiveTarget, - IPublicModelActiveTracker, -} from '@alilc/lowcode-types'; -import { isNode } from '@alilc/lowcode-utils'; - -export interface IActiveTracker extends Omit< IPublicModelActiveTracker, 'track' | 'onChange' > { +import { obx, IEventBus, createModuleEventBus } from '@lce/lowcode-editor-core'; +import { IPublicTypeActiveTarget, IPublicModelActiveTracker } from '@lce/lowcode-types'; +import { isNode } from '@lce/lowcode-utils'; + +export interface IActiveTracker extends Omit<IPublicModelActiveTracker, 'track' | 'onChange'> { _target: ActiveTarget | INode; track(originalTarget: ActiveTarget | INode): void; @@ -14,7 +11,7 @@ export interface IActiveTracker extends Omit< IPublicModelActiveTracker, 'track' onChange(fn: (target: ActiveTarget) => void): () => void; } -export interface ActiveTarget extends Omit< IPublicTypeActiveTarget, 'node' > { +export interface ActiveTarget extends Omit<IPublicTypeActiveTarget, 'node'> { node: INode; } diff --git a/packages/designer/src/designer/clipboard.ts b/packages/designer/src/designer/clipboard.ts index 34ce2b5b53..295ea2b6f2 100644 --- a/packages/designer/src/designer/clipboard.ts +++ b/packages/designer/src/designer/clipboard.ts @@ -1,4 +1,4 @@ -import { IPublicModelClipboard } from '@alilc/lowcode-types'; +import { IPublicModelClipboard } from '@lce/lowcode-types'; function getDataFromPasteEvent(event: ClipboardEvent) { const { clipboardData } = event; @@ -21,12 +21,11 @@ function getDataFromPasteEvent(event: ClipboardEvent) { } } catch (error) { // TODO: open the parser implement - return { }; + return {}; } } export interface IClipboard extends IPublicModelClipboard { - initCopyPaster(el: HTMLTextAreaElement): void; injectCopyPaster(document: Document): void; diff --git a/packages/designer/src/designer/designer.ts b/packages/designer/src/designer/designer.ts index 1dd4bc04e6..1bfcfd3ff4 100644 --- a/packages/designer/src/designer/designer.ts +++ b/packages/designer/src/designer/designer.ts @@ -1,5 +1,13 @@ import { ComponentType } from 'react'; -import { obx, computed, autorun, makeObservable, IReactionPublic, IReactionOptions, IReactionDisposer } from '@alilc/lowcode-editor-core'; +import { + obx, + computed, + autorun, + makeObservable, + IReactionPublic, + IReactionOptions, + IReactionDisposer, +} from '@lce/lowcode-editor-core'; import { IPublicTypeProjectSchema, IPublicTypeComponentMetadata, @@ -17,8 +25,16 @@ import { IPublicTypeLocationData, IPublicEnumTransformStage, IPublicModelLocateEvent, -} from '@alilc/lowcode-types'; -import { mergeAssets, IPublicTypeAssetsJson, isNodeSchema, isDragNodeObject, isDragNodeDataObject, isLocationChildrenDetail, Logger } from '@alilc/lowcode-utils'; +} from '@lce/lowcode-types'; +import { + mergeAssets, + IPublicTypeAssetsJson, + isNodeSchema, + isDragNodeObject, + isDragNodeDataObject, + isLocationChildrenDetail, + Logger, +} from '@lce/lowcode-utils'; import { IProject, Project } from '../project'; import { Node, DocumentModel, insertChildren, INode, ISelection } from '../document'; import { ComponentMeta, IComponentMeta } from '../component-meta'; @@ -55,9 +71,9 @@ export interface DesignerProps { onDragstart?: (e: IPublicModelLocateEvent) => void; onDrag?: (e: IPublicModelLocateEvent) => void; onDragend?: ( - e: { dragObject: IPublicModelDragObject; copy: boolean }, - loc?: DropLocation, - ) => void; + e: { dragObject: IPublicModelDragObject; copy: boolean }, + loc?: DropLocation, + ) => void; } export interface IDesigner { @@ -113,11 +129,18 @@ export interface IDesigner { postEvent(event: string, ...args: any[]): void; - transformProps(props: IPublicTypeCompositeObject | IPublicTypePropsList, node: Node, stage: IPublicEnumTransformStage): IPublicTypeCompositeObject | IPublicTypePropsList; + transformProps( + props: IPublicTypeCompositeObject | IPublicTypePropsList, + node: Node, + stage: IPublicEnumTransformStage, + ): IPublicTypeCompositeObject | IPublicTypePropsList; createSettingEntry(nodes: INode[]): ISettingTopEntry; - autorun(effect: (reaction: IReactionPublic) => void, options?: IReactionOptions<any, any>): IReactionDisposer; + autorun( + effect: (reaction: IReactionPublic) => void, + options?: IReactionOptions<any, any>, + ): IReactionDisposer; } export class Designer implements IDesigner { @@ -313,7 +336,11 @@ export class Designer implements IDesigner { */ createLocation(locationData: IPublicTypeLocationData<INode>): DropLocation { const loc = new DropLocation(locationData); - if (this._dropLocation && this._dropLocation.document && this._dropLocation.document !== loc.document) { + if ( + this._dropLocation && + this._dropLocation.document && + this._dropLocation.document !== loc.document + ) { this._dropLocation.document.dropLocation = null; } this._dropLocation = loc; @@ -612,7 +639,11 @@ export class Designer implements IDesigner { return maps; } - transformProps(props: IPublicTypeCompositeObject | IPublicTypePropsList, node: Node, stage: IPublicEnumTransformStage) { + transformProps( + props: IPublicTypeCompositeObject | IPublicTypePropsList, + node: Node, + stage: IPublicEnumTransformStage, + ) { if (Array.isArray(props)) { // current not support, make this future return props; @@ -647,7 +678,10 @@ export class Designer implements IDesigner { } } - autorun(effect: (reaction: IReactionPublic) => void, options?: IReactionOptions<any, any>): IReactionDisposer { + autorun( + effect: (reaction: IReactionPublic) => void, + options?: IReactionOptions<any, any>, + ): IReactionDisposer { return autorun(effect, options); } diff --git a/packages/designer/src/designer/detecting.ts b/packages/designer/src/designer/detecting.ts index a5d898d6e0..a26ccb7606 100644 --- a/packages/designer/src/designer/detecting.ts +++ b/packages/designer/src/designer/detecting.ts @@ -1,14 +1,11 @@ -import { makeObservable, obx, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core'; -import { IPublicModelDetecting } from '@alilc/lowcode-types'; +import { makeObservable, obx, IEventBus, createModuleEventBus } from '@lce/lowcode-editor-core'; +import { IPublicModelDetecting } from '@lce/lowcode-types'; import type { IDocumentModel } from '../document/document-model'; import type { INode } from '../document/node/node'; const DETECTING_CHANGE_EVENT = 'detectingChange'; -export interface IDetecting extends Omit<IPublicModelDetecting<INode>, - 'capture' | - 'release' | - 'leave' -> { +export interface IDetecting + extends Omit<IPublicModelDetecting<INode>, 'capture' | 'release' | 'leave'> { capture(node: INode | null): void; release(node: INode | null): void; diff --git a/packages/designer/src/designer/drag-ghost/index.tsx b/packages/designer/src/designer/drag-ghost/index.tsx index 50fca2f28e..faf9cc3ccb 100644 --- a/packages/designer/src/designer/drag-ghost/index.tsx +++ b/packages/designer/src/designer/drag-ghost/index.tsx @@ -1,10 +1,14 @@ import { Component, ReactElement } from 'react'; -import { observer, obx, Title, makeObservable } from '@alilc/lowcode-editor-core'; +import { observer, obx, Title, makeObservable } from '@lce/lowcode-editor-core'; import { Designer } from '../designer'; import { isDragNodeObject } from '../dragon'; import { isSimulatorHost } from '../../simulator'; import './ghost.less'; -import { IPublicTypeI18nData, IPublicTypeNodeSchema, IPublicModelDragObject } from '@alilc/lowcode-types'; +import { + IPublicTypeI18nData, + IPublicTypeNodeSchema, + IPublicModelDragObject, +} from '@lce/lowcode-types'; type offBinding = () => any; @@ -26,7 +30,7 @@ export default class DragGhost extends Component<{ designer: Designer }> { super(props); makeObservable(this); this.dispose = [ - this.dragon.onDragstart(e => { + this.dragon.onDragstart((e) => { if (e.originalEvent.type.slice(0, 4) === 'drag') { return; } @@ -34,7 +38,7 @@ export default class DragGhost extends Component<{ designer: Designer }> { this.x = e.globalX; this.y = e.globalY; }), - this.dragon.onDrag(e => { + this.dragon.onDrag((e) => { this.x = e.globalX; this.y = e.globalY; if (isSimulatorHost(e.sensor)) { @@ -61,12 +65,15 @@ export default class DragGhost extends Component<{ designer: Designer }> { const dataList = Array.isArray(dragObject.data) ? dragObject.data : [dragObject.data]; - return dataList.map((item: IPublicTypeNodeSchema, i) => (this.props.designer.getComponentMeta(item.componentName).title)); + return dataList.map( + (item: IPublicTypeNodeSchema, i) => + this.props.designer.getComponentMeta(item.componentName).title, + ); } componentWillUnmount() { if (this.dispose) { - this.dispose.forEach(off => off()); + this.dispose.forEach((off) => off()); } } diff --git a/packages/designer/src/designer/dragon.ts b/packages/designer/src/designer/dragon.ts index 8dcce2b4a2..362a8f6f65 100644 --- a/packages/designer/src/designer/dragon.ts +++ b/packages/designer/src/designer/dragon.ts @@ -1,4 +1,4 @@ -import { obx, makeObservable, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core'; +import { obx, makeObservable, IEventBus, createModuleEventBus } from '@lce/lowcode-editor-core'; import { IPublicTypeDragNodeObject, IPublicTypeDragAnyObject, @@ -9,8 +9,8 @@ import { IPublicModelDragon, IPublicModelLocateEvent, IPublicModelSensor, -} from '@alilc/lowcode-types'; -import { setNativeSelection, cursor } from '@alilc/lowcode-utils'; +} from '@lce/lowcode-types'; +import { setNativeSelection, cursor } from '@lce/lowcode-utils'; import { INode, Node } from '../document'; import { ISimulatorHost, isSimulatorHost } from '../simulator'; import { IDesigner } from './designer'; @@ -26,24 +26,28 @@ export interface ILocateEvent extends IPublicModelLocateEvent { } /** - * @deprecated use same function in @alilc/lowcode-utils + * @deprecated use same function in @lce/lowcode-utils */ export function isDragNodeObject(obj: any): obj is IPublicTypeDragNodeObject { return obj && obj.type === IPublicEnumDragObjectType.Node; } /** - * @deprecated use same function in @alilc/lowcode-utils + * @deprecated use same function in @lce/lowcode-utils */ export function isDragNodeDataObject(obj: any): obj is IPublicTypeDragNodeDataObject { return obj && obj.type === IPublicEnumDragObjectType.NodeData; } /** - * @deprecated use same function in @alilc/lowcode-utils + * @deprecated use same function in @lce/lowcode-utils */ export function isDragAnyObject(obj: any): obj is IPublicTypeDragAnyObject { - return obj && obj.type !== IPublicEnumDragObjectType.NodeData && obj.type !== IPublicEnumDragObjectType.Node; + return ( + obj && + obj.type !== IPublicEnumDragObjectType.NodeData && + obj.type !== IPublicEnumDragObjectType.Node + ); } export function isLocateEvent(e: any): e is ILocateEvent { @@ -95,10 +99,7 @@ function isDragEvent(e: any): e is DragEvent { return e?.type?.startsWith('drag'); } -export interface IDragon extends IPublicModelDragon< - INode, - ILocateEvent -> { +export interface IDragon extends IPublicModelDragon<INode, ILocateEvent> { emitter: IEventBus; } @@ -170,13 +171,20 @@ export class Dragon implements IDragon { * @param dragObject 拖拽对象 * @param boostEvent 拖拽初始时事件 */ - boost(dragObject: IPublicModelDragObject, boostEvent: MouseEvent | DragEvent, fromRglNode?: INode | IPublicModelNode) { + boost( + dragObject: IPublicModelDragObject, + boostEvent: MouseEvent | DragEvent, + fromRglNode?: INode | IPublicModelNode, + ) { const { designer } = this; const masterSensors = this.getMasterSensors(); const handleEvents = makeEventsHandler(boostEvent, masterSensors); const newBie = !isDragNodeObject(dragObject); const forceCopyState = - isDragNodeObject(dragObject) && dragObject.nodes.some((node: Node | IPublicModelNode) => (typeof node.isSlot === 'function' ? node.isSlot() : node.isSlot)); + isDragNodeObject(dragObject) && + dragObject.nodes.some((node: Node | IPublicModelNode) => + typeof node.isSlot === 'function' ? node.isSlot() : node.isSlot, + ); const isBoostFromDragAPI = isDragEvent(boostEvent); let lastSensor: IPublicModelSensor | undefined; @@ -433,7 +441,7 @@ export class Dragon implements IDragon { if (!sourceDocument || sourceDocument === document) { evt.globalX = e.clientX; evt.globalY = e.clientY; - } else /* istanbul ignore next */ { + } /* istanbul ignore next */ else { // event from simulator sandbox let srcSim: ISimulatorHost | undefined; const lastSim = lastSensor && isSimulatorHost(lastSensor) ? lastSensor : null; @@ -467,7 +475,9 @@ export class Dragon implements IDragon { /* istanbul ignore next */ const chooseSensor = (e: ILocateEvent) => { // this.sensors will change on dragstart - const sensors: IPublicModelSensor[] = this.sensors.concat(masterSensors as IPublicModelSensor[]); + const sensors: IPublicModelSensor[] = this.sensors.concat( + masterSensors as IPublicModelSensor[], + ); let sensor = e.sensor && e.sensor.isEnter(e) ? e.sensor diff --git a/packages/designer/src/designer/location.ts b/packages/designer/src/designer/location.ts index 3b9b080cd6..0dc1a52311 100644 --- a/packages/designer/src/designer/location.ts +++ b/packages/designer/src/designer/location.ts @@ -7,7 +7,7 @@ import { IPublicTypeLocationDetail, IPublicTypeLocationData, IPublicModelLocateEvent, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; export interface Point { clientX: number; @@ -24,14 +24,14 @@ export type Rects = DOMRect[] & { }; /** - * @deprecated use same function in @alilc/lowcode-utils + * @deprecated use same function in @lce/lowcode-utils */ export function isLocationData(obj: any): boolean { return obj && obj.target && obj.detail; } /** - * @deprecated use same function in @alilc/lowcode-utils + * @deprecated use same function in @lce/lowcode-utils */ export function isLocationChildrenDetail(obj: any): boolean { return obj && obj.type === IPublicTypeLocationDetailType.Children; @@ -60,7 +60,10 @@ export function isChildInline(child: Element | Text, win?: Window) { return true; } const style = (win || getWindow(child)).getComputedStyle(child); - return /^inline/.test(style.getPropertyValue('display')) || /^(left|right)$/.test(style.getPropertyValue('float')); + return ( + /^inline/.test(style.getPropertyValue('display')) || + /^(left|right)$/.test(style.getPropertyValue('float')) + ); } export function getRectTarget(rect: IPublicTypeRect | null) { @@ -99,7 +102,6 @@ export function getWindow(elem: Element | Document): Window { return (isDocument(elem) ? elem : elem.ownerDocument!).defaultView!; } export interface IDropLocation extends Omit<IPublicModelDropLocation, 'target' | 'clone'> { - readonly source: string; get target(): INode; diff --git a/packages/designer/src/designer/offset-observer.ts b/packages/designer/src/designer/offset-observer.ts index 2cf5bfee26..7596c13737 100644 --- a/packages/designer/src/designer/offset-observer.ts +++ b/packages/designer/src/designer/offset-observer.ts @@ -1,6 +1,6 @@ import requestIdleCallback, { cancelIdleCallback } from 'ric-shim'; -import { obx, computed, makeObservable } from '@alilc/lowcode-editor-core'; -import { uniqueId } from '@alilc/lowcode-utils'; +import { obx, computed, makeObservable } from '@lce/lowcode-editor-core'; +import { uniqueId } from '@lce/lowcode-utils'; import { INodeSelector, IViewport } from '../simulator'; import { INode } from '../document'; diff --git a/packages/designer/src/designer/scroller.ts b/packages/designer/src/designer/scroller.ts index 7391c39fab..51569121a6 100644 --- a/packages/designer/src/designer/scroller.ts +++ b/packages/designer/src/designer/scroller.ts @@ -1,8 +1,11 @@ -import { isElement } from '@alilc/lowcode-utils'; -import { IPublicModelScrollTarget, IPublicTypeScrollable, IPublicModelScroller } from '@alilc/lowcode-types'; +import { isElement } from '@lce/lowcode-utils'; +import { + IPublicModelScrollTarget, + IPublicTypeScrollable, + IPublicModelScroller, +} from '@lce/lowcode-types'; -export interface IScrollTarget extends IPublicModelScrollTarget { -} +export interface IScrollTarget extends IPublicModelScrollTarget {} export class ScrollTarget implements IScrollTarget { get left() { @@ -48,9 +51,7 @@ function easing(n: number) { const SCROLL_ACCURACY = 30; -export interface IScroller extends IPublicModelScroller { - -} +export interface IScroller extends IPublicModelScroller {} export class Scroller implements IScroller { private pid: number | undefined; scrollable: IPublicTypeScrollable; diff --git a/packages/designer/src/designer/setting/setting-entry-type.ts b/packages/designer/src/designer/setting/setting-entry-type.ts index 1aee9016e5..02174ff9be 100644 --- a/packages/designer/src/designer/setting/setting-entry-type.ts +++ b/packages/designer/src/designer/setting/setting-entry-type.ts @@ -1,4 +1,4 @@ -import { IPublicApiSetters, IPublicModelEditor } from '@alilc/lowcode-types'; +import { IPublicApiSetters, IPublicModelEditor } from '@lce/lowcode-types'; import { IDesigner } from '../designer'; import { INode } from '../../document'; import { ISettingField } from './setting-field'; diff --git a/packages/designer/src/designer/setting/setting-field.ts b/packages/designer/src/designer/setting/setting-field.ts index 1a63fb7a40..f4ef6f14f8 100644 --- a/packages/designer/src/designer/setting/setting-field.ts +++ b/packages/designer/src/designer/setting/setting-field.ts @@ -9,18 +9,19 @@ import { IPublicTypeDisposable, IPublicModelSettingField, IBaseModelSettingField, -} from '@alilc/lowcode-types'; -import type { - IPublicTypeSetValueOptions, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; +import type { IPublicTypeSetValueOptions } from '@lce/lowcode-types'; import { Transducer } from './utils'; import { ISettingPropEntry, SettingPropEntry } from './setting-prop-entry'; -import { computed, obx, makeObservable, action, untracked, intl } from '@alilc/lowcode-editor-core'; -import { cloneDeep, isCustomView, isDynamicSetter, isJSExpression } from '@alilc/lowcode-utils'; +import { computed, obx, makeObservable, action, untracked, intl } from '@lce/lowcode-editor-core'; +import { cloneDeep, isCustomView, isDynamicSetter, isJSExpression } from '@lce/lowcode-utils'; import { ISettingTopEntry } from './setting-top-entry'; -import { IComponentMeta, INode } from '@alilc/lowcode-designer'; +import { IComponentMeta, INode } from '@lce/lowcode-designer'; -function getSettingFieldCollectorKey(parent: ISettingTopEntry | ISettingField, config: IPublicTypeFieldConfig) { +function getSettingFieldCollectorKey( + parent: ISettingTopEntry | ISettingField, + config: IPublicTypeFieldConfig, +) { let cur = parent; const path = [config.name]; while (cur !== parent.top) { @@ -32,12 +33,12 @@ function getSettingFieldCollectorKey(parent: ISettingTopEntry | ISettingField, c return path.join('.'); } -export interface ISettingField extends ISettingPropEntry, Omit<IBaseModelSettingField< - ISettingTopEntry, - ISettingField, - IComponentMeta, - INode ->, 'setValue' | 'key' | 'node'> { +export interface ISettingField + extends ISettingPropEntry, + Omit< + IBaseModelSettingField<ISettingTopEntry, ISettingField, IComponentMeta, INode>, + 'setValue' | 'key' | 'node' + > { readonly isSettingField: true; readonly isRequired: boolean; @@ -316,7 +317,7 @@ export class SettingField extends SettingPropEntry implements ISettingField { } /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utilsinstead */ export function isSettingField(obj: any): obj is ISettingField { return obj && obj.isSettingField; diff --git a/packages/designer/src/designer/setting/setting-prop-entry.ts b/packages/designer/src/designer/setting/setting-prop-entry.ts index d6904f0c82..76b34ecb8e 100644 --- a/packages/designer/src/designer/setting/setting-prop-entry.ts +++ b/packages/designer/src/designer/setting/setting-prop-entry.ts @@ -1,6 +1,20 @@ -import { obx, computed, makeObservable, runInAction, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core'; -import { GlobalEvent, IPublicApiSetters, IPublicModelEditor, IPublicModelSettingField, IPublicTypeFieldExtraProps, IPublicTypeSetValueOptions } from '@alilc/lowcode-types'; -import { uniqueId, isJSExpression } from '@alilc/lowcode-utils'; +import { + obx, + computed, + makeObservable, + runInAction, + IEventBus, + createModuleEventBus, +} from '@lce/lowcode-editor-core'; +import { + GlobalEvent, + IPublicApiSetters, + IPublicModelEditor, + IPublicModelSettingField, + IPublicTypeFieldExtraProps, + IPublicTypeSetValueOptions, +} from '@lce/lowcode-types'; +import { uniqueId, isJSExpression } from '@lce/lowcode-utils'; import { ISettingEntry } from './setting-entry-type'; import { INode } from '../../document'; import type { IComponentMeta } from '../../component-meta'; @@ -33,7 +47,12 @@ export interface ISettingPropEntry extends ISettingEntry { remove(): void; - setValue(val: any, isHotValue?: boolean, force?: boolean, extraOptions?: IPublicTypeSetValueOptions): void; + setValue( + val: any, + isHotValue?: boolean, + force?: boolean, + extraOptions?: IPublicTypeSetValueOptions, + ): void; internalToShellField(): IPublicModelSettingField; } @@ -83,7 +102,11 @@ export class SettingPropEntry implements ISettingPropEntry { extraProps: IPublicTypeFieldExtraProps = {}; - constructor(readonly parent: ISettingTopEntry | ISettingField, name: string | number | undefined, type?: 'field' | 'group') { + constructor( + readonly parent: ISettingTopEntry | ISettingField, + name: string | number | undefined, + type?: 'field' | 'group', + ) { makeObservable(this); if (type == null) { const c = typeof name === 'string' ? name.slice(0, 1) : ''; @@ -206,7 +229,12 @@ export class SettingPropEntry implements ISettingPropEntry { /** * 设置当前属性值 */ - setValue(val: any, isHotValue?: boolean, force?: boolean, extraOptions?: IPublicTypeSetValueOptions) { + setValue( + val: any, + isHotValue?: boolean, + force?: boolean, + extraOptions?: IPublicTypeSetValueOptions, + ) { const oldValue = this.getValue(); if (this.type === 'field') { this.name?.toString() && this.parent.setPropValue(this.name, val); diff --git a/packages/designer/src/designer/setting/setting-top-entry.ts b/packages/designer/src/designer/setting/setting-top-entry.ts index 85be74b7f6..e818cf8906 100644 --- a/packages/designer/src/designer/setting/setting-top-entry.ts +++ b/packages/designer/src/designer/setting/setting-top-entry.ts @@ -1,6 +1,11 @@ -import { IPublicTypeCustomView, IPublicModelEditor, IPublicModelSettingTopEntry, IPublicApiSetters } from '@alilc/lowcode-types'; -import { isCustomView } from '@alilc/lowcode-utils'; -import { computed, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core'; +import { + IPublicTypeCustomView, + IPublicModelEditor, + IPublicModelSettingTopEntry, + IPublicApiSetters, +} from '@lce/lowcode-types'; +import { isCustomView } from '@lce/lowcode-utils'; +import { computed, IEventBus, createModuleEventBus } from '@lce/lowcode-editor-core'; import { ISettingEntry } from './setting-entry-type'; import { ISettingField, SettingField } from './setting-field'; import { INode } from '../../document'; @@ -14,10 +19,9 @@ function generateSessionId(nodes: INode[]) { .join(','); } -export interface ISettingTopEntry extends ISettingEntry, IPublicModelSettingTopEntry< - INode, - ISettingField -> { +export interface ISettingTopEntry + extends ISettingEntry, + IPublicModelSettingTopEntry<INode, ISettingField> { readonly top: ISettingTopEntry; readonly parent: ISettingTopEntry; @@ -177,7 +181,7 @@ export class SettingTopEntry implements ISettingTopEntry { */ get(propName: string | number): ISettingField | null { if (!propName) return null; - return this._settingFieldMap[propName] || (new SettingField(this, { name: propName })); + return this._settingFieldMap[propName] || new SettingField(this, { name: propName }); } /** @@ -244,7 +248,7 @@ export class SettingTopEntry implements ISettingTopEntry { this.disposeItems(); this._settingFieldMap = {}; this.emitter.removeAllListeners(); - this.disposeFunctions.forEach(f => f()); + this.disposeFunctions.forEach((f) => f()); this.disposeFunctions = []; } @@ -253,21 +257,15 @@ export class SettingTopEntry implements ISettingTopEntry { } // ==== copy some Node api ===== - getStatus() { + getStatus() {} - } - - setStatus() { - - } + setStatus() {} getChildren() { // this.nodes.map() } - getDOMNode() { - - } + getDOMNode() {} getId() { return this.id; diff --git a/packages/designer/src/designer/setting/utils.ts b/packages/designer/src/designer/setting/utils.ts index 75ed1dfc1a..620557ff3b 100644 --- a/packages/designer/src/designer/setting/utils.ts +++ b/packages/designer/src/designer/setting/utils.ts @@ -1,11 +1,11 @@ // all this file for polyfill vision logic import { isValidElement } from 'react'; -import { IPublicTypeFieldConfig, IPublicTypeSetterConfig } from '@alilc/lowcode-types'; -import { isSetterConfig, isDynamicSetter } from '@alilc/lowcode-utils'; +import { IPublicTypeFieldConfig, IPublicTypeSetterConfig } from '@lce/lowcode-types'; +import { isSetterConfig, isDynamicSetter } from '@lce/lowcode-utils'; import { ISettingField } from './setting-field'; function getHotterFromSetter(setter) { - return setter && (setter.Hotter || (setter.type && setter.type.Hotter)) || []; // eslint-disable-line + return (setter && (setter.Hotter || (setter.type && setter.type.Hotter))) || []; // eslint-disable-line } function getTransducerFromSetter(setter) { @@ -25,8 +25,8 @@ function combineTransducer(transducer, arr, context) { } return { - toHot: (transducer && transducer.toHot || (x => x)).bind(context), // eslint-disable-line - toNative: (transducer && transducer.toNative || (x => x)).bind(context), // eslint-disable-line + toHot: ((transducer && transducer.toHot) || ((x) => x)).bind(context), // eslint-disable-line + toNative: ((transducer && transducer.toNative) || ((x) => x)).bind(context), // eslint-disable-line }; } @@ -71,10 +71,16 @@ export class Transducer { if (isDynamicSetter(setter) && isDynamic) { try { setter = setter.call(context.internalToShellField(), context.internalToShellField()); - } catch (e) { console.error(e); } + } catch (e) { + console.error(e); + } } - this.setterTransducer = combineTransducer(getTransducerFromSetter(setter), getHotterFromSetter(setter), context); + this.setterTransducer = combineTransducer( + getTransducerFromSetter(setter), + getHotterFromSetter(setter), + context, + ); this.context = context; } diff --git a/packages/designer/src/document/document-model.ts b/packages/designer/src/document/document-model.ts index edca8fd818..731cf41f99 100644 --- a/packages/designer/src/document/document-model.ts +++ b/packages/designer/src/document/document-model.ts @@ -7,7 +7,7 @@ import { wrapWithEventSwitch, createModuleEventBus, IEventBus, -} from '@alilc/lowcode-editor-core'; +} from '@lce/lowcode-editor-core'; import { IPublicTypeNodeData, IPublicTypeNodeSchema, @@ -19,13 +19,9 @@ import { IPublicEnumTransformStage, IPublicTypeOnChangeOptions, IPublicTypeDisposable, -} from '@alilc/lowcode-types'; -import type { - IPublicTypeRootSchema, -} from '@alilc/lowcode-types'; -import type { - IDropLocation, -} from '@alilc/lowcode-designer'; +} from '@lce/lowcode-types'; +import type { IPublicTypeRootSchema } from '@lce/lowcode-types'; +import type { IDropLocation } from '@lce/lowcode-designer'; import { uniqueId, isPlainObject, @@ -36,7 +32,7 @@ import { isDragNodeObject, isDragNodeDataObject, isNode, -} from '@alilc/lowcode-utils'; +} from '@lce/lowcode-utils'; import { IProject } from '../project'; import { ISimulatorHost } from '../simulator'; import type { IComponentMeta } from '../component-meta'; @@ -50,37 +46,38 @@ import { EDITOR_EVENT } from '../types'; export type GetDataType<T, NodeType> = T extends undefined ? NodeType extends { - schema: infer R; - } - ? R - : any + schema: infer R; + } + ? R + : any : T; -export interface IDocumentModel extends Omit<IPublicModelDocumentModel< - ISelection, - IHistory, - INode, - IDropLocation, - IModalNodesManager, - IProject ->, - 'detecting' | - 'checkNesting' | - 'getNodeById' | - // 以下属性在内部的 document 中不存在 - 'exportSchema' | - 'importSchema' | - 'onAddNode' | - 'onRemoveNode' | - 'onChangeDetecting' | - 'onChangeSelection' | - 'onChangeNodeProp' | - 'onImportSchema' | - 'isDetectingNode' | - 'onFocusNodeChanged' | - 'onDropLocationChanged' -> { - +export interface IDocumentModel + extends Omit< + IPublicModelDocumentModel< + ISelection, + IHistory, + INode, + IDropLocation, + IModalNodesManager, + IProject + >, + | 'detecting' + | 'checkNesting' + | 'getNodeById' + // 以下属性在内部的 document 中不存在 + | 'exportSchema' + | 'importSchema' + | 'onAddNode' + | 'onRemoveNode' + | 'onChangeDetecting' + | 'onChangeSelection' + | 'onChangeNodeProp' + | 'onImportSchema' + | 'isDetectingNode' + | 'onFocusNodeChanged' + | 'onDropLocationChanged' + > { readonly designer: IDesigner; selection: ISelection; @@ -115,7 +112,11 @@ export interface IDocumentModel extends Omit<IPublicModelDocumentModel< checkNesting( dropTarget: INode, - dragObject: IPublicTypeDragNodeObject | IPublicTypeNodeSchema | INode | IPublicTypeDragNodeDataObject, + dragObject: + | IPublicTypeDragNodeObject + | IPublicTypeNodeSchema + | INode + | IPublicTypeDragNodeDataObject, ): boolean; getNodeCount(): number; @@ -138,7 +139,12 @@ export interface IDocumentModel extends Omit<IPublicModelDocumentModel< getComponentMeta(componentName: string): IComponentMeta; - insertNodes(parent: INode, thing: INode[] | IPublicTypeNodeData[], at?: number | null, copy?: boolean): INode[]; + insertNodes( + parent: INode, + thing: INode[] | IPublicTypeNodeData[], + at?: number | null, + copy?: boolean, + ): INode[]; open(): IDocumentModel; @@ -253,10 +259,10 @@ export class DocumentModel implements IDocumentModel { set dropLocation(loc: IDropLocation | null) { this._dropLocation = loc; // pub event - this.designer.editor.eventBus.emit( - 'document.dropLocation.changed', - { document: this, location: loc }, - ); + this.designer.editor.eventBus.emit('document.dropLocation.changed', { + document: this, + location: loc, + }); } /** @@ -356,7 +362,9 @@ export class DocumentModel implements IDocumentModel { }; } - onChangeNodeChildren(fn: (info: IPublicTypeOnChangeOptions<INode>) => void): IPublicTypeDisposable { + onChangeNodeChildren( + fn: (info: IPublicTypeOnChangeOptions<INode>) => void, + ): IPublicTypeDisposable { this.designer.editor?.eventBus.on(EDITOR_EVENT.NODE_CHILDREN_CHANGE, fn); return () => { @@ -475,14 +483,24 @@ export class DocumentModel implements IDocumentModel { /** * 插入一个节点 */ - insertNode(parent: INode, thing: INode | IPublicTypeNodeData, at?: number | null, copy?: boolean): INode | null { + insertNode( + parent: INode, + thing: INode | IPublicTypeNodeData, + at?: number | null, + copy?: boolean, + ): INode | null { return insertChild(parent, thing, at, copy); } /** * 插入多个节点 */ - insertNodes(parent: INode, thing: INode[] | IPublicTypeNodeData[], at?: number | null, copy?: boolean) { + insertNodes( + parent: INode, + thing: INode[] | IPublicTypeNodeData[], + at?: number | null, + copy?: boolean, + ) { return insertChildren(parent, thing, at, copy); } @@ -547,7 +565,7 @@ export class DocumentModel implements IDocumentModel { const drillDownNodeId = this._drillDownNode?.id; runWithGlobalEventOff(() => { // TODO: 暂时用饱和式删除，原因是 Slot 节点并不是树节点，无法正常递归删除 - this.nodes.forEach(node => { + this.nodes.forEach((node) => { if (node.isRoot()) return; this.internalRemoveAndPurgeNode(node, true); }); @@ -560,14 +578,20 @@ export class DocumentModel implements IDocumentModel { }); } - export(stage: IPublicEnumTransformStage = IPublicEnumTransformStage.Serilize): IPublicTypeRootSchema | undefined { + export( + stage: IPublicEnumTransformStage = IPublicEnumTransformStage.Serilize, + ): IPublicTypeRootSchema | undefined { stage = compatStage(stage); // 置顶只作用于 Page 的第一级子节点，目前还用不到里层的置顶；如果后面有需要可以考虑将这段写到 node-children 中的 export const currentSchema = this.rootNode?.export<IPublicTypeRootSchema>(stage); - if (Array.isArray(currentSchema?.children) && currentSchema?.children?.length && currentSchema?.children?.length > 0) { + if ( + Array.isArray(currentSchema?.children) && + currentSchema?.children?.length && + currentSchema?.children?.length > 0 + ) { const FixedTopNodeIndex = currentSchema?.children - .filter(i => isPlainObject(i)) - .findIndex((i => (i as IPublicTypeNodeSchema).props?.__isTopFixed__)); + .filter((i) => isPlainObject(i)) + .findIndex((i) => (i as IPublicTypeNodeSchema).props?.__isTopFixed__); if (FixedTopNodeIndex > 0) { const FixedTopNode = currentSchema?.children.splice(FixedTopNodeIndex, 1); currentSchema?.children.unshift(FixedTopNode[0]); @@ -672,7 +696,11 @@ export class DocumentModel implements IDocumentModel { checkNesting( dropTarget: INode, - dragObject: IPublicTypeDragNodeObject | IPublicTypeNodeSchema | INode | IPublicTypeDragNodeDataObject, + dragObject: + | IPublicTypeDragNodeObject + | IPublicTypeNodeSchema + | INode + | IPublicTypeDragNodeDataObject, ): boolean { let items: Array<INode | IPublicTypeNodeSchema>; if (isDragNodeDataObject(dragObject)) { @@ -685,7 +713,9 @@ export class DocumentModel implements IDocumentModel { console.warn('the dragObject is not in the correct type, dragObject:', dragObject); return true; } - return items.every((item) => this.checkNestingDown(dropTarget, item) && this.checkNestingUp(dropTarget, item)); + return items.every( + (item) => this.checkNestingDown(dropTarget, item) && this.checkNestingUp(dropTarget, item), + ); } /** @@ -693,7 +723,10 @@ export class DocumentModel implements IDocumentModel { * Will be deleted in version 2.0.0. * Use checkNesting method instead. */ - checkDropTarget(dropTarget: INode, dragObject: IPublicTypeDragNodeObject | IPublicTypeDragNodeDataObject): boolean { + checkDropTarget( + dropTarget: INode, + dragObject: IPublicTypeDragNodeObject | IPublicTypeDragNodeDataObject, + ): boolean { let items: Array<INode | IPublicTypeNodeSchema>; if (isDragNodeDataObject(dragObject)) { items = Array.isArray(dragObject.data) ? dragObject.data : [dragObject.data]; @@ -760,7 +793,7 @@ export class DocumentModel implements IDocumentModel { /** * @deprecated - */ + */ /* istanbul ignore next */ exportAddonData() { const addons: { @@ -796,10 +829,7 @@ export class DocumentModel implements IDocumentModel { } /* istanbul ignore next */ - acceptRootNodeVisitor( - visitorName = 'default', - visitorFn: (node: IRootNode) => any, - ) { + acceptRootNodeVisitor(visitorName = 'default', visitorFn: (node: IRootNode) => any) { let visitorResult = {}; if (!visitorName) { /* eslint-disable-next-line no-console */ diff --git a/packages/designer/src/document/document-view.tsx b/packages/designer/src/document/document-view.tsx index c6dbe76a81..3752218633 100644 --- a/packages/designer/src/document/document-view.tsx +++ b/packages/designer/src/document/document-view.tsx @@ -1,6 +1,6 @@ import { Component } from 'react'; import classNames from 'classnames'; -import { observer } from '@alilc/lowcode-editor-core'; +import { observer } from '@lce/lowcode-editor-core'; import { DocumentModel, IDocumentModel } from './document-model'; import { BuiltinSimulatorHostView } from '../builtin-simulator'; diff --git a/packages/designer/src/document/history.ts b/packages/designer/src/document/history.ts index ca288c03a8..7154762a81 100644 --- a/packages/designer/src/document/history.ts +++ b/packages/designer/src/document/history.ts @@ -1,6 +1,10 @@ -import { reaction, untracked, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core'; -import { IPublicTypeNodeSchema, IPublicModelHistory, IPublicTypeDisposable } from '@alilc/lowcode-types'; -import { Logger } from '@alilc/lowcode-utils'; +import { reaction, untracked, IEventBus, createModuleEventBus } from '@lce/lowcode-editor-core'; +import { + IPublicTypeNodeSchema, + IPublicModelHistory, + IPublicTypeDisposable, +} from '@lce/lowcode-types'; +import { Logger } from '@lce/lowcode-utils'; import { IDocumentModel } from '../designer'; const logger = new Logger({ level: 'warn', bizName: 'history' }); @@ -41,41 +45,45 @@ export class History<T = IPublicTypeNodeSchema> implements IHistory { private timeGap: number = 1000; constructor( - dataFn: () => T | null, - private redoer: (data: T) => void, - private document?: IDocumentModel, - ) { + dataFn: () => T | null, + private redoer: (data: T) => void, + private document?: IDocumentModel, + ) { this.session = new Session(0, null, this.timeGap); this.records = [this.session]; - reaction((): any => { - return dataFn(); - }, (data: T) => { - if (this.asleep) return; - untracked(() => { - const log = this.currentSerialization.serialize(data); - - // do not record unchanged data - if (this.session.data === log) { - return; - } - - if (this.session.isActive()) { - this.session.log(log); - } else { - this.session.end(); - const lastState = this.getState(); - const cursor = this.session.cursor + 1; - const session = new Session(cursor, log, this.timeGap); - this.session = session; - this.records.splice(cursor, this.records.length - cursor, session); - const currentState = this.getState(); - if (currentState !== lastState) { - this.emitter.emit('statechange', currentState); + reaction( + (): any => { + return dataFn(); + }, + (data: T) => { + if (this.asleep) return; + untracked(() => { + const log = this.currentSerialization.serialize(data); + + // do not record unchanged data + if (this.session.data === log) { + return; } - } - }); - }, { fireImmediately: true }); + + if (this.session.isActive()) { + this.session.log(log); + } else { + this.session.end(); + const lastState = this.getState(); + const cursor = this.session.cursor + 1; + const session = new Session(cursor, log, this.timeGap); + this.session = session; + this.records.splice(cursor, this.records.length - cursor, session); + const currentState = this.getState(); + if (currentState !== lastState) { + this.emitter.emit('statechange', currentState); + } + } + }); + }, + { fireImmediately: true }, + ); } setSerialization(serialization: Serialization<T, string>) { diff --git a/packages/designer/src/document/node/exclusive-group.ts b/packages/designer/src/document/node/exclusive-group.ts index 9f57b12fc7..44fbeb9740 100644 --- a/packages/designer/src/document/node/exclusive-group.ts +++ b/packages/designer/src/document/node/exclusive-group.ts @@ -1,6 +1,6 @@ -import { obx, computed, makeObservable } from '@alilc/lowcode-editor-core'; -import { uniqueId } from '@alilc/lowcode-utils'; -import { IPublicTypeTitleContent, IPublicModelExclusiveGroup } from '@alilc/lowcode-types'; +import { obx, computed, makeObservable } from '@lce/lowcode-editor-core'; +import { uniqueId } from '@lce/lowcode-utils'; +import { IPublicTypeTitleContent, IPublicModelExclusiveGroup } from '@lce/lowcode-types'; import type { INode } from './node'; import { intl } from '../../locale'; diff --git a/packages/designer/src/document/node/modal-nodes-manager.ts b/packages/designer/src/document/node/modal-nodes-manager.ts index 21c31ab46a..f8d6c916da 100644 --- a/packages/designer/src/document/node/modal-nodes-manager.ts +++ b/packages/designer/src/document/node/modal-nodes-manager.ts @@ -1,7 +1,7 @@ import { INode } from './node'; import { DocumentModel } from '../document-model'; -import { IPublicModelModalNodesManager } from '@alilc/lowcode-types'; -import { createModuleEventBus, IEventBus } from '@alilc/lowcode-editor-core'; +import { IPublicModelModalNodesManager } from '@lce/lowcode-types'; +import { createModuleEventBus, IEventBus } from '@lce/lowcode-editor-core'; export function getModalNodes(node: INode) { if (!node) return []; @@ -18,8 +18,7 @@ export function getModalNodes(node: INode) { return nodes; } -export interface IModalNodesManager extends IPublicModelModalNodesManager<INode> { -} +export interface IModalNodesManager extends IPublicModelModalNodesManager<INode> {} export class ModalNodesManager implements IModalNodesManager { willDestroy: any; @@ -107,10 +106,9 @@ export class ModalNodesManager implements IModalNodesManager { } private addNodeEvent(node: INode) { - this.nodeRemoveEvents[node.id] = - node.onVisibleChange(() => { - this.emitter.emit('visibleChange'); - }); + this.nodeRemoveEvents[node.id] = node.onVisibleChange(() => { + this.emitter.emit('visibleChange'); + }); } private removeNodeEvent(node: INode) { diff --git a/packages/designer/src/document/node/node-children.ts b/packages/designer/src/document/node/node-children.ts index 65210fe62c..b42978cecf 100644 --- a/packages/designer/src/document/node/node-children.ts +++ b/packages/designer/src/document/node/node-children.ts @@ -1,7 +1,18 @@ -import { obx, computed, makeObservable, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core'; +import { + obx, + computed, + makeObservable, + IEventBus, + createModuleEventBus, +} from '@lce/lowcode-editor-core'; import { Node, INode } from './node'; -import { IPublicTypeNodeData, IPublicModelNodeChildren, IPublicEnumTransformStage, IPublicTypeDisposable } from '@alilc/lowcode-types'; -import { shallowEqual, compatStage, isNodeSchema } from '@alilc/lowcode-utils'; +import { + IPublicTypeNodeData, + IPublicModelNodeChildren, + IPublicEnumTransformStage, + IPublicTypeDisposable, +} from '@lce/lowcode-types'; +import { shallowEqual, compatStage, isNodeSchema } from '@lce/lowcode-utils'; import { foreachReverse } from '../../utils/tree'; import { NodeRemoveOptions } from '../../types'; @@ -10,12 +21,11 @@ export interface IOnChangeOptions { node: Node; } -export interface INodeChildren extends Omit<IPublicModelNodeChildren<INode>, - 'importSchema' | - 'exportSchema' | - 'isEmpty' | - 'notEmpty' -> { +export interface INodeChildren + extends Omit< + IPublicModelNodeChildren<INode>, + 'importSchema' | 'exportSchema' | 'isEmpty' | 'notEmpty' + > { children: INode[]; get owner(): INode; @@ -28,11 +38,11 @@ export interface INodeChildren extends Omit<IPublicModelNodeChildren<INode>, * 删除一个节点 */ internalDelete( - node: INode, - purge: boolean, - useMutator: boolean, - options: NodeRemoveOptions - ): boolean; + node: INode, + purge: boolean, + useMutator: boolean, + options: NodeRemoveOptions, + ): boolean; /** * 插入一个节点，返回新长度 @@ -97,14 +107,16 @@ export class NodeChildren implements INodeChildren { } constructor( - readonly owner: INode, - data: IPublicTypeNodeData | IPublicTypeNodeData[], - options: any = {}, - ) { + 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); - }); + this.children = (Array.isArray(data) ? data : [data]) + .filter((child) => !!child) + .map((child) => { + return this.owner.document?.createNode(child, options.checkId); + }); } internalInitParent() { @@ -127,7 +139,7 @@ export class NodeChildren implements INodeChildren { } import(data?: IPublicTypeNodeData | IPublicTypeNodeData[], checkId = false) { - data = (data ? (Array.isArray(data) ? data : [data]) : []).filter(d => !!d); + data = (data ? (Array.isArray(data) ? data : [data]) : []).filter((d) => !!d); const originChildren = this.children.slice(); this.children.forEach((child) => child.internalSetParent(null)); @@ -187,7 +199,7 @@ export class NodeChildren implements INodeChildren { } unlinkChild(node: INode) { - const i = this.children.map(d => d.id).indexOf(node.id); + const i = this.children.map((d) => d.id).indexOf(node.id); if (i < 0) { return false; } @@ -208,7 +220,12 @@ export class NodeChildren implements INodeChildren { /** * 删除一个节点 */ - internalDelete(node: INode, purge = false, useMutator = true, options: NodeRemoveOptions = {}): boolean { + internalDelete( + node: INode, + purge = false, + useMutator = true, + options: NodeRemoveOptions = {}, + ): boolean { node.internalPurgeStart(); if (node.isParentalNode) { foreachReverse( @@ -227,7 +244,7 @@ export class NodeChildren implements INodeChildren { ); } // 需要在从 children 中删除 node 前记录下 index，internalSetParent 中会执行删除 (unlink) 操作 - const i = this.children.map(d => d.id).indexOf(node.id); + const i = this.children.map((d) => d.id).indexOf(node.id); if (purge) { // should set parent null node.internalSetParent(null, useMutator); @@ -275,7 +292,7 @@ export class NodeChildren implements INodeChildren { const { children } = this; let index = at == null || at === -1 ? children.length : at; - const i = children.map(d => d.id).indexOf(node.id); + const i = children.map((d) => d.id).indexOf(node.id); if (node.parent) { const editor = node.document?.designer.editor; @@ -344,7 +361,7 @@ export class NodeChildren implements INodeChildren { * 取得节点索引编号 */ indexOf(node: INode): number { - return this.children.map(d => d.id).indexOf(node.id); + return this.children.map((d) => d.id).indexOf(node.id); } /** @@ -446,7 +463,7 @@ export class NodeChildren implements INodeChildren { const willRemove = this.children.filter(remover); if (willRemove.length > 0) { willRemove.forEach((node) => { - const i = this.children.map(d => d.id).indexOf(node.id); + const i = this.children.map((d) => d.id).indexOf(node.id); if (i > -1) { this.children.splice(i, 1); node.remove(false); diff --git a/packages/designer/src/document/node/node.ts b/packages/designer/src/document/node/node.ts index c8363d0586..9ba6d434a8 100644 --- a/packages/designer/src/document/node/node.ts +++ b/packages/designer/src/document/node/node.ts @@ -1,5 +1,15 @@ import { ReactElement } from 'react'; -import { obx, computed, autorun, makeObservable, runInAction, wrapWithEventSwitch, action, createModuleEventBus, IEventBus } from '@alilc/lowcode-editor-core'; +import { + obx, + computed, + autorun, + makeObservable, + runInAction, + wrapWithEventSwitch, + action, + createModuleEventBus, + IEventBus, +} from '@lce/lowcode-editor-core'; import { IPublicTypeNodeSchema, IPublicTypePropsMap, @@ -17,9 +27,9 @@ import { IPublicEnumTransformStage, IPublicTypeDisposable, IBaseModelNode, -} from '@alilc/lowcode-types'; -import { compatStage, isDOMText, isJSExpression, isNode, isNodeSchema } from '@alilc/lowcode-utils'; -import { ISettingTopEntry } from '@alilc/lowcode-designer'; +} from '@lce/lowcode-types'; +import { compatStage, isDOMText, isJSExpression, isNode, isNodeSchema } from '@lce/lowcode-utils'; +import { ISettingTopEntry } from '@lce/lowcode-designer'; import { Props, getConvertedExtraKey, IProps } from './props/props'; import type { IDocumentModel } from '../document-model'; import { NodeChildren, INodeChildren } from './node-children'; @@ -37,34 +47,36 @@ 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' -> { +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; @@ -112,7 +124,9 @@ export interface IBaseNode<Schema extends IPublicTypeNodeSchema = IPublicTypeNod getSuitablePlace(node: INode, ref: any): any; - onChildrenChange(fn: (param?: { type: string; node: INode }) => void): IPublicTypeDisposable | undefined; + onChildrenChange( + fn: (param?: { type: string; node: INode }) => void, + ): IPublicTypeDisposable | undefined; onPropChange(func: (info: IPublicTypePropChangeOptions) => void): IPublicTypeDisposable; @@ -134,11 +148,7 @@ export interface IBaseNode<Schema extends IPublicTypeNodeSchema = IPublicTypeNod isEmpty(): boolean; - remove( - useMutator?: boolean, - purge?: boolean, - options?: NodeRemoveOptions, - ): void; + remove(useMutator?: boolean, purge?: boolean, options?: NodeRemoveOptions): void; didDropIn(dragment: INode): void; @@ -212,7 +222,9 @@ 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 IBaseNode +{ private emitter: IEventBus; /** @@ -381,10 +393,7 @@ export class Node<Schema extends IPublicTypeNodeSchema = IPublicTypeNodeSchema> this.props = new Props(this, props, extras); this._children = new NodeChildren(this as INode, this.initialChildren(children)); this._children.internalInitParent(); - this.props.merge( - this.upgradeProps(this.initProps(props || {})), - this.upgradeProps(extras), - ); + this.props.merge(this.upgradeProps(this.initProps(props || {})), this.upgradeProps(extras)); this.setupAutoruns(); } @@ -409,12 +418,18 @@ export class Node<Schema extends IPublicTypeNodeSchema = IPublicTypeNodeSchema> */ @action private initBuiltinProps() { - this.props.has(getConvertedExtraKey('hidden')) || this.props.add(false, getConvertedExtraKey('hidden')); - this.props.has(getConvertedExtraKey('title')) || this.props.add('', getConvertedExtraKey('title')); - this.props.has(getConvertedExtraKey('isLocked')) || this.props.add(false, getConvertedExtraKey('isLocked')); - this.props.has(getConvertedExtraKey('condition')) || this.props.add(true, getConvertedExtraKey('condition')); - this.props.has(getConvertedExtraKey('conditionGroup')) || this.props.add('', getConvertedExtraKey('conditionGroup')); - this.props.has(getConvertedExtraKey('loop')) || this.props.add(undefined, getConvertedExtraKey('loop')); + this.props.has(getConvertedExtraKey('hidden')) || + this.props.add(false, getConvertedExtraKey('hidden')); + this.props.has(getConvertedExtraKey('title')) || + this.props.add('', getConvertedExtraKey('title')); + this.props.has(getConvertedExtraKey('isLocked')) || + this.props.add(false, getConvertedExtraKey('isLocked')); + this.props.has(getConvertedExtraKey('condition')) || + this.props.add(true, getConvertedExtraKey('condition')); + this.props.has(getConvertedExtraKey('conditionGroup')) || + this.props.add('', getConvertedExtraKey('conditionGroup')); + this.props.has(getConvertedExtraKey('loop')) || + this.props.add(undefined, getConvertedExtraKey('loop')); } @action @@ -439,7 +454,9 @@ export class Node<Schema extends IPublicTypeNodeSchema = IPublicTypeNodeSchema> }); } - private initialChildren(children: IPublicTypeNodeData | IPublicTypeNodeData[] | undefined): IPublicTypeNodeData[] { + private initialChildren( + children: IPublicTypeNodeData | IPublicTypeNodeData[] | undefined, + ): IPublicTypeNodeData[] { const { initialChildren } = this.componentMeta.advanced; if (children == null) { @@ -626,9 +643,13 @@ export class Node<Schema extends IPublicTypeNodeSchema = IPublicTypeNodeSchema> } if (this.isSlot()) { this.parent.removeSlot(this); - this.parent.children?.internalDelete(this, purge, useMutator, { suppressRemoveEvent: true }); + this.parent.children?.internalDelete(this, purge, useMutator, { + suppressRemoveEvent: true, + }); } else { - this.parent.children?.internalDelete(this, purge, useMutator, { suppressRemoveEvent: true }); + this.parent.children?.internalDelete(this, purge, useMutator, { + suppressRemoveEvent: true, + }); } } } @@ -649,7 +670,8 @@ export class Node<Schema extends IPublicTypeNodeSchema = IPublicTypeNodeSchema> canSelect(): boolean { const onSelectHook = this.componentMeta?.advanced?.callbacks?.onSelectHook; - const canSelect = typeof onSelectHook === 'function' ? onSelectHook(this.internalToShellNode()!) : true; + const canSelect = + typeof onSelectHook === 'function' ? onSelectHook(this.internalToShellNode()!) : true; return canSelect; } @@ -944,7 +966,10 @@ export class Node<Schema extends IPublicTypeNodeSchema = IPublicTypeNodeSchema> /** * 导出 schema */ - export<T = IPublicTypeNodeSchema>(stage: IPublicEnumTransformStage = IPublicEnumTransformStage.Save, options: any = {}): T { + export<T = IPublicTypeNodeSchema>( + stage: IPublicEnumTransformStage = IPublicEnumTransformStage.Save, + options: any = {}, + ): T { stage = compatStage(stage); const baseSchema: any = { componentName: this.componentName, @@ -1098,12 +1123,11 @@ export class Node<Schema extends IPublicTypeNodeSchema = IPublicTypeNodeSchema> */ canPerformAction(actionName: string): boolean { const availableActions = - this.componentMeta?.availableActions?.filter((action: IPublicTypeComponentAction) => { - const { condition } = action; - return typeof condition === 'function' ? - condition(this) !== false : - condition !== false; - }) + this.componentMeta?.availableActions + ?.filter((action: IPublicTypeComponentAction) => { + const { condition } = action; + return typeof condition === 'function' ? condition(this) !== false : condition !== false; + }) .map((action: IPublicTypeComponentAction) => action.name) || []; return availableActions.indexOf(actionName) >= 0; @@ -1160,7 +1184,9 @@ export class Node<Schema extends IPublicTypeNodeSchema = IPublicTypeNodeSchema> return this.props; } - onChildrenChange(fn: (param?: { type: string; node: INode }) => void): IPublicTypeDisposable | undefined { + onChildrenChange( + fn: (param?: { type: string; node: INode }) => void, + ): IPublicTypeDisposable | undefined { const wrappedFunc = wrapWithEventSwitch(fn); return this.children?.onChange(wrappedFunc); } @@ -1230,7 +1256,7 @@ export class Node<Schema extends IPublicTypeNodeSchema = IPublicTypeNodeSchema> const isContainerNode = this.isContainer(); const isEmptyNode = this.isEmpty(); const isRGLContainerNode = this.isRGLContainer; - const isRGLNode = (this.getParent()?.isRGLContainer) as boolean; + const isRGLNode = this.getParent()?.isRGLContainer as boolean; const isRGL = isRGLContainerNode || (isRGLNode && (!isContainerNode || !isEmptyNode)); let rglNode = isRGLContainerNode ? this : isRGL ? this?.getParent() : null; return { isContainerNode, isEmptyNode, isRGLContainerNode, isRGLNode, isRGL, rglNode }; diff --git a/packages/designer/src/document/node/props/prop.ts b/packages/designer/src/document/node/props/prop.ts index d70f0f56ec..5ea1d7ad77 100644 --- a/packages/designer/src/document/node/props/prop.ts +++ b/packages/designer/src/document/node/props/prop.ts @@ -1,7 +1,29 @@ -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 { uniqueId, isPlainObject, hasOwnProperty, compatStage, isJSExpression, isJSSlot, isNodeSchema } from '@alilc/lowcode-utils'; +import { + untracked, + computed, + obx, + engineConfig, + action, + makeObservable, + mobx, + runInAction, +} from '@lce/lowcode-editor-core'; +import { GlobalEvent, IPublicEnumTransformStage } from '@lce/lowcode-types'; +import type { + IPublicTypeCompositeValue, + IPublicTypeJSSlot, + IPublicTypeSlotSchema, + IPublicModelProp, +} from '@lce/lowcode-types'; +import { + uniqueId, + isPlainObject, + hasOwnProperty, + compatStage, + isJSExpression, + isJSSlot, + isNodeSchema, +} from '@lce/lowcode-utils'; import { valueToSource } from './value-to-source'; import { IPropParent } from './props'; import type { IProps } from './props'; @@ -13,9 +35,7 @@ export const UNSET = Symbol.for('unset'); // eslint-disable-next-line no-redeclare export type UNSET = typeof UNSET; -export interface IProp extends Omit<IPublicModelProp< - INode ->, 'exportSchema' | 'node'>, IPropParent { +export interface IProp extends Omit<IPublicModelProp<INode>, 'exportSchema' | 'node'>, IPropParent { spread: boolean; key: string | number | undefined; @@ -274,7 +294,9 @@ export class Prop implements IProp, IPropParent { this.get(propName, false)?.unset(); } - export(stage: IPublicEnumTransformStage = IPublicEnumTransformStage.Save): IPublicTypeCompositeValue { + export( + stage: IPublicEnumTransformStage = IPublicEnumTransformStage.Save, + ): IPublicTypeCompositeValue { stage = compatStage(stage); const type = this._type; if (stage === IPublicEnumTransformStage.Render && this.key === '___condition___') { @@ -294,7 +316,7 @@ export class Prop implements IProp, IPropParent { } if (type === 'slot') { - const schema = this._slotNode?.export(stage) || {} as any; + const schema = this._slotNode?.export(stage) || ({} as any); if (stage === IPublicEnumTransformStage.Render) { return { type: 'JSSlot', @@ -372,7 +394,7 @@ export class Prop implements IProp, IPropParent { } else { this._type = 'map'; } - } else /* istanbul ignore next */ { + } /* istanbul ignore next */ else { this._type = 'expression'; this._value = { type: 'JSExpression', @@ -389,11 +411,7 @@ export class Prop implements IProp, IPropParent { } } - emitChange = ({ - oldValue, - }: { - oldValue: IPublicTypeCompositeValue | UNSET; - }) => { + emitChange = ({ oldValue }: { oldValue: IPublicTypeCompositeValue | UNSET }) => { const editor = this.owner.document?.designer.editor; const propsInfo = { key: this.key, @@ -432,7 +450,11 @@ export class Prop implements IProp, IPropParent { this._type = 'slot'; let slotSchema: IPublicTypeSlotSchema; // 当 data.value 的结构为 { componentName: 'Slot' } 时，复用部分 slotSchema 数据 - if ((isPlainObject(data.value) && isNodeSchema(data.value) && data.value?.componentName === 'Slot')) { + if ( + isPlainObject(data.value) && + isNodeSchema(data.value) && + data.value?.componentName === 'Slot' + ) { const value = data.value as IPublicTypeSlotSchema; slotSchema = { componentName: 'Slot', diff --git a/packages/designer/src/document/node/props/props.ts b/packages/designer/src/document/node/props/props.ts index 213592a5de..55ba41b4d8 100644 --- a/packages/designer/src/document/node/props/props.ts +++ b/packages/designer/src/document/node/props/props.ts @@ -1,7 +1,12 @@ -import { computed, makeObservable, obx, action } from '@alilc/lowcode-editor-core'; -import { IPublicTypePropsList, IPublicTypeCompositeValue, IPublicEnumTransformStage, IBaseModelProps } from '@alilc/lowcode-types'; -import type { IPublicTypePropsMap } from '@alilc/lowcode-types'; -import { uniqueId, compatStage } from '@alilc/lowcode-utils'; +import { computed, makeObservable, obx, action } from '@lce/lowcode-editor-core'; +import { + IPublicTypePropsList, + IPublicTypeCompositeValue, + IPublicEnumTransformStage, + IBaseModelProps, +} from '@lce/lowcode-types'; +import type { IPublicTypePropsMap } from '@lce/lowcode-types'; +import { uniqueId, compatStage } from '@lce/lowcode-utils'; import { Prop, UNSET } from './prop'; import type { IProp } from './prop'; import { INode } from '../node'; @@ -27,7 +32,6 @@ export function getOriginalExtraKey(key: string): string { } export interface IPropParent { - readonly props: IProps; readonly owner: INode; @@ -37,8 +41,12 @@ export interface IPropParent { delete(prop: IProp): void; } -export interface IProps extends Omit<IBaseModelProps<IProp>, | 'getExtraProp' | 'getExtraPropValue' | 'setExtraPropValue' | 'node'>, IPropParent { - +export interface IProps + extends Omit< + IBaseModelProps<IProp>, + 'getExtraProp' | 'getExtraPropValue' | 'setExtraPropValue' | 'node' + >, + IPropParent { /** * 获取 props 对应的 node */ @@ -96,7 +104,11 @@ export class Props implements IProps, IPropParent { private purged = false; - constructor(owner: INode, value?: IPublicTypePropsMap | IPublicTypePropsList | null, extras?: ExtrasObject) { + constructor( + owner: INode, + value?: IPublicTypePropsMap | IPublicTypePropsList | null, + extras?: ExtrasObject, + ) { makeObservable(this); this.owner = owner; if (Array.isArray(value)) { diff --git a/packages/designer/src/document/node/transform-stage.ts b/packages/designer/src/document/node/transform-stage.ts index 53b72c1bf0..dd577e45fa 100644 --- a/packages/designer/src/document/node/transform-stage.ts +++ b/packages/designer/src/document/node/transform-stage.ts @@ -1 +1 @@ -export { TransformStage } from '@alilc/lowcode-types'; +export { TransformStage } from '@lce/lowcode-types'; diff --git a/packages/designer/src/document/selection.ts b/packages/designer/src/document/selection.ts index 6147e188d8..93ddf9f695 100644 --- a/packages/designer/src/document/selection.ts +++ b/packages/designer/src/document/selection.ts @@ -1,7 +1,7 @@ -import { obx, makeObservable, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core'; +import { obx, makeObservable, IEventBus, createModuleEventBus } from '@lce/lowcode-editor-core'; import { INode, comparePosition, PositionNO } from './node/node'; import { DocumentModel } from './document-model'; -import { IPublicModelSelection } from '@alilc/lowcode-types'; +import { IPublicModelSelection } from '@lce/lowcode-types'; export interface ISelection extends Omit<IPublicModelSelection<INode>, 'node'> { containsNode(node: INode, excludeRoot: boolean): boolean; @@ -48,7 +48,7 @@ export class Selection implements ISelection { selectAll(ids: string[]) { const selectIds: string[] = []; - ids.forEach(d => { + ids.forEach((d) => { const node = this.doc.getNode(d); if (node?.canSelect()) { diff --git a/packages/designer/src/icons/clone.tsx b/packages/designer/src/icons/clone.tsx index 261acd2505..875e35c67f 100644 --- a/packages/designer/src/icons/clone.tsx +++ b/packages/designer/src/icons/clone.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconClone(props: IconProps) { return ( diff --git a/packages/designer/src/icons/component.tsx b/packages/designer/src/icons/component.tsx index 914f066254..985dff47a3 100644 --- a/packages/designer/src/icons/component.tsx +++ b/packages/designer/src/icons/component.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconComponent(props: IconProps) { return ( diff --git a/packages/designer/src/icons/container.tsx b/packages/designer/src/icons/container.tsx index 6cb51fd38a..fc07795fe6 100644 --- a/packages/designer/src/icons/container.tsx +++ b/packages/designer/src/icons/container.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconContainer(props: IconProps) { return ( diff --git a/packages/designer/src/icons/hidden.tsx b/packages/designer/src/icons/hidden.tsx index ac316d1808..6d3b97c5f7 100644 --- a/packages/designer/src/icons/hidden.tsx +++ b/packages/designer/src/icons/hidden.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconHidden(props: IconProps) { return ( diff --git a/packages/designer/src/icons/lock.tsx b/packages/designer/src/icons/lock.tsx index f67fac2371..2a8e131d8d 100644 --- a/packages/designer/src/icons/lock.tsx +++ b/packages/designer/src/icons/lock.tsx @@ -1,9 +1,13 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconLock(props: IconProps) { return ( <SVGIcon viewBox="0 0 1024 1024" {...props}> - <path d="M704 480v-160c0-105.6-86.4-192-192-192s-192 86.4-192 192v160H160v416h704V480h-160z m-320-160c0-70.4 57.6-128 128-128s128 57.6 128 128v160h-256v-160z m416 512H224v-288h576v288z" fill="#ffffff" p-id="2680" /> + <path + d="M704 480v-160c0-105.6-86.4-192-192-192s-192 86.4-192 192v160H160v416h704V480h-160z m-320-160c0-70.4 57.6-128 128-128s128 57.6 128 128v160h-256v-160z m416 512H224v-288h576v288z" + fill="#ffffff" + p-id="2680" + /> <path d="M480 768h64v-160h-64z" fill="#ffffff" p-id="2681" /> </SVGIcon> ); diff --git a/packages/designer/src/icons/page.tsx b/packages/designer/src/icons/page.tsx index 07853c4e12..1297d53757 100644 --- a/packages/designer/src/icons/page.tsx +++ b/packages/designer/src/icons/page.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconPage(props: IconProps) { return ( diff --git a/packages/designer/src/icons/remove.tsx b/packages/designer/src/icons/remove.tsx index 42b80f618e..0cee2fbe6c 100644 --- a/packages/designer/src/icons/remove.tsx +++ b/packages/designer/src/icons/remove.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconRemove(props: IconProps) { return ( diff --git a/packages/designer/src/icons/setting.tsx b/packages/designer/src/icons/setting.tsx index 2df18029c3..a038da8da3 100644 --- a/packages/designer/src/icons/setting.tsx +++ b/packages/designer/src/icons/setting.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconSetting(props: IconProps) { return ( diff --git a/packages/designer/src/icons/unlock.tsx b/packages/designer/src/icons/unlock.tsx index cff324920e..0705d77ddb 100644 --- a/packages/designer/src/icons/unlock.tsx +++ b/packages/designer/src/icons/unlock.tsx @@ -1,9 +1,13 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconUnlock(props: IconProps) { return ( <SVGIcon viewBox="0 0 1024 1024" {...props}> - <path d="M384 480v-160c0-70.4 57.6-128 128-128s128 57.6 128 128v64h64v-64c0-105.6-86.4-192-192-192s-192 86.4-192 192v160H160v416h704V480H384z m416 352H224v-288h576v288z" fill="#ffffff" p-id="2813" /> + <path + d="M384 480v-160c0-70.4 57.6-128 128-128s128 57.6 128 128v64h64v-64c0-105.6-86.4-192-192-192s-192 86.4-192 192v160H160v416h704V480H384z m416 352H224v-288h576v288z" + fill="#ffffff" + p-id="2813" + /> <path d="M416 736h192v-64h-192z" fill="#ffffff" p-id="2814" /> </SVGIcon> ); diff --git a/packages/designer/src/locale/index.ts b/packages/designer/src/locale/index.ts index 4cb3b53cfb..848d050322 100644 --- a/packages/designer/src/locale/index.ts +++ b/packages/designer/src/locale/index.ts @@ -1,4 +1,4 @@ -import { createIntl } from '@alilc/lowcode-editor-core'; +import { createIntl } from '@lce/lowcode-editor-core'; import enUS from './en-US.json'; import zhCN from './zh-CN.json'; diff --git a/packages/designer/src/plugin/plugin-context.ts b/packages/designer/src/plugin/plugin-context.ts index 7f26a2b4f3..fca3446232 100644 --- a/packages/designer/src/plugin/plugin-context.ts +++ b/packages/designer/src/plugin/plugin-context.ts @@ -1,5 +1,5 @@ /* eslint-disable no-multi-assign */ -import { engineConfig, createModuleEventBus } from '@alilc/lowcode-editor-core'; +import { engineConfig, createModuleEventBus } from '@lce/lowcode-editor-core'; import { IPublicApiHotkey, IPublicApiProject, @@ -20,7 +20,7 @@ import { IPublicEnumPluginRegisterLevel, IPublicModelWindow, IPublicApiCommonUI, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; import { IPluginContextOptions, ILowCodePluginContextApiAssembler, @@ -28,8 +28,9 @@ import { } from './plugin-types'; import { isValidPreferenceKey } from './plugin-utils'; -export default class PluginContext implements - IPublicModelPluginContext, ILowCodePluginContextPrivate { +export default class PluginContext + implements IPublicModelPluginContext, ILowCodePluginContextPrivate +{ hotkey: IPublicApiHotkey; project: IPublicApiProject; skeleton: IPublicApiSkeleton; @@ -50,9 +51,9 @@ export default class PluginContext implements isPluginRegisteredInWorkspace: false; constructor( - options: IPluginContextOptions, - contextApiAssembler: ILowCodePluginContextApiAssembler, - ) { + options: IPluginContextOptions, + contextApiAssembler: ILowCodePluginContextApiAssembler, + ) { const { pluginName = 'anonymous', meta = {} } = options; contextApiAssembler.assembleApis(this, pluginName, meta); this.pluginEvent = createModuleEventBus(pluginName, 200); @@ -62,14 +63,11 @@ export default class PluginContext implements } } - setPreference( - pluginName: string, - preferenceDeclaration: IPublicTypePluginDeclaration, - ): void { + setPreference(pluginName: string, preferenceDeclaration: IPublicTypePluginDeclaration): void { const getPreferenceValue = ( key: string, defaultValue?: IPublicTypePreferenceValueType, - ): IPublicTypePreferenceValueType | undefined => { + ): IPublicTypePreferenceValueType | undefined => { if (!isValidPreferenceKey(key, preferenceDeclaration)) { return undefined; } diff --git a/packages/designer/src/plugin/plugin-manager.ts b/packages/designer/src/plugin/plugin-manager.ts index f6b325dc0d..e15feb706a 100644 --- a/packages/designer/src/plugin/plugin-manager.ts +++ b/packages/designer/src/plugin/plugin-manager.ts @@ -1,5 +1,5 @@ -import { engineConfig } from '@alilc/lowcode-editor-core'; -import { getLogger } from '@alilc/lowcode-utils'; +import { engineConfig } from '@lce/lowcode-editor-core'; +import { getLogger } from '@lce/lowcode-utils'; import { ILowCodePluginRuntime, ILowCodePluginManager, @@ -18,12 +18,30 @@ import { IPublicTypePluginRegisterOptions, IPublicTypePreferenceValueType, IPublicTypePlugin, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; const logger = getLogger({ level: 'warn', bizName: 'designer:pluginManager' }); // 保留的事件前缀 -const RESERVED_EVENT_PREFIX = ['designer', 'editor', 'skeleton', 'renderer', 'render', 'utils', 'plugin', 'engine', 'editor-core', 'engine-core', 'plugins', 'event', 'events', 'log', 'logger', 'ctx', 'context']; +const RESERVED_EVENT_PREFIX = [ + 'designer', + 'editor', + 'skeleton', + 'renderer', + 'render', + 'utils', + 'plugin', + 'engine', + 'editor-core', + 'engine-core', + 'plugins', + 'event', + 'events', + 'log', + 'logger', + 'ctx', + 'context', +]; export class LowCodePluginManager implements ILowCodePluginManager { private plugins: ILowCodePluginRuntime[] = []; @@ -35,7 +53,10 @@ export class LowCodePluginManager implements ILowCodePluginManager { contextApiAssembler: ILowCodePluginContextApiAssembler; - constructor(contextApiAssembler: ILowCodePluginContextApiAssembler, readonly viewName = 'global') { + constructor( + contextApiAssembler: ILowCodePluginContextApiAssembler, + readonly viewName = 'global', + ) { this.contextApiAssembler = contextApiAssembler; } @@ -79,22 +100,28 @@ export class LowCodePluginManager implements ILowCodePluginManager { const isReservedPrefix = RESERVED_EVENT_PREFIX.find((item) => item === eventPrefix); if (isReservedPrefix) { meta.eventPrefix = undefined; - logger.warn(`plugin ${pluginName} is trying to use ${eventPrefix} as event prefix, which is a reserved event prefix, please use another one`); + logger.warn( + `plugin ${pluginName} is trying to use ${eventPrefix} as event prefix, which is a reserved event prefix, please use another one`, + ); } const ctx = this._getLowCodePluginContext({ pluginName, meta }); - const customFilterValidOptions = engineConfig.get('customPluginFilterOptions', filterValidOptions); + const customFilterValidOptions = engineConfig.get( + 'customPluginFilterOptions', + filterValidOptions, + ); const pluginTransducer = engineConfig.get('customPluginTransducer', null); - const newPluginModel = pluginTransducer ? await pluginTransducer(pluginModel, ctx, options) : pluginModel; - const newOptions = customFilterValidOptions(options, newPluginModel.meta?.preferenceDeclaration); + const newPluginModel = pluginTransducer + ? await pluginTransducer(pluginModel, ctx, options) + : pluginModel; + const newOptions = customFilterValidOptions( + options, + newPluginModel.meta?.preferenceDeclaration, + ); const config = newPluginModel(ctx, newOptions); // compat the legacy way to declare pluginName // @ts-ignore pluginName = pluginName || config.name; - invariant( - pluginName, - 'pluginConfigCreator.pluginName required', - config, - ); + invariant(pluginName, 'pluginConfigCreator.pluginName required', config); ctx.setPreference(pluginName, preferenceDeclaration); @@ -119,7 +146,11 @@ export class LowCodePluginManager implements ILowCodePluginManager { const engineVersionExp = engines && engines.lowcodeEngine; if (engineVersionExp && !this.isEngineVersionMatched(engineVersionExp)) { - throw new Error(`plugin ${pluginName} skipped, engine check failed, current engine version is ${engineConfig.get('ENGINE_VERSION')}, meta.engines.lowcodeEngine is ${engineVersionExp}`); + throw new Error( + `plugin ${pluginName} skipped, engine check failed, current engine version is ${engineConfig.get( + 'ENGINE_VERSION', + )}, meta.engines.lowcodeEngine is ${engineVersionExp}`, + ); } const plugin = new LowCodePluginRuntime(pluginName, this, config, meta); @@ -188,7 +219,9 @@ export class LowCodePluginManager implements ILowCodePluginManager { return this.pluginsMap.size; } - getPluginPreference(pluginName: string): Record<string, IPublicTypePreferenceValueType> | null | undefined { + getPluginPreference( + pluginName: string, + ): Record<string, IPublicTypePreferenceValueType> | null | undefined { if (!this.pluginPreference) { return null; } diff --git a/packages/designer/src/plugin/plugin-types.ts b/packages/designer/src/plugin/plugin-types.ts index cfc38866f5..afa9618b29 100644 --- a/packages/designer/src/plugin/plugin-types.ts +++ b/packages/designer/src/plugin/plugin-types.ts @@ -20,7 +20,7 @@ import { IPublicEnumPluginRegisterLevel, IPublicApiCommonUI, IPublicApiCommand, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; import PluginContext from './plugin-context'; export type PluginPreference = Map<string, Record<string, IPublicTypePreferenceValueType>>; @@ -44,7 +44,8 @@ interface ILowCodePluginRuntimeExportsAccessor { } // eslint-disable-next-line max-len -export type ILowCodePluginRuntime = ILowCodePluginRuntimeCore & ILowCodePluginRuntimeExportsAccessor; +export type ILowCodePluginRuntime = ILowCodePluginRuntimeCore & + ILowCodePluginRuntimeExportsAccessor; export interface ILowCodePluginContextPrivate { set hotkey(hotkey: IPublicApiHotkey); @@ -84,14 +85,16 @@ export interface ILowCodePluginManagerCore { pluginOptions?: any, options?: IPublicTypePluginRegisterOptions, ): Promise<void>; - init(pluginPreference?: Map<string, Record<string, IPublicTypePreferenceValueType>>): Promise<void>; + init( + pluginPreference?: Map<string, Record<string, IPublicTypePreferenceValueType>>, + ): Promise<void>; get(pluginName: string): ILowCodePluginRuntime | undefined; getAll(): ILowCodePluginRuntime[]; has(pluginName: string): boolean; delete(pluginName: string): any; setDisabled(pluginName: string, flag: boolean): void; dispose(): void; - _getLowCodePluginContext (options: IPluginContextOptions): PluginContext; + _getLowCodePluginContext(options: IPluginContextOptions): PluginContext; } export type ILowCodePluginManager = ILowCodePluginManagerCore & ILowCodePluginManagerPluginAccessor; diff --git a/packages/designer/src/plugin/plugin-utils.ts b/packages/designer/src/plugin/plugin-utils.ts index 7d8ab8db9c..f63918d380 100644 --- a/packages/designer/src/plugin/plugin-utils.ts +++ b/packages/designer/src/plugin/plugin-utils.ts @@ -1,5 +1,5 @@ import { isPlainObject } from 'lodash'; -import { IPublicTypePluginRegisterOptions, IPublicTypePluginDeclaration } from '@alilc/lowcode-types'; +import { IPublicTypePluginRegisterOptions, IPublicTypePluginDeclaration } from '@lce/lowcode-types'; export function isValidPreferenceKey( key: string, @@ -17,10 +17,7 @@ export function isLowCodeRegisterOptions(opts: any): opts is IPublicTypePluginRe return opts && ('autoInit' in opts || 'override' in opts); } -export function filterValidOptions( - opts: any, - preferenceDeclaration: IPublicTypePluginDeclaration, - ) { +export function filterValidOptions(opts: any, preferenceDeclaration: IPublicTypePluginDeclaration) { if (!opts || !isPlainObject(opts)) return opts; const filteredOpts = {} as any; Object.keys(opts).forEach((key) => { @@ -32,4 +29,4 @@ export function filterValidOptions( } }); return filteredOpts; -} \ No newline at end of file +} diff --git a/packages/designer/src/plugin/plugin.ts b/packages/designer/src/plugin/plugin.ts index dd57325fcd..1cc3afa558 100644 --- a/packages/designer/src/plugin/plugin.ts +++ b/packages/designer/src/plugin/plugin.ts @@ -1,12 +1,6 @@ -import { getLogger, Logger } from '@alilc/lowcode-utils'; -import { - ILowCodePluginRuntime, - ILowCodePluginManager, -} from './plugin-types'; -import { - IPublicTypePluginConfig, - IPublicTypePluginMeta, -} from '@alilc/lowcode-types'; +import { getLogger, Logger } from '@lce/lowcode-utils'; +import { ILowCodePluginRuntime, ILowCodePluginManager } from './plugin-types'; +import { IPublicTypePluginConfig, IPublicTypePluginMeta } from '@lce/lowcode-types'; import { invariant } from '../utils'; export class LowCodePluginRuntime implements ILowCodePluginRuntime { diff --git a/packages/designer/src/project/project-view.tsx b/packages/designer/src/project/project-view.tsx index a16d4451a6..4b96423dd1 100644 --- a/packages/designer/src/project/project-view.tsx +++ b/packages/designer/src/project/project-view.tsx @@ -1,5 +1,5 @@ import { Component } from 'react'; -import { observer, engineConfig } from '@alilc/lowcode-editor-core'; +import { observer, engineConfig } from '@lce/lowcode-editor-core'; import { Designer } from '../designer'; import { BuiltinSimulatorHostView } from '../builtin-simulator'; import './project.less'; @@ -8,7 +8,11 @@ export class BuiltinLoading extends Component { render() { return ( <div id="engine-loading-wrapper"> - <img width="154" height="100" src="https://img.alicdn.com/tfs/TB1CmVgayERMeJjy0FcXXc7opXa-308-200.gif" /> + <img + width="154" + height="100" + src="https://img.alicdn.com/tfs/TB1CmVgayERMeJjy0FcXXc7opXa-308-200.gif" + /> </div> ); } diff --git a/packages/designer/src/project/project.ts b/packages/designer/src/project/project.ts index 94913d9fa7..08be796d5c 100644 --- a/packages/designer/src/project/project.ts +++ b/packages/designer/src/project/project.ts @@ -1,41 +1,47 @@ -import { obx, computed, makeObservable, action, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core'; +import { + obx, + computed, + makeObservable, + action, + IEventBus, + createModuleEventBus, +} from '@lce/lowcode-editor-core'; import { IDesigner } from '../designer'; import { DocumentModel, isDocumentModel } from '../document'; import type { IDocumentModel } from '../document'; -import { IPublicEnumTransformStage } from '@alilc/lowcode-types'; +import { IPublicEnumTransformStage } from '@lce/lowcode-types'; import type { IBaseApiProject, IPublicTypeProjectSchema, IPublicTypeRootSchema, IPublicTypeComponentsMap, IPublicTypeSimulatorRenderer, -} from '@alilc/lowcode-types'; -import { isLowCodeComponentType, isProCodeComponentType } from '@alilc/lowcode-utils'; +} from '@lce/lowcode-types'; +import { isLowCodeComponentType, isProCodeComponentType } from '@lce/lowcode-utils'; import { ISimulatorHost } from '../simulator'; -export interface IProject extends Omit<IBaseApiProject< - IDocumentModel ->, - 'simulatorHost' | - 'importSchema' | - 'exportSchema' | - 'openDocument' | - 'getDocumentById' | - 'getCurrentDocument' | - 'addPropsTransducer' | - 'onRemoveDocument' | - 'onChangeDocument' | - 'onSimulatorHostReady' | - 'onSimulatorRendererReady' | - 'setI18n' | - 'setConfig' | - 'currentDocument' | - 'selection' | - 'documents' | - 'createDocument' | - 'getDocumentByFileName' -> { - +export interface IProject + extends Omit< + IBaseApiProject<IDocumentModel>, + | 'simulatorHost' + | 'importSchema' + | 'exportSchema' + | 'openDocument' + | 'getDocumentById' + | 'getCurrentDocument' + | 'addPropsTransducer' + | 'onRemoveDocument' + | 'onChangeDocument' + | 'onSimulatorHostReady' + | 'onSimulatorRendererReady' + | 'setI18n' + | 'setConfig' + | 'currentDocument' + | 'selection' + | 'documents' + | 'createDocument' + | 'getDocumentByFileName' + > { get designer(): IDesigner; get simulator(): ISimulatorHost | null; @@ -60,9 +66,7 @@ export interface IProject extends Omit<IBaseApiProject< load(schema?: IPublicTypeProjectSchema, autoOpen?: boolean | string): void; - getSchema( - stage?: IPublicEnumTransformStage, - ): IPublicTypeProjectSchema; + getSchema(stage?: IPublicEnumTransformStage): IPublicTypeProjectSchema; getDocument(id: string): IDocumentModel | null; @@ -136,41 +140,48 @@ export class Project implements IProject { private documentsMap = new Map<string, DocumentModel>(); - constructor(readonly designer: IDesigner, schema?: IPublicTypeProjectSchema, readonly viewName = 'global') { + constructor( + readonly designer: IDesigner, + schema?: IPublicTypeProjectSchema, + readonly viewName = 'global', + ) { makeObservable(this); this.load(schema); } private getComponentsMap(): IPublicTypeComponentsMap { - return this.documents.reduce<IPublicTypeComponentsMap>(( - componentsMap: IPublicTypeComponentsMap, - curDoc: IDocumentModel, - ): IPublicTypeComponentsMap => { - const curComponentsMap = curDoc.getComponentsMap(); - if (Array.isArray(curComponentsMap)) { - curComponentsMap.forEach((item) => { - const found = componentsMap.find((eItem) => { - if ( - isProCodeComponentType(eItem) && - isProCodeComponentType(item) && - eItem.package === item.package && - eItem.componentName === item.componentName - ) { - return true; - } else if ( - isLowCodeComponentType(eItem) && - eItem.componentName === item.componentName - ) { - return true; - } - return false; + return this.documents.reduce<IPublicTypeComponentsMap>( + ( + componentsMap: IPublicTypeComponentsMap, + curDoc: IDocumentModel, + ): IPublicTypeComponentsMap => { + const curComponentsMap = curDoc.getComponentsMap(); + if (Array.isArray(curComponentsMap)) { + curComponentsMap.forEach((item) => { + const found = componentsMap.find((eItem) => { + if ( + isProCodeComponentType(eItem) && + isProCodeComponentType(item) && + eItem.package === item.package && + eItem.componentName === item.componentName + ) { + return true; + } else if ( + isLowCodeComponentType(eItem) && + eItem.componentName === item.componentName + ) { + return true; + } + return false; + }); + if (found) return; + componentsMap.push(item); }); - if (found) return; - componentsMap.push(item); - }); - } - return componentsMap; - }, [] as IPublicTypeComponentsMap); + } + return componentsMap; + }, + [] as IPublicTypeComponentsMap, + ); } /** @@ -184,7 +195,7 @@ export class Project implements IProject { componentsMap: this.getComponentsMap(), componentsTree: this.documents .filter((doc) => !doc.isBlank()) - .map((doc) => doc.export(stage) || {} as IPublicTypeRootSchema), + .map((doc) => doc.export(stage) || ({} as IPublicTypeRootSchema)), i18n: this.i18n, }; } @@ -319,7 +330,9 @@ export class Project implements IProject { return doc.open(); } if (typeof doc === 'string' || typeof doc === 'number') { - const got = this.documents.find((item) => item.fileName === String(doc) || String(item.id) === String(doc)); + const got = this.documents.find( + (item) => item.fileName === String(doc) || String(item.id) === String(doc), + ); if (got) { return got.open(); } diff --git a/packages/designer/src/simulator.ts b/packages/designer/src/simulator.ts index 3a63a685b8..4f210945a3 100644 --- a/packages/designer/src/simulator.ts +++ b/packages/designer/src/simulator.ts @@ -1,5 +1,13 @@ import { ComponentType } from 'react'; -import { IPublicTypeComponentMetadata, IPublicTypeNodeSchema, IPublicTypeScrollable, IPublicTypeComponentInstance, IPublicModelSensor, IPublicTypeNodeInstance, IPublicTypePackage } from '@alilc/lowcode-types'; +import { + IPublicTypeComponentMetadata, + IPublicTypeNodeSchema, + IPublicTypeScrollable, + IPublicTypeComponentInstance, + IPublicModelSensor, + IPublicTypeNodeInstance, + IPublicTypePackage, +} from '@lce/lowcode-types'; import { Point, ScrollTarget, ILocateEvent, IDesigner } from './designer'; import { BuiltinSimulatorRenderer } from './builtin-simulator/renderer'; import { INode } from './document'; @@ -9,10 +17,8 @@ export type AutoFit = '100%'; // eslint-disable-next-line no-redeclare export const AutoFit = '100%'; -export interface IScrollable extends IPublicTypeScrollable { -} +export interface IScrollable extends IPublicTypeScrollable {} export interface IViewport extends IScrollable { - /** * 视口大小 */ @@ -164,13 +170,22 @@ export interface ISimulatorHost<P = object> extends IPublicModelSensor<INode> { */ getComponentContext(node: INode): object | null; - getClosestNodeInstance(from: IPublicTypeComponentInstance, specId?: string): IPublicTypeNodeInstance | null; + getClosestNodeInstance( + from: IPublicTypeComponentInstance, + specId?: string, + ): IPublicTypeNodeInstance | null; computeRect(node: INode): DOMRect | null; - computeComponentInstanceRect(instance: IPublicTypeComponentInstance, selector?: string): DOMRect | null; + computeComponentInstanceRect( + instance: IPublicTypeComponentInstance, + selector?: string, + ): DOMRect | null; - findDOMNodes(instance: IPublicTypeComponentInstance, selector?: string): Array<Element | Text> | null; + findDOMNodes( + instance: IPublicTypeComponentInstance, + selector?: string, + ): Array<Element | Text> | null; getDropContainer(e: ILocateEvent): DropContainer | null; diff --git a/packages/designer/src/transducers/index.ts b/packages/designer/src/transducers/index.ts index 48299f999c..c20b6f6d76 100644 --- a/packages/designer/src/transducers/index.ts +++ b/packages/designer/src/transducers/index.ts @@ -1,4 +1,4 @@ -import { IPublicTypeTransformedComponentMetadata as Metadata } from '@alilc/lowcode-types'; +import { IPublicTypeTransformedComponentMetadata as Metadata } from '@lce/lowcode-types'; export function legacyIssues(metadata: Metadata): Metadata { const { devMode } = metadata; diff --git a/packages/designer/src/types/index.ts b/packages/designer/src/types/index.ts index 50fd82bcd6..505a9f9ff2 100644 --- a/packages/designer/src/types/index.ts +++ b/packages/designer/src/types/index.ts @@ -1,4 +1,9 @@ -import { isFormEvent, compatibleLegaoSchema, getNodeSchemaById, isNodeSchema } from '@alilc/lowcode-utils'; +import { + isFormEvent, + compatibleLegaoSchema, + getNodeSchemaById, + isNodeSchema, +} from '@lce/lowcode-utils'; export type NodeRemoveOptions = { suppressRemoveEvent?: boolean; @@ -17,4 +22,4 @@ export enum EDITOR_EVENT { NODE_VISIBLE_CHANGE = 'node.visible.change', } -export type Utils = typeof utils; \ No newline at end of file +export type Utils = typeof utils; diff --git a/packages/designer/tests/bugs/prop-variable-jse.test.ts b/packages/designer/tests/bugs/prop-variable-jse.test.ts index 0f32f0b57d..a5ca262ea1 100644 --- a/packages/designer/tests/bugs/prop-variable-jse.test.ts +++ b/packages/designer/tests/bugs/prop-variable-jse.test.ts @@ -1,6 +1,6 @@ -import { Editor } from '@alilc/lowcode-editor-core'; -import { IPublicEnumTransformStage } from '@alilc/lowcode-types'; -import { isPlainObject, isVariable, isJSBlock } from '@alilc/lowcode-utils'; +import { Editor } from '@lce/lowcode-editor-core'; +import { IPublicEnumTransformStage } from '@lce/lowcode-types'; +import { isPlainObject, isVariable, isJSBlock } from '@lce/lowcode-utils'; import '../fixtures/window'; import { Designer } from '../../src/designer/designer'; import { DocumentModel } from '../../src/document/document-model'; @@ -67,6 +67,6 @@ describe('Node 方法测试', () => { expect(form.getPropValue('dataSource')).toEqual({ type: 'JSExpression', value: 'state.formData', - }) + }); }); }); diff --git a/packages/designer/tests/builtin-simulator/bem-tools/drag-resize-engine.test.ts b/packages/designer/tests/builtin-simulator/bem-tools/drag-resize-engine.test.ts index ccdc4b2b63..650c798d0d 100644 --- a/packages/designer/tests/builtin-simulator/bem-tools/drag-resize-engine.test.ts +++ b/packages/designer/tests/builtin-simulator/bem-tools/drag-resize-engine.test.ts @@ -1,5 +1,5 @@ import '../../fixtures/window'; -import { Editor, globalContext } from '@alilc/lowcode-editor-core'; +import { Editor, globalContext } from '@lce/lowcode-editor-core'; import { Project } from '../../../src/project/project'; import { DocumentModel } from '../../../src/document/document-model'; import { Designer } from '../../../src/designer/designer'; @@ -46,10 +46,9 @@ describe('DragResizeEngine 测试', () => { const offResize = resizeEngine.onResize(resizeMockFn); const offResizeEnd = resizeEngine.onResizeEnd(resizeEndMockFn); const boostedNode = doc.getNode('node_k1ow3cbn'); - const mockBoostFn = jest - .fn((e) => { - return boostedNode; - }); + const mockBoostFn = jest.fn((e) => { + return boostedNode; + }); // do nothing const noop = resizeEngine.from(); @@ -114,10 +113,9 @@ describe('DragResizeEngine 测试', () => { contentDocument: document, }); - const mockBoostFn = jest - .fn((e) => { - return doc.getNode('node_k1ow3cbn'); - }); + const mockBoostFn = jest.fn((e) => { + return doc.getNode('node_k1ow3cbn'); + }); const offFrom = resizeEngine.from(document, 'e', mockBoostFn); diff --git a/packages/designer/tests/builtin-simulator/bem-tools/manager.test.tsx b/packages/designer/tests/builtin-simulator/bem-tools/manager.test.tsx index bed1e27de9..1aaa194136 100644 --- a/packages/designer/tests/builtin-simulator/bem-tools/manager.test.tsx +++ b/packages/designer/tests/builtin-simulator/bem-tools/manager.test.tsx @@ -1,5 +1,5 @@ import '../../fixtures/window'; -import { Editor } from '@alilc/lowcode-editor-core'; +import { Editor } from '@lce/lowcode-editor-core'; import { Designer } from '../../../src/designer/designer'; import { BemToolsManager } from '../../../src/builtin-simulator/bem-tools/manager'; import { shellModelFactory } from '../../../../engine/src/modules/shell-model-factory'; @@ -30,14 +30,18 @@ describe('Node 方法测试', () => { it('addBemTools / removeBemTools / getAllBemTools', () => { manager.addBemTools({ name: 't1', - item: (props: any) => { return <div />; }, + item: (props: any) => { + return <div />; + }, }); expect(manager.getAllBemTools().length).toBe(1); expect(() => { manager.addBemTools({ name: 't1', - item: (props: any) => { return <div />; }, + item: (props: any) => { + return <div />; + }, }); }).toThrow(/already exists/); @@ -47,4 +51,4 @@ describe('Node 方法测试', () => { manager.removeBemTools('t1'); expect(manager.getAllBemTools().length).toBe(0); }); -}); \ No newline at end of file +}); diff --git a/packages/designer/tests/builtin-simulator/host.test.ts b/packages/designer/tests/builtin-simulator/host.test.ts index d74c31d42c..1082c3a2e7 100644 --- a/packages/designer/tests/builtin-simulator/host.test.ts +++ b/packages/designer/tests/builtin-simulator/host.test.ts @@ -5,14 +5,10 @@ import { globalContext, Hotkey as InnerHotkey, Setters as InnerSetters, -} from '@alilc/lowcode-editor-core'; -import { Workspace as InnerWorkspace } from '@alilc/lowcode-workspace'; -import { - AssetType, -} from '@alilc/lowcode-utils'; -import { - IPublicEnumDragObjectType, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-editor-core'; +import { Workspace as InnerWorkspace } from '@lce/lowcode-workspace'; +import { AssetType } from '@lce/lowcode-utils'; +import { IPublicEnumDragObjectType } from '@lce/lowcode-types'; import { Project } from '../../src/project/project'; import pageMetadata from '../fixtures/component-metadata/page'; import { Designer } from '../../src/designer/designer'; @@ -22,11 +18,13 @@ import { getMockDocument, getMockWindow, getMockEvent, delayObxTick } from '../u import { BuiltinSimulatorHost } from '../../src/builtin-simulator/host'; import { fireEvent } from '@testing-library/react'; import { shellModelFactory } from '../../../engine/src/modules/shell-model-factory'; -import { Setters, Workspace } from '@alilc/lowcode-shell'; -import { ILowCodePluginContextApiAssembler, ILowCodePluginContextPrivate, LowCodePluginManager } from '@alilc/lowcode-designer'; +import { Setters, Workspace } from '@lce/lowcode-shell'; import { - Skeleton as InnerSkeleton, -} from '@alilc/lowcode-editor-skeleton'; + ILowCodePluginContextApiAssembler, + ILowCodePluginContextPrivate, + LowCodePluginManager, +} from '@lce/lowcode-designer'; +import { Skeleton as InnerSkeleton } from '@lce/lowcode-editor-skeleton'; describe('Host 测试', () => { let editor: Editor; @@ -39,7 +37,11 @@ describe('Host 测试', () => { editor = new Editor(); const pluginContextApiAssembler: ILowCodePluginContextApiAssembler = { // eslint-disable-next-line @typescript-eslint/no-unused-vars - assembleApis: (context: ILowCodePluginContextPrivate, pluginName: string, meta: IPublicTypePluginMeta) => { + assembleApis: ( + context: ILowCodePluginContextPrivate, + pluginName: string, + meta: IPublicTypePluginMeta, + ) => { context.project = project; const eventPrefix = meta?.eventPrefix || 'common'; context.workspace = workspace; @@ -50,7 +52,7 @@ describe('Host 测试', () => { const workspace = new Workspace(innerWorkspace); const innerSkeleton = new InnerSkeleton(editor); editor.set('skeleton' as any, innerSkeleton); - editor.set('innerHotkey', new InnerHotkey()) + editor.set('innerHotkey', new InnerHotkey()); editor.set('setters', new Setters(new InnerSetters())); editor.set('innerPlugins' as any, innerPlugins); !globalContext.has(Editor) && globalContext.register(editor, Editor); @@ -219,19 +221,25 @@ describe('Host 测试', () => { }); it('findDOMNodes', () => { - host.connect({ - findDOMNodes: () => { - return null; + host.connect( + { + findDOMNodes: () => { + return null; + }, }, - }, () => {}); + () => {}, + ); expect(host.findDOMNodes()).toBeNull(); const mockElems = [document.createElement('div')]; - host.connect({ - findDOMNodes: () => { - return mockElems; + host.connect( + { + findDOMNodes: () => { + return mockElems; + }, }, - }, () => {}); + () => {}, + ); expect(host.findDOMNodes({})).toBe(mockElems); expect(host.findDOMNodes({}, 'xxx')).toBeNull(); expect(host.findDOMNodes({}, 'div')).toEqual(mockElems); @@ -245,9 +253,12 @@ describe('Host 测试', () => { docId: 'docId', }; }); - host.connect({ - getClosestNodeInstance: mockFn, - }, () => {}); + host.connect( + { + getClosestNodeInstance: mockFn, + }, + () => {}, + ); expect(host.getClosestNodeInstance()).toEqual({ node: {}, nodeId: 'id', @@ -296,8 +307,7 @@ describe('Host 测试', () => { }, }, }; - expect(host.getComponentInstances(mockNode)) - .toEqual([{ comp: true }, { comp2: true }]); + expect(host.getComponentInstances(mockNode)).toEqual([{ comp: true }, { comp2: true }]); const mockInst = { inst: true }; host.getClosestNodeInstance = () => { @@ -305,8 +315,10 @@ describe('Host 测试', () => { instance: mockInst, }; }; - expect(host.getComponentInstances(mockNode, { instance: mockInst })) - .toEqual([{ comp: true }, { comp2: true }]); + expect(host.getComponentInstances(mockNode, { instance: mockInst })).toEqual([ + { comp: true }, + { comp2: true }, + ]); }); it('setNativeSelection / setDraggingState / setCopyState / clearState', () => { @@ -314,12 +326,15 @@ describe('Host 测试', () => { const mockFn2 = jest.fn(); const mockFn3 = jest.fn(); const mockFn4 = jest.fn(); - host.connect({ - setNativeSelection: mockFn1, - setDraggingState: mockFn2, - setCopyState: mockFn3, - clearState: mockFn4, - }, () => {}); + host.connect( + { + setNativeSelection: mockFn1, + setDraggingState: mockFn2, + setCopyState: mockFn3, + clearState: mockFn4, + }, + () => {}, + ); host.setNativeSelection(true); expect(mockFn1).toHaveBeenCalledWith(true); host.setDraggingState(false); @@ -337,11 +352,14 @@ describe('Host 测试', () => { }); it('getComponent', () => { - host.connect({ - getComponent: () => { - return {}; + host.connect( + { + getComponent: () => { + return {}; + }, }, - }, () => {}); + () => {}, + ); expect(host.getComponent()).toEqual({}); expect(host.createComponent()).toBeNull(); expect(host.setSuspense()).toBeFalsy(); @@ -372,30 +390,36 @@ describe('Host 测试', () => { }); }); it('locate，没有 nodes', () => { - expect(host.locate({ - dragObject: { - type: IPublicEnumDragObjectType.Node, - nodes: [], - }, - })).toBeUndefined(); + expect( + host.locate({ + dragObject: { + type: IPublicEnumDragObjectType.Node, + nodes: [], + }, + }), + ).toBeUndefined(); }); it('locate，没有 document', () => { project.removeDocument(doc); - expect(host.locate({ - dragObject: { - type: IPublicEnumDragObjectType.Node, - nodes: [doc.getNode('page')], - }, - })).toBeNull(); + expect( + host.locate({ + dragObject: { + type: IPublicEnumDragObjectType.Node, + nodes: [doc.getNode('page')], + }, + }), + ).toBeNull(); }); it('notFoundComponent', () => { - expect(host.locate({ - dragObject: { - type: IPublicEnumDragObjectType.Node, - nodes: [doc.getNode('form')], - }, - })).toBeUndefined(); - }) + expect( + host.locate({ + dragObject: { + type: IPublicEnumDragObjectType.Node, + nodes: [doc.getNode('form')], + }, + }), + ).toBeUndefined(); + }); it('locate', () => { host.locate({ dragObject: { @@ -432,7 +456,15 @@ describe('Host 测试', () => { host.setupContextMenu(); host.getNodeInstanceFromElement = () => { return { - node: { componentMeta: { componentName: 'Button', getMetadata() { return {} } }, contains() {} }, + node: { + componentMeta: { + componentName: 'Button', + getMetadata() { + return {}; + }, + }, + contains() {}, + }, }; }; const mockFn = jest.fn(); diff --git a/packages/designer/tests/builtin-simulator/renderer.test.tsx b/packages/designer/tests/builtin-simulator/renderer.test.tsx index 776d1c948e..04c90c60d8 100644 --- a/packages/designer/tests/builtin-simulator/renderer.test.tsx +++ b/packages/designer/tests/builtin-simulator/renderer.test.tsx @@ -2,7 +2,7 @@ import React from 'react'; import set from 'lodash/set'; import cloneDeep from 'lodash/cloneDeep'; import '../fixtures/window'; -import { Editor } from '@alilc/lowcode-editor-core'; +import { Editor } from '@lce/lowcode-editor-core'; import { Project } from '../../src/project/project'; import { Node } from '../../src/document/node/node'; import TestRenderer from 'react-test-renderer'; @@ -13,7 +13,6 @@ import formSchema from '../fixtures/schema/form'; import { getMockRenderer } from '../utils'; import { isSimulatorRenderer } from '../../src/builtin-simulator/renderer'; - describe('renderer 测试', () => { it('renderer', () => { expect(isSimulatorRenderer(getMockRenderer())).toBeTruthy(); diff --git a/packages/designer/tests/builtin-simulator/viewport.test.ts b/packages/designer/tests/builtin-simulator/viewport.test.ts index e9972fc7c3..8241cf8d70 100644 --- a/packages/designer/tests/builtin-simulator/viewport.test.ts +++ b/packages/designer/tests/builtin-simulator/viewport.test.ts @@ -1,13 +1,12 @@ import '../fixtures/window'; import { getMockWindow, getMockElement, delay } from '../utils'; -import { Editor, globalContext } from '@alilc/lowcode-editor-core'; +import { Editor, globalContext } from '@lce/lowcode-editor-core'; import { Project } from '../../src/project/project'; import { DocumentModel } from '../../src/document/document-model'; import Viewport from '../../src/builtin-simulator/viewport'; import { Designer } from '../../src/designer/designer'; import { shellModelFactory } from '../../../engine/src/modules/shell-model-factory'; - describe('Viewport 测试', () => { let editor: Editor; let designer: Designer; @@ -117,8 +116,12 @@ describe('Viewport 测试', () => { viewportElem.setHeight(300); expect(viewport.contentHeight).toBe(300 / 2); - expect(() => { viewport.scale = NaN; }).toThrow(); - expect(() => { viewport.scale = -1; }).toThrow(); + expect(() => { + viewport.scale = NaN; + }).toThrow(); + expect(() => { + viewport.scale = -1; + }).toThrow(); }); it('setScrollTarget / scrollTarget / scrolling', async () => { @@ -170,11 +173,23 @@ describe('Viewport 测试', () => { viewport = new Viewport(); viewport.mount(viewportElem); - expect(viewport.toGlobalPoint({ clientX: 100, clientY: 100 })).toEqual({ clientX: 200, clientY: 200 }); - expect(viewport.toLocalPoint({ clientX: 200, clientY: 200 })).toEqual({ clientX: 100, clientY: 100 }); + expect(viewport.toGlobalPoint({ clientX: 100, clientY: 100 })).toEqual({ + clientX: 200, + clientY: 200, + }); + expect(viewport.toLocalPoint({ clientX: 200, clientY: 200 })).toEqual({ + clientX: 100, + clientY: 100, + }); viewport.scale = 2; - expect(viewport.toGlobalPoint({ clientX: 100, clientY: 100 })).toEqual({ clientX: 300, clientY: 300 }); - expect(viewport.toLocalPoint({ clientX: 300, clientY: 300 })).toEqual({ clientX: 100, clientY: 100 }); + expect(viewport.toGlobalPoint({ clientX: 100, clientY: 100 })).toEqual({ + clientX: 300, + clientY: 300, + }); + expect(viewport.toLocalPoint({ clientX: 300, clientY: 300 })).toEqual({ + clientX: 100, + clientY: 100, + }); }); }); diff --git a/packages/designer/tests/designer/builtin-hotkey.test.ts b/packages/designer/tests/designer/builtin-hotkey.test.ts index 9cb068ac19..60fded7bfc 100644 --- a/packages/designer/tests/designer/builtin-hotkey.test.ts +++ b/packages/designer/tests/designer/builtin-hotkey.test.ts @@ -1,18 +1,14 @@ import '../fixtures/window'; -import { - Editor, - globalContext, - Hotkey as InnerHotkey, -} from '@alilc/lowcode-editor-core'; +import { Editor, globalContext, Hotkey as InnerHotkey } from '@lce/lowcode-editor-core'; import { Designer } from '../../src/designer/designer'; import formSchema from '../fixtures/schema/form'; import { fireEvent } from '@testing-library/react'; import { builtinHotkey } from '../../../engine/src/inner-plugins/builtin-hotkey'; import { shellModelFactory } from '../../../engine/src/modules/shell-model-factory'; -import { ILowCodePluginContextPrivate, LowCodePluginManager } from '@alilc/lowcode-designer'; -import { IPublicApiPlugins } from '@alilc/lowcode-types'; -import { Logger, Project, Canvas } from '@alilc/lowcode-shell'; -import { Workspace } from '@alilc/lowcode-workspace'; +import { ILowCodePluginContextPrivate, LowCodePluginManager } from '@lce/lowcode-designer'; +import { IPublicApiPlugins } from '@lce/lowcode-types'; +import { Logger, Project, Canvas } from '@lce/lowcode-shell'; +import { Workspace } from '@lce/lowcode-workspace'; const editor = new Editor(); const workspace = new Workspace(); @@ -29,13 +25,13 @@ describe('快捷键测试', () => { const hotkey: any = new InnerHotkey(); const logger = new Logger({ level: 'warn', bizName: 'common' }); const contextApiAssembler = { - assembleApis(context: ILowCodePluginContextPrivate){ + assembleApis(context: ILowCodePluginContextPrivate) { context.plugins = pluginManager as IPublicApiPlugins; context.hotkey = hotkey; context.logger = logger; context.project = project; context.canvas = new Canvas(editor); - } + }, }; pluginManager = new LowCodePluginManager(contextApiAssembler).toProxy(); pluginManager.register(builtinHotkey); @@ -45,7 +41,7 @@ describe('快捷键测试', () => { pluginManager.init().then(() => { resolve({}); }); - }) + }); }); afterAll(() => { pluginManager.dispose(); @@ -138,12 +134,12 @@ describe('快捷键测试', () => { let secondButtonNode = designer.currentDocument?.getNode('node_k1ow3cbp')!; // 等待第一个 session 结束 - await new Promise(resolve => setTimeout(resolve, 1000)); + await new Promise((resolve) => setTimeout(resolve, 1000)); firstButtonNode.remove(); expect(secondButtonNode.getParent()?.children.size).toBe(1); - await new Promise(resolve => setTimeout(resolve, 1000)); + await new Promise((resolve) => setTimeout(resolve, 1000)); fireEvent.keyDown(document, { keyCode: 90, metaKey: true }); @@ -158,12 +154,12 @@ describe('快捷键测试', () => { let secondButtonNode = designer.currentDocument?.getNode('node_k1ow3cbp')!; // 等待第一个 session 结束 - await new Promise(resolve => setTimeout(resolve, 1000)); + await new Promise((resolve) => setTimeout(resolve, 1000)); firstButtonNode.remove(); expect(secondButtonNode.getParent()?.children.size).toBe(1); - await new Promise(resolve => setTimeout(resolve, 1000)); + await new Promise((resolve) => setTimeout(resolve, 1000)); fireEvent.keyDown(document, { keyCode: 90, metaKey: true }); @@ -171,7 +167,7 @@ describe('快捷键测试', () => { secondButtonNode = designer.currentDocument?.getNode('node_k1ow3cbp')!; expect(secondButtonNode.getParent()?.children.size).toBe(2); - await new Promise(resolve => setTimeout(resolve, 1000)); + await new Promise((resolve) => setTimeout(resolve, 1000)); fireEvent.keyDown(document, { keyCode: 89, metaKey: true }); @@ -195,7 +191,7 @@ describe('快捷键测试', () => { fireEvent.keyDown(document, { keyCode: 86, metaKey: true }); - await new Promise(resolve => setTimeout(resolve, 1000)); + await new Promise((resolve) => setTimeout(resolve, 1000)); // clipboard 异步，先注释 // expect(secondButtonNode.getParent()?.children.size).toBe(3); @@ -226,7 +222,6 @@ describe('快捷键测试', () => { expect(secondButtonNode.prevSibling).toBeNull(); }); - describe('非正常分支', () => { it('liveEditing mode', () => { designer.project.mountSimulator({ @@ -392,4 +387,4 @@ describe('快捷键测试', () => { fireEvent.keyDown(document, { keyCode: 46 }); }); }); -}); \ No newline at end of file +}); diff --git a/packages/designer/tests/designer/designer.test.ts b/packages/designer/tests/designer/designer.test.ts index 8bca7d84a1..40f561901f 100644 --- a/packages/designer/tests/designer/designer.test.ts +++ b/packages/designer/tests/designer/designer.test.ts @@ -1,5 +1,5 @@ import '../fixtures/window'; -import { Editor, globalContext, Setters } from '@alilc/lowcode-editor-core'; +import { Editor, globalContext, Setters } from '@lce/lowcode-editor-core'; import { Project } from '../../src/project/project'; import { DocumentModel } from '../../src/document/document-model'; import { Designer } from '../../src/designer/designer'; @@ -11,7 +11,7 @@ import pageMetadata from '../fixtures/component-metadata/page'; import divMetadata from '../fixtures/component-metadata/div'; import { delayObxTick } from '../utils'; import { fireEvent } from '@testing-library/react'; -import { IPublicEnumDragObjectType, IPublicEnumTransformStage } from '@alilc/lowcode-types'; +import { IPublicEnumDragObjectType, IPublicEnumTransformStage } from '@lce/lowcode-types'; import { shellModelFactory } from '../../../engine/src/modules/shell-model-factory'; const mockNode = { @@ -142,9 +142,11 @@ describe('Designer 测试', () => { dragon.boost( { type: IPublicEnumDragObjectType.NodeData, - data: [{ - componentName: 'Button', - }], + data: [ + { + componentName: 'Button', + }, + ], }, new MouseEvent('mousedown', { clientX: 100, clientY: 100 }), ); @@ -192,9 +194,13 @@ describe('Designer 测试', () => { it('addPropsReducer / transformProps', () => { // 没有相应的 reducer - expect(designer.transformProps({ num: 1 }, mockNode, IPublicEnumTransformStage.Init)).toEqual({ num: 1 }); + expect(designer.transformProps({ num: 1 }, mockNode, IPublicEnumTransformStage.Init)).toEqual({ + num: 1, + }); // props 是数组 - expect(designer.transformProps([{ num: 1 }], mockNode, IPublicEnumTransformStage.Init)).toEqual([{ num: 1 }]); + expect(designer.transformProps([{ num: 1 }], mockNode, IPublicEnumTransformStage.Init)).toEqual( + [{ num: 1 }], + ); designer.addPropsReducer((props, node) => { props.num += 1; @@ -231,17 +237,31 @@ describe('Designer 测试', () => { return props; }, IPublicEnumTransformStage.Upgrade); - expect(designer.transformProps({ num: 1 }, mockNode, IPublicEnumTransformStage.Init)).toEqual({ num: 3 }); - expect(designer.transformProps({ num: 1 }, mockNode, IPublicEnumTransformStage.Clone)).toEqual({ num: 2 }); - expect(designer.transformProps({ num: 1 }, mockNode, IPublicEnumTransformStage.Serilize)).toEqual({ num: 2 }); - expect(designer.transformProps({ num: 1 }, mockNode, IPublicEnumTransformStage.Render)).toEqual({ num: 2 }); - expect(designer.transformProps({ num: 1 }, mockNode, IPublicEnumTransformStage.Save)).toEqual({ num: 2 }); - expect(designer.transformProps({ num: 1 }, mockNode, IPublicEnumTransformStage.Upgrade)).toEqual({ num: 2 }); + expect(designer.transformProps({ num: 1 }, mockNode, IPublicEnumTransformStage.Init)).toEqual({ + num: 3, + }); + expect(designer.transformProps({ num: 1 }, mockNode, IPublicEnumTransformStage.Clone)).toEqual({ + num: 2, + }); + expect( + designer.transformProps({ num: 1 }, mockNode, IPublicEnumTransformStage.Serilize), + ).toEqual({ num: 2 }); + expect(designer.transformProps({ num: 1 }, mockNode, IPublicEnumTransformStage.Render)).toEqual( + { num: 2 }, + ); + expect(designer.transformProps({ num: 1 }, mockNode, IPublicEnumTransformStage.Save)).toEqual({ + num: 2, + }); + expect( + designer.transformProps({ num: 1 }, mockNode, IPublicEnumTransformStage.Upgrade), + ).toEqual({ num: 2 }); designer.addPropsReducer((props, node) => { throw new Error('calculate error'); }, IPublicEnumTransformStage.Upgrade); - expect(designer.transformProps({ num: 1 }, mockNode, IPublicEnumTransformStage.Upgrade)).toEqual({ num: 2 }); + expect( + designer.transformProps({ num: 1 }, mockNode, IPublicEnumTransformStage.Upgrade), + ).toEqual({ num: 2 }); }); it('setProps', () => { @@ -256,14 +276,18 @@ describe('Designer 测试', () => { editor, shellModelFactory, ...initialProps, - }); + }); expect(designer.simulatorComponent).toEqual({ isSimulatorComp: true }); expect(designer.simulatorProps).toEqual({ designMode: 'design' }); expect(designer.suspensed).toBeTruthy(); expect((designer as any)._componentMetasMap.has('Div')).toBeTruthy(); expect((designer as any)._componentMetasMap.has('Button')).toBeTruthy(); - const { editor: editorFromDesigner, shellModelFactory: shellModelFactoryFromDesigner, ...others } = (designer as any).props; + const { + editor: editorFromDesigner, + shellModelFactory: shellModelFactoryFromDesigner, + ...others + } = (designer as any).props; expect(others).toEqual(initialProps); expect(designer.get('simulatorProps')).toEqual({ designMode: 'design' }); expect(designer.get('suspensed')).toBeTruthy(); @@ -283,7 +307,11 @@ describe('Designer 测试', () => { expect(designer.suspensed).toBeFalsy(); expect((designer as any)._componentMetasMap.has('Button')).toBeTruthy(); expect((designer as any)._componentMetasMap.has('Div')).toBeTruthy(); - const { editor: editorFromDesigner2, shellModelFactory: shellModelFactoryFromDesigner2, ...others2 } = (designer as any).props; + const { + editor: editorFromDesigner2, + shellModelFactory: shellModelFactoryFromDesigner2, + ...others2 + } = (designer as any).props; expect(others2).toEqual(updatedProps); // 第三次设置 props，跟第二次值一样，for 覆盖率测试 @@ -295,7 +323,11 @@ describe('Designer 测试', () => { expect(designer.suspensed).toBeFalsy(); expect((designer as any)._componentMetasMap.has('Button')).toBeTruthy(); expect((designer as any)._componentMetasMap.has('Div')).toBeTruthy(); - const { editor: editorFromDesigner3, shellModelFactory: shellModelFactoryFromDesigner3, ...others3 } = (designer as any).props; + const { + editor: editorFromDesigner3, + shellModelFactory: shellModelFactoryFromDesigner3, + ...others3 + } = (designer as any).props; expect(others3).toEqual(updatedProps); }); @@ -373,13 +405,16 @@ describe('Designer 测试', () => { setupComponents: fn, }); await designer.loadIncrementalAssets({ - components: [{ - componentName: 'Div2', - title: '容器', - docUrl: 'http://gitlab.alibaba-inc.com/vision-components/vc-block/blob/master/README.md', - devMode: 'proCode', - tags: ['布局'], - }], + components: [ + { + componentName: 'Div2', + title: '容器', + docUrl: + 'http://gitlab.alibaba-inc.com/vision-components/vc-block/blob/master/README.md', + devMode: 'proCode', + tags: ['布局'], + }, + ], packages: [], }); diff --git a/packages/designer/tests/designer/dragon.test.ts b/packages/designer/tests/designer/dragon.test.ts index 1041f0425d..510e4f2a7f 100644 --- a/packages/designer/tests/designer/dragon.test.ts +++ b/packages/designer/tests/designer/dragon.test.ts @@ -1,5 +1,5 @@ import '../fixtures/window'; -import { Editor, globalContext } from '@alilc/lowcode-editor-core'; +import { Editor, globalContext } from '@lce/lowcode-editor-core'; import { Project } from '../../src/project/project'; import { DocumentModel } from '../../src/document/document-model'; import { Designer } from '../../src/designer/designer'; @@ -14,7 +14,7 @@ import { isInvalidPoint, isSameAs, } from '../../src/designer/dragon'; -import { IPublicEnumDragObjectType } from '@alilc/lowcode-types'; +import { IPublicEnumDragObjectType } from '@lce/lowcode-types'; import formSchema from '../fixtures/schema/form'; import { fireEvent } from '@testing-library/react'; import { shellModelFactory } from '../../../engine/src/modules/shell-model-factory'; @@ -327,7 +327,9 @@ describe('导出的其他函数', () => { expect(isDragNodeObject({ type: IPublicEnumDragObjectType.Node, nodes: [] })).toBeTruthy(); }); it('isDragNodeDataObject', () => { - expect(isDragNodeDataObject({ type: IPublicEnumDragObjectType.NodeData, data: [] })).toBeTruthy(); + expect( + isDragNodeDataObject({ type: IPublicEnumDragObjectType.NodeData, data: [] }), + ).toBeTruthy(); }); it('isDragAnyObject', () => { expect(isDragAnyObject()).toBeFalsy(); diff --git a/packages/designer/tests/designer/scroller.test.ts b/packages/designer/tests/designer/scroller.test.ts index ff03608b04..4a54bd7511 100644 --- a/packages/designer/tests/designer/scroller.test.ts +++ b/packages/designer/tests/designer/scroller.test.ts @@ -1,12 +1,10 @@ import '../fixtures/window'; -import { Editor, globalContext } from '@alilc/lowcode-editor-core'; +import { Editor, globalContext } from '@lce/lowcode-editor-core'; import { Project } from '../../src/project/project'; import { DocumentModel } from '../../src/document/document-model'; import { ScrollTarget, Scroller } from '../../src/designer/scroller'; import { Designer } from '../../src/designer/designer'; -import { - Dragon, -} from '../../src/designer/dragon'; +import { Dragon } from '../../src/designer/dragon'; import formSchema from '../fixtures/schema/form'; import { shellModelFactory } from '../../../engine/src/modules/shell-model-factory'; @@ -51,8 +49,12 @@ describe('Scroller 测试', () => { scrollY = x.top; } }, - get scrollX() { return scrollX; }, - get scrollY() { return scrollY; }, + get scrollX() { + return scrollX; + }, + get scrollY() { + return scrollY; + }, scrollHeight: 1000, scrollWidth: 500, document: {}, @@ -91,7 +93,10 @@ describe('Scroller 测试', () => { it('scrollTarget: ScrollTarget', () => { const win = getMockWindow(); const scrollTarget = new ScrollTarget(win); - const scroller = new Scroller({ scrollTarget, bounds: { width: 50, height: 50, top: 50, bottom: 50, left: 50, right: 50 } }); + const scroller = new Scroller({ + scrollTarget, + bounds: { width: 50, height: 50, top: 50, bottom: 50, left: 50, right: 50 }, + }); mockRAF(); scroller.scrollTo({ left: 50, top: 50 }); @@ -102,7 +107,10 @@ describe('Scroller 测试', () => { it('scrollTarget: ScrollTarget, same left / top', () => { const win = getMockWindow(); const scrollTarget = new ScrollTarget(win); - const scroller = new Scroller({ scrollTarget, bounds: { width: 50, height: 50, top: 50, bottom: 50, left: 50, right: 50 } }); + const scroller = new Scroller({ + scrollTarget, + bounds: { width: 50, height: 50, top: 50, bottom: 50, left: 50, right: 50 }, + }); mockRAF(); scrollTarget.scrollTo({ left: 50, top: 50 }); scroller.scrollTo({ left: 50, top: 50 }); @@ -114,7 +122,10 @@ describe('Scroller 测试', () => { it('scrollTarget: Element', () => { const win = getMockWindow(); // const scrollTarget = new ScrollTarget(win); - const scroller = new Scroller({ scrollTarget: win, bounds: { width: 50, height: 50, top: 50, bottom: 50, left: 50, right: 50 } }); + const scroller = new Scroller({ + scrollTarget: win, + bounds: { width: 50, height: 50, top: 50, bottom: 50, left: 50, right: 50 }, + }); mockRAF(); scroller.scrollTo({ left: 50, top: 50 }); @@ -125,7 +136,10 @@ describe('Scroller 测试', () => { it('scrollTarget: null', () => { const win = getMockWindow(); // const scrollTarget = new ScrollTarget(win); - const scroller = new Scroller({ scrollTarget: null, bounds: { width: 50, height: 50, top: 50, bottom: 50, left: 50, right: 50 } }); + const scroller = new Scroller({ + scrollTarget: null, + bounds: { width: 50, height: 50, top: 50, bottom: 50, left: 50, right: 50 }, + }); mockRAF(); scroller.scrollTo({ left: 50, top: 50 }); diff --git a/packages/designer/tests/designer/setting/setting-field.test.ts b/packages/designer/tests/designer/setting/setting-field.test.ts index 53ed2829df..db62406ce1 100644 --- a/packages/designer/tests/designer/setting/setting-field.test.ts +++ b/packages/designer/tests/designer/setting/setting-field.test.ts @@ -1,12 +1,7 @@ // @ts-nocheck import '../../fixtures/window'; -import { - Editor, - Setters as InnerSetters, -} from '@alilc/lowcode-editor-core'; -import { - Setters, -} from '@alilc/lowcode-shell'; +import { Editor, Setters as InnerSetters } from '@lce/lowcode-editor-core'; +import { Setters } from '@lce/lowcode-shell'; import { SettingTopEntry } from '../../../src/designer/setting/setting-top-entry'; import { SettingField } from '../../../src/designer/setting/setting-field'; import { Node } from '../../../src/document/node/node'; @@ -79,7 +74,7 @@ describe('setting-field 测试', () => { }); expect(field.items).toHaveLength(0); expect(field.getItems()).toHaveLength(0); - expect(field.getItems(x => x)).toHaveLength(0); + expect(field.getItems((x) => x)).toHaveLength(0); expect(field.setter.componentName).toBe('MixedSetter'); field.purge(); @@ -110,7 +105,7 @@ describe('setting-field 测试', () => { const objField = settingEntry.get('obj'); expect(objField.items).toHaveLength(3); expect(objField.getItems()).toHaveLength(3); - expect(objField.getItems(x => x.name === 'a')).toHaveLength(1); + expect(objField.getItems((x) => x.name === 'a')).toHaveLength(1); objField.purge(); expect(objField.items).toHaveLength(0); const objAField = settingEntry.get('obj.a'); @@ -155,17 +150,17 @@ describe('setting-field 测试', () => { name: '2', title: 'sub', }); - subArrField.setValue({name: '1'}); + subArrField.setValue({ name: '1' }); expect(subArrField.path).toEqual(['arr', 0]); expect(subArrField02.path).toEqual(['arr', 1]); - subArrField02.setValue({name: '2'}); - expect(subArrField.getValue()).toEqual({name: '1'}); - expect(arrField.getHotValue()).toEqual([{name: '1'}, {name: '2'}]); + subArrField02.setValue({ name: '2' }); + expect(subArrField.getValue()).toEqual({ name: '1' }); + expect(arrField.getHotValue()).toEqual([{ name: '1' }, { name: '2' }]); subArrField.clearValue(); expect(subArrField.getValue()).toBeUndefined(); - expect(arrField.getHotValue()).toEqual([undefined, {name: '2'}]); - subArrField03.setValue({name: '3'}); - expect(arrField.getHotValue()).toEqual([undefined, {name: '2'}, {name: '3'}]); + expect(arrField.getHotValue()).toEqual([undefined, { name: '2' }]); + subArrField03.setValue({ name: '3' }); + expect(arrField.getHotValue()).toEqual([undefined, { name: '2' }, { name: '3' }]); }); it('js expression setValue / setHotValue', () => { @@ -232,10 +227,10 @@ describe('setting-field 测试', () => { const mockFnSubArrField = jest.fn(); const mockFnObjSubField = jest.fn(); - arrField.setValue([{ objSub: "subMock0.Index.0" }]); + arrField.setValue([{ objSub: 'subMock0.Index.0' }]); // 这里需要 setValue 两遍，触发 prop 的 purge 方法，使 purged 为 true，之后的 purge 方法不会正常执行，prop 才能正常缓存，autorun 才能正常执行 // TODO: 该机制后续得研究一下，再确定是否要修改 - arrField.setValue([{ objSub: "subMock0.Index.0" }]); + arrField.setValue([{ objSub: 'subMock0.Index.0' }]); arrField.onEffect(() => { mockFnArrField(arrField.getValue()); @@ -250,32 +245,32 @@ describe('setting-field 测试', () => { await delayObxTick(); expect(mockFnObjSubField).toHaveBeenCalledWith('subMock0.Index.0'); - expect(mockFnSubArrField).toHaveBeenCalledWith({ objSub: "subMock0.Index.0" }); - expect(mockFnArrField).toHaveBeenCalledWith([{ objSub: "subMock0.Index.0" }]); + expect(mockFnSubArrField).toHaveBeenCalledWith({ objSub: 'subMock0.Index.0' }); + expect(mockFnArrField).toHaveBeenCalledWith([{ objSub: 'subMock0.Index.0' }]); - arrField.setValue([{ objSub: "subMock0.Index.1" }]); + arrField.setValue([{ objSub: 'subMock0.Index.1' }]); await delayObxTick(); expect(mockFnObjSubField).toHaveBeenCalledWith('subMock0.Index.1'); - expect(mockFnSubArrField).toHaveBeenCalledWith({ objSub: "subMock0.Index.1" }); - expect(mockFnArrField).toHaveBeenCalledWith([{ objSub: "subMock0.Index.1" }]); + expect(mockFnSubArrField).toHaveBeenCalledWith({ objSub: 'subMock0.Index.1' }); + expect(mockFnArrField).toHaveBeenCalledWith([{ objSub: 'subMock0.Index.1' }]); - subArrField.setValue({ objSub: "subMock0.Index.2" }); + subArrField.setValue({ objSub: 'subMock0.Index.2' }); await delayObxTick(); expect(mockFnObjSubField).toHaveBeenCalledWith('subMock0.Index.2'); - expect(mockFnSubArrField).toHaveBeenCalledWith({ objSub: "subMock0.Index.2" }); - expect(mockFnArrField).toHaveBeenCalledWith([{ objSub: "subMock0.Index.2" }]); + expect(mockFnSubArrField).toHaveBeenCalledWith({ objSub: 'subMock0.Index.2' }); + expect(mockFnArrField).toHaveBeenCalledWith([{ objSub: 'subMock0.Index.2' }]); objSubField.setValue('subMock0.Index.3'); await delayObxTick(); expect(mockFnObjSubField).toHaveBeenCalledWith('subMock0.Index.3'); - expect(mockFnSubArrField).toHaveBeenCalledWith({ objSub: "subMock0.Index.3" }); - expect(mockFnArrField).toHaveBeenCalledWith([{ objSub: "subMock0.Index.3" }]); - }) + expect(mockFnSubArrField).toHaveBeenCalledWith({ objSub: 'subMock0.Index.3' }); + expect(mockFnArrField).toHaveBeenCalledWith([{ objSub: 'subMock0.Index.3' }]); + }); }); }); diff --git a/packages/designer/tests/designer/setting/setting-prop-entry.test.ts b/packages/designer/tests/designer/setting/setting-prop-entry.test.ts index 3ece67af76..b70462cec4 100644 --- a/packages/designer/tests/designer/setting/setting-prop-entry.test.ts +++ b/packages/designer/tests/designer/setting/setting-prop-entry.test.ts @@ -1,8 +1,5 @@ import '../../fixtures/window'; -import { - Editor, - Setters as InnerSetters, -} from '@alilc/lowcode-editor-core'; +import { Editor, Setters as InnerSetters } from '@lce/lowcode-editor-core'; import { SettingTopEntry } from '../../../src/designer/setting/setting-top-entry'; import { SettingPropEntry } from '../../../src/designer/setting/setting-prop-entry'; import { Node } from '../../../src/document/node/node'; @@ -48,7 +45,7 @@ describe('setting-prop-entry 测试', () => { type: 'JSExpression', value: 'state.a', mock: 111, - } + }, }, }); mockTopEntry = new SettingTopEntry(editor, [mockNode]); @@ -77,7 +74,9 @@ describe('setting-prop-entry 测试', () => { prop1.extraProps = { getValue: (prop, val) => `prefix ${val}`, // prop 是 shell prop entry - setValue: (prop, val) => { prop.setValue(`modified ${val}`, { disableMutator: true }) }, + setValue: (prop, val) => { + prop.setValue(`modified ${val}`, { disableMutator: true }); + }, defaultValue: 'default', }; @@ -107,7 +106,9 @@ describe('setting-prop-entry 测试', () => { const prop4 = mockTopEntry.getProp('b'); prop4.extraProps = { - getValue: () => { throw 'error'; }, + getValue: () => { + throw 'error'; + }, }; expect(prop4.getValue()).toBe(222); }); diff --git a/packages/designer/tests/designer/setting/setting-top-entry.test.ts b/packages/designer/tests/designer/setting/setting-top-entry.test.ts index 23a42c2afc..be4bc0b209 100644 --- a/packages/designer/tests/designer/setting/setting-top-entry.test.ts +++ b/packages/designer/tests/designer/setting/setting-top-entry.test.ts @@ -1,5 +1,5 @@ import '../../fixtures/window'; -import { Editor, Setters } from '@alilc/lowcode-editor-core'; +import { Editor, Setters } from '@lce/lowcode-editor-core'; import { Node } from '../../../src/document/node/node'; import { Designer } from '../../../src/designer/designer'; import settingSchema from '../../fixtures/schema/setting'; @@ -11,7 +11,7 @@ const editor = new Editor(); describe('setting-top-entry 测试', () => { let designer: Designer; beforeEach(() => { - editor.set('setters', new Setters()) + editor.set('setters', new Setters()); designer = new Designer({ editor, shellModelFactory }); }); afterEach(() => { @@ -93,7 +93,7 @@ describe('setting-top-entry 测试', () => { const { settingEntry } = divNode; // 模拟将第一个配置变成 react funcional component - settingEntry.componentMeta.getMetadata().combined[0].items[0] = props => props.xx; + settingEntry.componentMeta.getMetadata().combined[0].items[0] = (props) => props.xx; settingEntry.setupItems(); }); diff --git a/packages/designer/tests/document/document-model/document-model.test.ts b/packages/designer/tests/document/document-model/document-model.test.ts index b47200cbaf..c42a56026d 100644 --- a/packages/designer/tests/document/document-model/document-model.test.ts +++ b/packages/designer/tests/document/document-model/document-model.test.ts @@ -1,6 +1,6 @@ import '../../fixtures/window'; import { DocumentModel, isDocumentModel, isPageSchema } from '../../../src/document/document-model'; -import { Editor } from '@alilc/lowcode-editor-core'; +import { Editor } from '@lce/lowcode-editor-core'; import { Project } from '../../../src/project/project'; import { Designer } from '../../../src/designer/designer'; import formSchema from '../../fixtures/schema/form'; @@ -239,26 +239,18 @@ describe('document-model 测试', () => { data: { componentName: 'Form' }, }), ).toBeTruthy(); - expect( - doc.checkNesting(doc.getNode('page'), doc.getNode('form')) - ).toBeTruthy(); - expect( - doc.checkNesting(doc.getNode('page'), null) - ).toBeTruthy(); + expect(doc.checkNesting(doc.getNode('page'), doc.getNode('form'))).toBeTruthy(); + expect(doc.checkNesting(doc.getNode('page'), null)).toBeTruthy(); expect( doc.checkNesting(doc.getNode('page'), { type: 'nodedata', data: { componentName: 'Other' }, - }) + }), ).toBeFalsy(); - expect( - doc.checkNestingUp(doc.getNode('page'), { componentName: 'Other' }) - ).toBeFalsy(); + expect(doc.checkNestingUp(doc.getNode('page'), { componentName: 'Other' })).toBeFalsy(); - expect( - doc.checkNestingDown(doc.getNode('page'), { componentName: 'Other' }) - ).toBeTruthy(); + expect(doc.checkNestingDown(doc.getNode('page'), { componentName: 'Other' })).toBeTruthy(); expect(doc.checkNestingUp(doc.getNode('page'), null)).toBeTruthy(); }); @@ -268,15 +260,18 @@ describe('document-model 测试', () => { designer.createComponentMeta(otherMeta); const doc = new DocumentModel(project, formSchema); const comps = doc.getComponentsMap(['Other']); - expect(comps.find(comp => comp.componentName === 'Div')).toEqual( - { componentName: 'Div', package: '@ali/vc-div' } - ); - expect(comps.find(comp => comp.componentName === 'Other')).toEqual( - { componentName: 'Other', package: '@ali/vc-other' } - ); - expect(comps.find(comp => comp.componentName === 'Page')).toEqual( - { componentName: 'Page', devMode: 'lowCode' } - ); + expect(comps.find((comp) => comp.componentName === 'Div')).toEqual({ + componentName: 'Div', + package: '@ali/vc-div', + }); + expect(comps.find((comp) => comp.componentName === 'Other')).toEqual({ + componentName: 'Other', + package: '@ali/vc-other', + }); + expect(comps.find((comp) => comp.componentName === 'Page')).toEqual({ + componentName: 'Page', + devMode: 'lowCode', + }); const comps2 = doc.getComponentsMap(['Div']); }); diff --git a/packages/designer/tests/document/history/history.test.ts b/packages/designer/tests/document/history/history.test.ts index 63af8ecbf3..c7c2168964 100644 --- a/packages/designer/tests/document/history/history.test.ts +++ b/packages/designer/tests/document/history/history.test.ts @@ -1,8 +1,8 @@ import '../../fixtures/window'; -import { mobx, makeAutoObservable, globalContext, Editor } from '@alilc/lowcode-editor-core'; +import { mobx, makeAutoObservable, globalContext, Editor } from '@lce/lowcode-editor-core'; import { History } from '../../../src/document/history'; import { delay } from '../../utils/misc'; -import { Workspace } from '@alilc/lowcode-workspace'; +import { Workspace } from '@lce/lowcode-workspace'; class Node { data: number; @@ -161,64 +161,43 @@ describe('History', () => { // step 1 history.back(); - expect(mockCursorFn).toHaveBeenNthCalledWith( - 1, - JSON.stringify(dataCursor2), - ); + expect(mockCursorFn).toHaveBeenNthCalledWith(1, JSON.stringify(dataCursor2)); expect(mockStateFn).toHaveBeenNthCalledWith(1, 7); expect(mockRedoFn).toHaveBeenNthCalledWith(1, dataCursor2); // step 2 history.back(); - expect(mockCursorFn).toHaveBeenNthCalledWith( - 2, - JSON.stringify(dataCursor1), - ); + expect(mockCursorFn).toHaveBeenNthCalledWith(2, JSON.stringify(dataCursor1)); expect(mockStateFn).toHaveBeenNthCalledWith(2, 7); expect(mockRedoFn).toHaveBeenNthCalledWith(2, dataCursor1); // step 3 history.back(); - expect(mockCursorFn).toHaveBeenNthCalledWith( - 3, - JSON.stringify(dataCursor0), - ); + expect(mockCursorFn).toHaveBeenNthCalledWith(3, JSON.stringify(dataCursor0)); expect(mockStateFn).toHaveBeenNthCalledWith(3, 7 - 4 - 1); expect(mockRedoFn).toHaveBeenNthCalledWith(3, dataCursor0); // step 4 history.forward(); - expect(mockCursorFn).toHaveBeenNthCalledWith( - 4, - JSON.stringify(dataCursor1), - ); + expect(mockCursorFn).toHaveBeenNthCalledWith(4, JSON.stringify(dataCursor1)); expect(mockStateFn).toHaveBeenNthCalledWith(4, 7); expect(mockRedoFn).toHaveBeenNthCalledWith(4, dataCursor1); // step 5 history.forward(); - expect(mockCursorFn).toHaveBeenNthCalledWith( - 5, - JSON.stringify(dataCursor2), - ); + expect(mockCursorFn).toHaveBeenNthCalledWith(5, JSON.stringify(dataCursor2)); expect(mockStateFn).toHaveBeenNthCalledWith(5, 7); expect(mockRedoFn).toHaveBeenNthCalledWith(5, dataCursor2); // step 6 history.go(3); - expect(mockCursorFn).toHaveBeenNthCalledWith( - 6, - JSON.stringify(dataCursor3), - ); + expect(mockCursorFn).toHaveBeenNthCalledWith(6, JSON.stringify(dataCursor3)); expect(mockStateFn).toHaveBeenNthCalledWith(6, 7 - 2); expect(mockRedoFn).toHaveBeenNthCalledWith(6, dataCursor3); // step 7 history.go(0); - expect(mockCursorFn).toHaveBeenNthCalledWith( - 7, - JSON.stringify(dataCursor0), - ); + expect(mockCursorFn).toHaveBeenNthCalledWith(7, JSON.stringify(dataCursor0)); expect(mockStateFn).toHaveBeenNthCalledWith(7, 7 - 4 - 1); expect(mockRedoFn).toHaveBeenNthCalledWith(7, dataCursor0); @@ -316,8 +295,7 @@ describe('History - errors', () => { const data = tree.toObject(); return data; }, - (data) => { - }, + (data) => {}, ); history.back(); @@ -330,8 +308,7 @@ describe('History - errors', () => { const data = tree.toObject(); return data; }, - (data) => { - }, + (data) => {}, ); // @ts-ignore @@ -340,4 +317,4 @@ describe('History - errors', () => { history.forward(); history.savePoint(); }); -}); \ No newline at end of file +}); diff --git a/packages/designer/tests/document/node/modal-nodes-manager.test.ts b/packages/designer/tests/document/node/modal-nodes-manager.test.ts index 3e5dcdb79e..6d053c300f 100644 --- a/packages/designer/tests/document/node/modal-nodes-manager.test.ts +++ b/packages/designer/tests/document/node/modal-nodes-manager.test.ts @@ -1,5 +1,5 @@ import '../../fixtures/window'; -import { Editor } from '@alilc/lowcode-editor-core'; +import { Editor } from '@lce/lowcode-editor-core'; import { Project } from '../../../src/project/project'; import { DocumentModel } from '../../../src/document/document-model'; import { Node } from '../../../src/document/node/node'; @@ -109,4 +109,4 @@ describe('其他方法', () => { const node = doc.createNode({ componentName: 'Leaf', children: 'haha' }); expect(getModalNodes(node)).toEqual([]); }); -}); \ No newline at end of file +}); diff --git a/packages/designer/tests/document/node/node-children.test.ts b/packages/designer/tests/document/node/node-children.test.ts index 1aa7e3ccb3..6f15ba50d6 100644 --- a/packages/designer/tests/document/node/node-children.test.ts +++ b/packages/designer/tests/document/node/node-children.test.ts @@ -1,10 +1,8 @@ import '../../fixtures/window'; -import { Editor } from '@alilc/lowcode-editor-core'; +import { Editor } from '@lce/lowcode-editor-core'; import { Project } from '../../../src/project/project'; import { DocumentModel } from '../../../src/document/document-model'; -import { - Node, -} from '../../../src/document/node/node'; +import { Node } from '../../../src/document/node/node'; import { Designer } from '../../../src/designer/designer'; import formSchema from '../../fixtures/schema/form'; import divMetadata from '../../fixtures/component-metadata/div'; diff --git a/packages/designer/tests/document/node/node.test.ts b/packages/designer/tests/document/node/node.test.ts index 2695d6c838..2be1016745 100644 --- a/packages/designer/tests/document/node/node.test.ts +++ b/packages/designer/tests/document/node/node.test.ts @@ -1,13 +1,9 @@ // @ts-nocheck import '../../fixtures/window'; import { set } from '../../utils'; -import { - Editor, - globalContext, - Setters as InnerSetters, -} from '@alilc/lowcode-editor-core'; +import { Editor, globalContext, Setters as InnerSetters } from '@lce/lowcode-editor-core'; import { Project } from '../../../src/project/project'; -import { Workspace as InnerWorkspace } from '@alilc/lowcode-workspace'; +import { Workspace as InnerWorkspace } from '@lce/lowcode-workspace'; import { DocumentModel } from '../../../src/document/document-model'; import { isRootNode, @@ -27,8 +23,8 @@ import rootHeaderMetadata from '../../fixtures/component-metadata/root-header'; import rootContentMetadata from '../../fixtures/component-metadata/root-content'; import rootFooterMetadata from '../../fixtures/component-metadata/root-footer'; import { shellModelFactory } from '../../../../engine/src/modules/shell-model-factory'; -import { isNode } from '@alilc/lowcode-utils'; -import { Setters } from '@alilc/lowcode-shell'; +import { isNode } from '@lce/lowcode-utils'; +import { Setters } from '@lce/lowcode-shell'; describe('Node 方法测试', () => { let editor: Editor; @@ -73,7 +69,10 @@ describe('Node 方法测试', () => { // Case 3: When children is array test('initialChildren returns result of initialChildren function when children is null ', () => { const node = new Node(doc, { componentName: 'Button', props: { a: 1 } }); - const childrenArray = [{ id: 1, name: 'Child 1' }, { id: 2, name: 'Child 2' }]; + const childrenArray = [ + { id: 1, name: 'Child 1' }, + { id: 2, name: 'Child 2' }, + ]; const result = node.initialChildren(childrenArray); // 预期结果是一个数组 expect(result).toEqual(childrenArray); @@ -106,8 +105,7 @@ describe('Node 方法测试', () => { expect(result).toEqual([false]); }); - - it('condition group', () => { }); + it('condition group', () => {}); it('getExtraProp / setExtraProp', () => { const firstBtn = doc.getNode('node_k1ow3cbn')!; @@ -420,7 +418,7 @@ describe('Node 方法测试', () => { expect(mockFn).not.toHaveBeenCalled(); }); - it('addSlot / unlinkSlot / removeSlot', () => { }); + it('addSlot / unlinkSlot / removeSlot', () => {}); it('setProps', () => { const firstBtn = doc.getNode('node_k1ow3cbn')!; @@ -536,8 +534,8 @@ describe('Node 方法测试', () => { designer.createComponentMeta(divMetadata); designer.createComponentMeta(formMetadata); const callbacks = form.componentMeta.advanced.callbacks; - const fn1 = callbacks.onNodeAdd = jest.fn(); - const fn2 = callbacks.onNodeRemove = jest.fn(); + const fn1 = (callbacks.onNodeAdd = jest.fn()); + const fn2 = (callbacks.onNodeRemove = jest.fn()); const textField = doc.getNode('node_k1ow3cc9'); form.didDropIn(textField); expect(fn1).toHaveBeenCalledWith(textField.internalToShellNode(), form.internalToShellNode()); @@ -599,7 +597,7 @@ describe('Node 方法测试', () => { expect(comparePosition(firstBtn, firstCard)).toBe(PositionNO.BeforeOrAfter); }); - it('getZLevelTop', () => { }); + it('getZLevelTop', () => {}); it('propsData', () => { expect(new Node(doc, { componentName: 'Leaf' }).propsData).toBeNull(); expect(new Node(doc, { componentName: 'Fragment' }).propsData).toBeNull(); diff --git a/packages/designer/tests/document/node/props/prop.test.ts b/packages/designer/tests/document/node/props/prop.test.ts index ff4147a34a..d775247ba0 100644 --- a/packages/designer/tests/document/node/props/prop.test.ts +++ b/packages/designer/tests/document/node/props/prop.test.ts @@ -1,9 +1,9 @@ import '../../../fixtures/window'; -import { Editor, engineConfig } from '@alilc/lowcode-editor-core'; +import { Editor, engineConfig } from '@lce/lowcode-editor-core'; import { Designer } from '../../../../src/designer/designer'; import { DocumentModel } from '../../../../src/document/document-model'; import { Prop, isProp, isValidArrayIndex } from '../../../../src/document/node/props/prop'; -import { GlobalEvent, IPublicEnumTransformStage } from '@alilc/lowcode-types'; +import { GlobalEvent, IPublicEnumTransformStage } from '@lce/lowcode-types'; import { shellModelFactory } from '../../../../../engine/src/modules/shell-model-factory'; const slotNodeImportMockFn = jest.fn(); @@ -416,7 +416,7 @@ describe('Prop 类测试', () => { expect(prop.get(0).getValue()).toBeTruthy(); // map / list 级联测试 - prop.get('loopArgs.0', true).setValue('newItem');; + prop.get('loopArgs.0', true).setValue('newItem'); expect(prop.get('loopArgs.0').getValue()).toBe('newItem'); }); @@ -502,7 +502,9 @@ describe('Prop 类测试', () => { slotProp.export(); expect(slotProp.export().value[0].componentName).toBe('Button'); - expect(slotProp.export(IPublicEnumTransformStage.Serilize).value[0].componentName).toBe('Button'); + expect(slotProp.export(IPublicEnumTransformStage.Serilize).value[0].componentName).toBe( + 'Button', + ); slotProp.purge(); expect(slotProp.purged).toBeTruthy(); @@ -529,14 +531,14 @@ describe('Prop 类测试', () => { componentName: 'Slot', id: 'node_oclei5rv2e2', props: { - slotName: "content", - slotTitle: "主内容" + slotName: 'content', + slotTitle: '主内容', }, children: [ { componentName: 'Button', - } - ] + }, + ], }, }); @@ -554,7 +556,9 @@ describe('Prop 类测试', () => { expect(slotProp.export()?.name).toBe('content'); // Render - expect(slotProp.export(IPublicEnumTransformStage.Render)?.value.children[0].componentName).toBe('Button'); + expect(slotProp.export(IPublicEnumTransformStage.Render)?.value.children[0].componentName).toBe( + 'Button', + ); expect(slotProp.export(IPublicEnumTransformStage.Render)?.value.componentName).toBe('Slot'); slotProp.purge(); @@ -583,7 +587,7 @@ describe('setValue with event', () => { beforeEach(() => { // Initialize the instance of your class - propInstance = new Prop(mockPropsInst, true, 'stringProp');; + propInstance = new Prop(mockPropsInst, true, 'stringProp'); // Mock necessary methods and properties mockEmitChange = jest.spyOn(propInstance, 'emitChange'); @@ -623,7 +627,10 @@ describe('setValue with event', () => { expect(propInstance.getValue()).toBe(newValue); expect(propInstance.type).toBe('literal'); expect(mockEmitChange).toHaveBeenCalledWith({ oldValue }); - expect(mockEventBusEmit).toHaveBeenCalledWith(GlobalEvent.Node.Prop.InnerChange, expectedPartialPropsInfo); + expect(mockEventBusEmit).toHaveBeenCalledWith( + GlobalEvent.Node.Prop.InnerChange, + expectedPartialPropsInfo, + ); expect(mockEmitPropChange).toHaveBeenCalledWith(expectedPartialPropsInfo); }); @@ -642,7 +649,10 @@ describe('setValue with event', () => { expect(propInstance.getValue()).toEqual(newValue); expect(propInstance.type).toBe('literal'); expect(mockEmitChange).toHaveBeenCalledWith({ oldValue }); - expect(mockEventBusEmit).toHaveBeenCalledWith(GlobalEvent.Node.Prop.InnerChange, expectedPartialPropsInfo); + expect(mockEventBusEmit).toHaveBeenCalledWith( + GlobalEvent.Node.Prop.InnerChange, + expectedPartialPropsInfo, + ); expect(mockEmitPropChange).toHaveBeenCalledWith(expectedPartialPropsInfo); }); @@ -663,7 +673,10 @@ describe('setValue with event', () => { oldValue, newValue: undefined, }); - expect(mockEventBusEmit).toHaveBeenCalledWith(GlobalEvent.Node.Prop.InnerChange, expectedPartialPropsInfo); + expect(mockEventBusEmit).toHaveBeenCalledWith( + GlobalEvent.Node.Prop.InnerChange, + expectedPartialPropsInfo, + ); expect(mockEmitPropChange).toHaveBeenCalledWith(expectedPartialPropsInfo); propInstance.unset(); @@ -688,7 +701,10 @@ describe('setValue with event', () => { oldValue, newValue: undefined, }); - expect(mockEventBusEmit).toHaveBeenCalledWith(GlobalEvent.Node.Prop.InnerChange, expectedPartialPropsInfo); + expect(mockEventBusEmit).toHaveBeenCalledWith( + GlobalEvent.Node.Prop.InnerChange, + expectedPartialPropsInfo, + ); expect(mockEmitPropChange).toHaveBeenCalledWith(expectedPartialPropsInfo); propInstance.remove(); diff --git a/packages/designer/tests/document/node/props/props.test.ts b/packages/designer/tests/document/node/props/props.test.ts index 0b15a00c0e..dcaf73f0d5 100644 --- a/packages/designer/tests/document/node/props/props.test.ts +++ b/packages/designer/tests/document/node/props/props.test.ts @@ -1,7 +1,7 @@ // @ts-nocheck import '../../../fixtures/window'; import { set, delayObxTick } from '../../../utils'; -import { Editor } from '@alilc/lowcode-editor-core'; +import { Editor } from '@lce/lowcode-editor-core'; import { Props, getConvertedExtraKey, @@ -14,7 +14,7 @@ import { Designer } from '../../../../src/designer/designer'; import { Project } from '../../../../src/project/project'; import { DocumentModel } from '../../../../src/document/document-model'; -import { TransformStage } from '@alilc/lowcode-types'; +import { TransformStage } from '@lce/lowcode-types'; const mockOwner = { componentName: 'Page' }; diff --git a/packages/designer/tests/fixtures/component-metadata/abcgroup.ts b/packages/designer/tests/fixtures/component-metadata/abcgroup.ts index 6b9265ef53..abce5577be 100644 --- a/packages/designer/tests/fixtures/component-metadata/abcgroup.ts +++ b/packages/designer/tests/fixtures/component-metadata/abcgroup.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Abc.Group', npm: { @@ -228,8 +228,12 @@ export default { advanced: { isTopFixed: true, callbacks: { - onNodeAdd: (dragment, self) => { console.log(dragment); }, - onNodeRemove: (dragment, self) => { console.log(dragment); } + onNodeAdd: (dragment, self) => { + console.log(dragment); + }, + onNodeRemove: (dragment, self) => { + console.log(dragment); + }, }, initials: [ { diff --git a/packages/designer/tests/fixtures/component-metadata/abcitem.ts b/packages/designer/tests/fixtures/component-metadata/abcitem.ts index bbccf7119f..4608e4f68e 100644 --- a/packages/designer/tests/fixtures/component-metadata/abcitem.ts +++ b/packages/designer/tests/fixtures/component-metadata/abcitem.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Abc.Item', npm: { @@ -228,8 +228,12 @@ export default { advanced: { isTopFixed: true, callbacks: { - onNodeAdd: (dragment, self) => { console.log(dragment); }, - onNodeRemove: (dragment, self) => { console.log(dragment); } + onNodeAdd: (dragment, self) => { + console.log(dragment); + }, + onNodeRemove: (dragment, self) => { + console.log(dragment); + }, }, initials: [ { diff --git a/packages/designer/tests/fixtures/component-metadata/abcnode.ts b/packages/designer/tests/fixtures/component-metadata/abcnode.ts index b991042a34..a8cbd629e4 100644 --- a/packages/designer/tests/fixtures/component-metadata/abcnode.ts +++ b/packages/designer/tests/fixtures/component-metadata/abcnode.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Abc.Node', npm: { @@ -228,8 +228,12 @@ export default { advanced: { isTopFixed: true, callbacks: { - onNodeAdd: (dragment, self) => { console.log(dragment); }, - onNodeRemove: (dragment, self) => { console.log(dragment); } + onNodeAdd: (dragment, self) => { + console.log(dragment); + }, + onNodeRemove: (dragment, self) => { + console.log(dragment); + }, }, initials: [ { diff --git a/packages/designer/tests/fixtures/component-metadata/abcoption.ts b/packages/designer/tests/fixtures/component-metadata/abcoption.ts index 7d9d15a729..2a62a48450 100644 --- a/packages/designer/tests/fixtures/component-metadata/abcoption.ts +++ b/packages/designer/tests/fixtures/component-metadata/abcoption.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Abc.Option', npm: { @@ -228,8 +228,12 @@ export default { advanced: { isTopFixed: true, callbacks: { - onNodeAdd: (dragment, self) => { console.log(dragment); }, - onNodeRemove: (dragment, self) => { console.log(dragment); } + onNodeAdd: (dragment, self) => { + console.log(dragment); + }, + onNodeRemove: (dragment, self) => { + console.log(dragment); + }, }, initials: [ { diff --git a/packages/designer/tests/fixtures/component-metadata/button.ts b/packages/designer/tests/fixtures/component-metadata/button.ts index 55186a10c4..3d9f151934 100644 --- a/packages/designer/tests/fixtures/component-metadata/button.ts +++ b/packages/designer/tests/fixtures/component-metadata/button.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Button', npm: { @@ -90,7 +90,7 @@ export default { name: 'c', title: 'c', setter: { - componentName: 'ColorSetter' + componentName: 'ColorSetter', }, }, ], @@ -254,7 +254,7 @@ export default { // parentWhitelist: 'Div', // childWhitelist: 'Div', }, - descriptor: 'xTitle' + descriptor: 'xTitle', }, supports: {}, }, diff --git a/packages/designer/tests/fixtures/component-metadata/dialog.ts b/packages/designer/tests/fixtures/component-metadata/dialog.ts index 5445d92a6b..bc638de3c3 100644 --- a/packages/designer/tests/fixtures/component-metadata/dialog.ts +++ b/packages/designer/tests/fixtures/component-metadata/dialog.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Dialog', npm: { diff --git a/packages/designer/tests/fixtures/component-metadata/div.ts b/packages/designer/tests/fixtures/component-metadata/div.ts index 96a5f76ba2..71d877bf78 100644 --- a/packages/designer/tests/fixtures/component-metadata/div.ts +++ b/packages/designer/tests/fixtures/component-metadata/div.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Div', npm: { @@ -231,8 +231,12 @@ export default { supports: {}, advanced: { callbacks: { - onNodeAdd: (dragment, self) => { console.log(dragment); }, - onNodeRemove: (dragment, self) => { console.log(dragment); } + onNodeAdd: (dragment, self) => { + console.log(dragment); + }, + onNodeRemove: (dragment, self) => { + console.log(dragment); + }, }, initials: [ { diff --git a/packages/designer/tests/fixtures/component-metadata/div10.ts b/packages/designer/tests/fixtures/component-metadata/div10.ts index 9b7c1c4876..44180a6256 100644 --- a/packages/designer/tests/fixtures/component-metadata/div10.ts +++ b/packages/designer/tests/fixtures/component-metadata/div10.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Div', title: '容器', diff --git a/packages/designer/tests/fixtures/component-metadata/div2.ts b/packages/designer/tests/fixtures/component-metadata/div2.ts index c9c1be306d..166603b889 100644 --- a/packages/designer/tests/fixtures/component-metadata/div2.ts +++ b/packages/designer/tests/fixtures/component-metadata/div2.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Div', npm: { @@ -228,8 +228,12 @@ export default { advanced: { isTopFixed: true, callbacks: { - onNodeAdd: (dragment, self) => { console.log(dragment); }, - onNodeRemove: (dragment, self) => { console.log(dragment); } + onNodeAdd: (dragment, self) => { + console.log(dragment); + }, + onNodeRemove: (dragment, self) => { + console.log(dragment); + }, }, initials: [ { diff --git a/packages/designer/tests/fixtures/component-metadata/div3.ts b/packages/designer/tests/fixtures/component-metadata/div3.ts index ced3947f41..ffb6508cf8 100644 --- a/packages/designer/tests/fixtures/component-metadata/div3.ts +++ b/packages/designer/tests/fixtures/component-metadata/div3.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Div', npm: { @@ -225,13 +225,17 @@ export default { nestingRule: { // parentWhitelist: 'Div', // childWhitelist: 'Div', - } + }, }, supports: {}, advanced: { callbacks: { - onNodeAdd: (dragment, self) => { console.log(dragment); }, - onNodeRemove: (dragment, self) => { console.log(dragment); } + onNodeAdd: (dragment, self) => { + console.log(dragment); + }, + onNodeRemove: (dragment, self) => { + console.log(dragment); + }, }, initials: [ { diff --git a/packages/designer/tests/fixtures/component-metadata/div4.ts b/packages/designer/tests/fixtures/component-metadata/div4.ts index cbe826fdcd..2d3491efcd 100644 --- a/packages/designer/tests/fixtures/component-metadata/div4.ts +++ b/packages/designer/tests/fixtures/component-metadata/div4.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Div', npm: { @@ -221,8 +221,12 @@ export default { ], experimental: { callbacks: { - onNodeAdd: (dragment, self) => { console.log(dragment); }, - onNodeRemove: (dragment, self) => { console.log(dragment); } + onNodeAdd: (dragment, self) => { + console.log(dragment); + }, + onNodeRemove: (dragment, self) => { + console.log(dragment); + }, }, initials: [ { diff --git a/packages/designer/tests/fixtures/component-metadata/div5.ts b/packages/designer/tests/fixtures/component-metadata/div5.ts index 963d7dd86d..cd20bd5f44 100644 --- a/packages/designer/tests/fixtures/component-metadata/div5.ts +++ b/packages/designer/tests/fixtures/component-metadata/div5.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Div', npm: { @@ -231,8 +231,12 @@ export default { supports: {}, advanced: { callbacks: { - onNodeAdd: (dragment, self) => { console.log(dragment); }, - onNodeRemove: (dragment, self) => { console.log(dragment); } + onNodeAdd: (dragment, self) => { + console.log(dragment); + }, + onNodeRemove: (dragment, self) => { + console.log(dragment); + }, }, initials: [ { diff --git a/packages/designer/tests/fixtures/component-metadata/div6.ts b/packages/designer/tests/fixtures/component-metadata/div6.ts index de80a93641..19d99bbd8e 100644 --- a/packages/designer/tests/fixtures/component-metadata/div6.ts +++ b/packages/designer/tests/fixtures/component-metadata/div6.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Div', npm: { @@ -232,8 +232,12 @@ export default { }, experimental: { callbacks: { - onNodeAdd: (dragment, self) => { console.log(dragment); }, - onNodeRemove: (dragment, self) => { console.log(dragment); } + onNodeAdd: (dragment, self) => { + console.log(dragment); + }, + onNodeRemove: (dragment, self) => { + console.log(dragment); + }, }, initials: [ { diff --git a/packages/designer/tests/fixtures/component-metadata/div7.ts b/packages/designer/tests/fixtures/component-metadata/div7.ts index b970aa3a7b..a76dd136c3 100644 --- a/packages/designer/tests/fixtures/component-metadata/div7.ts +++ b/packages/designer/tests/fixtures/component-metadata/div7.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Div', npm: { @@ -224,8 +224,12 @@ export default { supports: {}, advanced: { callbacks: { - onNodeAdd: (dragment, self) => { console.log(dragment); }, - onNodeRemove: (dragment, self) => { console.log(dragment); } + onNodeAdd: (dragment, self) => { + console.log(dragment); + }, + onNodeRemove: (dragment, self) => { + console.log(dragment); + }, }, initials: [ { diff --git a/packages/designer/tests/fixtures/component-metadata/div8.ts b/packages/designer/tests/fixtures/component-metadata/div8.ts index ae04ad287f..f20c3f22c7 100644 --- a/packages/designer/tests/fixtures/component-metadata/div8.ts +++ b/packages/designer/tests/fixtures/component-metadata/div8.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Div', npm: { diff --git a/packages/designer/tests/fixtures/component-metadata/div9.ts b/packages/designer/tests/fixtures/component-metadata/div9.ts index 2d3640b3bd..bdf37737b9 100644 --- a/packages/designer/tests/fixtures/component-metadata/div9.ts +++ b/packages/designer/tests/fixtures/component-metadata/div9.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Div', title: '容器', diff --git a/packages/designer/tests/fixtures/component-metadata/form.ts b/packages/designer/tests/fixtures/component-metadata/form.ts index faa6e06085..23a18e35fd 100644 --- a/packages/designer/tests/fixtures/component-metadata/form.ts +++ b/packages/designer/tests/fixtures/component-metadata/form.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Form', npm: { diff --git a/packages/designer/tests/fixtures/component-metadata/other.ts b/packages/designer/tests/fixtures/component-metadata/other.ts index adc8659b8c..9145073631 100644 --- a/packages/designer/tests/fixtures/component-metadata/other.ts +++ b/packages/designer/tests/fixtures/component-metadata/other.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Other', npm: { diff --git a/packages/designer/tests/fixtures/component-metadata/page.ts b/packages/designer/tests/fixtures/component-metadata/page.ts index 4170378614..23b9ff04f9 100644 --- a/packages/designer/tests/fixtures/component-metadata/page.ts +++ b/packages/designer/tests/fixtures/component-metadata/page.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Page', npm: { diff --git a/packages/designer/tests/fixtures/component-metadata/page2.ts b/packages/designer/tests/fixtures/component-metadata/page2.ts index 4170378614..23b9ff04f9 100644 --- a/packages/designer/tests/fixtures/component-metadata/page2.ts +++ b/packages/designer/tests/fixtures/component-metadata/page2.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Page', npm: { diff --git a/packages/designer/tests/fixtures/component-metadata/root-content.ts b/packages/designer/tests/fixtures/component-metadata/root-content.ts index 5546e8b8a1..89dafd4005 100644 --- a/packages/designer/tests/fixtures/component-metadata/root-content.ts +++ b/packages/designer/tests/fixtures/component-metadata/root-content.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'RootContent', npm: { diff --git a/packages/designer/tests/fixtures/component-metadata/root-footer.ts b/packages/designer/tests/fixtures/component-metadata/root-footer.ts index cd3291fb07..ac9828b7c9 100644 --- a/packages/designer/tests/fixtures/component-metadata/root-footer.ts +++ b/packages/designer/tests/fixtures/component-metadata/root-footer.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'RootFooter', npm: { diff --git a/packages/designer/tests/fixtures/component-metadata/root-header.ts b/packages/designer/tests/fixtures/component-metadata/root-header.ts index b2d3dd4ed7..d4bf551a12 100644 --- a/packages/designer/tests/fixtures/component-metadata/root-header.ts +++ b/packages/designer/tests/fixtures/component-metadata/root-header.ts @@ -1,4 +1,4 @@ -import { IPublicTypeComponentMetadata } from "@alilc/lowcode-types"; +import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'RootHeader', npm: { diff --git a/packages/designer/tests/plugin/plugin-manager.test.ts b/packages/designer/tests/plugin/plugin-manager.test.ts index 73915203f0..dd9872f312 100644 --- a/packages/designer/tests/plugin/plugin-manager.test.ts +++ b/packages/designer/tests/plugin/plugin-manager.test.ts @@ -1,7 +1,7 @@ import '../fixtures/window'; -import { Editor, engineConfig } from '@alilc/lowcode-editor-core'; +import { Editor, engineConfig } from '@lce/lowcode-editor-core'; import { LowCodePluginManager } from '../../src/plugin/plugin-manager'; -import { IPublicModelPluginContext, IPublicApiPlugins } from '@alilc/lowcode-types'; +import { IPublicModelPluginContext, IPublicApiPlugins } from '@lce/lowcode-types'; import { ILowCodePluginContextPrivate } from '../../src/plugin/plugin-types'; const editor = new Editor(); @@ -11,10 +11,10 @@ describe('plugin 测试', () => { let pluginManager: IPublicApiPlugins; beforeEach(() => { contextApiAssembler = { - assembleApis(context: ILowCodePluginContextPrivate){ + assembleApis(context: ILowCodePluginContextPrivate) { context.plugins = pluginManager as IPublicApiPlugins; // mock set apis - } + }, }; pluginManager = new LowCodePluginManager(contextApiAssembler).toProxy(); }); diff --git a/packages/designer/tests/project/project-methods.test.ts b/packages/designer/tests/project/project-methods.test.ts index c710b29f13..68ab5b22b8 100644 --- a/packages/designer/tests/project/project-methods.test.ts +++ b/packages/designer/tests/project/project-methods.test.ts @@ -1,5 +1,5 @@ import '../fixtures/window'; -import { Editor } from '@alilc/lowcode-editor-core'; +import { Editor } from '@lce/lowcode-editor-core'; import { Project } from '../../src/project/project'; import { DocumentModel } from '../../src/document/document-model'; import { Designer } from '../../src/designer/designer'; @@ -46,37 +46,51 @@ describe.only('Project 方法测试', () => { }); it('load', () => { - project.load({ - componentsTree: [{ - componentName: 'Page', - fileName: 'f1', - }], - }, 'f1'); + project.load( + { + componentsTree: [ + { + componentName: 'Page', + fileName: 'f1', + }, + ], + }, + 'f1', + ); expect(project.currentDocument?.fileName).toBe('f1'); }); it.skip('setSchema', () => { - project.load({ - componentsTree: [{ - componentName: 'Page', - fileName: 'f1', - }], - }, true); + project.load( + { + componentsTree: [ + { + componentName: 'Page', + fileName: 'f1', + }, + ], + }, + true, + ); project.setSchema({ - componentsTree: [{ - componentName: 'Page', - props: { a: 1 }, - }], + componentsTree: [ + { + componentName: 'Page', + props: { a: 1 }, + }, + ], }); expect(project.currentDocument?.rootNode?.propsData).toEqual({ a: 1 }); }); it('open / getDocument / checkExclusive', () => { project.load({ - componentsTree: [{ - componentName: 'Page', - fileName: 'f1', - }], + componentsTree: [ + { + componentName: 'Page', + fileName: 'f1', + }, + ], }); const doc1 = project.createDocument({ componentName: 'Page', diff --git a/packages/designer/tests/project/project.test.ts b/packages/designer/tests/project/project.test.ts index 2066c03985..bae3c634da 100644 --- a/packages/designer/tests/project/project.test.ts +++ b/packages/designer/tests/project/project.test.ts @@ -1,7 +1,7 @@ import set from 'lodash/set'; import cloneDeep from 'lodash/cloneDeep'; import '../fixtures/window'; -import { Editor } from '@alilc/lowcode-editor-core'; +import { Editor } from '@lce/lowcode-editor-core'; import { Project } from '../../src/project/project'; import { Designer } from '../../src/designer/designer'; import formSchema from '../fixtures/schema/form'; @@ -22,7 +22,9 @@ jest.mock('../../src/designer/designer', () => { }, }; }, - transformProps(props) { return props; }, + transformProps(props) { + return props; + }, createSettingEntry: mockCreateSettingEntry, postEvent() {}, }; @@ -44,9 +46,7 @@ describe('schema 生成节点模型测试', () => { it('基本的节点模型初始化，模型导出，初始化传入 schema', () => { const project = new Project(designer, { - componentsTree: [ - formSchema, - ], + componentsTree: [formSchema], }); project.open(); expect(project).toBeTruthy(); @@ -55,13 +55,15 @@ describe('schema 生成节点模型测试', () => { const ids = getIdsFromSchema(formSchema); const expectedNodeCnt = ids.length; expect(nodesMap.size).toBe(expectedNodeCnt); - ids.forEach(id => { - expect(nodesMap.get(id).componentName).toBe(getNodeFromSchemaById(formSchema, id).componentName); + ids.forEach((id) => { + expect(nodesMap.get(id).componentName).toBe( + getNodeFromSchemaById(formSchema, id).componentName, + ); }); const exportSchema = currentDocument?.export(1); expect(getIdsFromSchema(exportSchema).length).toBe(expectedNodeCnt); - nodesMap.forEach(node => { + nodesMap.forEach((node) => { // 触发 getter node.settingEntry; }); @@ -70,9 +72,7 @@ describe('schema 生成节点模型测试', () => { it('onSimulatorReady works', () => { const project = new Project(designer, { - componentsTree: [ - formSchema, - ], + componentsTree: [formSchema], }); project.open(); expect(project).toBeTruthy(); @@ -103,23 +103,26 @@ describe('schema 生成节点模型测试', () => { const project = new Project(designer); expect(project).toBeTruthy(); // trigger autoOpen case - project.load({ - componentsTree: [ - formSchema, - ], - }, true); + project.load( + { + componentsTree: [formSchema], + }, + true, + ); const { currentDocument } = project; const { nodesMap } = currentDocument; const ids = getIdsFromSchema(formSchema); const expectedNodeCnt = ids.length; expect(nodesMap.size).toBe(expectedNodeCnt); - ids.forEach(id => { - expect(nodesMap.get(id).componentName).toBe(getNodeFromSchemaById(formSchema, id).componentName); + ids.forEach((id) => { + expect(nodesMap.get(id).componentName).toBe( + getNodeFromSchemaById(formSchema, id).componentName, + ); }); const exportSchema = currentDocument?.export(1); expect(getIdsFromSchema(exportSchema).length).toBe(expectedNodeCnt); - nodesMap.forEach(node => { + nodesMap.forEach((node) => { // 触发 getter node.settingEntry; }); @@ -129,31 +132,34 @@ describe('schema 生成节点模型测试', () => { const project = new Project(designer); expect(project).toBeTruthy(); // trigger autoOpen case - project.load({ - componentsTree: [ - { - ...formSchema, - fileName: 'demoFile1', + project.load( + { + componentsTree: [ + { + ...formSchema, + fileName: 'demoFile1', + }, + { + ...formSchema, + fileName: 'demoFile2', + }, + ], + config: { + layout: { + props: { + tabBar: { + items: [ + { + path: '/demoFile2', + }, + ], + }, + }, + }, }, - { - ...formSchema, - fileName: 'demoFile2', - } - ], - config: { - layout: { - props: { - tabBar: { - items: [ - { - path: '/demoFile2', - } - ], - } - } - } - } - }, true); + }, + true, + ); const { currentDocument } = project; expect(currentDocument.fileName).toBe('demoFile2'); }); @@ -162,23 +168,25 @@ describe('schema 生成节点模型测试', () => { const project = new Project(designer); expect(project).toBeTruthy(); // trigger autoOpen case - project.load({ - componentsTree: [ - { - ...formSchema, - fileName: 'demoFile1', - }, - { - ...formSchema, - fileName: 'demoFile2', - } - ], - }, 'demoFile2'); + project.load( + { + componentsTree: [ + { + ...formSchema, + fileName: 'demoFile1', + }, + { + ...formSchema, + fileName: 'demoFile2', + }, + ], + }, + 'demoFile2', + ); const { currentDocument } = project; expect(currentDocument.fileName).toBe('demoFile2'); }); - it('setSchema works', () => { const project = new Project(designer); project.open(); @@ -204,13 +212,15 @@ describe('schema 生成节点模型测试', () => { const ids = getIdsFromSchema(formSchema); const expectedNodeCnt = ids.length; expect(nodesMap.size).toBe(expectedNodeCnt); - ids.forEach(id => { - expect(nodesMap.get(id).componentName).toBe(getNodeFromSchemaById(formSchema, id).componentName); + ids.forEach((id) => { + expect(nodesMap.get(id).componentName).toBe( + getNodeFromSchemaById(formSchema, id).componentName, + ); }); const exportSchema = currentDocument?.export(1); expect(getIdsFromSchema(exportSchema).length).toBe(expectedNodeCnt); - nodesMap.forEach(node => { + nodesMap.forEach((node) => { // 触发 getter node.settingEntry; }); @@ -271,11 +281,13 @@ describe('schema 生成节点模型测试', () => { describe('block ❌ | component ❌ | slot ✅', () => { it('基本的节点模型初始化，模型导出，初始化传入 schema', () => { - const formSchemaWithSlot = set(cloneDeep(formSchema), 'children[0].children[0].props.title.type', 'JSSlot'); + const formSchemaWithSlot = set( + cloneDeep(formSchema), + 'children[0].children[0].props.title.type', + 'JSSlot', + ); const project = new Project(designer, { - componentsTree: [ - formSchemaWithSlot, - ], + componentsTree: [formSchemaWithSlot], }); project.open(); expect(project).toBeTruthy(); @@ -290,7 +302,5 @@ describe('schema 生成节点模型测试', () => { }); }); - describe.skip('多 document 测试', () => { - - }); + describe.skip('多 document 测试', () => {}); }); diff --git a/packages/editor-core/package.json b/packages/editor-core/package.json index 55f6d50c39..4f7f77c5a6 100644 --- a/packages/editor-core/package.json +++ b/packages/editor-core/package.json @@ -1,5 +1,5 @@ { - "name": "@alilc/lowcode-editor-core", + "name": "@lce/lowcode-editor-core", "version": "1.3.2", "description": "Core Api for Ali lowCode engine", "license": "MIT", @@ -16,8 +16,8 @@ }, "dependencies": { "@alifd/next": "^1.19.16", - "@alilc/lowcode-types": "1.3.2", - "@alilc/lowcode-utils": "1.3.2", + "@lce/lowcode-types": "1.3.2", + "@lce/lowcode-utils": "1.3.2", "classnames": "^2.2.6", "debug": "^4.1.1", "intl-messageformat": "^9.3.1", diff --git a/packages/editor-core/src/command.ts b/packages/editor-core/src/command.ts index 7facc33d94..18a89db511 100644 --- a/packages/editor-core/src/command.ts +++ b/packages/editor-core/src/command.ts @@ -1,11 +1,25 @@ -import { IPublicApiCommand, IPublicEnumTransitionType, IPublicModelPluginContext, IPublicTypeCommand, IPublicTypeCommandHandlerArgs, IPublicTypeListCommand } from '@alilc/lowcode-types'; -import { checkPropTypes } from '@alilc/lowcode-utils'; -export interface ICommand extends Omit<IPublicApiCommand, 'registerCommand' | 'batchExecuteCommand'> { - registerCommand(command: IPublicTypeCommand, options?: { - commandScope?: string; - }): void; +import { + IPublicApiCommand, + IPublicEnumTransitionType, + IPublicModelPluginContext, + IPublicTypeCommand, + IPublicTypeCommandHandlerArgs, + IPublicTypeListCommand, +} from '@lce/lowcode-types'; +import { checkPropTypes } from '@lce/lowcode-utils'; +export interface ICommand + extends Omit<IPublicApiCommand, 'registerCommand' | 'batchExecuteCommand'> { + registerCommand( + command: IPublicTypeCommand, + options?: { + commandScope?: string; + }, + ): void; - batchExecuteCommand(commands: { name: string; args: IPublicTypeCommandHandlerArgs }[], pluginContext?: IPublicModelPluginContext): void; + batchExecuteCommand( + commands: { name: string; args: IPublicTypeCommandHandlerArgs }[], + pluginContext?: IPublicModelPluginContext, + ): void; } export interface ICommandOptions { @@ -42,7 +56,7 @@ export class Command implements ICommand { if (!command) { throw new Error(`Command '${name}' is not registered.`); } - command.parameters?.forEach(d => { + command.parameters?.forEach((d) => { if (!checkPropTypes(args[d.name], d.name, d.propType, 'command')) { throw new Error(`Command '${name}' arguments ${d.name} is invalid.`); } @@ -51,24 +65,27 @@ export class Command implements ICommand { command.handler(args); } catch (error) { if (this.commandErrors && this.commandErrors.length) { - this.commandErrors.forEach(callback => callback(name, error)); + this.commandErrors.forEach((callback) => callback(name, error)); } else { throw error; } } } - batchExecuteCommand(commands: { name: string; args: IPublicTypeCommandHandlerArgs }[], pluginContext: IPublicModelPluginContext): void { + batchExecuteCommand( + commands: { name: string; args: IPublicTypeCommandHandlerArgs }[], + pluginContext: IPublicModelPluginContext, + ): void { if (!commands || !commands.length) { return; } pluginContext.common.utils.executeTransaction(() => { - commands.forEach(command => this.executeCommand(command.name, command.args)); + commands.forEach((command) => this.executeCommand(command.name, command.args)); }, IPublicEnumTransitionType.REPAINT); } listCommands(): IPublicTypeListCommand[] { - return Array.from(this.commands.values()).map(d => { + return Array.from(this.commands.values()).map((d) => { const result: IPublicTypeListCommand = { name: d.name, }; diff --git a/packages/editor-core/src/config.ts b/packages/editor-core/src/config.ts index c4ff407b9a..0d063b403f 100644 --- a/packages/editor-core/src/config.ts +++ b/packages/editor-core/src/config.ts @@ -1,10 +1,10 @@ import { get as lodashGet } from 'lodash'; -import { isPlainObject } from '@alilc/lowcode-utils'; +import { isPlainObject } from '@lce/lowcode-utils'; import { IPublicTypeEngineOptions, IPublicModelEngineConfig, IPublicModelPreference, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; import { getLogger } from './utils/logger'; import Preference from './utils/preference'; @@ -55,7 +55,8 @@ const VALID_ENGINE_OPTIONS = { enableStrictPluginMode: { type: 'boolean', default: STRICT_PLUGIN_MODE_DEFAULT, - description: '开启严格插件模式，默认值：STRICT_PLUGIN_MODE_DEFAULT , 严格模式下，插件将无法通过 engineOptions 传递自定义配置项', + description: + '开启严格插件模式，默认值：STRICT_PLUGIN_MODE_DEFAULT , 严格模式下，插件将无法通过 engineOptions 传递自定义配置项', }, enableReactiveContainer: { type: 'boolean', @@ -75,7 +76,8 @@ const VALID_ENGINE_OPTIONS = { customizeIgnoreSelectors: { type: 'function', default: undefined, - description: '定制画布中点击被忽略的 selectors, eg. (defaultIgnoreSelectors: string[], e: MouseEvent) => string[]', + description: + '定制画布中点击被忽略的 selectors, eg. (defaultIgnoreSelectors: string[], e: MouseEvent) => string[]', }, disableDefaultSettingPanel: { type: 'boolean', @@ -171,19 +173,23 @@ const VALID_ENGINE_OPTIONS = { }, }; -const getStrictModeValue = (engineOptions: IPublicTypeEngineOptions, defaultValue: boolean): boolean => { +const getStrictModeValue = ( + engineOptions: IPublicTypeEngineOptions, + defaultValue: boolean, +): boolean => { if (!engineOptions || !isPlainObject(engineOptions)) { return defaultValue; } - if (engineOptions.enableStrictPluginMode === undefined - || engineOptions.enableStrictPluginMode === null) { + if ( + engineOptions.enableStrictPluginMode === undefined || + engineOptions.enableStrictPluginMode === null + ) { return defaultValue; } return engineOptions.enableStrictPluginMode; }; export interface IEngineConfig extends IPublicModelEngineConfig { - /** * if engineOptions.strictPluginMode === true, only accept propertied predefined in EngineOptions. * @@ -202,11 +208,11 @@ export class EngineConfig implements IEngineConfig { private config: { [key: string]: any } = {}; private waits = new Map< - string, - Array<{ - once?: boolean; - resolve: (data: any) => void; - }> + string, + Array<{ + once?: boolean; + resolve: (data: any) => void; + }> >(); /** @@ -278,7 +284,10 @@ export class EngineConfig implements IEngineConfig { if (isValidKey(key)) { this.set(key, (engineOptions as any)[key]); } else { - logger.warn(`failed to config ${key} to engineConfig, only predefined options can be set under strict mode, predefined options: `, VALID_ENGINE_OPTIONS); + logger.warn( + `failed to config ${key} to engineConfig, only predefined options can be set under strict mode, predefined options: `, + VALID_ENGINE_OPTIONS, + ); } }); } else { diff --git a/packages/editor-core/src/di/setter.ts b/packages/editor-core/src/di/setter.ts index 5af2c0230f..f1746c6fd0 100644 --- a/packages/editor-core/src/di/setter.ts +++ b/packages/editor-core/src/di/setter.ts @@ -1,16 +1,24 @@ import { ReactNode } from 'react'; -import { IPublicApiSetters, IPublicModelSettingField, IPublicTypeCustomView, IPublicTypeRegisteredSetter } from '@alilc/lowcode-types'; -import { createContent, isCustomView } from '@alilc/lowcode-utils'; +import { + IPublicApiSetters, + IPublicModelSettingField, + IPublicTypeCustomView, + IPublicTypeRegisteredSetter, +} from '@lce/lowcode-types'; +import { createContent, isCustomView } from '@lce/lowcode-utils'; -const settersMap = new Map<string, IPublicTypeRegisteredSetter & { - type: string; -}>(); +const settersMap = new Map< + string, + IPublicTypeRegisteredSetter & { + type: string; + } +>(); export function registerSetter( typeOrMaps: string | { [key: string]: IPublicTypeCustomView | IPublicTypeRegisteredSetter }, setter?: IPublicTypeCustomView | IPublicTypeRegisteredSetter, ) { if (typeof typeOrMaps === 'object') { - Object.keys(typeOrMaps).forEach(type => { + Object.keys(typeOrMaps).forEach((type) => { registerSetter(type, typeOrMaps[type]); }); return; @@ -37,20 +45,24 @@ export function registerSetter( } function getInitialFromSetter(setter: any) { - return setter && ( - setter.initial || setter.Initial - || (setter.type && (setter.type.initial || setter.type.Initial)) - ) || null; // eslint-disable-line + return ( + (setter && + (setter.initial || + setter.Initial || + (setter.type && (setter.type.initial || setter.type.Initial)))) || + null + ); // eslint-disable-line } -export interface ISetters extends IPublicApiSetters { - -} +export interface ISetters extends IPublicApiSetters {} export class Setters implements ISetters { - settersMap = new Map<string, IPublicTypeRegisteredSetter & { - type: string; - }>(); + settersMap = new Map< + string, + IPublicTypeRegisteredSetter & { + type: string; + } + >(); constructor(readonly viewName: string = 'global') {} @@ -63,7 +75,7 @@ export class Setters implements ISetters { setter?: IPublicTypeCustomView | IPublicTypeRegisteredSetter, ) => { if (typeof typeOrMaps === 'object') { - Object.keys(typeOrMaps).forEach(type => { + Object.keys(typeOrMaps).forEach((type) => { this.registerSetter(type, typeOrMaps[type]); }); return; @@ -115,4 +127,4 @@ export class Setters implements ISetters { return createContent(setter, props); }; -} \ No newline at end of file +} diff --git a/packages/editor-core/src/editor.ts b/packages/editor-core/src/editor.ts index f31a2a2dda..0a35b9dc49 100644 --- a/packages/editor-core/src/editor.ts +++ b/packages/editor-core/src/editor.ts @@ -13,11 +13,11 @@ import { IPublicTypeComponentDescription, IPublicTypeRemoteComponentDescription, GlobalEvent, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; import { engineConfig } from './config'; import { globalLocale } from './intl'; import { obx } from './utils'; -import { IPublicTypeAssetsJson, AssetLoader } from '@alilc/lowcode-utils'; +import { IPublicTypeAssetsJson, AssetLoader } from '@lce/lowcode-utils'; import { assetsTransform } from './utils/assets-transform'; EventEmitter.defaultMaxListeners = 100; @@ -68,7 +68,6 @@ export interface IEditor extends IPublicModelEditor { // eslint-disable-next-line no-redeclare export class Editor extends EventEmitter implements IEditor { - /** * Ioc Container */ @@ -105,8 +104,8 @@ export class Editor extends EventEmitter implements IEditor { } get<T = undefined, KeyOrType = any>( - keyOrType: KeyOrType, - ): IPublicTypeEditorGetResult<T, KeyOrType> | undefined { + keyOrType: KeyOrType, + ): IPublicTypeEditorGetResult<T, KeyOrType> | undefined { return this.context.get(keyOrType as any); } @@ -147,59 +146,75 @@ export class Editor extends EventEmitter implements IEditor { // 如果有远程组件描述协议，则自动加载并补充到资产包中，同时出发 designer.incrementalAssetsReady 通知组件面板更新数据 if (remoteComponentDescriptions && remoteComponentDescriptions.length) { await Promise.all( - remoteComponentDescriptions.map(async (component: IPublicTypeRemoteComponentDescription) => { - const { exportName, url, npm } = component; - if (!url || !exportName) { - return; - } - if (!AssetsCache[exportName] || !npm?.version || AssetsCache[exportName].npm?.version !== npm?.version) { - await (new AssetLoader()).load(url); - } - AssetsCache[exportName] = component; - function setAssetsComponent(component: any, extraNpmInfo: any = {}) { - const components = component.components; - assets.componentList = assets.componentList?.concat(component.componentList || []); - if (Array.isArray(components)) { - components.forEach(d => { - assets.components = assets.components.concat({ - npm: { - ...npm, - ...extraNpmInfo, - }, - ...d, - } || []); - }); + remoteComponentDescriptions.map( + async (component: IPublicTypeRemoteComponentDescription) => { + const { exportName, url, npm } = component; + if (!url || !exportName) { return; } - if (component.components) { - assets.components = assets.components.concat({ - npm: { - ...npm, - ...extraNpmInfo, - }, - ...component.components, - } || []); + if ( + !AssetsCache[exportName] || + !npm?.version || + AssetsCache[exportName].npm?.version !== npm?.version + ) { + await new AssetLoader().load(url); } - } - function setArrayAssets(value: any[], preExportName: string = '', preSubName: string = '') { - value.forEach((d: any, i: number) => { - const exportName = [preExportName, i.toString()].filter(d => !!d).join('.'); - const subName = [preSubName, i.toString()].filter(d => !!d).join('.'); - Array.isArray(d) ? setArrayAssets(d, exportName, subName) : setAssetsComponent(d, { - exportName, - subName, + AssetsCache[exportName] = component; + function setAssetsComponent(component: any, extraNpmInfo: any = {}) { + const components = component.components; + assets.componentList = assets.componentList?.concat(component.componentList || []); + if (Array.isArray(components)) { + components.forEach((d) => { + assets.components = assets.components.concat( + { + npm: { + ...npm, + ...extraNpmInfo, + }, + ...d, + } || [], + ); + }); + return; + } + if (component.components) { + assets.components = assets.components.concat( + { + npm: { + ...npm, + ...extraNpmInfo, + }, + ...component.components, + } || [], + ); + } + } + function setArrayAssets( + value: any[], + preExportName: string = '', + preSubName: string = '', + ) { + value.forEach((d: any, i: number) => { + const exportName = [preExportName, i.toString()].filter((d) => !!d).join('.'); + const subName = [preSubName, i.toString()].filter((d) => !!d).join('.'); + Array.isArray(d) + ? setArrayAssets(d, exportName, subName) + : setAssetsComponent(d, { + exportName, + subName, + }); }); - }); - } - if ((window as any)[exportName]) { - if (Array.isArray((window as any)[exportName])) { - setArrayAssets((window as any)[exportName] as any); - } else { - setAssetsComponent((window as any)[exportName] as any); } - } - return (window as any)[exportName]; - }), + if ((window as any)[exportName]) { + if (Array.isArray((window as any)[exportName])) { + setArrayAssets((window as any)[exportName] as any); + } else { + setAssetsComponent((window as any)[exportName] as any); + } + } + return (window as any)[exportName]; + }, + ), ); } } @@ -208,7 +223,9 @@ export class Editor extends EventEmitter implements IEditor { this.notifyGot('assets'); } - onceGot<T = undefined, KeyOrType extends IPublicTypeEditorValueKey = any>(keyOrType: KeyOrType): Promise<IPublicTypeEditorGetResult<T, KeyOrType>> { + onceGot<T = undefined, KeyOrType extends IPublicTypeEditorValueKey = any>( + keyOrType: KeyOrType, + ): Promise<IPublicTypeEditorGetResult<T, KeyOrType>> { const x = this.context.get(keyOrType); if (x !== undefined) { return Promise.resolve(x); @@ -253,7 +270,7 @@ export class Editor extends EventEmitter implements IEditor { const { hooks = [], lifeCycles } = this.config; this.emit('editor.beforeInit'); - const init = (lifeCycles && lifeCycles.init) || ((): void => { }); + const init = (lifeCycles && lifeCycles.init) || ((): void => {}); try { await init(this); @@ -298,7 +315,7 @@ export class Editor extends EventEmitter implements IEditor { registerHooks = (hooks: HookConfig[]) => { this.initHooks(hooks).forEach(({ message, type, handler }) => { if (['on', 'once'].indexOf(type) !== -1) { - this[type]((message as any), handler); + this[type](message as any, handler); } }); }; diff --git a/packages/editor-core/src/event-bus.ts b/packages/editor-core/src/event-bus.ts index ae9d28905b..e3df5607b9 100644 --- a/packages/editor-core/src/event-bus.ts +++ b/packages/editor-core/src/event-bus.ts @@ -1,5 +1,5 @@ -import { IPublicApiEvent } from '@alilc/lowcode-types'; -import { Logger } from '@alilc/lowcode-utils'; +import { IPublicApiEvent } from '@lce/lowcode-types'; +import { Logger } from '@lce/lowcode-utils'; import EventEmitter from 'events'; const logger = new Logger({ level: 'warn', bizName: 'event-bus' }); @@ -106,4 +106,4 @@ export const createModuleEventBus = (moduleName: string, maxListeners?: number): emitter.setMaxListeners(maxListeners); } return new EventBus(emitter, moduleName); -}; \ No newline at end of file +}; diff --git a/packages/editor-core/src/hotkey.ts b/packages/editor-core/src/hotkey.ts index d0dd40cc24..5ba7f3cfb8 100644 --- a/packages/editor-core/src/hotkey.ts +++ b/packages/editor-core/src/hotkey.ts @@ -1,6 +1,11 @@ import { isEqual } from 'lodash'; import { globalContext } from './di'; -import { IPublicTypeHotkeyCallback, IPublicTypeHotkeyCallbackConfig, IPublicTypeHotkeyCallbacks, IPublicApiHotkey } from '@alilc/lowcode-types'; +import { + IPublicTypeHotkeyCallback, + IPublicTypeHotkeyCallbackConfig, + IPublicTypeHotkeyCallbacks, + IPublicApiHotkey, +} from '@lce/lowcode-types'; interface KeyMap { [key: number]: string; @@ -110,7 +115,7 @@ let REVERSE_MAP: CtrlKeyMap; * programatically */ for (let i = 1; i < 20; ++i) { - MAP[111 + i] = `f${ i}`; + MAP[111 + i] = `f${i}`; } /** @@ -314,7 +319,12 @@ function getKeyInfo(combination: string, action?: string): KeyInfo { * if your callback function returns false this will use the jquery * convention - prevent default and stop propogation on the event */ -function fireCallback(callback: IPublicTypeHotkeyCallback, e: KeyboardEvent, combo?: string, sequence?: string): void { +function fireCallback( + callback: IPublicTypeHotkeyCallback, + e: KeyboardEvent, + combo?: string, + sequence?: string, +): void { try { const workspace = globalContext.get('workspace'); const editor = workspace.isActive ? workspace.window?.editor : globalContext.get('editor'); @@ -322,7 +332,9 @@ function fireCallback(callback: IPublicTypeHotkeyCallback, e: KeyboardEvent, com const node = designer?.currentSelection?.getNodes()?.[0]; const npm = node?.componentMeta?.npm; const selected = - [npm?.package, npm?.componentName].filter((item) => !!item).join('-') || node?.componentMeta?.componentName || ''; + [npm?.package, npm?.componentName].filter((item) => !!item).join('-') || + node?.componentMeta?.componentName || + ''; if (callback(e, combo) === false) { e.preventDefault(); e.stopPropagation(); @@ -389,10 +401,10 @@ export class Hotkey implements IHotKey { unbind(combos: string[] | string, callback: IPublicTypeHotkeyCallback, action?: string) { const combinations = Array.isArray(combos) ? combos : [combos]; - combinations.forEach(combination => { + combinations.forEach((combination) => { const info: KeyInfo = getKeyInfo(combination, action); const { key, modifiers } = info; - const idx = this.callBacks[key].findIndex(info => { + const idx = this.callBacks[key].findIndex((info) => { return isEqual(info.modifiers, modifiers) && info.callback === callback; }); if (idx !== -1) { @@ -471,9 +483,13 @@ export class Hotkey implements IHotKey { // chrome will not fire a keypress if meta or control is down // safari will fire a keypress if meta or meta+shift is down // firefox will fire a keypress if meta or control is down - if ((isPressEvent(e) && !e.metaKey && !e.ctrlKey) || modifiersMatch(modifiers, callback.modifiers)) { + if ( + (isPressEvent(e) && !e.metaKey && !e.ctrlKey) || + modifiersMatch(modifiers, callback.modifiers) + ) { const deleteCombo = !sequenceName && callback.combo === combination; - const deleteSequence = sequenceName && callback.seq === sequenceName && callback.level === level; + const deleteSequence = + sequenceName && callback.seq === sequenceName && callback.level === level; if (deleteCombo || deleteSequence) { this.callBacks[character].splice(i, 1); } @@ -568,7 +584,12 @@ export class Hotkey implements IHotKey { this.resetTimer = window.setTimeout(this.resetSequences, 1000); } - private bindSequence(combo: string, keys: string[], callback: IPublicTypeHotkeyCallback, action?: string): void { + private bindSequence( + combo: string, + keys: string[], + callback: IPublicTypeHotkeyCallback, + action?: string, + ): void { // const self: any = this; this.sequenceLevels[combo] = 0; const increaseSequence = (nextAction: string) => { @@ -589,7 +610,9 @@ export class Hotkey implements IHotKey { }; for (let i = 0; i < keys.length; ++i) { const isFinal = i + 1 === keys.length; - const wrappedCallback = isFinal ? callbackAndReset : increaseSequence(action || getKeyInfo(keys[i + 1]).action); + const wrappedCallback = isFinal + ? callbackAndReset + : increaseSequence(action || getKeyInfo(keys[i + 1]).action); this.bindSingle(keys[i], wrappedCallback, action, combo, i); } } @@ -623,7 +646,14 @@ export class Hotkey implements IHotKey { this.callBacks[info.key] = this.callBacks[info.key] || []; // remove an existing match if there is one - this.getMatches(info.key, info.modifiers, { type: info.action }, sequenceName, combination, level); + this.getMatches( + info.key, + info.modifiers, + { type: info.action }, + sequenceName, + combination, + level, + ); // add this call back to the array // if it is a sequence put it at the beginning @@ -641,7 +671,11 @@ export class Hotkey implements IHotKey { }); } - private bindMultiple(combinations: string[], callback: IPublicTypeHotkeyCallback, action?: string) { + private bindMultiple( + combinations: string[], + callback: IPublicTypeHotkeyCallback, + action?: string, + ) { for (const item of combinations) { this.bindSingle(item, callback, action); } diff --git a/packages/editor-core/src/intl/global-locale.ts b/packages/editor-core/src/intl/global-locale.ts index fd67bb51f9..84ba0a41dd 100644 --- a/packages/editor-core/src/intl/global-locale.ts +++ b/packages/editor-core/src/intl/global-locale.ts @@ -1,6 +1,6 @@ import { IEventBus, createModuleEventBus } from '../event-bus'; import { obx, computed } from '../utils/obx'; -import { Logger } from '@alilc/lowcode-utils'; +import { Logger } from '@lce/lowcode-utils'; const logger = new Logger({ level: 'warn', bizName: 'globalLocale' }); @@ -72,7 +72,7 @@ class GlobalLocale { // store 3: config from system const { navigator } = window as any; if (navigator.language) { - const lang = (navigator.language as string); + const lang = navigator.language as string; return languageMap[lang] || lang.replace('_', '-'); } else if (navigator.browserLanguage) { const it = navigator.browserLanguage.split('-'); @@ -85,7 +85,9 @@ class GlobalLocale { } } if (!result) { - logger.warn('something when wrong when trying to get locale, use zh-CN as default, please check it out!'); + logger.warn( + 'something when wrong when trying to get locale, use zh-CN as default, please check it out!', + ); result = 'zh-CN'; } this._locale = result; @@ -136,11 +138,7 @@ class GlobalLocale { function getConfig(name: string) { const win: any = window; - return ( - win[name] - || (win.g_config || {})[name] - || (win.pageConfig || {})[name] - ); + return win[name] || (win.g_config || {})[name] || (win.pageConfig || {})[name]; } function hasLocalStorage(obj: any): obj is WindowLocalStorage { diff --git a/packages/editor-core/src/intl/index.ts b/packages/editor-core/src/intl/index.ts index 99e99a4fb9..9e129226cf 100644 --- a/packages/editor-core/src/intl/index.ts +++ b/packages/editor-core/src/intl/index.ts @@ -1,9 +1,9 @@ import { ReactNode, Component, createElement } from 'react'; import { IntlMessageFormat } from 'intl-messageformat'; import { globalLocale } from './global-locale'; -import { isI18nData } from '@alilc/lowcode-utils'; +import { isI18nData } from '@lce/lowcode-utils'; import { observer } from '../utils'; -import { IPublicTypeI18nData } from '@alilc/lowcode-types'; +import { IPublicTypeI18nData } from '@lce/lowcode-types'; function generateTryLocales(locale: string) { const tries = [locale, locale.replace('-', '_')]; @@ -56,7 +56,7 @@ export function shallowIntl(data: any): any { return data; } const maps: any = {}; - Object.keys(data).forEach(key => { + Object.keys(data).forEach((key) => { maps[key] = intl(data[key]); }); return maps; @@ -81,14 +81,12 @@ class IntlElement extends Component<{ data: any; params?: object }> { } } -export function createIntl( - instance: string | object, -): { - intlNode(id: string, params?: object): ReactNode; - intl(id: string, params?: object): string; - getLocale(): string; - setLocale(locale: string): void; - } { +export function createIntl(instance: string | object): { + intlNode(id: string, params?: object): ReactNode; + intl(id: string, params?: object): string; + getLocale(): string; + setLocale(locale: string): void; +} { // TODO: make reactive const data = (() => { const locale = globalLocale.getLocale(); diff --git a/packages/editor-core/src/utils/assets-transform.ts b/packages/editor-core/src/utils/assets-transform.ts index 013338751b..51fa023e18 100644 --- a/packages/editor-core/src/utils/assets-transform.ts +++ b/packages/editor-core/src/utils/assets-transform.ts @@ -1,28 +1,38 @@ /* eslint-disable no-param-reassign */ -import { IPublicTypeAssetsJson, IPublicTypeComponentDescription, IPublicTypePackage, IPublicTypeRemoteComponentDescription } from '@alilc/lowcode-types'; +import { + IPublicTypeAssetsJson, + IPublicTypeComponentDescription, + IPublicTypePackage, + IPublicTypeRemoteComponentDescription, +} from '@lce/lowcode-types'; // TODO: 该转换逻辑未来需要消化掉 export function assetsTransform(assets: IPublicTypeAssetsJson) { const { components, packages } = assets; - const packageMaps = (packages || []).reduce((acc: Record<string, IPublicTypePackage>, cur: IPublicTypePackage) => { - const key = cur.id || cur.package || ''; - acc[key] = cur; - return acc; - }, {} as any); - components.forEach((componentDesc: IPublicTypeComponentDescription | IPublicTypeRemoteComponentDescription) => { - let { devMode, schema, reference } = componentDesc; - if ((devMode as string) === 'lowcode') { - devMode = 'lowCode'; - } else if (devMode === 'proCode') { - devMode = 'proCode'; - } - if (devMode) { - componentDesc.devMode = devMode; - } - if (devMode === 'lowCode' && !schema && reference) { - const referenceId = reference.id || ''; - componentDesc.schema = packageMaps[referenceId].schema; - } - }); + const packageMaps = (packages || []).reduce( + (acc: Record<string, IPublicTypePackage>, cur: IPublicTypePackage) => { + const key = cur.id || cur.package || ''; + acc[key] = cur; + return acc; + }, + {} as any, + ); + components.forEach( + (componentDesc: IPublicTypeComponentDescription | IPublicTypeRemoteComponentDescription) => { + let { devMode, schema, reference } = componentDesc; + if ((devMode as string) === 'lowcode') { + devMode = 'lowCode'; + } else if (devMode === 'proCode') { + devMode = 'proCode'; + } + if (devMode) { + componentDesc.devMode = devMode; + } + if (devMode === 'lowCode' && !schema && reference) { + const referenceId = reference.id || ''; + componentDesc.schema = packageMaps[referenceId].schema; + } + }, + ); return assets; -} \ No newline at end of file +} diff --git a/packages/editor-core/src/utils/logger.ts b/packages/editor-core/src/utils/logger.ts index 212dcddab1..79f36542f5 100644 --- a/packages/editor-core/src/utils/logger.ts +++ b/packages/editor-core/src/utils/logger.ts @@ -1,4 +1,4 @@ -import { Logger, Level } from '@alilc/lowcode-utils'; +import { Logger, Level } from '@lce/lowcode-utils'; export { Logger }; diff --git a/packages/editor-core/src/utils/preference.ts b/packages/editor-core/src/utils/preference.ts index 6f17a8f638..6e03d7c902 100644 --- a/packages/editor-core/src/utils/preference.ts +++ b/packages/editor-core/src/utils/preference.ts @@ -1,6 +1,6 @@ import store from 'store'; import { getLogger } from './logger'; -import { IPublicModelPreference } from '@alilc/lowcode-types'; +import { IPublicModelPreference } from '@lce/lowcode-types'; const logger = getLogger({ level: 'warn', bizName: 'Preference' }); const STORAGE_KEY_PREFIX = 'ale'; @@ -52,4 +52,4 @@ export default class Preference implements IPublicModelPreference { return !(result === undefined || result === null); } -} \ No newline at end of file +} diff --git a/packages/editor-core/src/widgets/tip/help-tips.tsx b/packages/editor-core/src/widgets/tip/help-tips.tsx index ab5f65050e..9229f398fb 100644 --- a/packages/editor-core/src/widgets/tip/help-tips.tsx +++ b/packages/editor-core/src/widgets/tip/help-tips.tsx @@ -1,4 +1,4 @@ -import { IPublicTypeHelpTipConfig, IPublicTypeTipConfig } from '@alilc/lowcode-types'; +import { IPublicTypeHelpTipConfig, IPublicTypeTipConfig } from '@lce/lowcode-types'; import { Tip } from './tip'; import { Icon } from '@alifd/next'; import { IconProps } from '@alifd/next/types/icon'; @@ -37,4 +37,4 @@ export function HelpTip({ <Tip direction={direction}>{help.content}</Tip> </div> ); -} \ No newline at end of file +} diff --git a/packages/editor-core/src/widgets/tip/tip-handler.ts b/packages/editor-core/src/widgets/tip/tip-handler.ts index 63193ea854..b58928feb2 100644 --- a/packages/editor-core/src/widgets/tip/tip-handler.ts +++ b/packages/editor-core/src/widgets/tip/tip-handler.ts @@ -1,4 +1,4 @@ -import { IPublicTypeTipConfig } from '@alilc/lowcode-types'; +import { IPublicTypeTipConfig } from '@lce/lowcode-types'; import { IEventBus, createModuleEventBus } from '../../event-bus'; export interface TipOptions extends IPublicTypeTipConfig { diff --git a/packages/editor-core/src/widgets/tip/tip-item.tsx b/packages/editor-core/src/widgets/tip/tip-item.tsx index c56d747ffa..e12d5d2b26 100644 --- a/packages/editor-core/src/widgets/tip/tip-item.tsx +++ b/packages/editor-core/src/widgets/tip/tip-item.tsx @@ -1,6 +1,6 @@ import { Component } from 'react'; import classNames from 'classnames'; -import { IPublicTypeTipConfig } from '@alilc/lowcode-types'; +import { IPublicTypeTipConfig } from '@lce/lowcode-types'; import { intl } from '../../intl'; import { resolvePosition } from './utils'; import { tipHandler } from './tip-handler'; @@ -106,7 +106,11 @@ export class TipItem extends Component { render() { const tip: IPublicTypeTipConfig = tipHandler.tip || ({} as any); - const className = classNames('lc-tip', tip.className, tip && tip.theme ? `lc-theme-${tip.theme}` : null); + const className = classNames( + 'lc-tip', + tip.className, + tip && tip.theme ? `lc-theme-${tip.theme}` : null, + ); this.originClassName = className; diff --git a/packages/editor-core/src/widgets/tip/tip.tsx b/packages/editor-core/src/widgets/tip/tip.tsx index 92a683baa5..6da3c3b0ab 100644 --- a/packages/editor-core/src/widgets/tip/tip.tsx +++ b/packages/editor-core/src/widgets/tip/tip.tsx @@ -1,6 +1,6 @@ import { Component } from 'react'; -import { IPublicTypeTipConfig } from '@alilc/lowcode-types'; -import { uniqueId } from '@alilc/lowcode-utils'; +import { IPublicTypeTipConfig } from '@lce/lowcode-types'; +import { uniqueId } from '@lce/lowcode-utils'; import { postTip } from './tip-handler'; export class Tip extends Component<IPublicTypeTipConfig> { diff --git a/packages/editor-core/src/widgets/title/index.tsx b/packages/editor-core/src/widgets/title/index.tsx index 7df2676f92..dfafbde31c 100644 --- a/packages/editor-core/src/widgets/title/index.tsx +++ b/packages/editor-core/src/widgets/title/index.tsx @@ -1,7 +1,11 @@ import { Component, isValidElement, ReactNode } from 'react'; import classNames from 'classnames'; -import { createIcon, isI18nData, isTitleConfig } from '@alilc/lowcode-utils'; -import { IPublicTypeI18nData, IPublicTypeTitleConfig, IPublicTypeTitleProps } from '@alilc/lowcode-types'; +import { createIcon, isI18nData, isTitleConfig } from '@lce/lowcode-utils'; +import { + IPublicTypeI18nData, + IPublicTypeTitleConfig, + IPublicTypeTitleProps, +} from '@lce/lowcode-types'; import { intl } from '../../intl'; import { Tip } from '../tip'; import './title.less'; @@ -13,7 +17,7 @@ import './title.less'; * @param keywords 关键字 * @returns 文字片段列表 */ - function splitLabelByKeywords(label: string, keywords: string): string[] { +function splitLabelByKeywords(label: string, keywords: string): string[] { const len = keywords.length; const fragments = []; let str = label; @@ -72,12 +76,12 @@ export class Title extends Component<IPublicTypeTitleProps> { if (match && keywords) { const fragments = splitLabelByKeywords(intlLabel as string, keywords); - labelToRender = fragments.map(f => <span style={{ color: f === keywords ? 'red' : 'inherit' }}>{f}</span>); + labelToRender = fragments.map((f) => ( + <span style={{ color: f === keywords ? 'red' : 'inherit' }}>{f}</span> + )); } - return ( - <span className="lc-title-txt">{labelToRender}</span> - ); + return <span className="lc-title-txt">{labelToRender}</span>; }; render() { diff --git a/packages/editor-skeleton/package.json b/packages/editor-skeleton/package.json index 63aab7e48b..ed3dcb0216 100644 --- a/packages/editor-skeleton/package.json +++ b/packages/editor-skeleton/package.json @@ -1,5 +1,5 @@ { - "name": "@alilc/lowcode-editor-skeleton", + "name": "@lce/lowcode-editor-skeleton", "version": "1.3.2", "description": "alibaba lowcode editor skeleton", "main": "lib/index.js", @@ -19,10 +19,10 @@ ], "dependencies": { "@alifd/next": "^1.20.12", - "@alilc/lowcode-designer": "1.3.2", - "@alilc/lowcode-editor-core": "1.3.2", - "@alilc/lowcode-types": "1.3.2", - "@alilc/lowcode-utils": "1.3.2", + "@lce/lowcode-designer": "1.3.2", + "@lce/lowcode-editor-core": "1.3.2", + "@lce/lowcode-types": "1.3.2", + "@lce/lowcode-utils": "1.3.2", "classnames": "^2.2.6", "react": "^16.8.1", "react-dom": "^16.8.1" diff --git a/packages/editor-skeleton/src/area.ts b/packages/editor-skeleton/src/area.ts index 8dc711084b..fafd0fc998 100644 --- a/packages/editor-skeleton/src/area.ts +++ b/packages/editor-skeleton/src/area.ts @@ -1,7 +1,7 @@ /* eslint-disable max-len */ -import { obx, computed, makeObservable } from '@alilc/lowcode-editor-core'; -import { Logger } from '@alilc/lowcode-utils'; -import { IPublicTypeWidgetBaseConfig } from '@alilc/lowcode-types'; +import { obx, computed, makeObservable } from '@lce/lowcode-editor-core'; +import { Logger } from '@lce/lowcode-utils'; +import { IPublicTypeWidgetBaseConfig } from '@lce/lowcode-types'; import { WidgetContainer } from './widget/widget-container'; import { ISkeleton } from './skeleton'; import { IWidget } from './widget/widget'; @@ -16,7 +16,9 @@ export interface IArea<C, T> { show(): void; } -export class Area<C extends IPublicTypeWidgetBaseConfig = any, T extends IWidget = IWidget> implements IArea<C, T> { +export class Area<C extends IPublicTypeWidgetBaseConfig = any, T extends IWidget = IWidget> + implements IArea<C, T> +{ @obx private _visible = true; @computed get visible() { @@ -37,9 +39,21 @@ export class Area<C extends IPublicTypeWidgetBaseConfig = any, T extends IWidget private lastCurrent: T | null = null; - constructor(readonly skeleton: ISkeleton, readonly name: string, handle: (item: T | C) => T, private exclusive?: boolean, defaultSetCurrent = false) { + constructor( + readonly skeleton: ISkeleton, + readonly name: string, + handle: (item: T | C) => T, + private exclusive?: boolean, + defaultSetCurrent = false, + ) { makeObservable(this); - this.container = skeleton.createContainer(name, handle, exclusive, () => this.visible, defaultSetCurrent); + this.container = skeleton.createContainer( + name, + handle, + exclusive, + () => this.visible, + defaultSetCurrent, + ); } isEmpty(): boolean { diff --git a/packages/editor-skeleton/src/components/field/fields.tsx b/packages/editor-skeleton/src/components/field/fields.tsx index 21ae93eb25..afb2ffa2ae 100644 --- a/packages/editor-skeleton/src/components/field/fields.tsx +++ b/packages/editor-skeleton/src/components/field/fields.tsx @@ -3,13 +3,13 @@ import { Component, ErrorInfo, MouseEvent } from 'react'; import { isObject } from 'lodash'; import classNames from 'classnames'; import { Icon } from '@alifd/next'; -import { Title } from '@alilc/lowcode-editor-core'; -import { IPublicModelEditor, IPublicTypeTitleContent } from '@alilc/lowcode-types'; +import { Title } from '@lce/lowcode-editor-core'; +import { IPublicModelEditor, IPublicTypeTitleContent } from '@lce/lowcode-types'; import { PopupPipe, PopupContext } from '../popup'; import './index.less'; import InlineTip from './inlinetip'; import { intl } from '../../locale'; -import { Logger } from '@alilc/lowcode-utils'; +import { Logger } from '@lce/lowcode-utils'; const logger = new Logger({ level: 'warn', bizName: 'skeleton:field' }); @@ -116,22 +116,37 @@ export class Field extends Component<FieldProps> { getTipContent(propName: string, tip?: any): any { let tipContent = ( <div> - <div>{intl('Attribute: ')}{propName}</div> + <div> + {intl('Attribute: ')} + {propName} + </div> </div> ); if (isObject(tip)) { tipContent = ( <div> - <div>{intl('Attribute: ')}{propName}</div> - <div>{intl('Description: ')}{(tip as any).content}</div> + <div> + {intl('Attribute: ')} + {propName} + </div> + <div> + {intl('Description: ')} + {(tip as any).content} + </div> </div> ); } else if (tip) { tipContent = ( <div> - <div>{intl('Attribute: ')}{propName}</div> - <div>{intl('Description: ')}{tip}</div> + <div> + {intl('Attribute: ')} + {propName} + </div> + <div> + {intl('Description: ')} + {tip} + </div> </div> ); } @@ -167,22 +182,23 @@ export class Field extends Component<FieldProps> { })} id={id} > - { - display !== 'plain' && ( - <div className="lc-field-head" onClick={isAccordion ? this.toggleExpand : undefined}> - <div className="lc-field-title"> - {createValueState(valueState, this.handleClear)} - <Title - title={title || ''} - onClick={this.clickHandler} - /> - <InlineTip position="top">{tipContent}</InlineTip> - </div> - {isAccordion && <Icon className="lc-field-icon" type="arrow-up" size="xs" />} + {display !== 'plain' && ( + <div className="lc-field-head" onClick={isAccordion ? this.toggleExpand : undefined}> + <div className="lc-field-title"> + {createValueState(valueState, this.handleClear)} + <Title title={title || ''} onClick={this.clickHandler} /> + <InlineTip position="top">{tipContent}</InlineTip> </div> - ) - } - <div key="body" ref={(shell) => { this.body = shell; }} className="lc-field-body"> + {isAccordion && <Icon className="lc-field-icon" type="arrow-up" size="xs" />} + </div> + )} + <div + key="body" + ref={(shell) => { + this.body = shell; + }} + className="lc-field-body" + > {children} </div> </div> diff --git a/packages/editor-skeleton/src/components/field/index.ts b/packages/editor-skeleton/src/components/field/index.ts index defe151cf7..cebac20e4a 100644 --- a/packages/editor-skeleton/src/components/field/index.ts +++ b/packages/editor-skeleton/src/components/field/index.ts @@ -1,5 +1,5 @@ import { ReactNode, createElement } from 'react'; -import { IPublicTypeTitleContent } from '@alilc/lowcode-types'; +import { IPublicTypeTitleContent } from '@lce/lowcode-types'; import './index.less'; import { Field, PopupField, EntryField, PlainField } from './fields'; @@ -14,7 +14,11 @@ export interface FieldProps { [extra: string]: any; } -export function createField(props: FieldProps, children: ReactNode, type?: 'accordion' | 'inline' | 'block' | 'plain' | 'popup' | 'entry'): ReactNode { +export function createField( + props: FieldProps, + children: ReactNode, + type?: 'accordion' | 'inline' | 'block' | 'plain' | 'popup' | 'entry', +): ReactNode { if (type === 'popup') { return createElement(PopupField, props, children); } diff --git a/packages/editor-skeleton/src/components/popup/index.tsx b/packages/editor-skeleton/src/components/popup/index.tsx index 1367723a16..e4fca3fb15 100644 --- a/packages/editor-skeleton/src/components/popup/index.tsx +++ b/packages/editor-skeleton/src/components/popup/index.tsx @@ -1,25 +1,24 @@ import { createContext, ReactNode, Component, PureComponent } from 'react'; import { Drawer, ConfigProvider } from '@alifd/next'; -import { uniqueId } from '@alilc/lowcode-utils'; -import { IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core'; +import { uniqueId } from '@lce/lowcode-utils'; +import { IEventBus, createModuleEventBus } from '@lce/lowcode-editor-core'; import './style.less'; export interface PopupExtProps { width?: number; hasMask?: boolean; trigger?: ReactNode; - canCloseByOutSideClick?: boolean + canCloseByOutSideClick?: boolean; className?: string; safeNode?: string[]; } -interface PopupProps extends PopupExtProps{ - content?: ReactNode, - title?: ReactNode, - actionKey?: string +interface PopupProps extends PopupExtProps { + content?: ReactNode; + title?: ReactNode; + actionKey?: string; } - export const PopupContext = createContext<PopupPipe>({} as any); export class PopupPipe { @@ -103,9 +102,9 @@ export default class PopupService extends Component<{ } interface StateType extends PopupProps { - visible?: boolean, - offsetX?: number, - pos?: {top: number, height: number} + visible?: boolean; + offsetX?: number; + pos?: { top: number; height: number }; } export class PopupContent extends PureComponent<{ safeId?: string; popupContainer?: string }> { static contextType = PopupContext; @@ -153,7 +152,18 @@ export class PopupContent extends PureComponent<{ safeId?: string; popupContaine }; render() { - const { content, visible, title, actionKey, pos, offsetX, width = 360, hasMask = false, canCloseByOutSideClick = true, safeNode = [] } = this.state; + const { + content, + visible, + title, + actionKey, + pos, + offsetX, + width = 360, + hasMask = false, + canCloseByOutSideClick = true, + safeNode = [], + } = this.state; if (!visible) { return null; } @@ -192,9 +202,7 @@ export class PopupContent extends PureComponent<{ safeId?: string; popupContaine <div className="lc-ballon-title">{title}</div> <div className="lc-ballon-content"> <PopupService actionKey={actionKey} safeId={id} popupContainer={this.popupContainerId}> - <ConfigProvider popupContainer={this.popupContainerId}> - {content} - </ConfigProvider> + <ConfigProvider popupContainer={this.popupContainerId}>{content}</ConfigProvider> </PopupService> </div> <div id={this.popupContainerId} /> diff --git a/packages/editor-skeleton/src/components/settings/main.ts b/packages/editor-skeleton/src/components/settings/main.ts index 6cc672c907..29bc3e38e8 100644 --- a/packages/editor-skeleton/src/components/settings/main.ts +++ b/packages/editor-skeleton/src/components/settings/main.ts @@ -1,5 +1,5 @@ -import { Node, Designer, Selection, SettingTopEntry } from '@alilc/lowcode-designer'; -import { Editor, obx, computed, makeObservable, action, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core'; +import { Node, Designer, Selection, SettingTopEntry } from '@lce/lowcode-designer'; +import { Editor, obx, computed, makeObservable, action, IEventBus, createModuleEventBus } from '@lce/lowcode-editor-core'; function generateSessionId(nodes: Node[]) { return nodes diff --git a/packages/editor-skeleton/src/components/settings/settings-pane.tsx b/packages/editor-skeleton/src/components/settings/settings-pane.tsx index 1561bf8bbe..c7ef8f5b87 100644 --- a/packages/editor-skeleton/src/components/settings/settings-pane.tsx +++ b/packages/editor-skeleton/src/components/settings/settings-pane.tsx @@ -1,9 +1,24 @@ import { Component, MouseEvent, Fragment, ReactNode } from 'react'; -import { shallowIntl, observer, obx, engineConfig, runInAction } from '@alilc/lowcode-editor-core'; -import { createContent, isJSSlot, isSetterConfig, shouldUseVariableSetter } from '@alilc/lowcode-utils'; -import { Skeleton, Stage } from '@alilc/lowcode-editor-skeleton'; -import { IPublicApiSetters, IPublicTypeCustomView, IPublicTypeDynamicProps } from '@alilc/lowcode-types'; -import { ISettingEntry, IComponentMeta, ISettingField, isSettingField, ISettingTopEntry } from '@alilc/lowcode-designer'; +import { shallowIntl, observer, obx, engineConfig, runInAction } from '@lce/lowcode-editor-core'; +import { + createContent, + isJSSlot, + isSetterConfig, + shouldUseVariableSetter, +} from '@lce/lowcode-utils'; +import { Skeleton, Stage } from '@lce/lowcode-editor-skeleton'; +import { + IPublicApiSetters, + IPublicTypeCustomView, + IPublicTypeDynamicProps, +} from '@lce/lowcode-types'; +import { + ISettingEntry, + IComponentMeta, + ISettingField, + isSettingField, + ISettingTopEntry, +} from '@lce/lowcode-designer'; import { createField } from '../field'; import PopupService, { PopupPipe } from '../popup'; import { SkeletonContext } from '../../context'; @@ -25,9 +40,13 @@ function isStandardComponent(componentMeta: IComponentMeta | null) { function isInitialValueNotEmpty(initialValue: any) { if (isJSSlot(initialValue)) { // @ts-ignore visible 为 false 代表默认不展示 - return initialValue.visible !== false && Array.isArray(initialValue.value) && initialValue.value.length > 0; + return ( + initialValue.visible !== false && + Array.isArray(initialValue.value) && + initialValue.value.length > 0 + ); } - return (initialValue !== undefined && initialValue !== null); + return initialValue !== undefined && initialValue !== null; } type SettingFieldViewProps = { field: ISettingField }; @@ -61,7 +80,11 @@ class SettingFieldView extends Component<SettingFieldViewProps, SettingFieldView stages.add({ type: 'Widget', name: stageName, - content: <Fragment>{field.items.map((item, index) => createSettingFieldView(item, field, index))}</Fragment>, + content: ( + <Fragment> + {field.items.map((item, index) => createSettingFieldView(item, field, index))} + </Fragment> + ), props: { title: field.title, }, @@ -79,7 +102,9 @@ class SettingFieldView extends Component<SettingFieldViewProps, SettingFieldView const { extraProps } = this.field; const { condition } = extraProps; try { - return typeof condition === 'function' ? condition(this.field.internalToShellField()) !== false : true; + return typeof condition === 'function' + ? condition(this.field.internalToShellField()) !== false + : true; } catch (error) { console.error('exception when condition (hidden) is excuted', error); } @@ -111,9 +136,11 @@ class SettingFieldView extends Component<SettingFieldViewProps, SettingFieldView const { defaultValue } = extraProps; const { setter } = this.field; - let setterProps: { - setters?: (ReactNode | string)[]; - } & Record<string, unknown> | IPublicTypeDynamicProps = {}; + let setterProps: + | ({ + setters?: (ReactNode | string)[]; + } & Record<string, unknown>) + | IPublicTypeDynamicProps = {}; let setterType: any; let initialValue: any = null; @@ -154,7 +181,8 @@ class SettingFieldView extends Component<SettingFieldViewProps, SettingFieldView // 根据是否支持变量配置做相应的更改 const supportVariable = this.field.extraProps?.supportVariable; // supportVariableGlobally 只对标准组件生效，vc 需要单独配置 - const supportVariableGlobally = engineConfig.get('supportVariableGlobally', false) && isStandardComponent(componentMeta); + const supportVariableGlobally = + engineConfig.get('supportVariableGlobally', false) && isStandardComponent(componentMeta); const isUseVariableSetter = shouldUseVariableSetter(supportVariable, supportVariableGlobally); if (isUseVariableSetter === false) { return { @@ -172,10 +200,7 @@ class SettingFieldView extends Component<SettingFieldViewProps, SettingFieldView } else { setterType = 'MixedSetter'; setterProps = { - setters: [ - setter, - 'VariableSetter', - ], + setters: [setter, 'VariableSetter'], }; } return { @@ -191,7 +216,8 @@ class SettingFieldView extends Component<SettingFieldViewProps, SettingFieldView initDefaultValue() { const { initialValue } = this.setterInfo; - if (this.state?.fromOnChange || + if ( + this.state?.fromOnChange || !isInitialValueNotEmpty(initialValue) || this.ignoreDefaultValue || this.value !== undefined @@ -200,7 +226,10 @@ class SettingFieldView extends Component<SettingFieldViewProps, SettingFieldView } // 当前 field 没有 value 值时，将 initialValue 写入 field // 之所以用 initialValue，而不是 defaultValue 是为了保持跟 props.onInitial 的逻辑一致 - const _initialValue = typeof initialValue === 'function' ? initialValue(this.field.internalToShellField()) : initialValue; + const _initialValue = + typeof initialValue === 'function' + ? initialValue(this.field.internalToShellField()) + : initialValue; this.field.setValue(_initialValue); } @@ -217,11 +246,7 @@ class SettingFieldView extends Component<SettingFieldViewProps, SettingFieldView return null; } - const { - setterProps = {}, - setterType, - initialValue = null, - } = this.setterInfo; + const { setterProps = {}, setterType, initialValue = null } = this.setterInfo; const value = this.value; @@ -243,44 +268,47 @@ class SettingFieldView extends Component<SettingFieldViewProps, SettingFieldView ...extraProps, }, !stageName && - this.setters?.createSetterContent(setterType, { - ...shallowIntl(setterProps), - forceInline: extraProps.forceInline, - key: field.id, - // === injection - prop: field.internalToShellField(), // for compatible vision - selected: field.top?.getNode()?.internalToShellNode(), - field: field.internalToShellField(), - // === IO - value, // reaction point - initialValue, - onChange: (value: any) => { - this.setState({ - fromOnChange: true, - // eslint-disable-next-line react/no-unused-state - value, - }); - field.setValue(value, true); - if (onChangeAPI) onChangeAPI(value, field.internalToShellField()); - }, - onInitial: () => { - if (initialValue == null) { - return; - } - const value = typeof initialValue === 'function' ? initialValue(field.internalToShellField()) : initialValue; - this.setState({ - // eslint-disable-next-line react/no-unused-state - value, - }); - field.setValue(value, true); - }, - - removeProp: () => { - if (field.name) { - field.parent.clearPropValue(field.name); - } - }, - }), + this.setters?.createSetterContent(setterType, { + ...shallowIntl(setterProps), + forceInline: extraProps.forceInline, + key: field.id, + // === injection + prop: field.internalToShellField(), // for compatible vision + selected: field.top?.getNode()?.internalToShellNode(), + field: field.internalToShellField(), + // === IO + value, // reaction point + initialValue, + onChange: (value: any) => { + this.setState({ + fromOnChange: true, + // eslint-disable-next-line react/no-unused-state + value, + }); + field.setValue(value, true); + if (onChangeAPI) onChangeAPI(value, field.internalToShellField()); + }, + onInitial: () => { + if (initialValue == null) { + return; + } + const value = + typeof initialValue === 'function' + ? initialValue(field.internalToShellField()) + : initialValue; + this.setState({ + // eslint-disable-next-line react/no-unused-state + value, + }); + field.setValue(value, true); + }, + + removeProp: () => { + if (field.name) { + field.parent.clearPropValue(field.name); + } + }, + }), extraProps.forceInline ? 'plain' : extraProps.display, ); } @@ -311,7 +339,11 @@ class SettingGroupView extends Component<SettingGroupViewProps> { stages.add({ type: 'Widget', name: stageName, - content: <Fragment>{field.items.map((item, index) => createSettingFieldView(item, field, index))}</Fragment>, + content: ( + <Fragment> + {field.items.map((item, index) => createSettingFieldView(item, field, index))} + </Fragment> + ), props: { title: field.title, }, @@ -325,7 +357,10 @@ class SettingGroupView extends Component<SettingGroupViewProps> { const { field } = this.props; const { extraProps } = field; const { condition, display } = extraProps; - const visible = field.isSingle && typeof condition === 'function' ? condition(field.internalToShellField()) !== false : true; + const visible = + field.isSingle && typeof condition === 'function' + ? condition(field.internalToShellField()) !== false + : true; if (!visible) { return null; @@ -349,7 +384,11 @@ class SettingGroupView extends Component<SettingGroupViewProps> { } } -export function createSettingFieldView(field: ISettingField | IPublicTypeCustomView, fieldEntry: ISettingEntry, index?: number) { +export function createSettingFieldView( + field: ISettingField | IPublicTypeCustomView, + fieldEntry: ISettingEntry, + index?: number, +) { if (isSettingField(field)) { if (field.isGroup) { return <SettingGroupView field={field} key={field.id} />; diff --git a/packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx b/packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx index 747a2ea1df..a10f3982a3 100644 --- a/packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx +++ b/packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx @@ -1,14 +1,22 @@ import React, { Component } from 'react'; import { Tab, Breadcrumb } from '@alifd/next'; -import { Title, observer, Editor, obx, globalContext, engineConfig, makeObservable } from '@alilc/lowcode-editor-core'; -import { Node, SettingField, isSettingField, INode } from '@alilc/lowcode-designer'; +import { + Title, + observer, + Editor, + obx, + globalContext, + engineConfig, + makeObservable, +} from '@lce/lowcode-editor-core'; +import { Node, SettingField, isSettingField, INode } from '@lce/lowcode-designer'; import classNames from 'classnames'; import { SettingsMain } from './main'; import { SettingsPane } from './settings-pane'; import { StageBox } from '../stage-box'; import { SkeletonContext } from '../../context'; import { intl } from '../../locale'; -import { createIcon } from '@alilc/lowcode-utils'; +import { createIcon } from '@lce/lowcode-utils'; interface ISettingsPrimaryPaneProps { engineEditor: Editor; @@ -16,7 +24,10 @@ interface ISettingsPrimaryPaneProps { } @observer -export class SettingsPrimaryPane extends Component<ISettingsPrimaryPaneProps, { shouldIgnoreRoot: boolean }> { +export class SettingsPrimaryPane extends Component< + ISettingsPrimaryPaneProps, + { shouldIgnoreRoot: boolean } +> { state = { shouldIgnoreRoot: false, }; @@ -93,27 +104,29 @@ export class SettingsPrimaryPane extends Component<ISettingsPrimaryPaneProps, { l === 2 ? {} : { - onMouseOver: hoverNode.bind(null, _node, true), - onMouseOut: hoverNode.bind(null, _node, false), - onClick: () => { - if (!_node) { - return; - } - selectNode.call(null, _node); - const getName = (node: any) => { - const npm = node?.componentMeta?.npm; - return [npm?.package, npm?.componentName].filter((item) => !!item).join('-') || - node?.componentMeta?.componentName || - ''; - }; - const selected = getName(current); - const target = getName(_node); - editor?.eventBus.emit('skeleton.settingsPane.Breadcrumb', { - selected, - target, - }); - }, - }; + onMouseOver: hoverNode.bind(null, _node, true), + onMouseOut: hoverNode.bind(null, _node, false), + onClick: () => { + if (!_node) { + return; + } + selectNode.call(null, _node); + const getName = (node: any) => { + const npm = node?.componentMeta?.npm; + return ( + [npm?.package, npm?.componentName].filter((item) => !!item).join('-') || + node?.componentMeta?.componentName || + '' + ); + }; + const selected = getName(current); + const target = getName(_node); + editor?.eventBus.emit('skeleton.settingsPane.Breadcrumb', { + selected, + target, + }); + }, + }; items.unshift( <Breadcrumb.Item {...props} key={node.id}> <Title title={node.title} /> @@ -211,14 +224,12 @@ export class SettingsPrimaryPane extends Component<ISettingsPrimaryPaneProps, { className="lc-settings-tab-item" title={<Title title={field.title} />} key={field.name} - onClick={ - () => { - editor?.eventBus.emit('skeleton.settingsPane.change', { - name: field.name, - title: field.title, - }); - } - } + onClick={() => { + editor?.eventBus.emit('skeleton.settingsPane.change', { + name: field.name, + title: field.title, + }); + }} > <SkeletonContext.Consumer> {(skeleton) => { @@ -243,7 +254,7 @@ export class SettingsPrimaryPane extends Component<ISettingsPrimaryPaneProps, { }); return ( <div className={className}> - { this.renderBreadcrumb() } + {this.renderBreadcrumb()} <Tab activeKey={activeKey} onChange={(tabKey) => { diff --git a/packages/editor-skeleton/src/components/stage-box/stage-box.tsx b/packages/editor-skeleton/src/components/stage-box/stage-box.tsx index 5015853824..3c8b8ead8e 100644 --- a/packages/editor-skeleton/src/components/stage-box/stage-box.tsx +++ b/packages/editor-skeleton/src/components/stage-box/stage-box.tsx @@ -1,6 +1,6 @@ import React, { Component } from 'react'; import classNames from 'classnames'; -import { observer } from '@alilc/lowcode-editor-core'; +import { observer } from '@lce/lowcode-editor-core'; import StageChain from './stage-chain'; import Stage from './stage'; import { ISkeleton } from '../../skeleton'; @@ -104,8 +104,12 @@ export default class StageBox extends Component<StageBoxProps> { let contentRefer = null; if (refer) { - contentCurrent = <Stage key={stage.getId()} stage={stage} direction={refer.direction} current />; - contentRefer = <Stage key={refer?.stage?.getId()} stage={refer?.stage} direction={refer.direction} />; + contentCurrent = ( + <Stage key={stage.getId()} stage={stage} direction={refer.direction} current /> + ); + contentRefer = ( + <Stage key={refer?.stage?.getId()} stage={refer?.stage} direction={refer.direction} /> + ); } else { contentCurrent = <Stage key={stage.getId()} stage={stage} current />; } @@ -117,12 +121,9 @@ export default class StageBox extends Component<StageBoxProps> { }} className={className} > - <PopupService popupPipe={this.popupPipe}> - {contentRefer} {contentCurrent} - </PopupService> </div> ); diff --git a/packages/editor-skeleton/src/components/stage-box/stage-chain.ts b/packages/editor-skeleton/src/components/stage-box/stage-chain.ts index fe931769fa..17f9063df8 100644 --- a/packages/editor-skeleton/src/components/stage-box/stage-chain.ts +++ b/packages/editor-skeleton/src/components/stage-box/stage-chain.ts @@ -1,5 +1,5 @@ import { Stage as StageWidget } from '../../widget/stage'; -import { createModuleEventBus, IEventBus } from '@alilc/lowcode-editor-core'; +import { createModuleEventBus, IEventBus } from '@lce/lowcode-editor-core'; export default class StageChain { private emitter: IEventBus; diff --git a/packages/editor-skeleton/src/components/stage-box/stage.tsx b/packages/editor-skeleton/src/components/stage-box/stage.tsx index e4b0c0ef12..c6b3a77fac 100644 --- a/packages/editor-skeleton/src/components/stage-box/stage.tsx +++ b/packages/editor-skeleton/src/components/stage-box/stage.tsx @@ -4,7 +4,7 @@ import classNames from 'classnames'; import { IconArrow } from '../../icons/arrow'; import { IconExit } from '../../icons/exit'; import { Stage as StageWidget } from '../../widget/stage'; -import { isTitleConfig } from '@alilc/lowcode-utils'; +import { isTitleConfig } from '@lce/lowcode-utils'; export const StageDefaultProps = { current: false, @@ -78,9 +78,17 @@ export default class Stage extends Component<StageProps> { const stageBacker = stage?.hasBack() ? ( <div className="skeleton-stagebox-stagebacker"> - <IconArrow className="skeleton-stagebox-stage-arrow" size="medium" data-stage-target="stageback" /> + <IconArrow + className="skeleton-stagebox-stage-arrow" + size="medium" + data-stage-target="stageback" + /> <span className="skeleton-stagebox-stage-title">{newTitle}</span> - <IconExit className="skeleton-stagebox-stage-exit" size="medium" data-stage-target="stageexit" /> + <IconExit + className="skeleton-stagebox-stage-exit" + size="medium" + data-stage-target="stageexit" + /> </div> ) : null; diff --git a/packages/editor-skeleton/src/components/widget-views/index.tsx b/packages/editor-skeleton/src/components/widget-views/index.tsx index 7cdff4c014..f646cd99ea 100644 --- a/packages/editor-skeleton/src/components/widget-views/index.tsx +++ b/packages/editor-skeleton/src/components/widget-views/index.tsx @@ -1,6 +1,6 @@ import { Component, ReactElement } from 'react'; import classNames from 'classnames'; -import { Title, observer, HelpTip } from '@alilc/lowcode-editor-core'; +import { Title, observer, HelpTip } from '@lce/lowcode-editor-core'; import { DockProps } from '../../types'; import { PanelDock } from '../../widget/panel-dock'; import { composeTitle } from '../../widget/utils'; @@ -257,7 +257,14 @@ export class TabsPanelView extends Component<{ const contents: ReactElement[] = []; // 如果只有一个标签且 shouldHideSingleTab 为 true，则不显示 Tabs if (this.props.shouldHideSingleTab && container.items.length === 1) { - contents.push(<PanelView key={container.items[0].id} panel={container.items[0]} hideOperationRow hideDragLine />); + contents.push( + <PanelView + key={container.items[0].id} + panel={container.items[0]} + hideOperationRow + hideDragLine + />, + ); } else { container.items.forEach((item: any) => { titles.push(<PanelTitle key={item.id} panel={item} className="lc-tab-title" />); diff --git a/packages/editor-skeleton/src/components/widget-views/panel-operation-row.tsx b/packages/editor-skeleton/src/components/widget-views/panel-operation-row.tsx index 605f4f5705..5b70c2a48c 100644 --- a/packages/editor-skeleton/src/components/widget-views/panel-operation-row.tsx +++ b/packages/editor-skeleton/src/components/widget-views/panel-operation-row.tsx @@ -1,6 +1,6 @@ import { Component, Fragment } from 'react'; import { Button, Icon } from '@alifd/next'; -import { action, makeObservable } from '@alilc/lowcode-editor-core'; +import { action, makeObservable } from '@lce/lowcode-editor-core'; import { IconFix } from '../../icons/fix'; import { IconFloat } from '../../icons/float'; import { Panel } from '../../widget/panel'; diff --git a/packages/editor-skeleton/src/icons/arrow.tsx b/packages/editor-skeleton/src/icons/arrow.tsx index 520a993232..bce422cd08 100644 --- a/packages/editor-skeleton/src/icons/arrow.tsx +++ b/packages/editor-skeleton/src/icons/arrow.tsx @@ -1,5 +1,4 @@ - -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconArrow(props: IconProps) { return ( @@ -8,4 +7,4 @@ export function IconArrow(props: IconProps) { </SVGIcon> ); } -IconArrow.displayName = 'Arrow'; \ No newline at end of file +IconArrow.displayName = 'Arrow'; diff --git a/packages/editor-skeleton/src/icons/clear.tsx b/packages/editor-skeleton/src/icons/clear.tsx index ff4287e908..5c089055c9 100644 --- a/packages/editor-skeleton/src/icons/clear.tsx +++ b/packages/editor-skeleton/src/icons/clear.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconClear(props: IconProps) { return ( diff --git a/packages/editor-skeleton/src/icons/convert.tsx b/packages/editor-skeleton/src/icons/convert.tsx index 62a877d330..4545bcc621 100644 --- a/packages/editor-skeleton/src/icons/convert.tsx +++ b/packages/editor-skeleton/src/icons/convert.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconConvert(props: IconProps) { return ( diff --git a/packages/editor-skeleton/src/icons/exit.tsx b/packages/editor-skeleton/src/icons/exit.tsx index bdcc9e513a..67aece7118 100644 --- a/packages/editor-skeleton/src/icons/exit.tsx +++ b/packages/editor-skeleton/src/icons/exit.tsx @@ -1,5 +1,4 @@ - -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconExit(props: IconProps) { return ( @@ -8,4 +7,4 @@ export function IconExit(props: IconProps) { </SVGIcon> ); } -IconExit.displayName = 'Exit'; \ No newline at end of file +IconExit.displayName = 'Exit'; diff --git a/packages/editor-skeleton/src/icons/fix.tsx b/packages/editor-skeleton/src/icons/fix.tsx index 6973c77b43..3bfd155acc 100644 --- a/packages/editor-skeleton/src/icons/fix.tsx +++ b/packages/editor-skeleton/src/icons/fix.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconFix(props: IconProps) { const rect = { diff --git a/packages/editor-skeleton/src/icons/float.tsx b/packages/editor-skeleton/src/icons/float.tsx index afc42036a8..c522524fe1 100644 --- a/packages/editor-skeleton/src/icons/float.tsx +++ b/packages/editor-skeleton/src/icons/float.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconFloat(props: IconProps) { return ( diff --git a/packages/editor-skeleton/src/icons/slot.tsx b/packages/editor-skeleton/src/icons/slot.tsx index de26099de1..f18af13672 100644 --- a/packages/editor-skeleton/src/icons/slot.tsx +++ b/packages/editor-skeleton/src/icons/slot.tsx @@ -1,9 +1,12 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconSlot(props: IconProps) { return ( <SVGIcon viewBox="0 0 1024 1024" {...props}> - <path d="M682.325333 135.509333V204.8H819.2v613.376h-614.741333V204.8h136.874666v-69.290667h-206.165333v752.298667h754.346667V135.509333z" c="Q29weXJpZ2h0IChjKSAyMDIwLXByZXNlbnQgQWxpYmFiYSBJbmMu" /> + <path + d="M682.325333 135.509333V204.8H819.2v613.376h-614.741333V204.8h136.874666v-69.290667h-206.165333v752.298667h754.346667V135.509333z" + c="Q29weXJpZ2h0IChjKSAyMDIwLXByZXNlbnQgQWxpYmFiYSBJbmMu" + /> <path d="M512 512m-170.325333 0a170.325333 170.325333 0 1 0 340.650666 0 170.325333 170.325333 0 1 0-340.650666 0Z" /> </SVGIcon> ); diff --git a/packages/editor-skeleton/src/icons/variable.tsx b/packages/editor-skeleton/src/icons/variable.tsx index ce2e7a2953..735bc426c9 100644 --- a/packages/editor-skeleton/src/icons/variable.tsx +++ b/packages/editor-skeleton/src/icons/variable.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconVariable(props: IconProps) { return ( diff --git a/packages/editor-skeleton/src/layouts/bottom-area.tsx b/packages/editor-skeleton/src/layouts/bottom-area.tsx index 2981cc5969..6acd5a2243 100644 --- a/packages/editor-skeleton/src/layouts/bottom-area.tsx +++ b/packages/editor-skeleton/src/layouts/bottom-area.tsx @@ -1,6 +1,6 @@ import { Component, Fragment } from 'react'; import classNames from 'classnames'; -import { observer } from '@alilc/lowcode-editor-core'; +import { observer } from '@lce/lowcode-editor-core'; import { Area } from '../area'; import { Panel } from '../widget/panel'; @@ -12,9 +12,10 @@ export default class BottomArea extends Component<{ area: Area<any, Panel> }> { return null; } return ( - <div className={classNames('lc-bottom-area', { - 'lc-area-visible': area.visible, - })} + <div + className={classNames('lc-bottom-area', { + 'lc-area-visible': area.visible, + })} > <Contents area={area} /> </div> @@ -26,10 +27,6 @@ export default class BottomArea extends Component<{ area: Area<any, Panel> }> { class Contents extends Component<{ area: Area<any, Panel> }> { render() { const { area } = this.props; - return ( - <Fragment> - {area.container.items.map((item) => item.content)} - </Fragment> - ); + return <Fragment>{area.container.items.map((item) => item.content)}</Fragment>; } } diff --git a/packages/editor-skeleton/src/layouts/left-area.tsx b/packages/editor-skeleton/src/layouts/left-area.tsx index d30dcfa863..91d9f07013 100644 --- a/packages/editor-skeleton/src/layouts/left-area.tsx +++ b/packages/editor-skeleton/src/layouts/left-area.tsx @@ -1,6 +1,6 @@ import { Component, Fragment } from 'react'; import classNames from 'classnames'; -import { observer } from '@alilc/lowcode-editor-core'; +import { observer } from '@lce/lowcode-editor-core'; import { Area } from '../area'; @observer @@ -11,9 +11,10 @@ export default class LeftArea extends Component<{ area: Area; className?: string return null; } return ( - <div className={classNames(className, { - 'lc-area-visible': area.visible, - })} + <div + className={classNames(className, { + 'lc-area-visible': area.visible, + })} > <Contents area={area} /> </div> @@ -27,18 +28,21 @@ class Contents extends Component<{ area: Area }> { const { area } = this.props; const top: any[] = []; const bottom: any[] = []; - area.container.items.slice().sort((a, b) => { - const index1 = a.config?.index || 0; - const index2 = b.config?.index || 0; - return index1 === index2 ? 0 : (index1 > index2 ? 1 : -1); - }).forEach((item) => { - const content = <div key={`left-area-${item.name}`}>{item.content}</div>; - if (item.align === 'bottom') { - bottom.push(content); - } else { - top.push(content); - } - }); + area.container.items + .slice() + .sort((a, b) => { + const index1 = a.config?.index || 0; + const index2 = b.config?.index || 0; + return index1 === index2 ? 0 : index1 > index2 ? 1 : -1; + }) + .forEach((item) => { + const content = <div key={`left-area-${item.name}`}>{item.content}</div>; + if (item.align === 'bottom') { + bottom.push(content); + } else { + top.push(content); + } + }); return ( <Fragment> <div className="lc-left-area-top">{top}</div> diff --git a/packages/editor-skeleton/src/layouts/left-fixed-pane.tsx b/packages/editor-skeleton/src/layouts/left-fixed-pane.tsx index a56b449079..503dd883b7 100644 --- a/packages/editor-skeleton/src/layouts/left-fixed-pane.tsx +++ b/packages/editor-skeleton/src/layouts/left-fixed-pane.tsx @@ -1,12 +1,14 @@ import { Component, Fragment } from 'react'; import classNames from 'classnames'; -import { observer } from '@alilc/lowcode-editor-core'; +import { observer } from '@lce/lowcode-editor-core'; import { Area } from '../area'; import { Panel } from '../widget/panel'; -import { IPublicTypePanelConfig } from '@alilc/lowcode-types'; +import { IPublicTypePanelConfig } from '@lce/lowcode-types'; @observer -export default class LeftFixedPane extends Component<{ area: Area<IPublicTypePanelConfig, Panel> }> { +export default class LeftFixedPane extends Component<{ + area: Area<IPublicTypePanelConfig, Panel>; +}> { componentDidUpdate() { // FIXME: dirty fix, need deep think this.props.area.skeleton.editor.get('designer')?.touchOffsetObserver(); @@ -17,8 +19,8 @@ export default class LeftFixedPane extends Component<{ area: Area<IPublicTypePan const width = area.current?.config.props?.width; const style = width ? { - width, - } + width, + } : undefined; return ( diff --git a/packages/editor-skeleton/src/layouts/left-float-pane.tsx b/packages/editor-skeleton/src/layouts/left-float-pane.tsx index 296f083211..a7bd4db1b3 100644 --- a/packages/editor-skeleton/src/layouts/left-float-pane.tsx +++ b/packages/editor-skeleton/src/layouts/left-float-pane.tsx @@ -1,12 +1,14 @@ import { Component, Fragment } from 'react'; import classNames from 'classnames'; -import { observer, Focusable } from '@alilc/lowcode-editor-core'; +import { observer, Focusable } from '@lce/lowcode-editor-core'; import { Area } from '../area'; import { Panel } from '../widget/panel'; -import { IPublicApiProject, IPublicTypePanelConfig } from '@alilc/lowcode-types'; +import { IPublicApiProject, IPublicTypePanelConfig } from '@lce/lowcode-types'; @observer -export default class LeftFloatPane extends Component<{ area: Area<IPublicTypePanelConfig, Panel> }> { +export default class LeftFloatPane extends Component<{ + area: Area<IPublicTypePanelConfig, Panel>; +}> { private dispose?: () => void; private focusing?: Focusable; @@ -21,7 +23,9 @@ export default class LeftFloatPane extends Component<{ area: Area<IPublicTypePan if (e.originalEvent?.target?.classList.contains('insertion')) return; // 假如当前操作 target 祖先节点中有属性 data-keep-visible-while-dragging="true" 代表该 target 所属 panel // 不希望 target 在 panel 范围内拖拽时关闭 panel - const panelElem = e.originalEvent?.target.closest('div[data-keep-visible-while-dragging="true"]'); + const panelElem = e.originalEvent?.target.closest( + 'div[data-keep-visible-while-dragging="true"]', + ); if (panelElem) return; area.setVisible(false); }; @@ -43,7 +47,11 @@ export default class LeftFloatPane extends Component<{ area: Area<IPublicTypePan return true; } // 点击了 iframe 内容，算失焦 - if ((document.querySelector('.lc-simulator-content-frame') as HTMLIFrameElement)?.contentWindow?.document.documentElement.contains(target)) { + if ( + ( + document.querySelector('.lc-simulator-content-frame') as HTMLIFrameElement + )?.contentWindow?.document.documentElement.contains(target) + ) { return false; } if (project?.simulatorHost?.contentWindow?.document.documentElement.contains(target)) { @@ -63,7 +71,7 @@ export default class LeftFloatPane extends Component<{ area: Area<IPublicTypePan } const docks = area.current?.getAssocDocks(); if (docks && docks?.length) { - return docks.some(dock => dock.getDOMNode()?.contains(target)); + return docks.some((dock) => dock.getDOMNode()?.contains(target)); } return false; }, @@ -107,12 +115,16 @@ export default class LeftFloatPane extends Component<{ area: Area<IPublicTypePan const { area } = this.props; const width = area.current?.config.props?.width; - const style = width ? { - width, - } : undefined; + const style = width + ? { + width, + } + : undefined; return ( <div - ref={(ref) => { this.shell = ref; }} + ref={(ref) => { + this.shell = ref; + }} className={classNames('lc-left-float-pane', { 'lc-area-visible': area.visible, })} @@ -128,10 +140,6 @@ export default class LeftFloatPane extends Component<{ area: Area<IPublicTypePan class Contents extends Component<{ area: Area<any, Panel> }> { render() { const { area } = this.props; - return ( - <Fragment> - {area.container.items.map((panel) => panel.content)} - </Fragment> - ); + return <Fragment>{area.container.items.map((panel) => panel.content)}</Fragment>; } } diff --git a/packages/editor-skeleton/src/layouts/main-area.tsx b/packages/editor-skeleton/src/layouts/main-area.tsx index 400d337952..1a91583cb9 100644 --- a/packages/editor-skeleton/src/layouts/main-area.tsx +++ b/packages/editor-skeleton/src/layouts/main-area.tsx @@ -1,6 +1,6 @@ import { Component } from 'react'; import classNames from 'classnames'; -import { observer } from '@alilc/lowcode-editor-core'; +import { observer } from '@lce/lowcode-editor-core'; import { Area } from '../area'; import { Panel } from '../widget/panel'; import { Widget } from '../widget/widget'; diff --git a/packages/editor-skeleton/src/layouts/right-area.tsx b/packages/editor-skeleton/src/layouts/right-area.tsx index f00ae1461a..1d390d9cd9 100644 --- a/packages/editor-skeleton/src/layouts/right-area.tsx +++ b/packages/editor-skeleton/src/layouts/right-area.tsx @@ -1,6 +1,6 @@ import { Component, Fragment } from 'react'; import classNames from 'classnames'; -import { observer } from '@alilc/lowcode-editor-core'; +import { observer } from '@lce/lowcode-editor-core'; import { Area } from '../area'; import { Panel } from '../widget/panel'; @@ -12,9 +12,10 @@ export default class RightArea extends Component<{ area: Area<any, Panel> }> { return null; } return ( - <div className={classNames('lc-right-area engine-tabpane', { - 'lc-area-visible': area.visible, - })} + <div + className={classNames('lc-right-area engine-tabpane', { + 'lc-area-visible': area.visible, + })} > <Contents area={area} /> </div> @@ -29,16 +30,14 @@ class Contents extends Component<{ area: Area<any, Panel> }> { return ( <Fragment> - { - area.container.items - .slice() - .sort((a, b) => { - const index1 = a.config?.index || 0; - const index2 = b.config?.index || 0; - return index1 === index2 ? 0 : (index1 > index2 ? 1 : -1); - }) - .map((item) => item.content) - } + {area.container.items + .slice() + .sort((a, b) => { + const index1 = a.config?.index || 0; + const index2 = b.config?.index || 0; + return index1 === index2 ? 0 : index1 > index2 ? 1 : -1; + }) + .map((item) => item.content)} </Fragment> ); } diff --git a/packages/editor-skeleton/src/layouts/sub-top-area.tsx b/packages/editor-skeleton/src/layouts/sub-top-area.tsx index cef6aa5b02..167397ca6e 100644 --- a/packages/editor-skeleton/src/layouts/sub-top-area.tsx +++ b/packages/editor-skeleton/src/layouts/sub-top-area.tsx @@ -1,7 +1,7 @@ import { Component, Fragment } from 'react'; import classNames from 'classnames'; -import { observer } from '@alilc/lowcode-editor-core'; -import { Area } from '@alilc/lowcode-editor-skeleton'; +import { observer } from '@lce/lowcode-editor-core'; +import { Area } from '@lce/lowcode-editor-skeleton'; @observer export default class SubTopArea extends Component<{ area: Area; itemClassName?: string }> { @@ -13,9 +13,10 @@ export default class SubTopArea extends Component<{ area: Area; itemClassName?: } return ( - <div className={classNames('lc-workspace-sub-top-area lc-sub-top-area engine-actionpane', { - 'lc-area-visible': area.visible, - })} + <div + className={classNames('lc-workspace-sub-top-area lc-sub-top-area engine-actionpane', { + 'lc-area-visible': area.visible, + })} > <Contents area={area} itemClassName={itemClassName} /> </div> @@ -30,38 +31,43 @@ class Contents extends Component<{ area: Area; itemClassName?: string }> { const left: any[] = []; const center: any[] = []; const right: any[] = []; - area.container.items.slice().sort((a, b) => { - const index1 = a.config?.index || 0; - const index2 = b.config?.index || 0; - return index1 === index2 ? 0 : (index1 > index2 ? 1 : -1); - }).forEach(item => { - const content = ( - <div className={itemClassName || ''} key={`top-area-${item.name}`}> - {item.content} - </div> - ); - if (item.align === 'center') { - center.push(content); - } else if (item.align === 'left') { - left.push(content); - } else { - right.push(content); - } - }); + area.container.items + .slice() + .sort((a, b) => { + const index1 = a.config?.index || 0; + const index2 = b.config?.index || 0; + return index1 === index2 ? 0 : index1 > index2 ? 1 : -1; + }) + .forEach((item) => { + const content = ( + <div className={itemClassName || ''} key={`top-area-${item.name}`}> + {item.content} + </div> + ); + if (item.align === 'center') { + center.push(content); + } else if (item.align === 'left') { + left.push(content); + } else { + right.push(content); + } + }); let children = []; if (left && left.length) { - children.push(<div className="lc-workspace-sub-top-area-left lc-sub-top-area-left">{left}</div>); + children.push( + <div className="lc-workspace-sub-top-area-left lc-sub-top-area-left">{left}</div>, + ); } if (center && center.length) { - children.push(<div className="lc-workspace-sub-top-area-center lc-sub-top-area-center">{center}</div>); + children.push( + <div className="lc-workspace-sub-top-area-center lc-sub-top-area-center">{center}</div>, + ); } if (right && right.length) { - children.push(<div className="lc-workspace-sub-top-area-right lc-sub-top-area-right">{right}</div>); + children.push( + <div className="lc-workspace-sub-top-area-right lc-sub-top-area-right">{right}</div>, + ); } - return ( - <Fragment> - {children} - </Fragment> - ); + return <Fragment>{children}</Fragment>; } } diff --git a/packages/editor-skeleton/src/layouts/toolbar.tsx b/packages/editor-skeleton/src/layouts/toolbar.tsx index 9b7d1c9b68..9ae8a4b7ac 100644 --- a/packages/editor-skeleton/src/layouts/toolbar.tsx +++ b/packages/editor-skeleton/src/layouts/toolbar.tsx @@ -1,6 +1,6 @@ import { Component, Fragment } from 'react'; import classNames from 'classnames'; -import { observer } from '@alilc/lowcode-editor-core'; +import { observer } from '@lce/lowcode-editor-core'; import { Area } from '../area'; @observer diff --git a/packages/editor-skeleton/src/layouts/top-area.tsx b/packages/editor-skeleton/src/layouts/top-area.tsx index f6b84b3e6f..61e42680c5 100644 --- a/packages/editor-skeleton/src/layouts/top-area.tsx +++ b/packages/editor-skeleton/src/layouts/top-area.tsx @@ -1,19 +1,24 @@ import { Component, Fragment } from 'react'; import classNames from 'classnames'; -import { observer } from '@alilc/lowcode-editor-core'; +import { observer } from '@lce/lowcode-editor-core'; import { Area } from '../area'; @observer -export default class TopArea extends Component<{ area: Area; itemClassName?: string; className?: string }> { +export default class TopArea extends Component<{ + area: Area; + itemClassName?: string; + className?: string; +}> { render() { const { area, itemClassName, className } = this.props; if (area.isEmpty()) { return null; } return ( - <div className={classNames(className, 'lc-top-area engine-actionpane', { - 'lc-area-visible': area.visible, - })} + <div + className={classNames(className, 'lc-top-area engine-actionpane', { + 'lc-area-visible': area.visible, + })} > <Contents area={area} itemClassName={itemClassName} /> </div> @@ -28,24 +33,27 @@ class Contents extends Component<{ area: Area; itemClassName?: string }> { const left: any[] = []; const center: any[] = []; const right: any[] = []; - area.container.items.slice().sort((a, b) => { - const index1 = a.config?.index || 0; - const index2 = b.config?.index || 0; - return index1 === index2 ? 0 : (index1 > index2 ? 1 : -1); - }).forEach(item => { - const content = ( - <div className={itemClassName || ''} key={`top-area-${item.name}`}> - {item.content} - </div> - ); - if (item.align === 'center') { - center.push(content); - } else if (item.align === 'left') { - left.push(content); - } else { - right.push(content); - } - }); + area.container.items + .slice() + .sort((a, b) => { + const index1 = a.config?.index || 0; + const index2 = b.config?.index || 0; + return index1 === index2 ? 0 : index1 > index2 ? 1 : -1; + }) + .forEach((item) => { + const content = ( + <div className={itemClassName || ''} key={`top-area-${item.name}`}> + {item.content} + </div> + ); + if (item.align === 'center') { + center.push(content); + } else if (item.align === 'left') { + left.push(content); + } else { + right.push(content); + } + }); return ( <Fragment> <div className="lc-top-area-left">{left}</div> diff --git a/packages/editor-skeleton/src/layouts/workbench.tsx b/packages/editor-skeleton/src/layouts/workbench.tsx index 1e412ed678..a524980a20 100644 --- a/packages/editor-skeleton/src/layouts/workbench.tsx +++ b/packages/editor-skeleton/src/layouts/workbench.tsx @@ -1,5 +1,5 @@ import { Component } from 'react'; -import { TipContainer, observer } from '@alilc/lowcode-editor-core'; +import { TipContainer, observer } from '@lce/lowcode-editor-core'; import classNames from 'classnames'; import { ISkeleton } from '../skeleton'; import TopArea from './top-area'; @@ -12,7 +12,7 @@ import BottomArea from './bottom-area'; import RightArea from './right-area'; import './workbench.less'; import { SkeletonContext } from '../context'; -import { EditorConfig, PluginClassSet } from '@alilc/lowcode-types'; +import { EditorConfig, PluginClassSet } from '@lce/lowcode-types'; @observer export class Workbench extends Component<{ @@ -29,11 +29,7 @@ export class Workbench extends Component<{ } render() { - const { - skeleton, - className, - topAreaItemClassName, - } = this.props; + const { skeleton, className, topAreaItemClassName } = this.props; return ( <div className={classNames('lc-workbench', className)}> <SkeletonContext.Provider value={this.props.skeleton}> diff --git a/packages/editor-skeleton/src/locale/index.ts b/packages/editor-skeleton/src/locale/index.ts index 4cb3b53cfb..848d050322 100644 --- a/packages/editor-skeleton/src/locale/index.ts +++ b/packages/editor-skeleton/src/locale/index.ts @@ -1,4 +1,4 @@ -import { createIntl } from '@alilc/lowcode-editor-core'; +import { createIntl } from '@lce/lowcode-editor-core'; import enUS from './en-US.json'; import zhCN from './zh-CN.json'; diff --git a/packages/editor-skeleton/src/register-defaults.ts b/packages/editor-skeleton/src/register-defaults.ts index 573631f78e..245909f319 100644 --- a/packages/editor-skeleton/src/register-defaults.ts +++ b/packages/editor-skeleton/src/register-defaults.ts @@ -1,7 +1,7 @@ import parseJSFunc from './transducers/parse-func'; import parseProps from './transducers/parse-props'; import addonCombine from './transducers/addon-combine'; -import { IPublicModelPluginContext } from '@alilc/lowcode-types'; +import { IPublicModelPluginContext } from '@lce/lowcode-types'; export const registerDefaults = (ctx: IPublicModelPluginContext) => { const { material } = ctx; @@ -19,5 +19,4 @@ export const registerDefaults = (ctx: IPublicModelPluginContext) => { }; }; - registerDefaults.pluginName = '___register_defaults___'; diff --git a/packages/editor-skeleton/src/skeleton.ts b/packages/editor-skeleton/src/skeleton.ts index 7ff462391d..728636ef0b 100644 --- a/packages/editor-skeleton/src/skeleton.ts +++ b/packages/editor-skeleton/src/skeleton.ts @@ -1,4 +1,11 @@ -import { action, makeObservable, obx, engineConfig, IEditor, FocusTracker } from '@alilc/lowcode-editor-core'; +import { + action, + makeObservable, + obx, + engineConfig, + IEditor, + FocusTracker, +} from '@lce/lowcode-editor-core'; import { DockConfig, WidgetConfig, @@ -18,7 +25,7 @@ import { PanelDock } from './widget/panel-dock'; import { Dock } from './widget/dock'; import { Stage, StageConfig } from './widget/stage'; import { isValidElement } from 'react'; -import { isPlainObject, uniqueId, Logger } from '@alilc/lowcode-utils'; +import { isPlainObject, uniqueId, Logger } from '@lce/lowcode-utils'; import { Divider } from '@alifd/next'; import { EditorConfig, @@ -29,7 +36,7 @@ import { IPublicApiSkeleton, IPublicTypeConfigTransducer, IPublicTypePanelConfig, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; const logger = new Logger({ level: 'warn', bizName: 'skeleton' }); @@ -44,22 +51,24 @@ 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 Omit< + IPublicApiSkeleton, + | 'showPanel' + | 'hidePanel' + | 'showWidget' + | 'enableWidget' + | 'hideWidget' + | 'disableWidget' + | 'showArea' + | 'onShowPanel' + | 'onHidePanel' + | 'onShowWidget' + | 'onHideWidget' + | 'remove' + | 'hideArea' + | 'add' + > { editor: IEditor; readonly leftArea: Area<DockConfig | PanelDockConfig | DialogDockConfig>; @@ -106,7 +115,10 @@ export interface ISkeleton extends Omit<IPublicApiSkeleton, createPanel(config: IPublicTypePanelConfig): Panel; - add(config: IPublicTypeSkeletonConfig, extraConfig?: Record<string, any>): IWidget | Widget | Panel | Stage | Dock | PanelDock | undefined; + add( + config: IPublicTypeSkeletonConfig, + extraConfig?: Record<string, any>, + ): IWidget | Widget | Panel | Stage | Dock | PanelDock | undefined; } export class Skeleton implements ISkeleton { @@ -264,9 +276,13 @@ export class Skeleton implements ISkeleton { // adjust pinned status when panel shown this.editor.eventBus.on(SkeletonEvents.PANEL_SHOW, (panelName, panel) => { const panelNameKey = `${panelName}-pinned-status-isFloat`; - const isInFloatAreaPreferenceExists = engineConfig.getPreference()?.contains(panelNameKey, 'skeleton'); + const isInFloatAreaPreferenceExists = engineConfig + .getPreference() + ?.contains(panelNameKey, 'skeleton'); if (isInFloatAreaPreferenceExists) { - const isInFloatAreaFromPreference = engineConfig.getPreference()?.get(panelNameKey, 'skeleton'); + const isInFloatAreaFromPreference = engineConfig + .getPreference() + ?.get(panelNameKey, 'skeleton'); const isCurrentInFloatArea = panel?.isChildOfFloatArea(); if (isInFloatAreaFromPreference !== isCurrentInFloatArea) { this.toggleFloatStatus(panel); @@ -385,14 +401,19 @@ export class Skeleton implements ISkeleton { } getWidget(name: string): IWidget | undefined { - return this.widgets.find(widget => widget.name === name); + return this.widgets.find((widget) => widget.name === name); } createPanel(config: IPublicTypePanelConfig) { const parsedConfig = this.parseConfig(config); const panel = new Panel(this, parsedConfig as IPublicTypePanelConfig); this.panels.set(panel.name, panel); - logger.debug(`Panel created with name: ${panel.name} \nconfig:`, config, '\n current panels: ', this.panels); + logger.debug( + `Panel created with name: ${panel.name} \nconfig:`, + config, + '\n current panels: ', + this.panels, + ); return panel; } @@ -451,11 +472,7 @@ export class Skeleton implements ISkeleton { return restConfig; } - registerConfigTransducer( - transducer: IPublicTypeConfigTransducer, - level = 100, - id?: string, - ) { + registerConfigTransducer(transducer: IPublicTypeConfigTransducer, level = 100, id?: string) { transducer.level = level; transducer.id = id; const i = this.configTransducers.findIndex((item) => item.level != null && item.level > level); @@ -470,15 +487,21 @@ export class Skeleton implements ISkeleton { return this.configTransducers; } - add(config: IPublicTypeSkeletonConfig, extraConfig?: Record<string, any>): IWidget | Widget | Panel | Stage | Dock | PanelDock | undefined { + add( + config: IPublicTypeSkeletonConfig, + extraConfig?: Record<string, any>, + ): IWidget | Widget | Panel | Stage | Dock | PanelDock | undefined { const registeredTransducers = this.getRegisteredConfigTransducers(); - const parsedConfig = registeredTransducers.reduce((prevConfig, current) => { - return current(prevConfig); - }, { - ...this.parseConfig(config), - ...extraConfig, - }); + const parsedConfig = registeredTransducers.reduce( + (prevConfig, current) => { + return current(prevConfig); + }, + { + ...this.parseConfig(config), + ...extraConfig, + }, + ); let { area } = parsedConfig; if (!area) { @@ -519,7 +542,7 @@ export class Skeleton implements ISkeleton { case 'stages': return this.stages.add(parsedConfig as StageConfig); default: - // do nothing + // do nothing } } } diff --git a/packages/editor-skeleton/src/transducers/addon-combine.ts b/packages/editor-skeleton/src/transducers/addon-combine.ts index c2bc2dd4c5..1e636bbb15 100644 --- a/packages/editor-skeleton/src/transducers/addon-combine.ts +++ b/packages/editor-skeleton/src/transducers/addon-combine.ts @@ -2,9 +2,9 @@ import { IPublicTypeTransformedComponentMetadata, IPublicTypeFieldConfig, IPublicModelSettingField, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; import { IconSlot } from '../icons/slot'; -import { getConvertedExtraKey } from '@alilc/lowcode-designer'; +import { getConvertedExtraKey } from '@lce/lowcode-designer'; export default function ( metadata: IPublicTypeTransformedComponentMetadata, @@ -82,14 +82,18 @@ export default function ( eventsDefinition.push({ type: 'lifeCycleEvent', title: '生命周期', - list: supportedLifecycles.map((event: any) => (typeof event === 'string' ? { name: event } : event)), + list: supportedLifecycles.map((event: any) => + typeof event === 'string' ? { name: event } : event, + ), }); } if (supports.events) { eventsDefinition.push({ type: 'events', title: '事件', - list: (supports.events || []).map((event: any) => (typeof event === 'string' ? { name: event } : event)), + list: (supports.events || []).map((event: any) => + typeof event === 'string' ? { name: event } : event, + ), }); } // 通用设置 @@ -334,8 +338,10 @@ export default function ( }, tip: { type: 'i18n', - 'zh-CN': '搭配「条件渲染」或「循环渲染」时使用，和 react 组件中的 key 原理相同，点击查看帮助', - 'en-US': 'Used with 「Conditional Rendering」or「Cycle Rendering」, the same principle as the key in the react component, click to view the help', + 'zh-CN': + '搭配「条件渲染」或「循环渲染」时使用，和 react 组件中的 key 原理相同，点击查看帮助', + 'en-US': + 'Used with 「Conditional Rendering」or「Cycle Rendering」, the same principle as the key in the react component, click to view the help', }, docUrl: 'https://www.yuque.com/lce/doc/qm75w3', }, diff --git a/packages/editor-skeleton/src/transducers/parse-func.ts b/packages/editor-skeleton/src/transducers/parse-func.ts index bc52deec35..381e3928a7 100644 --- a/packages/editor-skeleton/src/transducers/parse-func.ts +++ b/packages/editor-skeleton/src/transducers/parse-func.ts @@ -1,5 +1,5 @@ -import { IPublicTypeTransformedComponentMetadata } from '@alilc/lowcode-types'; -import { isPlainObject, isJSFunction, getLogger } from '@alilc/lowcode-utils'; +import { IPublicTypeTransformedComponentMetadata } from '@lce/lowcode-types'; +import { isPlainObject, isJSFunction, getLogger } from '@lce/lowcode-utils'; const leadingFnRe = /^function/; const leadingFnNameRe = /^\w+\s*\(/; @@ -43,20 +43,22 @@ function transformStringToFunction(str: string) { function parseJSFunc(obj: any, enableAllowedKeys = true) { if (!obj) return; - Object.keys(obj).forEach(key => { + Object.keys(obj).forEach((key) => { const item = obj[key]; if (isJSFunction(item)) { obj[key] = transformStringToFunction(item.value); } else if (Array.isArray(item)) { - item.forEach(o => parseJSFunc(o, enableAllowedKeys)); + item.forEach((o) => parseJSFunc(o, enableAllowedKeys)); } else if (isPlainObject(item)) { parseJSFunc(item, enableAllowedKeys); } }); } -export default function (metadata: IPublicTypeTransformedComponentMetadata): IPublicTypeTransformedComponentMetadata { +export default function ( + metadata: IPublicTypeTransformedComponentMetadata, +): IPublicTypeTransformedComponentMetadata { parseJSFunc(metadata, false); return metadata; -} \ No newline at end of file +} diff --git a/packages/editor-skeleton/src/transducers/parse-props.ts b/packages/editor-skeleton/src/transducers/parse-props.ts index 573d24ac62..d317c4d460 100644 --- a/packages/editor-skeleton/src/transducers/parse-props.ts +++ b/packages/editor-skeleton/src/transducers/parse-props.ts @@ -10,7 +10,7 @@ import { IPublicTypeOneOfType, ConfigureSupportEvent, IPublicModelSettingField, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; function propConfigToFieldConfig(propConfig: IPublicTypePropConfig): IPublicTypeFieldConfig { const { name, description } = propConfig; @@ -65,7 +65,8 @@ function propTypeToSetter(propType: IPublicTypePropType): IPublicTypeSetterType const dataSource = ((propType as IPublicTypeOneOf).value || []).map((value, index) => { const t = typeof value; return { - label: t === 'string' || t === 'number' || t === 'boolean' ? String(value) : `value ${index}`, + label: + t === 'string' || t === 'number' || t === 'boolean' ? String(value) : `value ${index}`, value, }; }); @@ -93,7 +94,9 @@ function propTypeToSetter(propType: IPublicTypePropType): IPublicTypeSetterType }; case 'shape': case 'exact': - const items = ((propType as any).value || []).map((item: any) => propConfigToFieldConfig(item)); + const items = ((propType as any).value || []).map((item: any) => + propConfigToFieldConfig(item), + ); return { componentName: 'ObjectSetter', props: { @@ -110,7 +113,11 @@ function propTypeToSetter(propType: IPublicTypePropType): IPublicTypeSetterType if (initial == null && item.setter && typeof item.setter === 'object') { initial = (item.setter as any).initialValue; } - data[item.name] = initial ? (typeof initial === 'function' ? initial(field) : initial) : null; + data[item.name] = initial + ? typeof initial === 'function' + ? initial(field) + : initial + : null; }); return data; }, @@ -121,7 +128,9 @@ function propTypeToSetter(propType: IPublicTypePropType): IPublicTypeSetterType componentName: 'ObjectSetter', props: { config: { - extraSetter: propTypeToSetter(typeName === 'objectOf' ? (propType as IPublicTypeObjectOf).value : 'any'), + extraSetter: propTypeToSetter( + typeName === 'objectOf' ? (propType as IPublicTypeObjectOf).value : 'any', + ), }, }, isRequired, @@ -132,7 +141,9 @@ function propTypeToSetter(propType: IPublicTypePropType): IPublicTypeSetterType return { componentName: 'ArraySetter', props: { - itemSetter: propTypeToSetter(typeName === 'arrayOf' ? (propType as IPublicTypeArrayOf).value : 'any'), + itemSetter: propTypeToSetter( + typeName === 'arrayOf' ? (propType as IPublicTypeArrayOf).value : 'any', + ), }, isRequired, initialValue: [], @@ -157,7 +168,7 @@ function propTypeToSetter(propType: IPublicTypePropType): IPublicTypeSetterType isRequired, }; default: - // do nothing + // do nothing } return { componentName: 'MixedSetter', @@ -168,7 +179,9 @@ function propTypeToSetter(propType: IPublicTypePropType): IPublicTypeSetterType const EVENT_RE = /^on|after|before[A-Z][\w]*$/; -export default function (metadata: IPublicTypeTransformedComponentMetadata): IPublicTypeTransformedComponentMetadata { +export default function ( + metadata: IPublicTypeTransformedComponentMetadata, +): IPublicTypeTransformedComponentMetadata { const { configure = {} } = metadata; // TODO types后续补充 let extendsProps: any = null; diff --git a/packages/editor-skeleton/src/types.ts b/packages/editor-skeleton/src/types.ts index 8c5f1484a0..628ef4529a 100644 --- a/packages/editor-skeleton/src/types.ts +++ b/packages/editor-skeleton/src/types.ts @@ -6,7 +6,7 @@ import { IPublicTypePanelDockProps, IPublicTypePanelConfigProps, IPublicTypePanelConfig, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; import { IWidget } from './widget/widget'; export interface WidgetConfig extends IPublicTypeWidgetBaseConfig { @@ -23,8 +23,7 @@ export function isWidgetConfig(obj: any): obj is WidgetConfig { return obj && obj.type === 'Widget'; } -export interface DockProps extends IPublicTypePanelDockProps { -} +export interface DockProps extends IPublicTypePanelDockProps {} export interface DividerConfig extends IPublicTypeWidgetBaseConfig { type: 'Divider'; diff --git a/packages/editor-skeleton/src/widget/dock.ts b/packages/editor-skeleton/src/widget/dock.ts index 20cdd425da..6acd381d36 100644 --- a/packages/editor-skeleton/src/widget/dock.ts +++ b/packages/editor-skeleton/src/widget/dock.ts @@ -1,7 +1,7 @@ import { ReactNode, createElement } from 'react'; -import { makeObservable, obx } from '@alilc/lowcode-editor-core'; -import { uniqueId, createContent } from '@alilc/lowcode-utils'; -import { getEvent } from '@alilc/lowcode-shell'; +import { makeObservable, obx } from '@lce/lowcode-editor-core'; +import { uniqueId, createContent } from '@lce/lowcode-utils'; +import { getEvent } from '@lce/lowcode-shell'; import { DockConfig } from '../types'; import { ISkeleton } from '../skeleton'; import { DockView, WidgetView } from '../components/widget-views'; diff --git a/packages/editor-skeleton/src/widget/panel-dock.ts b/packages/editor-skeleton/src/widget/panel-dock.ts index 896849706a..8913b24a91 100644 --- a/packages/editor-skeleton/src/widget/panel-dock.ts +++ b/packages/editor-skeleton/src/widget/panel-dock.ts @@ -1,5 +1,5 @@ -import { obx, computed, makeObservable } from '@alilc/lowcode-editor-core'; -import { uniqueId } from '@alilc/lowcode-utils'; +import { obx, computed, makeObservable } from '@lce/lowcode-editor-core'; +import { uniqueId } from '@lce/lowcode-utils'; import { createElement, ReactNode, ReactInstance } from 'react'; import { ISkeleton } from '../skeleton'; import { PanelDockConfig } from '../types'; diff --git a/packages/editor-skeleton/src/widget/panel.ts b/packages/editor-skeleton/src/widget/panel.ts index 3a1ce3b00b..efabfe1ccc 100644 --- a/packages/editor-skeleton/src/widget/panel.ts +++ b/packages/editor-skeleton/src/widget/panel.ts @@ -1,9 +1,19 @@ import { createElement, ReactNode } from 'react'; -import { obx, computed, makeObservable, IEventBus, createModuleEventBus } from '@alilc/lowcode-editor-core'; -import { uniqueId, createContent } from '@alilc/lowcode-utils'; -import { IPublicTypeHelpTipConfig, IPublicTypePanelConfig, IPublicTypeTitleContent } from '@alilc/lowcode-types'; +import { + obx, + computed, + makeObservable, + IEventBus, + createModuleEventBus, +} from '@lce/lowcode-editor-core'; +import { uniqueId, createContent } from '@lce/lowcode-utils'; +import { + IPublicTypeHelpTipConfig, + IPublicTypePanelConfig, + IPublicTypeTitleContent, +} from '@lce/lowcode-types'; import { WidgetContainer } from './widget-container'; -import { getEvent } from '@alilc/lowcode-shell'; +import { getEvent } from '@lce/lowcode-shell'; import { TitledPanelView, TabsPanelView, PanelView } from '../components/widget-views'; import { ISkeleton } from '../skeleton'; import { composeTitle } from './utils'; @@ -217,7 +227,7 @@ export class Panel implements IWidget { } getAssocDocks(): PanelDock[] { - return this.skeleton.widgets.filter(item => { + return this.skeleton.widgets.filter((item) => { return isPanelDock(item) && item.panelName === this.name; }) as any; } diff --git a/packages/editor-skeleton/src/widget/stage.ts b/packages/editor-skeleton/src/widget/stage.ts index 2b177af61f..bbb8d801e4 100644 --- a/packages/editor-skeleton/src/widget/stage.ts +++ b/packages/editor-skeleton/src/widget/stage.ts @@ -1,4 +1,4 @@ -// import { uniqueId } from '@alilc/lowcode-utils'; +// import { uniqueId } from '@lce/lowcode-utils'; import { Widget } from './widget'; import { ISkeleton } from '../skeleton'; import { WidgetConfig } from '../types'; diff --git a/packages/editor-skeleton/src/widget/utils.ts b/packages/editor-skeleton/src/widget/utils.ts index bec41333c8..d303c2d843 100644 --- a/packages/editor-skeleton/src/widget/utils.ts +++ b/packages/editor-skeleton/src/widget/utils.ts @@ -1,8 +1,14 @@ -import { IPublicTypeIconType, IPublicTypeTitleContent, TipContent } from '@alilc/lowcode-types'; -import { isI18nData, isTitleConfig } from '@alilc/lowcode-utils'; +import { IPublicTypeIconType, IPublicTypeTitleContent, TipContent } from '@lce/lowcode-types'; +import { isI18nData, isTitleConfig } from '@lce/lowcode-utils'; import { isValidElement } from 'react'; -export function composeTitle(title?: IPublicTypeTitleContent, icon?: IPublicTypeIconType, tip?: TipContent, tipAsTitle?: boolean, noIcon?: boolean) { +export function composeTitle( + title?: IPublicTypeTitleContent, + icon?: IPublicTypeIconType, + tip?: TipContent, + tipAsTitle?: boolean, + noIcon?: boolean, +) { let _title: IPublicTypeTitleContent | undefined; if (!title) { _title = {}; diff --git a/packages/editor-skeleton/src/widget/widget-container.ts b/packages/editor-skeleton/src/widget/widget-container.ts index 183ff8fe09..f5e78f5e06 100644 --- a/packages/editor-skeleton/src/widget/widget-container.ts +++ b/packages/editor-skeleton/src/widget/widget-container.ts @@ -1,5 +1,5 @@ -import { obx, computed, makeObservable } from '@alilc/lowcode-editor-core'; -import { hasOwnProperty } from '@alilc/lowcode-utils'; +import { obx, computed, makeObservable } from '@lce/lowcode-editor-core'; +import { hasOwnProperty } from '@lce/lowcode-utils'; import { isPanel } from './panel'; export interface WidgetItem { @@ -19,7 +19,7 @@ export class WidgetContainer<T extends WidgetItem = any, G extends WidgetItem = private maps: { [name: string]: T } = {}; - @obx.ref private _current: T & Activeable | null = null; + @obx.ref private _current: (T & Activeable) | null = null; get current() { return this._current; diff --git a/packages/editor-skeleton/src/widget/widget.ts b/packages/editor-skeleton/src/widget/widget.ts index c956738774..12ac8c4e9f 100644 --- a/packages/editor-skeleton/src/widget/widget.ts +++ b/packages/editor-skeleton/src/widget/widget.ts @@ -1,11 +1,11 @@ import { ReactNode, createElement } from 'react'; -import { makeObservable, obx } from '@alilc/lowcode-editor-core'; -import { createContent, uniqueId } from '@alilc/lowcode-utils'; -import { getEvent } from '@alilc/lowcode-shell'; +import { makeObservable, obx } from '@lce/lowcode-editor-core'; +import { createContent, uniqueId } from '@lce/lowcode-utils'; +import { getEvent } from '@lce/lowcode-shell'; import { WidgetConfig } from '../types'; import { ISkeleton } from '../skeleton'; import { WidgetView } from '../components/widget-views'; -import { IPublicTypeTitleContent, IPublicTypeWidgetBaseConfig } from '@alilc/lowcode-types'; +import { IPublicTypeTitleContent, IPublicTypeWidgetBaseConfig } from '@lce/lowcode-types'; export interface IWidget { readonly name: string; diff --git a/packages/engine/README.md b/packages/engine/README.md index 0e1e14bfc9..0be0d809af 100644 --- a/packages/engine/README.md +++ b/packages/engine/README.md @@ -22,10 +22,10 @@ An enterprise-class low-code technology stack with scale-out design  -[npm-image]: https://img.shields.io/npm/v/@alilc/lowcode-engine.svg?style=flat-square -[npm-url]: http://npmjs.org/package/@alilc/lowcode-engine -[download-image]: https://img.shields.io/npm/dm/@alilc/lowcode-engine.svg?style=flat-square -[download-url]: https://npmjs.org/package/@alilc/lowcode-engine +[npm-image]: https://img.shields.io/npm/v/@lce/lowcode-engine.svg?style=flat-square +[npm-url]: http://npmjs.org/package/@lce/lowcode-engine +[download-image]: https://img.shields.io/npm/dm/@lce/lowcode-engine.svg?style=flat-square +[download-url]: https://npmjs.org/package/@lce/lowcode-engine [help-wanted-image]: https://flat.badgen.net/github/label-issues/alibaba/lowcode-engine/help%20wanted/open [help-wanted-url]: https://github.com/alibaba/lowcode-engine/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22 [issues-helper-image]: https://img.shields.io/badge/using-issues--helper-orange?style=flat-square @@ -60,13 +60,13 @@ The engine fully implements the "LowCodeEngine Basic Construction Protocol Speci ## 🌰 Usage example ```bash -npm install @alilc/lowcode-engine --save-dev +npm install @lce/lowcode-engine --save-dev ``` > **TIPS: Only cdn import is supported, npm package is used to provide code hinting capabilities such as typings** ```ts -import { init, skeleton } from '@alilc/lowcode-engine'; +import { init, skeleton } from '@lce/lowcode-engine'; skeleton.add({ area: 'topArea', @@ -91,8 +91,8 @@ init(document.getElementById('lce')); ```json { "externals": { - "@alilc/lowcode-engine": "var window.AliLowCodeEngine", - "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt" + "@lce/lowcode-engine": "var window.AliLowCodeEngine", + "@lce/lowcode-engine-ext": "var window.AliLowCodeEngineExt" } } ``` @@ -102,29 +102,29 @@ init(document.getElementById('lce')); #### Method 1: alifd cdn ```html -https://alifd.alicdn.com/npm/@alilc/lowcode-engine@1.0.18/dist/js/engine-core.js -https://alifd.alicdn.com/npm/@alilc/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js +https://alifd.alicdn.com/npm/@lce/lowcode-engine@1.0.18/dist/js/engine-core.js +https://alifd.alicdn.com/npm/@lce/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js ``` #### Method 2: uipaas cdn ```html -https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.0.18/dist/js/engine-core.js -https://uipaas-assets.com/prod/npm/@alilc/lowcode-react-simulator-renderer/1.0.18/dist/js/react-simulator-renderer.js +https://uipaas-assets.com/prod/npm/@lce/lowcode-engine/1.0.18/dist/js/engine-core.js +https://uipaas-assets.com/prod/npm/@lce/lowcode-react-simulator-renderer/1.0.18/dist/js/react-simulator-renderer.js ``` #### Method 3: unpkg ```html -https://unpkg.com/@alilc/lowcode-engine@1.0.18/dist/js/engine-core.js -https://unpkg.com/@alilc/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js +https://unpkg.com/@lce/lowcode-engine@1.0.18/dist/js/engine-core.js +https://unpkg.com/@lce/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js ``` #### Method 4: jsdelivr ```html -https://cdn.jsdelivr.net/npm/@alilc/lowcode-engine@1.0.18/dist/js/engine-core.js -https://cdn.jsdelivr.net/npm/@alilc/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js +https://cdn.jsdelivr.net/npm/@lce/lowcode-engine@1.0.18/dist/js/engine-core.js +https://cdn.jsdelivr.net/npm/@lce/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js ``` #### Method 5: Use your own cdn diff --git a/packages/engine/build.umd.json b/packages/engine/build.umd.json index f6c189068e..74f3f31110 100644 --- a/packages/engine/build.umd.json +++ b/packages/engine/build.umd.json @@ -15,7 +15,7 @@ "monaco-editor/esm/vs/editor/editor.api": "var window.monaco", "monaco-editor/esm/vs/editor/editor.main.js": "var window.monaco", "@alifd/next": "var Next", - "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt", + "@lce/lowcode-engine-ext": "var window.AliLowCodeEngineExt", "moment": "var moment", "lodash": "var _" }, @@ -32,9 +32,12 @@ "externalNext": "umd" } ], - ["build-plugin-moment-locales", { - "locales": ["zh-cn"] - }], + [ + "build-plugin-moment-locales", + { + "locales": ["zh-cn"] + } + ], "./build.plugin.js" ] } diff --git a/packages/engine/package.json b/packages/engine/package.json index 23b3521213..03d84c5775 100644 --- a/packages/engine/package.json +++ b/packages/engine/package.json @@ -1,5 +1,5 @@ { - "name": "@alilc/lowcode-engine", + "name": "@lce/lowcode-engine", "version": "1.3.2", "description": "An enterprise-class low-code technology stack with scale-out design / 一套面向扩展设计的企业级低代码技术体系", "main": "lib/engine-core.js", @@ -19,16 +19,16 @@ "license": "MIT", "dependencies": { "@alifd/next": "^1.19.12", - "@alilc/lowcode-designer": "1.3.2", - "@alilc/lowcode-editor-core": "1.3.2", - "@alilc/lowcode-editor-skeleton": "1.3.2", - "@alilc/lowcode-engine-ext": "^1.0.0", - "@alilc/lowcode-plugin-command": "1.3.2", - "@alilc/lowcode-plugin-designer": "1.3.2", - "@alilc/lowcode-plugin-outline-pane": "1.3.2", - "@alilc/lowcode-shell": "1.3.2", - "@alilc/lowcode-utils": "1.3.2", - "@alilc/lowcode-workspace": "1.3.2", + "@lce/lowcode-designer": "1.3.2", + "@lce/lowcode-editor-core": "1.3.2", + "@lce/lowcode-editor-skeleton": "1.3.2", + "@lce/lowcode-engine-ext": "^1.0.0", + "@lce/lowcode-plugin-command": "1.3.2", + "@lce/lowcode-plugin-designer": "1.3.2", + "@lce/lowcode-plugin-outline-pane": "1.3.2", + "@lce/lowcode-shell": "1.3.2", + "@lce/lowcode-utils": "1.3.2", + "@lce/lowcode-workspace": "1.3.2", "react": "^16.8.1", "react-dom": "^16.8.1" }, diff --git a/packages/engine/src/engine-core.ts b/packages/engine/src/engine-core.ts index 4dffa628bd..4d61ad1b6a 100644 --- a/packages/engine/src/engine-core.ts +++ b/packages/engine/src/engine-core.ts @@ -11,7 +11,7 @@ import { Hotkey as InnerHotkey, IEditor, Command as InnerCommand, -} from '@alilc/lowcode-editor-core'; +} from '@lce/lowcode-editor-core'; import { IPublicTypeEngineOptions, IPublicModelDocumentModel, @@ -21,7 +21,7 @@ import { IPublicApiWorkspace, IPublicEnumPluginRegisterLevel, IPublicModelPluginContext, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; import { Designer, LowCodePluginManager, @@ -29,16 +29,13 @@ import { ILowCodePluginContextApiAssembler, PluginPreference, IDesigner, -} from '@alilc/lowcode-designer'; -import { - Skeleton as InnerSkeleton, - registerDefaults, -} from '@alilc/lowcode-editor-skeleton'; +} from '@lce/lowcode-designer'; +import { Skeleton as InnerSkeleton, registerDefaults } from '@lce/lowcode-editor-skeleton'; import { Workspace as InnerWorkspace, Workbench as WorkSpaceWorkbench, IWorkspace, -} from '@alilc/lowcode-workspace'; +} from '@lce/lowcode-workspace'; import { Hotkey, @@ -55,8 +52,8 @@ import { Config, CommonUI, Command, -} from '@alilc/lowcode-shell'; -import { isPlainObject } from '@alilc/lowcode-utils'; +} from '@lce/lowcode-shell'; +import { isPlainObject } from '@lce/lowcode-utils'; import './modules/live-editing'; import * as classes from './modules/classes'; import symbols from './modules/symbols'; @@ -66,14 +63,18 @@ import { defaultPanelRegistry } from './inner-plugins/default-panel-registry'; import { shellModelFactory } from './modules/shell-model-factory'; import { builtinHotkey } from './inner-plugins/builtin-hotkey'; import { defaultContextMenu } from './inner-plugins/default-context-menu'; -import { CommandPlugin } from '@alilc/lowcode-plugin-command'; -import { OutlinePlugin } from '@alilc/lowcode-plugin-outline-pane'; +import { CommandPlugin } from '@lce/lowcode-plugin-command'; +import { OutlinePlugin } from '@lce/lowcode-plugin-outline-pane'; export * from './modules/skeleton-types'; export * from './modules/designer-types'; export * from './modules/lowcode-types'; -async function registryInnerPlugin(designer: IDesigner, editor: IEditor, plugins: IPublicApiPlugins): Promise<IPublicTypeDisposable> { +async function registryInnerPlugin( + designer: IDesigner, + editor: IEditor, + plugins: IPublicApiPlugins, +): Promise<IPublicTypeDisposable> { // 注册一批内置插件 const componentMetaParserPlugin = componentMetaParser(designer); const defaultPanelRegistryPlugin = defaultPanelRegistry(editor); @@ -139,7 +140,11 @@ let plugins: Plugins; const pluginContextApiAssembler: ILowCodePluginContextApiAssembler = { // eslint-disable-next-line @typescript-eslint/no-unused-vars - assembleApis: (context: ILowCodePluginContextPrivate, pluginName: string, meta: IPublicTypePluginMeta) => { + assembleApis: ( + context: ILowCodePluginContextPrivate, + pluginName: string, + meta: IPublicTypePluginMeta, + ) => { context.hotkey = hotkey; context.project = project; context.skeleton = new Skeleton(innerSkeleton, pluginName, false); @@ -219,7 +224,7 @@ export async function init( container?: HTMLElement, options?: IPublicTypeEngineOptions, pluginPreference?: PluginPreference, - ) { +) { await destroy(); let engineOptions = null; if (isPlainObject(container)) { @@ -275,7 +280,7 @@ export async function destroy() { // remove all documents const { documents } = project; if (Array.isArray(documents) && documents.length > 0) { - documents.forEach(((doc: IPublicModelDocumentModel) => project.removeDocument(doc))); + documents.forEach((doc: IPublicModelDocumentModel) => project.removeDocument(doc)); } // TODO: delete plugins except for core plugins diff --git a/packages/engine/src/inner-plugins/builtin-hotkey.ts b/packages/engine/src/inner-plugins/builtin-hotkey.ts index 1a1f3a9c44..4b9f6714f7 100644 --- a/packages/engine/src/inner-plugins/builtin-hotkey.ts +++ b/packages/engine/src/inner-plugins/builtin-hotkey.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { isFormEvent, isNodeSchema, isNode } from '@alilc/lowcode-utils'; +import { isFormEvent, isNodeSchema, isNode } from '@lce/lowcode-utils'; import { IPublicModelPluginContext, IPublicEnumTransformStage, @@ -8,7 +8,7 @@ import { IPublicTypeNodeData, IPublicEnumDragObjectType, IPublicTypeDragNodeObject, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; function insertChild( container: IPublicModelNode, @@ -21,7 +21,7 @@ function insertChild( } let node = null; if (isNode(child)) { - node = (child as IPublicModelNode); + node = child as IPublicModelNode; container.children?.insert(node, at); } else { node = container.document?.createNode(child) || null; @@ -99,7 +99,11 @@ function getSuitableInsertion( } /* istanbul ignore next */ -function getNextForSelect(next: IPublicModelNode | null, head?: any, parent?: IPublicModelNode | null): any { +function getNextForSelect( + next: IPublicModelNode | null, + head?: any, + parent?: IPublicModelNode | null, +): any { if (next) { if (!head) { return next; @@ -130,7 +134,11 @@ function getNextForSelect(next: IPublicModelNode | null, head?: any, parent?: IP } /* istanbul ignore next */ -function getPrevForSelect(prev: IPublicModelNode | null, head?: any, parent?: IPublicModelNode | null): any { +function getPrevForSelect( + prev: IPublicModelNode | null, + head?: any, + parent?: IPublicModelNode | null, +): any { if (prev) { let ret; if (!head && prev.isContainerNode) { @@ -160,7 +168,11 @@ function getPrevForSelect(prev: IPublicModelNode | null, head?: any, parent?: IP return null; } -function getSuitablePlaceForNode(targetNode: IPublicModelNode, node: IPublicModelNode, ref: any): any { +function getSuitablePlaceForNode( + targetNode: IPublicModelNode, + node: IPublicModelNode, + ref: any, +): any { const { document } = targetNode; if (!document) { return null; @@ -292,7 +304,9 @@ export const builtinHotkey = (ctx: IPublicModelPluginContext) => { } const componentsMap = {}; - const componentsTree = selected.map((item) => item?.exportSchema(IPublicEnumTransformStage.Clone)); + const componentsTree = selected.map((item) => + item?.exportSchema(IPublicEnumTransformStage.Clone), + ); // FIXME: clear node.id diff --git a/packages/engine/src/inner-plugins/component-meta-parser.ts b/packages/engine/src/inner-plugins/component-meta-parser.ts index d0fbb4300f..cbc25c7656 100644 --- a/packages/engine/src/inner-plugins/component-meta-parser.ts +++ b/packages/engine/src/inner-plugins/component-meta-parser.ts @@ -1,4 +1,4 @@ -import { IPublicModelPluginContext } from '@alilc/lowcode-types'; +import { IPublicModelPluginContext } from '@lce/lowcode-types'; export const componentMetaParser = (designer: any) => { const fun = (ctx: IPublicModelPluginContext) => { diff --git a/packages/engine/src/inner-plugins/default-context-menu.ts b/packages/engine/src/inner-plugins/default-context-menu.ts index 81978d9209..b4167d804c 100644 --- a/packages/engine/src/inner-plugins/default-context-menu.ts +++ b/packages/engine/src/inner-plugins/default-context-menu.ts @@ -6,8 +6,8 @@ import { IPublicModelPluginContext, IPublicTypeDragNodeDataObject, IPublicTypeNodeSchema, -} from '@alilc/lowcode-types'; -import { isProjectSchema } from '@alilc/lowcode-utils'; +} from '@lce/lowcode-types'; +import { isProjectSchema } from '@lce/lowcode-utils'; import { Message } from '@alifd/next'; import { intl } from '../locale'; @@ -28,9 +28,7 @@ async function getClipboardText(): Promise<IPublicTypeNodeSchema[]> { resolve(data.componentsTree); } else { Message.error(intl('NotValidNodeData')); - reject( - new Error(intl('NotValidNodeData')), - ); + reject(new Error(intl('NotValidNodeData'))); } } catch (error) { Message.error(intl('NotValidNodeData')); @@ -137,7 +135,13 @@ export const defaultContextMenu = (ctx: IPublicModelPluginContext) => { return doc?.checkNesting(parent, dragNodeObject); }); if (canAddNodes.length === 0) { - Message.error(`${nodeSchema.map(d => utilsIntl(d.title || d.componentName)).join(',')}等组件无法放置到${utilsIntl(parent.title || parent.componentName as any)}内`); + Message.error( + `${nodeSchema + .map((d) => utilsIntl(d.title || d.componentName)) + .join(',')}等组件无法放置到${utilsIntl( + parent.title || (parent.componentName as any), + )}内`, + ); return; } const nodes: IPublicModelNode[] = []; @@ -185,7 +189,13 @@ export const defaultContextMenu = (ctx: IPublicModelPluginContext) => { return doc?.checkNesting(node, dragNodeObject); }); if (canAddNodes.length === 0) { - Message.error(`${nodeSchema.map(d => utilsIntl(d.title || d.componentName)).join(',')}等组件无法放置到${utilsIntl(node.title || node.componentName as any)}内`); + Message.error( + `${nodeSchema + .map((d) => utilsIntl(d.title || d.componentName)) + .join(',')}等组件无法放置到${utilsIntl( + node.title || (node.componentName as any), + )}内`, + ); return; } diff --git a/packages/engine/src/inner-plugins/default-panel-registry.tsx b/packages/engine/src/inner-plugins/default-panel-registry.tsx index b5f538d44c..36653cac09 100644 --- a/packages/engine/src/inner-plugins/default-panel-registry.tsx +++ b/packages/engine/src/inner-plugins/default-panel-registry.tsx @@ -1,6 +1,6 @@ -import { IPublicModelPluginContext } from '@alilc/lowcode-types'; -import { SettingsPrimaryPane } from '@alilc/lowcode-editor-skeleton'; -import DesignerPlugin from '@alilc/lowcode-plugin-designer'; +import { IPublicModelPluginContext } from '@lce/lowcode-types'; +import { SettingsPrimaryPane } from '@lce/lowcode-editor-skeleton'; +import DesignerPlugin from '@lce/lowcode-plugin-designer'; // 注册默认的面板 export const defaultPanelRegistry = (editor: any) => { @@ -12,19 +12,14 @@ export const defaultPanelRegistry = (editor: any) => { area: 'mainArea', name: 'designer', type: 'Widget', - content: <DesignerPlugin - engineConfig={config} - engineEditor={editor} - />, + content: <DesignerPlugin engineConfig={config} engineEditor={editor} />, }); if (!config.get('disableDefaultSettingPanel')) { skeleton.add({ area: 'rightArea', name: 'settingsPane', type: 'Panel', - content: <SettingsPrimaryPane - engineEditor={editor} - />, + content: <SettingsPrimaryPane engineEditor={editor} />, props: { ignoreRoot: true, }, diff --git a/packages/engine/src/inner-plugins/setter-registry.ts b/packages/engine/src/inner-plugins/setter-registry.ts index 9d7fe4fccf..6ca9ae3ab9 100644 --- a/packages/engine/src/inner-plugins/setter-registry.ts +++ b/packages/engine/src/inner-plugins/setter-registry.ts @@ -1,4 +1,4 @@ -import { IPublicModelPluginContext } from '@alilc/lowcode-types'; +import { IPublicModelPluginContext } from '@lce/lowcode-types'; // 注册默认的 setters export const setterRegistry = (ctx: IPublicModelPluginContext) => { @@ -6,7 +6,7 @@ export const setterRegistry = (ctx: IPublicModelPluginContext) => { init() { const { config } = ctx; if (config.get('disableDefaultSetters')) return; - const builtinSetters = require('@alilc/lowcode-engine-ext')?.setters; + const builtinSetters = require('@lce/lowcode-engine-ext')?.setters; if (builtinSetters) { ctx.setters.registerSetter(builtinSetters); } diff --git a/packages/engine/src/locale/index.ts b/packages/engine/src/locale/index.ts index ca89840b05..d34f69208a 100644 --- a/packages/engine/src/locale/index.ts +++ b/packages/engine/src/locale/index.ts @@ -1,4 +1,4 @@ -import { createIntl } from '@alilc/lowcode-editor-core'; +import { createIntl } from '@lce/lowcode-editor-core'; import enUS from './en-US.json'; import zhCN from './zh-CN.json'; diff --git a/packages/engine/src/modules/classes.ts b/packages/engine/src/modules/classes.ts index 3b7627deb0..cfa61ee7e4 100644 --- a/packages/engine/src/modules/classes.ts +++ b/packages/engine/src/modules/classes.ts @@ -11,6 +11,5 @@ export { Prop, SimulatorHost, SkeletonItem, -} from '@alilc/lowcode-shell'; -export { Node as InnerNode } from '@alilc/lowcode-designer'; - +} from '@lce/lowcode-shell'; +export { Node as InnerNode } from '@lce/lowcode-designer'; diff --git a/packages/engine/src/modules/designer-types.ts b/packages/engine/src/modules/designer-types.ts index a0ee79952c..90308c4102 100644 --- a/packages/engine/src/modules/designer-types.ts +++ b/packages/engine/src/modules/designer-types.ts @@ -1,4 +1,4 @@ -import * as designerCabin from '@alilc/lowcode-designer'; +import * as designerCabin from '@lce/lowcode-designer'; // 这样做的目的是为了去除 Node / DocumentModel 等的值属性，仅保留类型属性 export type Node = designerCabin.Node; @@ -9,4 +9,4 @@ export type SaveHandler = designerCabin.SaveHandler; export type ComponentMeta = designerCabin.ComponentMeta; export type SettingField = designerCabin.SettingField; export type ILowCodePluginManager = designerCabin.ILowCodePluginManager; -export type PluginPreference = designerCabin.PluginPreference; \ No newline at end of file +export type PluginPreference = designerCabin.PluginPreference; diff --git a/packages/engine/src/modules/live-editing.ts b/packages/engine/src/modules/live-editing.ts index f1f32b88f7..a403166a0d 100644 --- a/packages/engine/src/modules/live-editing.ts +++ b/packages/engine/src/modules/live-editing.ts @@ -1,5 +1,5 @@ -import { EditingTarget, Node as DocNode, SaveHandler, LiveEditing } from '@alilc/lowcode-designer'; -import { isJSExpression } from '@alilc/lowcode-utils'; +import { EditingTarget, Node as DocNode, SaveHandler, LiveEditing } from '@lce/lowcode-designer'; +import { isJSExpression } from '@lce/lowcode-utils'; function getText(node: DocNode, prop: string) { const p = node.getProp(prop, false); diff --git a/packages/engine/src/modules/lowcode-types.ts b/packages/engine/src/modules/lowcode-types.ts index 50618bd31d..0bb5224196 100644 --- a/packages/engine/src/modules/lowcode-types.ts +++ b/packages/engine/src/modules/lowcode-types.ts @@ -1 +1 @@ -export type { IPublicTypeNodeSchema } from '@alilc/lowcode-types'; \ No newline at end of file +export type { IPublicTypeNodeSchema } from '@lce/lowcode-types'; diff --git a/packages/engine/src/modules/shell-model-factory.ts b/packages/engine/src/modules/shell-model-factory.ts index 4271d126a3..57bcdca905 100644 --- a/packages/engine/src/modules/shell-model-factory.ts +++ b/packages/engine/src/modules/shell-model-factory.ts @@ -1,13 +1,7 @@ -import { - INode, - ISettingField, -} from '@alilc/lowcode-designer'; -import { IShellModelFactory, IPublicModelNode } from '@alilc/lowcode-types'; +import { INode, ISettingField } from '@lce/lowcode-designer'; +import { IShellModelFactory, IPublicModelNode } from '@lce/lowcode-types'; import { IPublicModelSettingField } from '../../../types/src/shell/model/setting-field'; -import { - Node, - SettingField, -} from '@alilc/lowcode-shell'; +import { Node, SettingField } from '@lce/lowcode-shell'; class ShellModelFactory implements IShellModelFactory { createNode(node: INode | null | undefined): IPublicModelNode | null { return Node.create(node); @@ -16,4 +10,4 @@ class ShellModelFactory implements IShellModelFactory { return SettingField.create(prop); } } -export const shellModelFactory = new ShellModelFactory(); \ No newline at end of file +export const shellModelFactory = new ShellModelFactory(); diff --git a/packages/engine/src/modules/skeleton-types.ts b/packages/engine/src/modules/skeleton-types.ts index 8cce1c08cc..b289a50069 100644 --- a/packages/engine/src/modules/skeleton-types.ts +++ b/packages/engine/src/modules/skeleton-types.ts @@ -1,3 +1,3 @@ -import { IPublicTypeWidgetBaseConfig as innerIWidgetBaseConfig } from '@alilc/lowcode-types'; +import { IPublicTypeWidgetBaseConfig as innerIWidgetBaseConfig } from '@lce/lowcode-types'; export type IWidgetBaseConfig = innerIWidgetBaseConfig; diff --git a/packages/engine/src/modules/symbols.ts b/packages/engine/src/modules/symbols.ts index 55c70e5dcb..23cff0aa9e 100644 --- a/packages/engine/src/modules/symbols.ts +++ b/packages/engine/src/modules/symbols.ts @@ -15,7 +15,7 @@ import { editorCabinSymbol, skeletonCabinSymbol, simulatorRenderSymbol, -} from '@alilc/lowcode-shell'; +} from '@lce/lowcode-shell'; export default { projectSymbol, diff --git a/packages/ignitor/build.json b/packages/ignitor/build.json index f1956cf527..57fcb68b17 100644 --- a/packages/ignitor/build.json +++ b/packages/ignitor/build.json @@ -16,15 +16,13 @@ "prop-types": "var window.PropTypes", "@alifd/next": "var window.Next", "rax": "var window.Rax", - "@alilc/lowcode-engine": "var window.AliLowCodeEngine", - "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt", + "@lce/lowcode-engine": "var window.AliLowCodeEngine", + "@lce/lowcode-engine-ext": "var window.AliLowCodeEngineExt", "moment": "var moment", "lodash": "var _" }, "plugins": [ - [ - "build-plugin-react-app" - ], + ["build-plugin-react-app"], [ "build-plugin-fusion", { @@ -35,9 +33,7 @@ [ "build-plugin-moment-locales", { - "locales": [ - "zh-cn" - ] + "locales": ["zh-cn"] } ], "./build.plugin.js" diff --git a/packages/ignitor/package.json b/packages/ignitor/package.json index 0b109a7ad7..29c891fb22 100644 --- a/packages/ignitor/package.json +++ b/packages/ignitor/package.json @@ -1,5 +1,5 @@ { - "name": "@alilc/lowcode-ignitor", + "name": "@lce/lowcode-ignitor", "version": "1.3.2", "description": "点火器，bootstrap lce project", "main": "lib/index.js", diff --git a/packages/plugin-command/__tests__/node-command.test.ts b/packages/plugin-command/__tests__/node-command.test.ts index 2e9d21b35e..c491fbbe71 100644 --- a/packages/plugin-command/__tests__/node-command.test.ts +++ b/packages/plugin-command/__tests__/node-command.test.ts @@ -1,9 +1,10 @@ -import { checkPropTypes } from '@alilc/lowcode-utils/src/check-prop-types'; +import { checkPropTypes } from '@lce/lowcode-utils/src/check-prop-types'; import { nodeSchemaPropType } from '../src/node-command'; describe('nodeSchemaPropType', () => { const componentName = 'NodeComponent'; - const getPropType = (name: string) => nodeSchemaPropType.value.find(d => d.name === name)?.propType; + const getPropType = (name: string) => + nodeSchemaPropType.value.find((d) => d.name === name)?.propType; it('should validate the id as a string', () => { const validId = 'node1'; @@ -17,10 +18,26 @@ describe('nodeSchemaPropType', () => { it('should validate the componentName as a string', () => { const validComponentName = 'Button'; const invalidComponentName = false; // Not a string - expect(checkPropTypes(validComponentName, 'componentName', getPropType('componentName'), componentName)).toBe(true); - expect(checkPropTypes(invalidComponentName, 'componentName', getPropType('componentName'), componentName)).toBe(false); + expect( + checkPropTypes( + validComponentName, + 'componentName', + getPropType('componentName'), + componentName, + ), + ).toBe(true); + expect( + checkPropTypes( + invalidComponentName, + 'componentName', + getPropType('componentName'), + componentName, + ), + ).toBe(false); // isRequired - expect(checkPropTypes(undefined, 'componentName', getPropType('componentName'), componentName)).toBe(false); + expect( + checkPropTypes(undefined, 'componentName', getPropType('componentName'), componentName), + ).toBe(false); }); it('should validate the props as an object', () => { @@ -48,15 +65,23 @@ describe('nodeSchemaPropType', () => { it('should validate the condition as a bool', () => { const validCondition = true; const invalidCondition = 'Not a bool'; // Not a boolean - expect(checkPropTypes(validCondition, 'condition', getPropType('condition'), componentName)).toBe(true); - expect(checkPropTypes(invalidCondition, 'condition', getPropType('condition'), componentName)).toBe(false); + expect( + checkPropTypes(validCondition, 'condition', getPropType('condition'), componentName), + ).toBe(true); + expect( + checkPropTypes(invalidCondition, 'condition', getPropType('condition'), componentName), + ).toBe(false); }); it('should validate the condition as a JSExpression', () => { const validCondition = { type: 'JSExpression', value: '1 + 1 === 2' }; const invalidCondition = { type: 'JSExpression', value: 123 }; // Not a string - expect(checkPropTypes(validCondition, 'condition', getPropType('condition'), componentName)).toBe(true); - expect(checkPropTypes(invalidCondition, 'condition', getPropType('condition'), componentName)).toBe(false); + expect( + checkPropTypes(validCondition, 'condition', getPropType('condition'), componentName), + ).toBe(true); + expect( + checkPropTypes(invalidCondition, 'condition', getPropType('condition'), componentName), + ).toBe(false); }); it('should validate the loop as an array', () => { @@ -76,32 +101,54 @@ describe('nodeSchemaPropType', () => { it('should validate the loopArgs as an array', () => { const validLoopArgs = ['item']; const invalidLoopArgs = 'Not an array'; // Not an array - expect(checkPropTypes(validLoopArgs, 'loopArgs', getPropType('loopArgs'), componentName)).toBe(true); - expect(checkPropTypes(invalidLoopArgs, 'loopArgs', getPropType('loopArgs'), componentName)).toBe(false); + expect(checkPropTypes(validLoopArgs, 'loopArgs', getPropType('loopArgs'), componentName)).toBe( + true, + ); + expect( + checkPropTypes(invalidLoopArgs, 'loopArgs', getPropType('loopArgs'), componentName), + ).toBe(false); }); it('should validate the loopArgs as a JSExpression', () => { const validLoopArgs = { type: 'JSExpression', value: 'item' }; const invalidLoopArgs = { type: 'JSExpression', value: 123 }; // Not a string - const validLoopArgs2 = [{ type: 'JSExpression', value: 'item' }, { type: 'JSExpression', value: 'index' }]; - expect(checkPropTypes(validLoopArgs, 'loopArgs', getPropType('loopArgs'), componentName)).toBe(true); - expect(checkPropTypes(invalidLoopArgs, 'loopArgs', getPropType('loopArgs'), componentName)).toBe(false); - expect(checkPropTypes(validLoopArgs2, 'loopArgs', getPropType('loopArgs'), componentName)).toBe(true); + const validLoopArgs2 = [ + { type: 'JSExpression', value: 'item' }, + { type: 'JSExpression', value: 'index' }, + ]; + expect(checkPropTypes(validLoopArgs, 'loopArgs', getPropType('loopArgs'), componentName)).toBe( + true, + ); + expect( + checkPropTypes(invalidLoopArgs, 'loopArgs', getPropType('loopArgs'), componentName), + ).toBe(false); + expect(checkPropTypes(validLoopArgs2, 'loopArgs', getPropType('loopArgs'), componentName)).toBe( + true, + ); }); it('should validate the children as an array', () => { - const validChildren = [{ - id: 'child1', - componentName: 'Button', - }, { - id: 'child2', - componentName: 'Button', - }]; + const validChildren = [ + { + id: 'child1', + componentName: 'Button', + }, + { + id: 'child2', + componentName: 'Button', + }, + ]; const invalidChildren = 'Not an array'; // Not an array const invalidChildren2 = [{}]; // Not an valid array - expect(checkPropTypes(invalidChildren, 'children', getPropType('children'), componentName)).toBe(false); - expect(checkPropTypes(validChildren, 'children', getPropType('children'), componentName)).toBe(true); - expect(checkPropTypes(invalidChildren2, 'children', getPropType('children'), componentName)).toBe(false); + expect( + checkPropTypes(invalidChildren, 'children', getPropType('children'), componentName), + ).toBe(false); + expect(checkPropTypes(validChildren, 'children', getPropType('children'), componentName)).toBe( + true, + ); + expect( + checkPropTypes(invalidChildren2, 'children', getPropType('children'), componentName), + ).toBe(false); }); afterEach(() => { diff --git a/packages/plugin-command/package.json b/packages/plugin-command/package.json index 4f53e69e36..cc5bccb725 100644 --- a/packages/plugin-command/package.json +++ b/packages/plugin-command/package.json @@ -1,5 +1,5 @@ { - "name": "@alilc/lowcode-plugin-command", + "name": "@lce/lowcode-plugin-command", "version": "1.3.2", "description": "> TODO: description", "author": "liujuping <liujup@foxmail.com>", @@ -30,8 +30,8 @@ "url": "https://github.com/alibaba/lowcode-engine/issues" }, "dependencies": { - "@alilc/lowcode-types": "1.3.2", - "@alilc/lowcode-utils": "1.3.2" + "@lce/lowcode-types": "1.3.2", + "@lce/lowcode-utils": "1.3.2" }, "devDependencies": { "@alib/build-scripts": "^0.1.18" diff --git a/packages/plugin-command/src/history-command.ts b/packages/plugin-command/src/history-command.ts index ea7e491bce..e91bd2e860 100644 --- a/packages/plugin-command/src/history-command.ts +++ b/packages/plugin-command/src/history-command.ts @@ -1,4 +1,4 @@ -import { IPublicModelPluginContext, IPublicTypePlugin } from '@alilc/lowcode-types'; +import { IPublicModelPluginContext, IPublicTypePlugin } from '@lce/lowcode-types'; export const historyCommand: IPublicTypePlugin = (ctx: IPublicModelPluginContext) => { const { command, project } = ctx; diff --git a/packages/plugin-command/src/index.ts b/packages/plugin-command/src/index.ts index fa6f32b32d..ace82d720c 100644 --- a/packages/plugin-command/src/index.ts +++ b/packages/plugin-command/src/index.ts @@ -1,4 +1,4 @@ -import { IPublicModelPluginContext, IPublicTypePlugin } from '@alilc/lowcode-types'; +import { IPublicModelPluginContext, IPublicTypePlugin } from '@lce/lowcode-types'; import { nodeCommand } from './node-command'; import { historyCommand } from './history-command'; @@ -22,4 +22,4 @@ CommandPlugin.meta = { commandScope: 'common', }; -export default CommandPlugin; \ No newline at end of file +export default CommandPlugin; diff --git a/packages/plugin-command/src/node-command.ts b/packages/plugin-command/src/node-command.ts index eeda1d1688..f7e1b1f512 100644 --- a/packages/plugin-command/src/node-command.ts +++ b/packages/plugin-command/src/node-command.ts @@ -1,5 +1,10 @@ -import { IPublicModelPluginContext, IPublicTypeNodeSchema, IPublicTypePlugin, IPublicTypePropType } from '@alilc/lowcode-types'; -import { isNodeSchema } from '@alilc/lowcode-utils'; +import { + IPublicModelPluginContext, + IPublicTypeNodeSchema, + IPublicTypePlugin, + IPublicTypePropType, +} from '@lce/lowcode-types'; +import { isNodeSchema } from '@lce/lowcode-utils'; const sampleNodeSchema: IPublicTypePropType = { type: 'shape', @@ -234,11 +239,7 @@ export const nodeCommand: IPublicTypePlugin = (ctx: IPublicModelPluginContext) = nodeSchema: IPublicTypeNodeSchema; index: number; }) => { - const { - parentNodeId, - nodeSchema, - index, - } = param; + const { parentNodeId, nodeSchema, index } = param; const { project } = ctx; const parentNode = project.currentDocument?.getNodeById(parentNodeId); if (!parentNode) { @@ -281,16 +282,8 @@ export const nodeCommand: IPublicTypePlugin = (ctx: IPublicModelPluginContext) = command.registerCommand({ name: 'move', description: 'Move a node to another node.', - handler(param: { - nodeId: string; - targetNodeId: string; - index: number; - }) { - const { - nodeId, - targetNodeId, - index = 0, - } = param; + handler(param: { nodeId: string; targetNodeId: string; index: number }) { + const { nodeId, targetNodeId, index = 0 } = param; if (!nodeId) { throw new Error('Invalid node id.'); @@ -349,12 +342,8 @@ export const nodeCommand: IPublicTypePlugin = (ctx: IPublicModelPluginContext) = command.registerCommand({ name: 'remove', description: 'Remove a node from the canvas.', - handler(param: { - nodeId: string; - }) { - const { - nodeId, - } = param; + handler(param: { nodeId: string }) { + const { nodeId } = param; const node = project.currentDocument?.getNodeById(nodeId); if (!node) { @@ -375,14 +364,8 @@ export const nodeCommand: IPublicTypePlugin = (ctx: IPublicModelPluginContext) = command.registerCommand({ name: 'update', description: 'Update a node.', - handler(param: { - nodeId: string; - nodeSchema: IPublicTypeNodeSchema; - }) { - const { - nodeId, - nodeSchema, - } = param; + handler(param: { nodeId: string; nodeSchema: IPublicTypeNodeSchema }) { + const { nodeId, nodeSchema } = param; const node = project.currentDocument?.getNodeById(nodeId); if (!node) { @@ -412,21 +395,15 @@ export const nodeCommand: IPublicTypePlugin = (ctx: IPublicModelPluginContext) = command.registerCommand({ name: 'updateProps', description: 'Update the properties of a node.', - handler(param: { - nodeId: string; - props: Record<string, any>; - }) { - const { - nodeId, - props, - } = param; + handler(param: { nodeId: string; props: Record<string, any> }) { + const { nodeId, props } = param; const node = project.currentDocument?.getNodeById(nodeId); if (!node) { throw new Error(`Can not find node '${nodeId}'.`); } - Object.keys(props).forEach(key => { + Object.keys(props).forEach((key) => { node.setPropValue(key, props[key]); }); }, @@ -447,21 +424,15 @@ export const nodeCommand: IPublicTypePlugin = (ctx: IPublicModelPluginContext) = command.registerCommand({ name: 'removeProps', description: 'Remove the properties of a node.', - handler(param: { - nodeId: string; - propNames: string[]; - }) { - const { - nodeId, - propNames, - } = param; + handler(param: { nodeId: string; propNames: string[] }) { + const { nodeId, propNames } = param; const node = project.currentDocument?.getNodeById(nodeId); if (!node) { throw new Error(`Can not find node '${nodeId}'.`); } - propNames.forEach(key => { + propNames.forEach((key) => { node.props?.getProp(key)?.remove(); }); }, @@ -494,4 +465,3 @@ nodeCommand.pluginName = '___node_command___'; nodeCommand.meta = { commandScope: 'node', }; - diff --git a/packages/plugin-designer/package.json b/packages/plugin-designer/package.json index ac25097c78..9d8be798dd 100644 --- a/packages/plugin-designer/package.json +++ b/packages/plugin-designer/package.json @@ -1,5 +1,5 @@ { - "name": "@alilc/lowcode-plugin-designer", + "name": "@lce/lowcode-plugin-designer", "version": "1.3.2", "description": "alibaba lowcode editor designer plugin", "files": [ @@ -18,9 +18,9 @@ ], "author": "xiayang.xy", "dependencies": { - "@alilc/lowcode-designer": "1.3.2", - "@alilc/lowcode-editor-core": "1.3.2", - "@alilc/lowcode-utils": "1.3.2", + "@lce/lowcode-designer": "1.3.2", + "@lce/lowcode-editor-core": "1.3.2", + "@lce/lowcode-utils": "1.3.2", "react": "^16.8.1", "react-dom": "^16.8.1" }, diff --git a/packages/plugin-designer/src/index.tsx b/packages/plugin-designer/src/index.tsx index 51b81ff9d0..3af3ffa807 100644 --- a/packages/plugin-designer/src/index.tsx +++ b/packages/plugin-designer/src/index.tsx @@ -1,7 +1,7 @@ import React, { PureComponent } from 'react'; -import { Editor, engineConfig } from '@alilc/lowcode-editor-core'; -import { DesignerView, Designer } from '@alilc/lowcode-designer'; -import { Asset, getLogger } from '@alilc/lowcode-utils'; +import { Editor, engineConfig } from '@lce/lowcode-editor-core'; +import { DesignerView, Designer } from '@lce/lowcode-designer'; +import { Asset, getLogger } from '@lce/lowcode-utils'; import './index.scss'; const logger = getLogger({ level: 'warn', bizName: 'plugin:plugin-designer' }); @@ -58,7 +58,8 @@ export default class DesignerPlugin extends PureComponent<PluginProps, DesignerP const deviceClassName = engineConfig.get('deviceClassName') || editor.get('deviceClassName'); const simulatorUrl = engineConfig.get('simulatorUrl') || editor.get('simulatorUrl'); // @TODO setupAssets 里设置 requestHandlersMap 不太合适 - const requestHandlersMap = engineConfig.get('requestHandlersMap') || editor.get('requestHandlersMap'); + const requestHandlersMap = + engineConfig.get('requestHandlersMap') || editor.get('requestHandlersMap'); if (!this._mounted) { return; } diff --git a/packages/plugin-outline-pane/package.json b/packages/plugin-outline-pane/package.json index f50f71cbfe..2bd507fb4b 100644 --- a/packages/plugin-outline-pane/package.json +++ b/packages/plugin-outline-pane/package.json @@ -1,5 +1,5 @@ { - "name": "@alilc/lowcode-plugin-outline-pane", + "name": "@lce/lowcode-plugin-outline-pane", "version": "1.3.2", "description": "Outline pane for Ali lowCode engine", "files": [ @@ -13,8 +13,8 @@ }, "dependencies": { "@alifd/next": "^1.19.16", - "@alilc/lowcode-types": "1.3.2", - "@alilc/lowcode-utils": "1.3.2", + "@lce/lowcode-types": "1.3.2", + "@lce/lowcode-utils": "1.3.2", "classnames": "^2.2.6", "react": "^16", "react-dom": "^16.7.0", diff --git a/packages/plugin-outline-pane/src/controllers/pane-controller.ts b/packages/plugin-outline-pane/src/controllers/pane-controller.ts index 6a9ae7c40c..25c68b6937 100644 --- a/packages/plugin-outline-pane/src/controllers/pane-controller.ts +++ b/packages/plugin-outline-pane/src/controllers/pane-controller.ts @@ -5,7 +5,7 @@ import { isDragNodeObject, isDragAnyObject, isLocationChildrenDetail, -} from '@alilc/lowcode-utils'; +} from '@lce/lowcode-utils'; import { IPublicModelDragObject, IPublicTypeScrollable, @@ -17,7 +17,7 @@ import { IPublicModelScroller, IPublicModelScrollTarget, IPublicModelLocateEvent, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; import TreeNode from './tree-node'; import { IndentTrack } from '../helper/indent-track'; import DwellTimer from '../helper/dwell-timer'; @@ -175,7 +175,12 @@ export class PaneController implements IPublicModelSensor, ITreeBoard, IPublicTy const originLoc = document?.dropLocation; const componentMeta = e.dragObject?.nodes ? e.dragObject.nodes[0].componentMeta : null; - if (e.dragObject?.type === 'node' && componentMeta && componentMeta.isModal && document?.focusNode) { + if ( + e.dragObject?.type === 'node' && + componentMeta && + componentMeta.isModal && + document?.focusNode + ) { return canvas.createLocation({ target: document?.focusNode, detail: { @@ -188,9 +193,12 @@ export class PaneController implements IPublicModelSensor, ITreeBoard, IPublicTy }); } - if (originLoc - && ((pos && pos === 'unchanged') || (irect && globalY >= irect.top && globalY <= irect.bottom)) - && dragObject) { + if ( + originLoc && + ((pos && pos === 'unchanged') || + (irect && globalY >= irect.top && globalY <= irect.bottom)) && + dragObject + ) { const loc = originLoc.clone(e); const indented = this.indentTrack.getIndentParent(originLoc, loc); if (indented) { @@ -219,7 +227,7 @@ export class PaneController implements IPublicModelSensor, ITreeBoard, IPublicTy } else { this.dwell.reset(); } - // FIXME: recreate new location + // FIXME: recreate new location } else if ((originLoc.detail as IPublicTypeLocationChildrenDetail).near) { (originLoc.detail as IPublicTypeLocationChildrenDetail).near = undefined; this.dwell.reset(); @@ -286,7 +294,12 @@ export class PaneController implements IPublicModelSensor, ITreeBoard, IPublicTy return false; } const rect = this._shell.getBoundingClientRect(); - return e.globalY >= rect.top && e.globalY <= rect.bottom && e.globalX >= rect.left && e.globalX <= rect.right; + return ( + e.globalY >= rect.top && + e.globalY <= rect.bottom && + e.globalX >= rect.left && + e.globalX <= rect.right + ); } /** @@ -325,7 +338,9 @@ export class PaneController implements IPublicModelSensor, ITreeBoard, IPublicTy if (!rect) { if (tryTimes < 3) { - this.tryScrollAgain = requestIdleCallback(() => this.scrollToNode(treeNode, detail, tryTimes + 1)); + this.tryScrollAgain = requestIdleCallback(() => + this.scrollToNode(treeNode, detail, tryTimes + 1), + ); } return; } @@ -333,7 +348,10 @@ export class PaneController implements IPublicModelSensor, ITreeBoard, IPublicTy const { height, top, bottom } = this.bounds; if (rect.top < top || rect.bottom > bottom) { const opt: any = {}; - opt.top = Math.min(rect.top + rect.height / 2 + scrollTop - top - height / 2, scrollHeight - height); + opt.top = Math.min( + rect.top + rect.height / 2 + scrollTop - top - height / 2, + scrollHeight - height, + ); if (rect.height >= height) { opt.top = Math.min(scrollTop + rect.top - top, opt.top); } @@ -347,7 +365,12 @@ export class PaneController implements IPublicModelSensor, ITreeBoard, IPublicTy /** -------------------- ITreeBoard end -------------------- */ - private getNear(treeNode: TreeNode, e: IPublicModelLocateEvent, originalIndex?: number, originalRect?: DOMRect) { + private getNear( + treeNode: TreeNode, + e: IPublicModelLocateEvent, + originalIndex?: number, + originalRect?: DOMRect, + ) { const { canvas, project } = this.pluginContext; const document = project.getCurrentDocument(); const { globalY, dragObject } = e; @@ -419,7 +442,9 @@ export class PaneController implements IPublicModelSensor, ITreeBoard, IPublicTy index, valid: document?.checkNesting(node.parent!, dragObject as any), near: { node, pos: 'before' }, - focus: checkRecursion(focusNode, dragObject) ? { type: 'node', node: focusNode } : undefined, + focus: checkRecursion(focusNode, dragObject) + ? { type: 'node', node: focusNode } + : undefined, }, }); } @@ -446,12 +471,17 @@ export class PaneController implements IPublicModelSensor, ITreeBoard, IPublicTy index: (index || 0) + 1, valid: document?.checkNesting(node.parent!, dragObject as any), near: { node, pos: 'after' }, - focus: checkRecursion(focusNode, dragObject) ? { type: 'node', node: focusNode } : undefined, + focus: checkRecursion(focusNode, dragObject) + ? { type: 'node', node: focusNode } + : undefined, }, }); } - private drillLocate(treeNode: TreeNode, e: IPublicModelLocateEvent): IPublicModelDropLocation | null { + private drillLocate( + treeNode: TreeNode, + e: IPublicModelLocateEvent, + ): IPublicModelDropLocation | null { const { canvas, project } = this.pluginContext; const document = project.getCurrentDocument(); const { dragObject, globalY } = e; @@ -615,25 +645,34 @@ export class PaneController implements IPublicModelSensor, ITreeBoard, IPublicTy if (!this._shell) { return undefined; } - return this._shell.querySelector(`.tree-node[data-id="${treeNode.nodeId}"]`)?.getBoundingClientRect(); + return this._shell + .querySelector(`.tree-node[data-id="${treeNode.nodeId}"]`) + ?.getBoundingClientRect(); } private getTreeTitleRect(treeNode: TreeNode): DOMRect | undefined { if (!this._shell) { return undefined; } - return this._shell.querySelector(`.tree-node-title[data-id="${treeNode.nodeId}"]`)?.getBoundingClientRect(); + return this._shell + .querySelector(`.tree-node-title[data-id="${treeNode.nodeId}"]`) + ?.getBoundingClientRect(); } private getTreeSlotsRect(treeNode: TreeNode): DOMRect | undefined { if (!this._shell) { return undefined; } - return this._shell.querySelector(`.tree-node-slots[data-id="${treeNode.nodeId}"]`)?.getBoundingClientRect(); + return this._shell + .querySelector(`.tree-node-slots[data-id="${treeNode.nodeId}"]`) + ?.getBoundingClientRect(); } } -function checkRecursion(parent: IPublicModelNode | undefined | null, dragObject: IPublicModelDragObject): boolean { +function checkRecursion( + parent: IPublicModelNode | undefined | null, + dragObject: IPublicModelDragObject, +): boolean { if (!parent) { return false; } diff --git a/packages/plugin-outline-pane/src/controllers/tree-master.ts b/packages/plugin-outline-pane/src/controllers/tree-master.ts index f86ce3deca..4980c70fb9 100644 --- a/packages/plugin-outline-pane/src/controllers/tree-master.ts +++ b/packages/plugin-outline-pane/src/controllers/tree-master.ts @@ -1,5 +1,11 @@ -import { isLocationChildrenDetail } from '@alilc/lowcode-utils'; -import { IPublicModelPluginContext, IPublicTypeActiveTarget, IPublicModelNode, IPublicTypeDisposable, IPublicEnumPluginRegisterLevel } from '@alilc/lowcode-types'; +import { isLocationChildrenDetail } from '@lce/lowcode-utils'; +import { + IPublicModelPluginContext, + IPublicTypeActiveTarget, + IPublicModelNode, + IPublicTypeDisposable, + IPublicEnumPluginRegisterLevel, +} from '@lce/lowcode-types'; import TreeNode from './tree-node'; import { Tree } from './tree'; import EventEmitter from 'events'; @@ -33,9 +39,12 @@ export class TreeMaster { event = new EventEmitter(); - constructor(pluginContext: IPublicModelPluginContext, readonly options: { - extraTitle?: string; - }) { + constructor( + pluginContext: IPublicModelPluginContext, + readonly options: { + extraTitle?: string; + }, + ) { this.setPluginContext(pluginContext); const { workspace } = this.pluginContext; this.initEvent(); @@ -79,7 +88,7 @@ export class TreeMaster { } private disposeEvent() { - this.disposeEvents.forEach(d => { + this.disposeEvents.forEach((d) => { d && d(); }); } @@ -90,7 +99,7 @@ export class TreeMaster { const setExpandByActiveTracker = (target: IPublicTypeActiveTarget) => { const { node, detail } = target; const tree = this.currentTree; - if (!tree/* || node.document !== tree.document */) { + if (!tree /* || node.document !== tree.document */) { return; } const treeNode = tree.getTreeNode(node); @@ -121,14 +130,15 @@ export class TreeMaster { } const npm = n?.componentMeta?.npm; return ( - [npm?.package, npm?.componentName].filter((item) => !!item).join('-') || n?.componentMeta?.componentName + [npm?.package, npm?.componentName].filter((item) => !!item).join('-') || + n?.componentMeta?.componentName ); }) .join('&'), time: (endTime - startTime).toFixed(2), }); }), - project.onRemoveDocument((data: {id: string}) => { + project.onRemoveDocument((data: { id: string }) => { const { id } = data; this.treeMap.delete(id); }), diff --git a/packages/plugin-outline-pane/src/controllers/tree-node.ts b/packages/plugin-outline-pane/src/controllers/tree-node.ts index 34d06fee0b..93b4dbe59a 100644 --- a/packages/plugin-outline-pane/src/controllers/tree-node.ts +++ b/packages/plugin-outline-pane/src/controllers/tree-node.ts @@ -3,8 +3,8 @@ import { IPublicTypeLocationChildrenDetail, IPublicModelNode, IPublicTypeDisposable, -} from '@alilc/lowcode-types'; -import { isI18nData, isLocationChildrenDetail, uniqueId } from '@alilc/lowcode-utils'; +} from '@lce/lowcode-types'; +import { isI18nData, isLocationChildrenDetail, uniqueId } from '@lce/lowcode-utils'; import EventEmitter from 'events'; import { Tree } from './tree'; import { IOutlinePanelPluginContext } from './tree-master'; @@ -83,7 +83,9 @@ export default class TreeNode { */ get dropDetail(): IPublicTypeLocationChildrenDetail | undefined | null { const loc = this.pluginContext.project.getCurrentDocument()?.dropLocation; - return loc && this.isResponseDropping() && isLocationChildrenDetail(loc.detail) ? loc.detail : null; + return loc && this.isResponseDropping() && isLocationChildrenDetail(loc.detail) + ? loc.detail + : null; } get depth(): number { @@ -92,7 +94,7 @@ export default class TreeNode { get detecting() { const doc = this.pluginContext.project.currentDocument; - return !!(doc?.isDetectingNode(this.node)); + return !!doc?.isDetectingNode(this.node); } get hidden(): boolean { @@ -260,7 +262,9 @@ export default class TreeNode { return false; } return ( - isLocationChildrenDetail(loc.detail) && loc.detail.focus?.type === 'node' && loc.detail?.focus?.node.id === this.nodeId + isLocationChildrenDetail(loc.detail) && + loc.detail.focus?.type === 'node' && + loc.detail?.focus?.node.id === this.nodeId ); } diff --git a/packages/plugin-outline-pane/src/controllers/tree.ts b/packages/plugin-outline-pane/src/controllers/tree.ts index ca5a43c554..70cb7d6947 100644 --- a/packages/plugin-outline-pane/src/controllers/tree.ts +++ b/packages/plugin-outline-pane/src/controllers/tree.ts @@ -1,5 +1,5 @@ import TreeNode from './tree-node'; -import { IPublicModelNode, IPublicTypePropChangeOptions } from '@alilc/lowcode-types'; +import { IPublicModelNode, IPublicTypePropChangeOptions } from '@lce/lowcode-types'; import { IOutlinePanelPluginContext, TreeMaster } from './tree-master'; export class Tree { @@ -24,7 +24,7 @@ export class Tree { const doc = this.pluginContext.project.currentDocument; this.id = doc?.id; - doc?.onChangeNodeChildren((info: {node: IPublicModelNode }) => { + doc?.onChangeNodeChildren((info: { node: IPublicModelNode }) => { const { node } = info; const treeNode = this.getTreeNodeById(node.id); treeNode?.notifyExpandableChanged(); diff --git a/packages/plugin-outline-pane/src/helper/dwell-timer.ts b/packages/plugin-outline-pane/src/helper/dwell-timer.ts index c35dc0d117..3a57a7f1e3 100644 --- a/packages/plugin-outline-pane/src/helper/dwell-timer.ts +++ b/packages/plugin-outline-pane/src/helper/dwell-timer.ts @@ -1,6 +1,9 @@ -import { isLocationChildrenDetail } from '@alilc/lowcode-utils'; -import { IPublicModelNode, IPublicModelDropLocation, IPublicModelLocateEvent } from '@alilc/lowcode-types'; - +import { isLocationChildrenDetail } from '@lce/lowcode-utils'; +import { + IPublicModelNode, + IPublicModelDropLocation, + IPublicModelLocateEvent, +} from '@lce/lowcode-types'; /** * 停留检查计时器 @@ -16,7 +19,10 @@ export default class DwellTimer { private timeout = 500; - constructor(decide: (node: IPublicModelNode, event: IPublicModelLocateEvent) => void, timeout = 500) { + constructor( + decide: (node: IPublicModelNode, event: IPublicModelLocateEvent) => void, + timeout = 500, + ) { this.decide = decide; this.timeout = timeout; } diff --git a/packages/plugin-outline-pane/src/helper/indent-track.ts b/packages/plugin-outline-pane/src/helper/indent-track.ts index a9965bf291..39aebf22d4 100644 --- a/packages/plugin-outline-pane/src/helper/indent-track.ts +++ b/packages/plugin-outline-pane/src/helper/indent-track.ts @@ -1,6 +1,5 @@ -import { isLocationChildrenDetail } from '@alilc/lowcode-utils'; -import { IPublicModelDropLocation, IPublicModelNode } from '@alilc/lowcode-types'; - +import { isLocationChildrenDetail } from '@lce/lowcode-utils'; +import { IPublicModelDropLocation, IPublicModelNode } from '@lce/lowcode-types'; const IndentSensitive = 15; export class IndentTrack { @@ -11,7 +10,10 @@ export class IndentTrack { } // eslint-disable-next-line max-len - getIndentParent(lastLoc: IPublicModelDropLocation, loc: IPublicModelDropLocation): [IPublicModelNode, number | undefined] | null { + getIndentParent( + lastLoc: IPublicModelDropLocation, + loc: IPublicModelDropLocation, + ): [IPublicModelNode, number | undefined] | null { if ( lastLoc.target !== loc.target || !isLocationChildrenDetail(lastLoc.detail) || diff --git a/packages/plugin-outline-pane/src/icons/arrow-right.tsx b/packages/plugin-outline-pane/src/icons/arrow-right.tsx index 0a1418746b..bf83d14d33 100644 --- a/packages/plugin-outline-pane/src/icons/arrow-right.tsx +++ b/packages/plugin-outline-pane/src/icons/arrow-right.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconArrowRight(props: IconProps) { return ( diff --git a/packages/plugin-outline-pane/src/icons/cond.tsx b/packages/plugin-outline-pane/src/icons/cond.tsx index 7423b41396..c994b704db 100644 --- a/packages/plugin-outline-pane/src/icons/cond.tsx +++ b/packages/plugin-outline-pane/src/icons/cond.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconCond(props: IconProps) { return ( diff --git a/packages/plugin-outline-pane/src/icons/delete.tsx b/packages/plugin-outline-pane/src/icons/delete.tsx index 1f93600196..838e3c1bac 100644 --- a/packages/plugin-outline-pane/src/icons/delete.tsx +++ b/packages/plugin-outline-pane/src/icons/delete.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconDelete(props: IconProps) { return ( diff --git a/packages/plugin-outline-pane/src/icons/eye-close.tsx b/packages/plugin-outline-pane/src/icons/eye-close.tsx index e6e35f3264..ce98f7e120 100644 --- a/packages/plugin-outline-pane/src/icons/eye-close.tsx +++ b/packages/plugin-outline-pane/src/icons/eye-close.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconEyeClose(props: IconProps) { return ( diff --git a/packages/plugin-outline-pane/src/icons/eye.tsx b/packages/plugin-outline-pane/src/icons/eye.tsx index fd1fbad4a6..ff0d7a1808 100644 --- a/packages/plugin-outline-pane/src/icons/eye.tsx +++ b/packages/plugin-outline-pane/src/icons/eye.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconEye(props: IconProps) { return ( diff --git a/packages/plugin-outline-pane/src/icons/filter.tsx b/packages/plugin-outline-pane/src/icons/filter.tsx index 11e2f719d0..386c2f1b92 100644 --- a/packages/plugin-outline-pane/src/icons/filter.tsx +++ b/packages/plugin-outline-pane/src/icons/filter.tsx @@ -1,9 +1,13 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconFilter(props: IconProps) { return ( <SVGIcon viewBox="0 0 1024 1024" {...props}> - <path d="M911.457097 168.557714a35.986286 35.986286 0 0 1-8.009143 40.009143L621.73824 490.276571V914.285714c0 14.848-9.142857 28.013714-22.272 33.718857A42.349714 42.349714 0 0 1 585.166811 950.857143a34.084571 34.084571 0 0 1-25.709714-10.861714l-146.285714-146.285715A36.425143 36.425143 0 0 1 402.309669 768v-277.723429L120.599954 208.566857a35.986286 35.986286 0 0 1-8.009143-40.009143C118.295954 155.428571 131.461669 146.285714 146.309669 146.285714h731.428571c14.848 0 28.013714 9.142857 33.718857 22.272z" fill="#666" p-id="2025" /> + <path + d="M911.457097 168.557714a35.986286 35.986286 0 0 1-8.009143 40.009143L621.73824 490.276571V914.285714c0 14.848-9.142857 28.013714-22.272 33.718857A42.349714 42.349714 0 0 1 585.166811 950.857143a34.084571 34.084571 0 0 1-25.709714-10.861714l-146.285714-146.285715A36.425143 36.425143 0 0 1 402.309669 768v-277.723429L120.599954 208.566857a35.986286 35.986286 0 0 1-8.009143-40.009143C118.295954 155.428571 131.461669 146.285714 146.309669 146.285714h731.428571c14.848 0 28.013714 9.142857 33.718857 22.272z" + fill="#666" + p-id="2025" + /> </SVGIcon> ); } diff --git a/packages/plugin-outline-pane/src/icons/lock.tsx b/packages/plugin-outline-pane/src/icons/lock.tsx index f5ead19c40..2c4d63d82c 100644 --- a/packages/plugin-outline-pane/src/icons/lock.tsx +++ b/packages/plugin-outline-pane/src/icons/lock.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconLock(props: IconProps) { return ( diff --git a/packages/plugin-outline-pane/src/icons/loop.tsx b/packages/plugin-outline-pane/src/icons/loop.tsx index f128dd4605..16b34488e2 100644 --- a/packages/plugin-outline-pane/src/icons/loop.tsx +++ b/packages/plugin-outline-pane/src/icons/loop.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconLoop(props: IconProps) { return ( diff --git a/packages/plugin-outline-pane/src/icons/outline.tsx b/packages/plugin-outline-pane/src/icons/outline.tsx index a3b7654e1e..47f88b0378 100644 --- a/packages/plugin-outline-pane/src/icons/outline.tsx +++ b/packages/plugin-outline-pane/src/icons/outline.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconOutline(props: IconProps) { return ( @@ -9,4 +9,3 @@ export function IconOutline(props: IconProps) { } IconOutline.displayName = 'IconOutline'; - diff --git a/packages/plugin-outline-pane/src/icons/radio-active.tsx b/packages/plugin-outline-pane/src/icons/radio-active.tsx index dcd4e938dc..86a5b79a70 100644 --- a/packages/plugin-outline-pane/src/icons/radio-active.tsx +++ b/packages/plugin-outline-pane/src/icons/radio-active.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconRadioActive(props: IconProps) { return ( @@ -9,4 +9,3 @@ export function IconRadioActive(props: IconProps) { } IconRadioActive.displayName = 'IconRadioActive'; - diff --git a/packages/plugin-outline-pane/src/icons/radio.tsx b/packages/plugin-outline-pane/src/icons/radio.tsx index 9bb8fdf6f2..1fa9e85343 100644 --- a/packages/plugin-outline-pane/src/icons/radio.tsx +++ b/packages/plugin-outline-pane/src/icons/radio.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconRadio(props: IconProps) { return ( @@ -9,4 +9,3 @@ export function IconRadio(props: IconProps) { } IconRadio.displayName = 'IconRadio'; - diff --git a/packages/plugin-outline-pane/src/icons/setting.tsx b/packages/plugin-outline-pane/src/icons/setting.tsx index a42b0ee013..4678178e6b 100644 --- a/packages/plugin-outline-pane/src/icons/setting.tsx +++ b/packages/plugin-outline-pane/src/icons/setting.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconSetting(props: IconProps) { return ( diff --git a/packages/plugin-outline-pane/src/icons/unlock.tsx b/packages/plugin-outline-pane/src/icons/unlock.tsx index 1f651210f1..8b8f0bda09 100644 --- a/packages/plugin-outline-pane/src/icons/unlock.tsx +++ b/packages/plugin-outline-pane/src/icons/unlock.tsx @@ -1,4 +1,4 @@ -import { SVGIcon, IconProps } from '@alilc/lowcode-utils'; +import { SVGIcon, IconProps } from '@lce/lowcode-utils'; export function IconUnlock(props: IconProps) { return ( diff --git a/packages/plugin-outline-pane/src/index.tsx b/packages/plugin-outline-pane/src/index.tsx index 822c503f27..63ba5a1f61 100644 --- a/packages/plugin-outline-pane/src/index.tsx +++ b/packages/plugin-outline-pane/src/index.tsx @@ -1,6 +1,6 @@ import { Pane } from './views/pane'; import { IconOutline } from './icons/outline'; -import { IPublicModelPluginContext, IPublicModelDocumentModel } from '@alilc/lowcode-types'; +import { IPublicModelPluginContext, IPublicModelDocumentModel } from '@lce/lowcode-types'; import { MasterPaneName, BackupPaneName } from './helper/consts'; import { TreeMaster } from './controllers/tree-master'; import { PaneController } from './controllers/pane-controller'; diff --git a/packages/plugin-outline-pane/src/views/pane.tsx b/packages/plugin-outline-pane/src/views/pane.tsx index 4b807ca180..5e91fa6135 100644 --- a/packages/plugin-outline-pane/src/views/pane.tsx +++ b/packages/plugin-outline-pane/src/views/pane.tsx @@ -6,15 +6,18 @@ import './style.less'; import Filter from './filter'; import { TreeMaster } from '../controllers/tree-master'; import { Tree } from '../controllers/tree'; -import { IPublicTypeDisposable } from '@alilc/lowcode-types'; +import { IPublicTypeDisposable } from '@lce/lowcode-types'; -export class Pane extends PureComponent<{ - treeMaster: TreeMaster; - controller: PaneController; - hideFilter?: boolean; -}, { - tree: Tree | null; -}> { +export class Pane extends PureComponent< + { + treeMaster: TreeMaster; + controller: PaneController; + hideFilter?: boolean; + }, + { + tree: Tree | null; + } +> { private controller; private simulatorRendererReadyDispose: IPublicTypeDisposable; @@ -28,9 +31,14 @@ export class Pane extends PureComponent<{ this.state = { tree: treeMaster.currentTree, }; - this.simulatorRendererReadyDispose = this.props.treeMaster.pluginContext?.project?.onSimulatorRendererReady(this.changeTree); - this.changeDocumentDispose = this.props.treeMaster.pluginContext?.project?.onChangeDocument(this.changeTree); - this.removeDocumentDispose = this.props.treeMaster.pluginContext?.project?.onRemoveDocument(this.changeTree); + this.simulatorRendererReadyDispose = + this.props.treeMaster.pluginContext?.project?.onSimulatorRendererReady(this.changeTree); + this.changeDocumentDispose = this.props.treeMaster.pluginContext?.project?.onChangeDocument( + this.changeTree, + ); + this.removeDocumentDispose = this.props.treeMaster.pluginContext?.project?.onRemoveDocument( + this.changeTree, + ); } changeTree = () => { @@ -67,8 +75,13 @@ export class Pane extends PureComponent<{ return ( <div className="lc-outline-pane"> - { !this.props.hideFilter && <Filter tree={tree} /> } - <div ref={(shell) => this.controller.mount(shell)} className={`lc-outline-tree-container ${ this.props.hideFilter ? 'lc-hidden-outline-filter' : '' }`}> + {!this.props.hideFilter && <Filter tree={tree} />} + <div + ref={(shell) => this.controller.mount(shell)} + className={`lc-outline-tree-container ${ + this.props.hideFilter ? 'lc-hidden-outline-filter' : '' + }`} + > <TreeView key={tree.id} tree={tree} /> </div> </div> diff --git a/packages/plugin-outline-pane/src/views/tree-branches.tsx b/packages/plugin-outline-pane/src/views/tree-branches.tsx index 41bd694812..45bf957dc9 100644 --- a/packages/plugin-outline-pane/src/views/tree-branches.tsx +++ b/packages/plugin-outline-pane/src/views/tree-branches.tsx @@ -2,7 +2,11 @@ import { PureComponent } from 'react'; import classNames from 'classnames'; import TreeNode from '../controllers/tree-node'; import TreeNodeView from './tree-node'; -import { IPublicModelExclusiveGroup, IPublicTypeDisposable, IPublicTypeLocationChildrenDetail } from '@alilc/lowcode-types'; +import { + IPublicModelExclusiveGroup, + IPublicTypeDisposable, + IPublicTypeLocationChildrenDetail, +} from '@lce/lowcode-types'; export default class TreeBranches extends PureComponent<{ treeNode: TreeNode; @@ -49,9 +53,7 @@ export default class TreeBranches extends PureComponent<{ return ( <div className="tree-node-branches"> - { - !isModal && <TreeNodeSlots treeNode={treeNode} /> - } + {!isModal && <TreeNodeSlots treeNode={treeNode} />} <TreeNodeChildren treeNode={treeNode} isModal={isModal || false} @@ -68,11 +70,14 @@ interface ITreeNodeChildrenState { keywords: string | null; dropDetail: IPublicTypeLocationChildrenDetail | undefined | null; } -class TreeNodeChildren extends PureComponent<{ +class TreeNodeChildren extends PureComponent< + { treeNode: TreeNode; isModal?: boolean; treeChildren: TreeNode[] | null; - }, ITreeNodeChildrenState> { + }, + ITreeNodeChildrenState +> { state: ITreeNodeChildrenState = { filterWorking: false, matchSelf: false, @@ -96,18 +101,16 @@ class TreeNodeChildren extends PureComponent<{ filterWorking: newFilterWorking, matchSelf: newMatchChild, keywords: newKeywords, - } = treeNode.filterReult; + } = treeNode.filterReult; this.setState({ filterWorking: newFilterWorking, matchSelf: newMatchChild, keywords: newKeywords, }); }); - this.offLocationChanged = project.currentDocument?.onDropLocationChanged( - () => { - this.setState({ dropDetail: treeNode.dropDetail }); - }, - ); + this.offLocationChanged = project.currentDocument?.onDropLocationChanged(() => { + this.setState({ dropDetail: treeNode.dropDetail }); + }); } componentWillUnmount(): void { this.offLocationChanged && this.offLocationChanged(); @@ -124,7 +127,11 @@ class TreeNodeChildren extends PureComponent<{ const endGroup = () => { if (groupContents.length > 0) { children.push( - <div key={currentGrp.id} className="condition-group-container" data-id={currentGrp.firstNode?.id}> + <div + key={currentGrp.id} + className="condition-group-container" + data-id={currentGrp.firstNode?.id} + > <div className="condition-group-title"> {/* @ts-ignore */} <Title @@ -188,8 +195,8 @@ class TreeNodeChildren extends PureComponent<{ } class TreeNodeSlots extends PureComponent<{ - treeNode: TreeNode; - }> { + treeNode: TreeNode; +}> { render() { const { treeNode } = this.props; if (!treeNode.hasSlots()) { @@ -205,9 +212,11 @@ class TreeNodeSlots extends PureComponent<{ > <div className="tree-node-slots-title"> {/* @ts-ignore */} - <Title title={{ type: 'i18n', intl: this.props.treeNode.pluginContext.intlNode('Slots') }} /> + <Title + title={{ type: 'i18n', intl: this.props.treeNode.pluginContext.intlNode('Slots') }} + /> </div> - {treeNode.slots.map(tnode => ( + {treeNode.slots.map((tnode) => ( <TreeNodeView key={tnode.nodeId} treeNode={tnode} /> ))} </div> diff --git a/packages/plugin-outline-pane/src/views/tree-node.tsx b/packages/plugin-outline-pane/src/views/tree-node.tsx index 11bd95d12f..04c4ce2a43 100644 --- a/packages/plugin-outline-pane/src/views/tree-node.tsx +++ b/packages/plugin-outline-pane/src/views/tree-node.tsx @@ -4,20 +4,21 @@ import TreeNode from '../controllers/tree-node'; import TreeTitle from './tree-title'; import TreeBranches from './tree-branches'; import { IconEyeClose } from '../icons/eye-close'; -import { IPublicModelModalNodesManager, IPublicTypeDisposable } from '@alilc/lowcode-types'; +import { IPublicModelModalNodesManager, IPublicTypeDisposable } from '@lce/lowcode-types'; import { IOutlinePanelPluginContext } from '../controllers/tree-master'; -class ModalTreeNodeView extends PureComponent<{ - treeNode: TreeNode; -}, { - treeChildren: TreeNode[] | null; -}> { +class ModalTreeNodeView extends PureComponent< + { + treeNode: TreeNode; + }, + { + treeChildren: TreeNode[] | null; + } +> { private modalNodesManager: IPublicModelModalNodesManager | undefined | null; readonly pluginContext: IOutlinePanelPluginContext; - constructor(props: { - treeNode: TreeNode; - }) { + constructor(props: { treeNode: TreeNode }) { super(props); // 模态管理对象 @@ -145,9 +146,9 @@ export default class TreeNodeView extends PureComponent<{ const doc = project.currentDocument; - treeNode.onExpandedChanged(((expanded: boolean) => { + treeNode.onExpandedChanged((expanded: boolean) => { this.setState({ expanded }); - })); + }); treeNode.onHiddenChanged((hidden: boolean) => { this.setState({ hidden }); }); @@ -161,8 +162,16 @@ export default class TreeNodeView extends PureComponent<{ }); }); treeNode.onFilterResultChanged(() => { - const { filterWorking: newFilterWorking, matchChild: newMatchChild, matchSelf: newMatchSelf } = treeNode.filterReult; - this.setState({ filterWorking: newFilterWorking, matchChild: newMatchChild, matchSelf: newMatchSelf }); + const { + filterWorking: newFilterWorking, + matchChild: newMatchChild, + matchSelf: newMatchSelf, + } = treeNode.filterReult; + this.setState({ + filterWorking: newFilterWorking, + matchChild: newMatchChild, + matchSelf: newMatchSelf, + }); }); this.eventOffCallbacks.push( doc?.onDropLocationChanged(() => { @@ -233,10 +242,7 @@ export default class TreeNodeView extends PureComponent<{ return null; } return ( - <div - className={className} - data-id={treeNode.nodeId} - > + <div className={className} data-id={treeNode.nodeId}> <TreeTitle treeNode={treeNode} isModal={isModal} @@ -245,11 +251,7 @@ export default class TreeNodeView extends PureComponent<{ locked={this.state.locked} expandable={this.state.expandable} /> - {shouldShowModalTreeNode && - <ModalTreeNodeView - treeNode={treeNode} - /> - } + {shouldShowModalTreeNode && <ModalTreeNodeView treeNode={treeNode} />} <TreeBranches treeNode={treeNode} isModal={false} diff --git a/packages/plugin-outline-pane/src/views/tree-title.tsx b/packages/plugin-outline-pane/src/views/tree-title.tsx index f822bd644b..8dadc8e44c 100644 --- a/packages/plugin-outline-pane/src/views/tree-title.tsx +++ b/packages/plugin-outline-pane/src/views/tree-title.tsx @@ -1,15 +1,34 @@ import { KeyboardEvent, FocusEvent, Fragment, PureComponent } from 'react'; import classNames from 'classnames'; -import { createIcon } from '@alilc/lowcode-utils'; -import { IPublicApiEvent } from '@alilc/lowcode-types'; +import { createIcon } from '@lce/lowcode-utils'; +import { IPublicApiEvent } from '@lce/lowcode-types'; import TreeNode from '../controllers/tree-node'; -import { IconLock, IconUnlock, IconArrowRight, IconEyeClose, IconEye, IconCond, IconLoop, IconRadioActive, IconRadio, IconSetting, IconDelete } from '../icons'; +import { + IconLock, + IconUnlock, + IconArrowRight, + IconEyeClose, + IconEye, + IconCond, + IconLoop, + IconRadioActive, + IconRadio, + IconSetting, + IconDelete, +} from '../icons'; -function emitOutlineEvent(event: IPublicApiEvent, type: string, treeNode: TreeNode, rest?: Record<string, unknown>) { +function emitOutlineEvent( + event: IPublicApiEvent, + type: string, + treeNode: TreeNode, + rest?: Record<string, unknown>, +) { const node = treeNode?.node; const npm = node?.componentMeta?.npm; const selected = - [npm?.package, npm?.componentName].filter((item) => !!item).join('-') || node?.componentMeta?.componentName || ''; + [npm?.package, npm?.componentName].filter((item) => !!item).join('-') || + node?.componentMeta?.componentName || + ''; event.emit(`outlinePane.${type}`, { selected, ...rest, @@ -107,8 +126,16 @@ export default class TreeTitle extends PureComponent<{ }); }); treeNode.onFilterResultChanged(() => { - const { filterWorking: newFilterWorking, keywords: newKeywords, matchSelf: newMatchSelf } = treeNode.filterReult; - this.setState({ filterWorking: newFilterWorking, keywords: newKeywords, matchSelf: newMatchSelf }); + const { + filterWorking: newFilterWorking, + keywords: newKeywords, + matchSelf: newMatchSelf, + } = treeNode.filterReult; + this.setState({ + filterWorking: newFilterWorking, + keywords: newKeywords, + matchSelf: newMatchSelf, + }); }); } deleteClick = () => { @@ -123,7 +150,9 @@ export default class TreeTitle extends PureComponent<{ const isCNode = !treeNode.isRoot(); const { node } = treeNode; const { componentMeta } = node; - const availableActions = componentMeta ? componentMeta.availableActions.map((availableAction) => availableAction.name) : []; + const availableActions = componentMeta + ? componentMeta.availableActions.map((availableAction) => availableAction.name) + : []; const isNodeParent = node.isParentalNode; const isContainer = node.isContainerNode; let style: any; @@ -142,7 +171,12 @@ export default class TreeTitle extends PureComponent<{ const couldLock = availableActions.includes('lock'); const couldUnlock = availableActions.includes('unlock'); const shouldShowHideBtn = isCNode && isNodeParent && !isModal && couldHide; - const shouldShowLockBtn = config.get('enableCanvasLock', false) && isContainer && isCNode && isNodeParent && ((couldLock && !node.isLocked) || (couldUnlock && node.isLocked)); + const shouldShowLockBtn = + config.get('enableCanvasLock', false) && + isContainer && + isCNode && + isNodeParent && + ((couldLock && !node.isLocked) || (couldUnlock && node.isLocked)); const shouldEditBtn = isCNode && isNodeParent; const shouldDeleteBtn = isCNode && isNodeParent && node?.canPerformAction('remove'); return ( @@ -165,22 +199,30 @@ export default class TreeTitle extends PureComponent<{ }} > {isModal && this.state.visible && ( - <div onClick={() => { - node.document?.modalNodesManager?.setInvisible(node); - }} + <div + onClick={() => { + node.document?.modalNodesManager?.setInvisible(node); + }} > <IconRadioActive className="tree-node-modal-radio-active" /> </div> )} {isModal && !this.state.visible && ( - <div onClick={() => { - node.document?.modalNodesManager?.setVisible(node); - }} + <div + onClick={() => { + node.document?.modalNodesManager?.setVisible(node); + }} > <IconRadio className="tree-node-modal-radio" /> </div> )} - {isCNode && <ExpandBtn expandable={this.props.expandable} expanded={this.props.expanded} treeNode={treeNode} />} + {isCNode && ( + <ExpandBtn + expandable={this.props.expandable} + expanded={this.props.expanded} + treeNode={treeNode} + /> + )} <div className="tree-node-icon">{createIcon(treeNode.icon)}</div> <div className="tree-node-title-label"> {editing ? ( @@ -243,10 +285,7 @@ class DeleteBtn extends PureComponent<{ const { intl, common } = this.props.treeNode.pluginContext; const { Tip } = common.editorCabin; return ( - <div - className="tree-node-delete-btn" - onClick={this.props.onClick} - > + <div className="tree-node-delete-btn" onClick={this.props.onClick}> <IconDelete /> {/* @ts-ignore */} <Tip>{intl('Delete')}</Tip> @@ -263,10 +302,7 @@ class RenameBtn extends PureComponent<{ const { intl, common } = this.props.treeNode.pluginContext; const { Tip } = common.editorCabin; return ( - <div - className="tree-node-rename-btn" - onClick={this.props.onClick} - > + <div className="tree-node-rename-btn" onClick={this.props.onClick}> <IconSetting /> {/* @ts-ignore */} <Tip>{intl('Rename')}</Tip> @@ -291,7 +327,7 @@ class LockBtn extends PureComponent<{ treeNode.setLocked(!locked); }} > - {locked ? <IconUnlock /> : <IconLock /> } + {locked ? <IconUnlock /> : <IconLock />} {/* @ts-ignore */} <Tip>{locked ? intl('Unlock') : intl('Lock')}</Tip> </div> @@ -299,12 +335,15 @@ class LockBtn extends PureComponent<{ } } -class HideBtn extends PureComponent<{ - treeNode: TreeNode; - hidden: boolean; -}, { - hidden: boolean; -}> { +class HideBtn extends PureComponent< + { + treeNode: TreeNode; + hidden: boolean; + }, + { + hidden: boolean; + } +> { render() { const { treeNode, hidden } = this.props; const { intl, common } = treeNode.pluginContext; @@ -343,7 +382,11 @@ class ExpandBtn extends PureComponent<{ if (expanded) { e.stopPropagation(); } - emitOutlineEvent(treeNode.pluginContext.event, expanded ? 'collapse' : 'expand', treeNode); + emitOutlineEvent( + treeNode.pluginContext.event, + expanded ? 'collapse' : 'expand', + treeNode, + ); treeNode.setExpanded(!expanded); }} > diff --git a/packages/plugin-outline-pane/src/views/tree.tsx b/packages/plugin-outline-pane/src/views/tree.tsx index 8428ec944c..734cea794d 100644 --- a/packages/plugin-outline-pane/src/views/tree.tsx +++ b/packages/plugin-outline-pane/src/views/tree.tsx @@ -1,8 +1,8 @@ import { MouseEvent as ReactMouseEvent, PureComponent } from 'react'; -import { isFormEvent, canClickNode, isShaken } from '@alilc/lowcode-utils'; +import { isFormEvent, canClickNode, isShaken } from '@lce/lowcode-utils'; import { Tree } from '../controllers/tree'; import TreeNodeView from './tree-node'; -import { IPublicEnumDragObjectType, IPublicModelNode } from '@alilc/lowcode-types'; +import { IPublicEnumDragObjectType, IPublicModelNode } from '@lce/lowcode-types'; import TreeNode from '../controllers/tree-node'; function getTreeNodeIdByEvent(e: ReactMouseEvent, stop: Element): null | string { @@ -202,18 +202,16 @@ export default class TreeView extends PureComponent<{ return ( <div className="lc-outline-tree" - ref={(shell) => { this.shell = shell; }} + ref={(shell) => { + this.shell = shell; + }} onMouseDownCapture={this.onMouseDown} onMouseOver={this.onMouseOver} onClick={this.onClick} onDoubleClick={this.onDoubleClick} onMouseLeave={this.onMouseLeave} > - <TreeNodeView - key={this.state.root?.id} - treeNode={this.state.root} - isRootNode - /> + <TreeNodeView key={this.state.root?.id} treeNode={this.state.root} isRootNode /> </div> ); } diff --git a/packages/react-renderer/demo/compose.md b/packages/react-renderer/demo/compose.md index b828cd6041..b001a10e27 100644 --- a/packages/react-renderer/demo/compose.md +++ b/packages/react-renderer/demo/compose.md @@ -3,10 +3,10 @@ title: 复杂组件 order: 2 --- -````jsx +```jsx import React, { PureComponent } from 'react'; import ReactDOM from 'react-dom'; -import ReactRenderer from '@alilc/lowcode-react-renderer'; +import ReactRenderer from '@lce/lowcode-react-renderer'; import schema from './schemas/compose'; import components from './config/components/index'; import utils from './config/utils'; @@ -23,7 +23,7 @@ class Demo extends PureComponent { components={components} appHelper={{ utils, - constants + constants, }} /> </div> @@ -31,7 +31,5 @@ class Demo extends PureComponent { } } -ReactDOM.render(( - <Demo /> -), mountNode); -```` +ReactDOM.render(<Demo />, mountNode); +``` diff --git a/packages/react-renderer/demo/dataSource.md b/packages/react-renderer/demo/dataSource.md index 5ec00ae8b9..deae96fe1d 100644 --- a/packages/react-renderer/demo/dataSource.md +++ b/packages/react-renderer/demo/dataSource.md @@ -3,10 +3,10 @@ title: 数据源使用 order: 4 --- -````jsx +```jsx import React, { PureComponent } from 'react'; import ReactDOM from 'react-dom'; -import ReactRenderer from '@alilc/lowcode-react-renderer'; +import ReactRenderer from '@lce/lowcode-react-renderer'; import schema from './schemas/dataSource'; import components from './config/components/index'; import utils from './config/utils'; @@ -23,7 +23,7 @@ class Demo extends PureComponent { components={components} appHelper={{ utils, - constants + constants, }} /> </div> @@ -31,7 +31,5 @@ class Demo extends PureComponent { } } -ReactDOM.render(( - <Demo /> -), mountNode); -```` +ReactDOM.render(<Demo />, mountNode); +``` diff --git a/packages/react-renderer/demo/i18n.md b/packages/react-renderer/demo/i18n.md index bbea036d19..cc9f26bb6c 100644 --- a/packages/react-renderer/demo/i18n.md +++ b/packages/react-renderer/demo/i18n.md @@ -3,10 +3,10 @@ title: 国际化 order: 5 --- -````jsx +```jsx import React, { PureComponent } from 'react'; import ReactDOM from 'react-dom'; -import ReactRenderer from '@alilc/lowcode-react-renderer'; +import ReactRenderer from '@lce/lowcode-react-renderer'; import schema from './schemas/i18n'; import components from './config/components/index'; import utils from './config/utils'; @@ -23,12 +23,12 @@ class Demo extends PureComponent { components={components} appHelper={{ utils, - constants + constants, }} locale="zh-CN" messages={{ - "hello": "你好", - "china": "中国" + hello: '你好', + china: '中国', }} /> </div> @@ -36,7 +36,5 @@ class Demo extends PureComponent { } } -ReactDOM.render(( - <Demo /> -), mountNode); -```` +ReactDOM.render(<Demo />, mountNode); +``` diff --git a/packages/react-renderer/demo/list.md b/packages/react-renderer/demo/list.md index d0e34ee685..2dd638f451 100644 --- a/packages/react-renderer/demo/list.md +++ b/packages/react-renderer/demo/list.md @@ -3,10 +3,10 @@ title: 列表 order: 1 --- -````jsx +```jsx import React, { PureComponent } from 'react'; import ReactDOM from 'react-dom'; -import ReactRenderer from '@alilc/lowcode-react-renderer'; +import ReactRenderer from '@lce/lowcode-react-renderer'; import schema from './schemas/list'; import components from './config/components/index'; import utils from './config/utils'; @@ -23,7 +23,7 @@ class Demo extends PureComponent { components={components} appHelper={{ utils, - constants + constants, }} /> </div> @@ -31,7 +31,5 @@ class Demo extends PureComponent { } } -ReactDOM.render(( - <Demo /> -), mountNode); -```` +ReactDOM.render(<Demo />, mountNode); +``` diff --git a/packages/react-renderer/demo/table.md b/packages/react-renderer/demo/table.md index 3c7cb307ca..e990e1ee7e 100644 --- a/packages/react-renderer/demo/table.md +++ b/packages/react-renderer/demo/table.md @@ -3,10 +3,10 @@ title: 表格 order: 1 --- -````jsx +```jsx import React, { PureComponent } from 'react'; import ReactDOM from 'react-dom'; -import ReactRenderer from '@alilc/lowcode-react-renderer'; +import ReactRenderer from '@lce/lowcode-react-renderer'; import schema from './schemas/table'; import components from './config/components/index'; import utils from './config/utils'; @@ -23,7 +23,7 @@ class Demo extends PureComponent { components={components} appHelper={{ utils, - constants + constants, }} /> </div> @@ -31,7 +31,5 @@ class Demo extends PureComponent { } } -ReactDOM.render(( - <Demo /> -), mountNode); -```` +ReactDOM.render(<Demo />, mountNode); +``` diff --git a/packages/react-renderer/package.json b/packages/react-renderer/package.json index 625801bc25..d45aa5ec4d 100644 --- a/packages/react-renderer/package.json +++ b/packages/react-renderer/package.json @@ -1,5 +1,5 @@ { - "name": "@alilc/lowcode-react-renderer", + "name": "@lce/lowcode-react-renderer", "version": "1.3.2", "description": "react renderer for ali lowcode engine", "main": "lib/index.js", @@ -22,7 +22,7 @@ ], "dependencies": { "@alifd/next": "^1.21.16", - "@alilc/lowcode-renderer-core": "1.3.2" + "@lce/lowcode-renderer-core": "1.3.2" }, "devDependencies": { "@alib/build-scripts": "^0.1.18", diff --git a/packages/react-renderer/src/index.ts b/packages/react-renderer/src/index.ts index d4df733192..ee1886fb99 100644 --- a/packages/react-renderer/src/index.ts +++ b/packages/react-renderer/src/index.ts @@ -1,4 +1,12 @@ -import React, { Component, PureComponent, createElement, createContext, forwardRef, ReactInstance, ContextType } from 'react'; +import React, { + Component, + PureComponent, + createElement, + createContext, + forwardRef, + ReactInstance, + ContextType, +} from 'react'; import ReactDOM from 'react-dom'; import { adapter, @@ -9,7 +17,7 @@ import { tempRendererFactory, rendererFactory, types, -} from '@alilc/lowcode-renderer-core'; +} from '@lce/lowcode-renderer-core'; import ConfigProvider from '@alifd/next/lib/config-provider'; window.React = React; @@ -42,10 +50,7 @@ function factory(): types.IRenderComponent { context: ContextType<any>; - setState: ( - state: types.IRendererState, - callback?: () => void, - ) => void; + setState: (state: types.IRendererState, callback?: () => void) => void; forceUpdate: (callback?: () => void) => void; diff --git a/packages/react-simulator-renderer/build.umd.json b/packages/react-simulator-renderer/build.umd.json index 1052bb0765..b2f73337c0 100644 --- a/packages/react-simulator-renderer/build.umd.json +++ b/packages/react-simulator-renderer/build.umd.json @@ -10,7 +10,7 @@ "react-dom": "var window.ReactDOM", "prop-types": "var window.PropTypes", "@alifd/next": "var Next", - "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt", + "@lce/lowcode-engine-ext": "var window.AliLowCodeEngineExt", "moment": "var moment", "lodash": "var _" }, diff --git a/packages/react-simulator-renderer/package.json b/packages/react-simulator-renderer/package.json index 3c3950a124..b3736bf987 100644 --- a/packages/react-simulator-renderer/package.json +++ b/packages/react-simulator-renderer/package.json @@ -1,5 +1,5 @@ { - "name": "@alilc/lowcode-react-simulator-renderer", + "name": "@lce/lowcode-react-simulator-renderer", "version": "1.3.2", "description": "react simulator renderer for alibaba lowcode designer", "main": "lib/index.js", @@ -17,10 +17,10 @@ "test:cov": "build-scripts test --config build.test.json --jest-coverage" }, "dependencies": { - "@alilc/lowcode-designer": "1.3.2", - "@alilc/lowcode-react-renderer": "1.3.2", - "@alilc/lowcode-types": "1.3.2", - "@alilc/lowcode-utils": "1.3.2", + "@lce/lowcode-designer": "1.3.2", + "@lce/lowcode-react-renderer": "1.3.2", + "@lce/lowcode-types": "1.3.2", + "@lce/lowcode-utils": "1.3.2", "classnames": "^2.2.6", "mobx": "^6.3.0", "mobx-react": "^7.2.0", diff --git a/packages/react-simulator-renderer/src/host.ts b/packages/react-simulator-renderer/src/host.ts index c5cf2e3e1c..07d98c85e6 100644 --- a/packages/react-simulator-renderer/src/host.ts +++ b/packages/react-simulator-renderer/src/host.ts @@ -1,4 +1,4 @@ // NOTE: 仅做类型标注，切勿做其它用途 -import { BuiltinSimulatorHost } from '@alilc/lowcode-designer'; +import { BuiltinSimulatorHost } from '@lce/lowcode-designer'; export const host: BuiltinSimulatorHost = (window as any).LCSimulatorHost; diff --git a/packages/react-simulator-renderer/src/renderer-view.tsx b/packages/react-simulator-renderer/src/renderer-view.tsx index aa1683cd22..ca5910f478 100644 --- a/packages/react-simulator-renderer/src/renderer-view.tsx +++ b/packages/react-simulator-renderer/src/renderer-view.tsx @@ -1,11 +1,11 @@ import { ReactInstance, Fragment, Component, createElement } from 'react'; import { Router, Route, Switch } from 'react-router'; import cn from 'classnames'; -import { Node } from '@alilc/lowcode-designer'; -import LowCodeRenderer from '@alilc/lowcode-react-renderer'; +import { Node } from '@lce/lowcode-designer'; +import LowCodeRenderer from '@lce/lowcode-react-renderer'; import { observer } from 'mobx-react'; -import { getClosestNode, isFromVC, isReactComponent } from '@alilc/lowcode-utils'; -import { GlobalEvent } from '@alilc/lowcode-types'; +import { getClosestNode, isFromVC, isReactComponent } from '@lce/lowcode-utils'; +import { GlobalEvent } from '@lce/lowcode-types'; import { SimulatorRendererContainer, DocumentInstance } from './renderer'; import { host } from './host'; import { isRendererDetached } from './utils/misc'; @@ -14,7 +14,11 @@ import { createIntl } from './locale'; // patch cloneElement avoid lost keyProps const originCloneElement = window.React.cloneElement; -(window as any).React.cloneElement = (child: any, { _leaf, ...props }: any = {}, ...rest: any[]) => { +(window as any).React.cloneElement = ( + child: any, + { _leaf, ...props }: any = {}, + ...rest: any[] +) => { if (child.ref && props.ref) { const dRef = props.ref; const cRef = child.ref; @@ -46,7 +50,9 @@ const originCloneElement = window.React.cloneElement; return originCloneElement(child, props, ...rest); }; -export default class SimulatorRendererView extends Component<{ rendererContainer: SimulatorRendererContainer }> { +export default class SimulatorRendererView extends Component<{ + rendererContainer: SimulatorRendererContainer; +}> { render() { const { rendererContainer } = this.props; return ( @@ -70,7 +76,13 @@ export class Routes extends Component<{ rendererContainer: SimulatorRendererCont <Route path={instance.path} key={instance.id} - render={(routeProps) => <Renderer documentInstance={instance} rendererContainer={rendererContainer} {...routeProps} />} + render={(routeProps) => ( + <Renderer + documentInstance={instance} + rendererContainer={rendererContainer} + {...routeProps} + /> + )} /> ); })} @@ -106,7 +118,11 @@ class Layout extends Component<{ rendererContainer: SimulatorRendererContainer } if (layout) { const { Component, props, componentName } = layout; if (Component) { - return <Component key="layout" props={props}>{children}</Component>; + return ( + <Component key="layout" props={props}> + {children} + </Component> + ); } if (componentName && rendererContainer.getComponent(componentName)) { return createElement( @@ -219,7 +235,10 @@ class Renderer extends Component<{ defaultPlaceholder = intl('Locked elements and child elements cannot be edited'); } children = ( - <div className={cn('lc-container-placeholder', { 'lc-container-locked': !!lockedNode })} style={viewProps.placeholderStyle}> + <div + className={cn('lc-container-placeholder', { 'lc-container-locked': !!lockedNode })} + style={viewProps.placeholderStyle} + > {viewProps.placeholder || defaultPlaceholder} </div> ); @@ -255,7 +274,13 @@ class Renderer extends Component<{ return createElement( getDeviceView(Component, device, designMode), viewProps, - leaf?.isContainer() ? (children == null ? [] : Array.isArray(children) ? children : [children]) : children, + leaf?.isContainer() + ? children == null + ? [] + : Array.isArray(children) + ? children + : [children] + : children, ); }} __host={host} diff --git a/packages/react-simulator-renderer/src/renderer.ts b/packages/react-simulator-renderer/src/renderer.ts index 20f6e18c0b..7c464c5506 100644 --- a/packages/react-simulator-renderer/src/renderer.ts +++ b/packages/react-simulator-renderer/src/renderer.ts @@ -16,11 +16,16 @@ import { isPlainObject, AssetLoader, getProjectUtils, -} from '@alilc/lowcode-utils'; -import { IPublicTypeComponentSchema, IPublicEnumTransformStage, IPublicTypeNodeInstance, IPublicTypeProjectSchema } from '@alilc/lowcode-types'; +} from '@lce/lowcode-utils'; +import { + IPublicTypeComponentSchema, + IPublicEnumTransformStage, + IPublicTypeNodeInstance, + IPublicTypeProjectSchema, +} from '@lce/lowcode-types'; // just use types -import { BuiltinSimulatorRenderer, Component, IDocumentModel, INode } from '@alilc/lowcode-designer'; -import LowCodeRenderer from '@alilc/lowcode-react-renderer'; +import { BuiltinSimulatorRenderer, Component, IDocumentModel, INode } from '@lce/lowcode-designer'; +import LowCodeRenderer from '@lce/lowcode-react-renderer'; import { createMemoryHistory, MemoryHistory } from 'history'; import Slot from './builtin-components/slot'; import Leaf from './builtin-components/leaf'; @@ -170,15 +175,14 @@ export class DocumentInstance { host.setInstance(this.document.id, id, instances); } - mountContext() { - } + mountContext() {} getNode(id: string): INode | null { return this.document.getNode(id); } dispose() { - this.disposeFunctions.forEach(fn => fn()); + this.disposeFunctions.forEach((fn) => fn()); this.instancesMap = new Map(); } } @@ -252,51 +256,57 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer { makeObservable(this); this.autoRender = host.autoRender; - this.disposeFunctions.push(host.connect(this, () => { - // sync layout config - this._layout = host.project.get('config').layout; - - // todo: split with others, not all should recompute - if (this._libraryMap !== host.libraryMap - || this._componentsMap !== host.designer.componentsMap) { - this._libraryMap = host.libraryMap || {}; - this._componentsMap = host.designer.componentsMap; - this.buildComponents(); - } + this.disposeFunctions.push( + host.connect(this, () => { + // sync layout config + this._layout = host.project.get('config').layout; + + // todo: split with others, not all should recompute + if ( + this._libraryMap !== host.libraryMap || + this._componentsMap !== host.designer.componentsMap + ) { + this._libraryMap = host.libraryMap || {}; + this._componentsMap = host.designer.componentsMap; + this.buildComponents(); + } - // sync designMode - this._designMode = host.designMode; + // sync designMode + this._designMode = host.designMode; - this._locale = host.locale; + this._locale = host.locale; - // sync requestHandlersMap - this._requestHandlersMap = host.requestHandlersMap; + // sync requestHandlersMap + this._requestHandlersMap = host.requestHandlersMap; - // sync device - this._device = host.device; - })); + // sync device + this._device = host.device; + }), + ); const documentInstanceMap = new Map<string, DocumentInstance>(); let initialEntry = '/'; let firstRun = true; - this.disposeFunctions.push(host.autorun(() => { - this._documentInstances = host.project.documents.map((doc) => { - let inst = documentInstanceMap.get(doc.id); - if (!inst) { - inst = new DocumentInstance(this, doc); - documentInstanceMap.set(doc.id, inst); + this.disposeFunctions.push( + host.autorun(() => { + this._documentInstances = host.project.documents.map((doc) => { + let inst = documentInstanceMap.get(doc.id); + if (!inst) { + inst = new DocumentInstance(this, doc); + documentInstanceMap.set(doc.id, inst); + } + return inst; + }); + const path = host.project.currentDocument + ? documentInstanceMap.get(host.project.currentDocument.id)!.path + : '/'; + if (firstRun) { + initialEntry = path; + firstRun = false; + } else if (this.history.location.pathname !== path) { + this.history.replace(path); } - return inst; - }); - const path = host.project.currentDocument - ? documentInstanceMap.get(host.project.currentDocument.id)!.path - : '/'; - if (firstRun) { - initialEntry = path; - firstRun = false; - } else if (this.history.location.pathname !== path) { - this.history.replace(path); - } - })); + }), + ); const history = createMemoryHistory({ initialEntries: [initialEntry], }); @@ -361,10 +371,10 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer { private buildComponents() { this._components = buildComponents( - this._libraryMap, - this._componentsMap, - this.createComponent.bind(this), - ); + this._libraryMap, + this._componentsMap, + this.createComponent.bind(this), + ); this._components = { ...builtinComponents, ...this._components, @@ -402,7 +412,10 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer { } } - getClosestNodeInstance(from: ReactInstance, nodeId?: string): IPublicTypeNodeInstance<ReactInstance> | null { + getClosestNodeInstance( + from: ReactInstance, + nodeId?: string, + ): IPublicTypeNodeInstance<ReactInstance> | null { return getClosestNodeInstance(from, nodeId); } @@ -550,9 +563,10 @@ function cacheReactKey(el: Element): Element { return el; } // react17 采用 __reactFiber 开头 - REACT_KEY = Object.keys(el).find( - (key) => key.startsWith('__reactInternalInstance$') || key.startsWith('__reactFiber$'), - ) || ''; + REACT_KEY = + Object.keys(el).find( + (key) => key.startsWith('__reactInternalInstance$') || key.startsWith('__reactFiber$'), + ) || ''; if (!REACT_KEY && (el as HTMLElement).parentElement) { return cacheReactKey((el as HTMLElement).parentElement!); } @@ -563,9 +577,9 @@ const SYMBOL_VNID = Symbol('_LCNodeId'); const SYMBOL_VDID = Symbol('_LCDocId'); function getClosestNodeInstance( - from: ReactInstance, - specId?: string, - ): IPublicTypeNodeInstance<ReactInstance> | null { + from: ReactInstance, + specId?: string, +): IPublicTypeNodeInstance<ReactInstance> | null { let el: any = from; if (el) { if (isElement(el)) { @@ -595,7 +609,10 @@ function getClosestNodeInstance( return null; } -function getNodeInstance(fiberNode: any, specId?: string): IPublicTypeNodeInstance<ReactInstance> | null { +function getNodeInstance( + fiberNode: any, + specId?: string, +): IPublicTypeNodeInstance<ReactInstance> | null { const instance = fiberNode?.stateNode; if (instance && SYMBOL_VNID in instance) { const nodeId = instance[SYMBOL_VNID]; diff --git a/packages/react-simulator-renderer/src/utils/get-client-rects.ts b/packages/react-simulator-renderer/src/utils/get-client-rects.ts index dd13aba81e..ed82c923cd 100644 --- a/packages/react-simulator-renderer/src/utils/get-client-rects.ts +++ b/packages/react-simulator-renderer/src/utils/get-client-rects.ts @@ -1,4 +1,4 @@ -import { isElement } from '@alilc/lowcode-utils'; +import { isElement } from '@lce/lowcode-utils'; // a range for test TextNode clientRect const cycleRange = document.createRange(); diff --git a/packages/react-simulator-renderer/src/utils/react-find-dom-nodes.ts b/packages/react-simulator-renderer/src/utils/react-find-dom-nodes.ts index d7af90346f..c3be79f9a6 100644 --- a/packages/react-simulator-renderer/src/utils/react-find-dom-nodes.ts +++ b/packages/react-simulator-renderer/src/utils/react-find-dom-nodes.ts @@ -1,6 +1,6 @@ import { ReactInstance } from 'react'; import { findDOMNode } from 'react-dom'; -import { isElement } from '@alilc/lowcode-utils'; +import { isElement } from '@lce/lowcode-utils'; import { isDOMNode } from './is-dom-node'; export const getReactInternalFiber = (el: any) => { diff --git a/packages/renderer-core/package.json b/packages/renderer-core/package.json index 199eac1cac..8b44f32224 100644 --- a/packages/renderer-core/package.json +++ b/packages/renderer-core/package.json @@ -1,5 +1,5 @@ { - "name": "@alilc/lowcode-renderer-core", + "name": "@lce/lowcode-renderer-core", "version": "1.3.2", "description": "renderer core", "license": "MIT", @@ -16,8 +16,8 @@ }, "dependencies": { "@alilc/lowcode-datasource-engine": "^1.0.0", - "@alilc/lowcode-types": "1.3.2", - "@alilc/lowcode-utils": "1.3.2", + "@lce/lowcode-types": "1.3.2", + "@lce/lowcode-utils": "1.3.2", "classnames": "^2.2.6", "debug": "^4.1.1", "fetch-jsonp": "^1.1.3", @@ -32,7 +32,7 @@ "devDependencies": { "@alib/build-scripts": "^0.1.18", "@alifd/next": "^1.26.0", - "@alilc/lowcode-designer": "1.3.2", + "@lce/lowcode-designer": "1.3.2", "@babel/plugin-transform-typescript": "^7.16.8", "@testing-library/react": "^11.2.2", "@types/classnames": "^2.2.11", diff --git a/packages/renderer-core/src/hoc/index.tsx b/packages/renderer-core/src/hoc/index.tsx index 4851ea486f..f77403e007 100644 --- a/packages/renderer-core/src/hoc/index.tsx +++ b/packages/renderer-core/src/hoc/index.tsx @@ -1,4 +1,4 @@ -import { cloneEnumerableProperty } from '@alilc/lowcode-utils'; +import { cloneEnumerableProperty } from '@lce/lowcode-utils'; import adapter from '../adapter'; import { IBaseRendererInstance, IRendererProps } from '../types'; diff --git a/packages/renderer-core/src/hoc/leaf.tsx b/packages/renderer-core/src/hoc/leaf.tsx index 2bb3c0b368..32de33b40a 100644 --- a/packages/renderer-core/src/hoc/leaf.tsx +++ b/packages/renderer-core/src/hoc/leaf.tsx @@ -1,6 +1,11 @@ -import { INode, IPublicTypePropChangeOptions } from '@alilc/lowcode-designer'; -import { GlobalEvent, IPublicEnumTransformStage, IPublicTypeNodeSchema, IPublicTypeEngineOptions } from '@alilc/lowcode-types'; -import { isReactComponent, cloneEnumerableProperty } from '@alilc/lowcode-utils'; +import { INode, IPublicTypePropChangeOptions } from '@lce/lowcode-designer'; +import { + GlobalEvent, + IPublicEnumTransformStage, + IPublicTypeNodeSchema, + IPublicTypeEngineOptions, +} from '@lce/lowcode-types'; +import { isReactComponent, cloneEnumerableProperty } from '@lce/lowcode-utils'; import { debounce } from '../utils/common'; import adapter from '../adapter'; import * as types from '../types/index'; @@ -40,7 +45,10 @@ export interface IComponentHoc { hoc: IComponentConstruct; } -export type IComponentConstruct = (Comp: types.IBaseRenderComponent, info: IComponentHocInfo) => types.IGeneralConstructor; +export type IComponentConstruct = ( + Comp: types.IBaseRenderComponent, + info: IComponentHocInfo, +) => types.IGeneralConstructor; interface IProps { _leaf: INode | undefined; @@ -66,7 +74,6 @@ enum RerenderType { // 缓存 Leaf 层组件，防止重新渲染问题 class LeafCache { - /** 组件缓存 */ component = new Map(); @@ -82,24 +89,15 @@ class LeafCache { ref = new Map(); - constructor(public documentId: string, public device: string) { - } + constructor(public documentId: string, public device: string) {} } let cache: LeafCache; /** 部分没有渲染的 node 节点进行兜底处理 or 渲染方式没有渲染 LeafWrapper */ -function initRerenderEvent({ - schema, - __debug, - container, - getNode, -}: any) { +function initRerenderEvent({ schema, __debug, container, getNode }: any) { const leaf = getNode?.(schema.id); - if (!leaf - || cache.event.get(schema.id)?.clear - || leaf === cache.event.get(schema.id) - ) { + if (!leaf || cache.event.get(schema.id)?.clear || leaf === cache.event.get(schema.id)) { return; } cache.event.get(schema.id)?.dispose.forEach((disposeFn: any) => disposeFn && disposeFn()); @@ -114,21 +112,27 @@ function initRerenderEvent({ if (!container.autoRepaintNode) { return; } - __debug(`${schema.componentName}[${schema.id}] leaf not render in SimulatorRendererView, leaf onPropsChange make rerender`); + __debug( + `${schema.componentName}[${schema.id}] leaf not render in SimulatorRendererView, leaf onPropsChange make rerender`, + ); debounceRerender(); }), leaf?.onChildrenChange?.(() => { if (!container.autoRepaintNode) { return; } - __debug(`${schema.componentName}[${schema.id}] leaf not render in SimulatorRendererView, leaf onChildrenChange make rerender`); + __debug( + `${schema.componentName}[${schema.id}] leaf not render in SimulatorRendererView, leaf onChildrenChange make rerender`, + ); debounceRerender(); }) as Function, leaf?.onVisibleChange?.(() => { if (!container.autoRepaintNode) { return; } - __debug(`${schema.componentName}[${schema.id}] leaf not render in SimulatorRendererView, leaf onVisibleChange make rerender`); + __debug( + `${schema.componentName}[${schema.id}] leaf not render in SimulatorRendererView, leaf onVisibleChange make rerender`, + ); debounceRerender(); }), ], @@ -148,12 +152,10 @@ function clearRerenderEvent(id: string): void { } // 给每个组件包裹一个 HOC Leaf，支持组件内部属性变化，自响应渲染 -export function leafWrapper(Comp: types.IBaseRenderComponent, { - schema, - baseRenderer, - componentInfo, - scope, -}: IComponentHocInfo) { +export function leafWrapper( + Comp: types.IBaseRenderComponent, + { schema, baseRenderer, componentInfo, scope }: IComponentHocInfo, +) { const { __debug, __getComponentProps: getProps, @@ -171,13 +173,18 @@ export function leafWrapper(Comp: types.IBaseRenderComponent, { const runtime = adapter.getRuntime(); const { forwardRef, createElement } = runtime; const Component = runtime.Component as types.IGeneralConstructor< - IComponentHocProps, IComponentHocState + IComponentHocProps, + IComponentHocState >; const componentCacheId = schema.id; - if (!cache || (curDocumentId && curDocumentId !== cache.documentId) || (curDevice && curDevice !== cache.device)) { - cache?.event.forEach(event => { + if ( + !cache || + (curDocumentId && curDocumentId !== cache.documentId) || + (curDevice && curDevice !== cache.device) + ) { + cache?.event.forEach((event) => { event.dispose?.forEach((disposeFn: any) => disposeFn && disposeFn()); }); cache = new LeafCache(curDocumentId, curDevice); @@ -194,7 +201,11 @@ export function leafWrapper(Comp: types.IBaseRenderComponent, { getNode, }); - if (curDocumentId && cache.component.has(componentCacheId) && (cache.component.get(componentCacheId).Comp === Comp)) { + if ( + curDocumentId && + cache.component.has(componentCacheId) && + cache.component.get(componentCacheId).Comp === Comp + ) { return cache.component.get(componentCacheId).LeafWrapper; } @@ -209,7 +220,7 @@ export function leafWrapper(Comp: types.IBaseRenderComponent, { static displayName = schema.componentName; - disposeFunctions: Array<((() => void) | Function)> = []; + disposeFunctions: Array<(() => void) | Function> = []; __component_tag = 'leafWrapper'; @@ -244,7 +255,9 @@ export function leafWrapper(Comp: types.IBaseRenderComponent, { constructor(props: IProps, context: any) { super(props, context); // 监听以下事件，当变化时更新自己 - __debug(`${schema.componentName}[${this.props.componentId}] leaf render in SimulatorRendererView`); + __debug( + `${schema.componentName}[${this.props.componentId}] leaf render in SimulatorRendererView`, + ); clearRerenderEvent(componentCacheId); this.curEventLeaf = this.leaf; @@ -266,7 +279,8 @@ export function leafWrapper(Comp: types.IBaseRenderComponent, { } const endTime = Date.now(); const nodeCount = host?.designer?.currentDocument?.getNodeCount?.(); - const componentName = this.recordInfo.node?.componentName || this.leaf?.componentName || 'UnknownComponent'; + const componentName = + this.recordInfo.node?.componentName || this.leaf?.componentName || 'UnknownComponent'; editor?.eventBus.emit(GlobalEvent.Node.Rerender, { componentName, time: endTime - this.recordInfo.startTime, @@ -297,10 +311,8 @@ export function leafWrapper(Comp: types.IBaseRenderComponent, { } getDefaultState(nextProps: any) { - const { - hidden = false, - condition = true, - } = nextProps.__inner__ || this.leaf?.export?.(IPublicEnumTransformStage.Render) || {}; + const { hidden = false, condition = true } = + nextProps.__inner__ || this.leaf?.export?.(IPublicEnumTransformStage.Render) || {}; return { nodeChildren: null, childrenInState: false, @@ -348,7 +360,9 @@ export function leafWrapper(Comp: types.IBaseRenderComponent, { container?.rerender(); return; } - __debug(`${this.leaf?.componentName}(${this.props.componentId}) need render, make its minimalRenderUnit ${renderUnitInfo.minimalUnitName}(${renderUnitInfo.minimalUnitId})`); + __debug( + `${this.leaf?.componentName}(${this.props.componentId}) need render, make its minimalRenderUnit ${renderUnitInfo.minimalUnitName}(${renderUnitInfo.minimalUnitId})`, + ); ref.makeUnitRender(); } @@ -400,20 +414,14 @@ export function leafWrapper(Comp: types.IBaseRenderComponent, { this.curEventLeaf = _leaf; } - const { - visible, - ...resetState - } = this.getDefaultState(nextProps); + const { visible, ...resetState } = this.getDefaultState(nextProps); this.setState(resetState); } /** 监听参数变化 */ initOnPropsChangeEvent(leaf = this.leaf): void { const handlePropsChange = debounce((propChangeInfo: IPublicTypePropChangeOptions) => { - const { - key, - newValue = null, - } = propChangeInfo; + const { key, newValue = null } = propChangeInfo; const node = leaf; if (key === '___condition___') { @@ -439,21 +447,36 @@ export function leafWrapper(Comp: types.IBaseRenderComponent, { this.beforeRender(RerenderType.PropsChanged); const { state } = this; const { nodeCacheProps } = state; - const nodeProps = getProps(node?.export?.(IPublicEnumTransformStage.Render) as IPublicTypeNodeSchema, scope, Comp, componentInfo); - if (key && !(key in nodeProps) && (key in this.props)) { + const nodeProps = getProps( + node?.export?.(IPublicEnumTransformStage.Render) as IPublicTypeNodeSchema, + scope, + Comp, + componentInfo, + ); + if (key && !(key in nodeProps) && key in this.props) { // 当 key 在 this.props 中时，且不存在在计算值中，需要用 newValue 覆盖掉 this.props 的取值 nodeCacheProps[key] = newValue; } - __debug(`${leaf?.componentName}[${this.props.componentId}] component trigger onPropsChange!`, nodeProps, nodeCacheProps, key, newValue); - this.setState('children' in nodeProps ? { - nodeChildren: nodeProps.children, - nodeProps, - childrenInState: true, - nodeCacheProps, - } : { + __debug( + `${leaf?.componentName}[${this.props.componentId}] component trigger onPropsChange!`, nodeProps, nodeCacheProps, - }); + key, + newValue, + ); + this.setState( + 'children' in nodeProps + ? { + nodeChildren: nodeProps.children, + nodeProps, + childrenInState: true, + nodeCacheProps, + } + : { + nodeProps, + nodeCacheProps, + }, + ); this.judgeMiniUnitRender(); }); @@ -479,7 +502,9 @@ export function leafWrapper(Comp: types.IBaseRenderComponent, { return; } - __debug(`${leaf?.componentName}[${this.props.componentId}] component trigger onVisibleChange(${flag}) event`); + __debug( + `${leaf?.componentName}[${this.props.componentId}] component trigger onVisibleChange(${flag}) event`, + ); this.beforeRender(RerenderType.VisibleChanged); this.setState({ visible: flag, @@ -498,16 +523,20 @@ export function leafWrapper(Comp: types.IBaseRenderComponent, { if (!this.autoRepaintNode) { return; } - const { - type, - node, - } = param || {}; + const { type, node } = param || {}; this.beforeRender(`${RerenderType.ChildChanged}-${type}`, node); // TODO: 缓存同级其他元素的 children。 // 缓存二级 children Next 查询筛选组件有问题 // 缓存一级 children Next Tab 组件有问题 - const nextChild = getChildren(leaf?.export?.(IPublicEnumTransformStage.Render) as types.ISchema, scope, Comp); - __debug(`${schema.componentName}[${this.props.componentId}] component trigger onChildrenChange event`, nextChild); + const nextChild = getChildren( + leaf?.export?.(IPublicEnumTransformStage.Render) as types.ISchema, + scope, + Comp, + ); + __debug( + `${schema.componentName}[${this.props.componentId}] component trigger onChildrenChange event`, + nextChild, + ); this.setState({ nodeChildren: nextChild, childrenInState: true, @@ -518,7 +547,7 @@ export function leafWrapper(Comp: types.IBaseRenderComponent, { } componentWillUnmount() { - this.disposeFunctions.forEach(fn => fn()); + this.disposeFunctions.forEach((fn) => fn()); } get hasChildren(): boolean { @@ -556,10 +585,7 @@ export function leafWrapper(Comp: types.IBaseRenderComponent, { return null; } - const { - forwardedRef, - ...rest - } = this.props; + const { forwardedRef, ...rest } = this.props; const compProps = { ...rest, @@ -597,4 +623,4 @@ export function leafWrapper(Comp: types.IBaseRenderComponent, { }); return LeafWrapper; -} \ No newline at end of file +} diff --git a/packages/renderer-core/src/renderer/base.tsx b/packages/renderer-core/src/renderer/base.tsx index d240095604..f07767209f 100644 --- a/packages/renderer-core/src/renderer/base.tsx +++ b/packages/renderer-core/src/renderer/base.tsx @@ -3,8 +3,13 @@ /* eslint-disable react/prop-types */ import classnames from 'classnames'; import { create as createDataSourceEngine } from '@alilc/lowcode-datasource-engine/interpret'; -import { IPublicTypeNodeSchema, IPublicTypeNodeData, IPublicTypeJSONValue, IPublicTypeCompositeValue } from '@alilc/lowcode-types'; -import { checkPropTypes, isI18nData, isJSExpression, isJSFunction } from '@alilc/lowcode-utils'; +import { + IPublicTypeNodeSchema, + IPublicTypeNodeData, + IPublicTypeJSONValue, + IPublicTypeCompositeValue, +} from '@lce/lowcode-types'; +import { checkPropTypes, isI18nData, isJSExpression, isJSFunction } from '@lce/lowcode-utils'; import adapter from '../adapter'; import divFactory from '../components/Div'; import visualDomFactory from '../components/VisualDom'; @@ -28,7 +33,14 @@ import { isVariable, isJSSlot, } from '../utils'; -import { IBaseRendererProps, INodeInfo, IBaseRenderComponent, IBaseRendererContext, IRendererAppHelper, DataSource } from '../types'; +import { + IBaseRendererProps, + INodeInfo, + IBaseRenderComponent, + IBaseRendererContext, + IRendererAppHelper, + DataSource, +} from '../types'; import { compWrapper } from '../hoc'; import { IComponentConstruct, leafWrapper } from '../hoc/leaf'; import logger from '../utils/logger'; @@ -38,7 +50,13 @@ import isUseLoop from '../utils/is-use-loop'; * execute method in schema.lifeCycles with context * @PRIVATE */ -export function executeLifeCycleMethod(context: any, schema: IPublicTypeNodeSchema, method: string, args: any, thisRequiredInJSE: boolean | undefined): any { +export function executeLifeCycleMethod( + context: any, + schema: IPublicTypeNodeSchema, + method: string, + args: any, + thisRequiredInJSE: boolean | undefined, +): any { if (!context || !isSchema(schema) || !method) { return; } @@ -51,7 +69,9 @@ export function executeLifeCycleMethod(context: any, schema: IPublicTypeNodeSche // TODO: cache if (isJSExpression(fn) || isJSFunction(fn)) { - fn = thisRequiredInJSE ? parseThisRequiredExpression(fn, context) : parseExpression(fn, context); + fn = thisRequiredInJSE + ? parseThisRequiredExpression(fn, context) + : parseExpression(fn, context); } if (typeof fn !== 'function') { @@ -159,7 +179,12 @@ export default function baseRendererFactory(): IBaseRenderComponent { super(props, context); this.context = context; this.__parseExpression = (str: string, self: any) => { - return parseExpression({ str, self, thisRequired: props?.thisRequiredInJSE, logScope: props.componentName }); + return parseExpression({ + str, + self, + thisRequired: props?.thisRequiredInJSE, + logScope: props.componentName, + }); }; this.__beforeInit(props); this.__init(props); @@ -168,7 +193,7 @@ export default function baseRendererFactory(): IBaseRenderComponent { } // eslint-disable-next-line @typescript-eslint/no-unused-vars - __beforeInit(_props: IBaseRendererProps) { } + __beforeInit(_props: IBaseRendererProps) {} __init(props: IBaseRendererProps) { this.__compScopes = {}; @@ -178,10 +203,16 @@ export default function baseRendererFactory(): IBaseRenderComponent { } // eslint-disable-next-line @typescript-eslint/no-unused-vars - __afterInit(_props: IBaseRendererProps) { } + __afterInit(_props: IBaseRendererProps) {} static getDerivedStateFromProps(props: IBaseRendererProps, state: any) { - const result = executeLifeCycleMethod(this, props?.__schema, 'getDerivedStateFromProps', [props, state], props.thisRequiredInJSE); + const result = executeLifeCycleMethod( + this, + props?.__schema, + 'getDerivedStateFromProps', + [props, state], + props.thisRequiredInJSE, + ); return result === undefined ? null : result; } @@ -211,23 +242,25 @@ export default function baseRendererFactory(): IBaseRenderComponent { logger.warn(args); } - reloadDataSource = () => new Promise((resolve, reject) => { - this.__debug('reload data source'); - if (!this.__dataHelper) { - return resolve({}); - } - this.__dataHelper.getInitData() - .then((res: any) => { - if (isEmpty(res)) { - this.forceUpdate(); - return resolve({}); - } - this.setState(res, resolve as () => void); - }) - .catch((err: Error) => { - reject(err); - }); - }); + reloadDataSource = () => + new Promise((resolve, reject) => { + this.__debug('reload data source'); + if (!this.__dataHelper) { + return resolve({}); + } + this.__dataHelper + .getInitData() + .then((res: any) => { + if (isEmpty(res)) { + this.forceUpdate(); + return resolve({}); + } + this.setState(res, resolve as () => void); + }) + .catch((err: Error) => { + reject(err); + }); + }); shouldComponentUpdate() { if (this.props.getSchemaChangedSymbol?.() && this.props.__container?.rerender) { @@ -313,46 +346,53 @@ export default function baseRendererFactory(): IBaseRenderComponent { const dataSource = schema.dataSource || defaultDataSource; // requestHandlersMap 存在才走数据源引擎方案 // TODO: 下面if else 抽成独立函数 - const useDataSourceEngine = !!(props.__appHelper?.requestHandlersMap); + const useDataSourceEngine = !!props.__appHelper?.requestHandlersMap; if (useDataSourceEngine) { this.__dataHelper = { updateConfig: (updateDataSource: any) => { const { dataSourceMap, reloadDataSource } = createDataSourceEngine( updateDataSource ?? {}, this, - props.__appHelper.requestHandlersMap ? { requestHandlersMap: props.__appHelper.requestHandlersMap } : undefined, + props.__appHelper.requestHandlersMap + ? { requestHandlersMap: props.__appHelper.requestHandlersMap } + : undefined, ); - this.reloadDataSource = () => new Promise((resolve) => { - this.__debug('reload data source'); - reloadDataSource().then(() => { - resolve({}); + this.reloadDataSource = () => + new Promise((resolve) => { + this.__debug('reload data source'); + reloadDataSource().then(() => { + resolve({}); + }); }); - }); return dataSourceMap; }, }; this.dataSourceMap = this.__dataHelper.updateConfig(dataSource); } else { const appHelper = props.__appHelper; - this.__dataHelper = new DataHelper(this, dataSource, appHelper, (config: any) => this.__parseData(config)); + this.__dataHelper = new DataHelper(this, dataSource, appHelper, (config: any) => + this.__parseData(config), + ); this.dataSourceMap = this.__dataHelper.dataSourceMap; - this.reloadDataSource = () => new Promise((resolve, reject) => { - this.__debug('reload data source'); - if (!this.__dataHelper) { - return resolve({}); - } - this.__dataHelper.getInitData() - .then((res: any) => { - if (isEmpty(res)) { - return resolve({}); - } - this.setState(res, resolve as () => void); - }) - .catch((err: Error) => { - reject(err); - }); - }); + this.reloadDataSource = () => + new Promise((resolve, reject) => { + this.__debug('reload data source'); + if (!this.__dataHelper) { + return resolve({}); + } + this.__dataHelper + .getInitData() + .then((res: any) => { + if (isEmpty(res)) { + return resolve({}); + } + this.setState(res, resolve as () => void); + }) + .catch((err: Error) => { + reject(err); + }); + }); } }; @@ -369,7 +409,9 @@ export default function baseRendererFactory(): IBaseRenderComponent { this.setLocale = (loc: string) => { const setLocaleFn = this.appHelper?.utils?.i18n?.setLocale; if (!setLocaleFn || typeof setLocaleFn !== 'function') { - logger.warn('initI18nAPIs Failed, i18n only works when appHelper.utils.i18n.setLocale() exists'); + logger.warn( + 'initI18nAPIs Failed, i18n only works when appHelper.utils.i18n.setLocale() exists', + ); return undefined; } return setLocaleFn(loc); @@ -444,10 +486,10 @@ export default function baseRendererFactory(): IBaseRenderComponent { if (!Comp) { this.__debug(`${__schema.componentName} is invalid!`); } - const parentNodeInfo = ({ + const parentNodeInfo = { schema: __schema, Comp: this.__getHOCWrappedComponent(Comp, __schema, scope), - } as INodeInfo); + } as INodeInfo; return this.__createVirtualDom(_children, scope, parentNodeInfo); }; @@ -458,7 +500,12 @@ export default function baseRendererFactory(): IBaseRenderComponent { * @param parentInfo 父组件的信息，包含schema和Comp * @param idx 为循环渲染的循环Index */ - __createVirtualDom = (originalSchema: IPublicTypeNodeData | IPublicTypeNodeData[] | undefined, originalScope: any, parentInfo: INodeInfo, idx: string | number = ''): any => { + __createVirtualDom = ( + originalSchema: IPublicTypeNodeData | IPublicTypeNodeData[] | undefined, + originalScope: any, + parentInfo: INodeInfo, + idx: string | number = '', + ): any => { if (originalSchema === null || originalSchema === undefined) { return null; } @@ -494,7 +541,14 @@ export default function baseRendererFactory(): IBaseRenderComponent { if (schema.length === 1) { return this.__createVirtualDom(schema[0], scope, parentInfo); } - return schema.map((item, idy) => this.__createVirtualDom(item, scope, parentInfo, (item as IPublicTypeNodeSchema)?.__ctx?.lceKey ? '' : String(idy))); + return schema.map((item, idy) => + this.__createVirtualDom( + item, + scope, + parentInfo, + (item as IPublicTypeNodeSchema)?.__ctx?.lceKey ? '' : String(idy), + ), + ); } // @ts-expect-error 如果直接转换好了，可以返回 @@ -504,12 +558,17 @@ export default function baseRendererFactory(): IBaseRenderComponent { const _children = getSchemaChildren(schema); if (!schema.componentName) { - logger.error('The componentName in the schema is invalid, please check the schema: ', schema); + logger.error( + 'The componentName in the schema is invalid, please check the schema: ', + schema, + ); return; } // 解析占位组件 if (schema.componentName === 'Fragment' && _children) { - const tarChildren = isJSExpression(_children) ? this.__parseExpression(_children, scope) : _children; + const tarChildren = isJSExpression(_children) + ? this.__parseExpression(_children, scope) + : _children; return this.__createVirtualDom(tarChildren, scope, parentInfo); } @@ -522,19 +581,24 @@ export default function baseRendererFactory(): IBaseRenderComponent { if (!isSchema(schema)) { return null; } - let Comp = components[schema.componentName] || this.props.__container?.components?.[schema.componentName]; + let Comp = + components[schema.componentName] || + this.props.__container?.components?.[schema.componentName]; // 容器类组件的上下文通过props传递，避免context传递带来的嵌套问题 const otherProps: any = isFileSchema(schema) ? { - __schema: schema, - __appHelper: appHelper, - __components: components, - } + __schema: schema, + __appHelper: appHelper, + __components: components, + } : {}; if (!Comp) { - logger.error(`${schema.componentName} component is not found in components list! component list is:`, components || this.props.__container?.components); + logger.error( + `${schema.componentName} component is not found in components list! component list is:`, + components || this.props.__container?.components, + ); return engine.createElement( engine.getNotFoundComponent(), { @@ -565,7 +629,8 @@ export default function baseRendererFactory(): IBaseRenderComponent { ); } } - const condition = schema.condition == null ? true : this.__parseData(schema.condition, scope); + const condition = + schema.condition == null ? true : this.__parseData(schema.condition, scope); // DesignMode 为 design 情况下，需要进入 leaf Hoc，进行相关事件注册 const displayInHook = this.__designModeIsDesign; @@ -608,10 +673,11 @@ export default function baseRendererFactory(): IBaseRenderComponent { otherProps.__tag = Math.random(); } const componentInfo: any = {}; - const props: any = this.__getComponentProps(schema, scope, Comp, { - ...componentInfo, - props: transformArrayToMap(componentInfo.props, 'name'), - }) || {}; + const props: any = + this.__getComponentProps(schema, scope, Comp, { + ...componentInfo, + props: transformArrayToMap(componentInfo.props, 'name'), + }) || {}; this.__componentHOCs.forEach((ComponentConstruct: IComponentConstruct) => { Comp = ComponentConstruct(Comp, { @@ -639,7 +705,9 @@ export default function baseRendererFactory(): IBaseRenderComponent { if (!isFileSchema(schema)) { engine.props?.onCompGetCtx(schema, scope); } - props.key = props.key || `${schema.__ctx.lceKey}_${schema.__ctx.idx || 0}_${idx !== undefined ? idx : ''}`; + props.key = + props.key || + `${schema.__ctx.lceKey}_${schema.__ctx.idx || 0}_${idx !== undefined ? idx : ''}`; } else if ((typeof idx === 'number' || typeof idx === 'string') && !props.key) { // 仅当循环场景走这里 props.key = idx; @@ -657,10 +725,14 @@ export default function baseRendererFactory(): IBaseRenderComponent { // 对于overlay,dialog等组件为了使其在设计模式下显示，外层需要增加一个div容器 if (OVERLAY_LIST.includes(schema.componentName)) { const { ref, ...overlayProps } = otherProps; - return createElement(Div, { - ref, - __designMode: engine.props.designMode, - }, renderComp({ ...props, ...overlayProps })); + return createElement( + Div, + { + ref, + __designMode: engine.props.designMode, + }, + renderComp({ ...props, ...overlayProps }), + ); } // 虚拟dom显示 if (componentInfo?.parentRule) { @@ -710,7 +782,12 @@ export default function baseRendererFactory(): IBaseRenderComponent { return [compWrapper]; } - __getSchemaChildrenVirtualDom = (schema: IPublicTypeNodeSchema | undefined, scope: any, Comp: any, condition = true) => { + __getSchemaChildrenVirtualDom = ( + schema: IPublicTypeNodeSchema | undefined, + scope: any, + Comp: any, + condition = true, + ) => { let children = condition ? getSchemaChildren(schema) : null; // @todo 补完这里的 Element 定义 @承虎 @@ -740,21 +817,33 @@ export default function baseRendererFactory(): IBaseRenderComponent { return null; }; - __getComponentProps = (schema: IPublicTypeNodeSchema | undefined, scope: any, Comp: any, componentInfo?: any) => { + __getComponentProps = ( + schema: IPublicTypeNodeSchema | undefined, + scope: any, + Comp: any, + componentInfo?: any, + ) => { if (!schema) { return {}; } - return this.__parseProps(schema?.props, scope, '', { - schema, - Comp, - componentInfo: { - ...(componentInfo || {}), - props: transformArrayToMap((componentInfo || {}).props, 'name'), - }, - }) || {}; + return ( + this.__parseProps(schema?.props, scope, '', { + schema, + Comp, + componentInfo: { + ...(componentInfo || {}), + props: transformArrayToMap((componentInfo || {}).props, 'name'), + }, + }) || {} + ); }; - __createLoopVirtualDom = (schema: IPublicTypeNodeSchema, scope: any, parentInfo: INodeInfo, idx: number | string) => { + __createLoopVirtualDom = ( + schema: IPublicTypeNodeSchema, + scope: any, + parentInfo: INodeInfo, + idx: number | string, + ) => { if (isFileSchema(schema)) { logger.warn('file type not support Loop'); return null; @@ -809,7 +898,7 @@ export default function baseRendererFactory(): IBaseRenderComponent { const parseReactNode = (data: any, params: any) => { if (isEmpty(params)) { - const virtualDom = this.__createVirtualDom(data, scope, ({ schema, Comp } as INodeInfo)); + const virtualDom = this.__createVirtualDom(data, scope, { schema, Comp } as INodeInfo); return checkProps(virtualDom); } return checkProps((...argValues: any[]) => { @@ -824,7 +913,7 @@ export default function baseRendererFactory(): IBaseRenderComponent { }); } args.__proto__ = scope; - return scope.__createVirtualDom(data, args, ({ schema, Comp } as INodeInfo)); + return scope.__createVirtualDom(data, args, { schema, Comp } as INodeInfo); }); }; @@ -836,7 +925,8 @@ export default function baseRendererFactory(): IBaseRenderComponent { } } - const handleI18nData = (innerProps: any) => innerProps[innerProps.use || (this.getLocale && this.getLocale()) || 'zh-CN']; + const handleI18nData = (innerProps: any) => + innerProps[innerProps.use || (this.getLocale && this.getLocale()) || 'zh-CN']; // @LEGACY 兼容老平台设计态 i18n 数据 if (isI18nData(props)) { @@ -869,12 +959,14 @@ export default function baseRendererFactory(): IBaseRenderComponent { // 兼容通过componentInfo判断的情况 if (isSchema(props)) { - const isReactNodeFunction = !!(propInfo?.type === 'ReactNode' && propInfo?.props?.type === 'function'); + const isReactNodeFunction = !!( + propInfo?.type === 'ReactNode' && propInfo?.props?.type === 'function' + ); const isMixinReactNodeFunction = !!( - propInfo?.type === 'Mixin' - && propInfo?.props?.types?.indexOf('ReactNode') > -1 - && propInfo?.props?.reactNodeProps?.type === 'function' + propInfo?.type === 'Mixin' && + propInfo?.props?.types?.indexOf('ReactNode') > -1 && + propInfo?.props?.reactNodeProps?.type === 'function' ); let params = null; @@ -883,13 +975,14 @@ export default function baseRendererFactory(): IBaseRenderComponent { } else if (isMixinReactNodeFunction) { params = propInfo?.props?.reactNodeProps?.params; } - return parseReactNode( - props, - params, - ); + return parseReactNode(props, params); } if (Array.isArray(props)) { - return checkProps(props.map((item, idx) => this.__parseProps(item, scope, path ? `${path}.${idx}` : `${idx}`, info))); + return checkProps( + props.map((item, idx) => + this.__parseProps(item, scope, path ? `${path}.${idx}` : `${idx}`, info), + ), + ); } if (typeof props === 'function') { return checkProps(props.bind(scope)); @@ -922,7 +1015,9 @@ export default function baseRendererFactory(): IBaseRenderComponent { return this.__instanceMap[filedId]; } - __debug = (...args: any[]) => { logger.debug(...args); }; + __debug = (...args: any[]) => { + logger.debug(...args); + }; __renderContextProvider = (customProps?: object, children?: any) => { return createElement(AppContext.Provider, { @@ -981,7 +1076,11 @@ export default function baseRendererFactory(): IBaseRenderComponent { ...data, ...this.props, ref: this.__getRef, - className: classnames(getFileCssName(__schema?.fileName), className, this.props.className), + className: classnames( + getFileCssName(__schema?.fileName), + className, + this.props.className, + ), __id: __schema?.id, ...otherProps, }, @@ -993,18 +1092,33 @@ export default function baseRendererFactory(): IBaseRenderComponent { __renderContent(children: any) { const { __schema } = this.props; const parsedProps = this.__parseData(__schema.props); - const className = classnames(`lce-${this.__namespace}`, getFileCssName(__schema.fileName), parsedProps.className, this.props.className); - const style = { ...(parsedProps.style || {}), ...(typeof this.props.style === 'object' ? this.props.style : {}) }; + const className = classnames( + `lce-${this.__namespace}`, + getFileCssName(__schema.fileName), + parsedProps.className, + this.props.className, + ); + const style = { + ...(parsedProps.style || {}), + ...(typeof this.props.style === 'object' ? this.props.style : {}), + }; const id = this.props.id || parsedProps.id; - return createElement('div', { - ref: this.__getRef, - className, - id, - style, - }, children); + return createElement( + 'div', + { + ref: this.__getRef, + className, + id, + style, + }, + children, + ); } - __checkSchema = (schema: IPublicTypeNodeSchema | undefined, originalExtraComponents: string | string[] = []) => { + __checkSchema = ( + schema: IPublicTypeNodeSchema | undefined, + originalExtraComponents: string | string[] = [], + ) => { let extraComponents = originalExtraComponents; if (typeof extraComponents === 'string') { extraComponents = [extraComponents]; diff --git a/packages/renderer-core/src/renderer/page.tsx b/packages/renderer-core/src/renderer/page.tsx index 16d55e01be..c79fa019ea 100644 --- a/packages/renderer-core/src/renderer/page.tsx +++ b/packages/renderer-core/src/renderer/page.tsx @@ -1,4 +1,4 @@ -import { getLogger } from '@alilc/lowcode-utils'; +import { getLogger } from '@lce/lowcode-utils'; import baseRendererFactory from './base'; import { IBaseRendererProps, IBaseRenderComponent } from '../types'; diff --git a/packages/renderer-core/src/renderer/renderer.tsx b/packages/renderer-core/src/renderer/renderer.tsx index 300b1cd164..3fdc1e01e4 100644 --- a/packages/renderer-core/src/renderer/renderer.tsx +++ b/packages/renderer-core/src/renderer/renderer.tsx @@ -5,7 +5,7 @@ import { isFileSchema, isEmpty } from '../utils'; import baseRendererFactory from './base'; import divFactory from '../components/Div'; import { IRenderComponent, IRendererProps, IRendererState } from '../types'; -import { IPublicTypeNodeSchema, IPublicTypeRootSchema } from '@alilc/lowcode-types'; +import { IPublicTypeNodeSchema, IPublicTypeRootSchema } from '@lce/lowcode-types'; import logger from '../utils/logger'; export default function rendererFactory(): IRenderComponent { @@ -21,29 +21,44 @@ export default function rendererFactory(): IRenderComponent { class FaultComponent extends PureComponent<IPublicTypeNodeSchema | any> { render() { - logger.error(`%c${this.props.componentName || ''} 组件渲染异常, 异常原因: ${this.props.error?.message || this.props.error || '未知'}`, 'color: #ff0000;'); - return createElement(Div, { - style: { - width: '100%', - height: '50px', - lineHeight: '50px', - textAlign: 'center', - fontSize: '15px', - color: '#ff0000', - border: '2px solid #ff0000', + logger.error( + `%c${this.props.componentName || ''} 组件渲染异常, 异常原因: ${ + this.props.error?.message || this.props.error || '未知' + }`, + 'color: #ff0000;', + ); + return createElement( + Div, + { + style: { + width: '100%', + height: '50px', + lineHeight: '50px', + textAlign: 'center', + fontSize: '15px', + color: '#ff0000', + border: '2px solid #ff0000', + }, }, - }, `${this.props.componentName || ''} 组件渲染异常，请查看控制台日志`); + `${this.props.componentName || ''} 组件渲染异常，请查看控制台日志`, + ); } } - class NotFoundComponent extends PureComponent<{ - componentName: string; - } & IRendererProps> { + class NotFoundComponent extends PureComponent< + { + componentName: string; + } & IRendererProps + > { render() { if (this.props.enableStrictNotFoundMode) { return `${this.props.componentName || ''} Component Not Found`; } - return createElement(Div, this.props, this.props.children || `${this.props.componentName || ''} Component Not Found`); + return createElement( + Div, + this.props, + this.props.children || `${this.props.componentName || ''} Component Not Found`, + ); } } @@ -60,8 +75,8 @@ export default function rendererFactory(): IRenderComponent { designMode: '', suspended: false, schema: {} as IPublicTypeRootSchema, - onCompGetRef: () => { }, - onCompGetCtx: () => { }, + onCompGetRef: () => {}, + onCompGetCtx: () => {}, thisRequiredInJSE: true, }; @@ -142,7 +157,10 @@ export default function rendererFactory(): IRenderComponent { } // 兼容乐高区块模板 if (schema.componentName !== 'Div' && !isFileSchema(schema)) { - logger.error('The root component name needs to be one of Page、Block、Component, please check the schema: ', schema); + logger.error( + 'The root component name needs to be one of Page、Block、Component, please check the schema: ', + schema, + ); return '模型结构异常'; } debug('entry.render'); @@ -157,24 +175,32 @@ export default function rendererFactory(): IRenderComponent { } if (Comp) { - return createElement(AppContext.Provider, { - value: { - appHelper, - components: allComponents, - engine: this, + return createElement( + AppContext.Provider, + { + value: { + appHelper, + components: allComponents, + engine: this, + }, }, - }, createElement(ConfigProvider, { - device: this.props.device, - locale: this.props.locale, - }, createElement(Comp, { - key: schema.__ctx && `${schema.__ctx.lceKey}_${schema.__ctx.idx || '0'}`, - ref: this.__getRef, - __appHelper: appHelper, - __components: allComponents, - __schema: schema, - __designMode: designMode, - ...this.props, - }))); + createElement( + ConfigProvider, + { + device: this.props.device, + locale: this.props.locale, + }, + createElement(Comp, { + key: schema.__ctx && `${schema.__ctx.lceKey}_${schema.__ctx.idx || '0'}`, + ref: this.__getRef, + __appHelper: appHelper, + __components: allComponents, + __schema: schema, + __designMode: designMode, + ...this.props, + }), + ), + ); } return null; } diff --git a/packages/renderer-core/src/types/index.ts b/packages/renderer-core/src/types/index.ts index afbec272ab..50923081a3 100644 --- a/packages/renderer-core/src/types/index.ts +++ b/packages/renderer-core/src/types/index.ts @@ -1,6 +1,11 @@ import type { ComponentLifecycle, CSSProperties } from 'react'; -import { BuiltinSimulatorHost, BuiltinSimulatorRenderer } from '@alilc/lowcode-designer'; -import { RequestHandler, IPublicTypeNodeSchema, IPublicTypeRootSchema, IPublicTypeJSONObject } from '@alilc/lowcode-types'; +import { BuiltinSimulatorHost, BuiltinSimulatorRenderer } from '@lce/lowcode-designer'; +import { + RequestHandler, + IPublicTypeNodeSchema, + IPublicTypeRootSchema, + IPublicTypeJSONObject, +} from '@lce/lowcode-types'; export type ISchema = IPublicTypeNodeSchema | IPublicTypeRootSchema; @@ -13,8 +18,10 @@ interface IGeneralComponent<P = {}, S = {}, SS = any> extends ComponentLifecycle refs: Record<string, any>; context: any; setState<K extends keyof S>( - state: ((prevState: Readonly<S>, props: Readonly<P>) => (Pick<S, K> | S | null)) | (Pick<S, K> | S | null), - callback?: () => void + state: + | ((prevState: Readonly<S>, props: Readonly<P>) => Pick<S, K> | S | null) + | (Pick<S, K> | S | null), + callback?: () => void, ): void; forceUpdate(callback?: () => void): void; render(): any; @@ -23,9 +30,11 @@ interface IGeneralComponent<P = {}, S = {}, SS = any> extends ComponentLifecycle export type IGeneralConstructor< T = { [key: string]: any; - }, S = { + }, + S = { [key: string]: any; - }, D = any + }, + D = any, > = new <TT = T, SS = S, DD = D>(props: TT, context: any) => IGeneralComponent<TT, SS, DD>; /** @@ -60,7 +69,6 @@ export interface ILocationLike { } export type IRendererAppHelper = Partial<{ - /** 全局公共函数 */ utils: Record<string, any>; @@ -83,9 +91,12 @@ export type IRendererAppHelper = Partial<{ addons: Record<string, any>; /** @experimental 内部使用 */ - requestHandlersMap: Record<string, RequestHandler<{ - data: unknown; - }>>; + requestHandlersMap: Record< + string, + RequestHandler<{ + data: unknown; + }> + >; }>; /** @@ -94,7 +105,6 @@ export type IRendererAppHelper = Partial<{ * @see @todo @承虎 */ export interface IRendererProps { - /** 符合低代码搭建协议的数据 */ schema: IPublicTypeRootSchema | IPublicTypeNodeSchema; @@ -281,44 +291,48 @@ export type IBaseRendererInstance = IGeneralComponent< IBaseRendererProps, Record<string, any>, any -> - & { - reloadDataSource(): Promise<any>; - __beforeInit(props: IBaseRendererProps): void; - __init(props: IBaseRendererProps): void; - __afterInit(props: IBaseRendererProps): void; - __executeLifeCycleMethod(method: string, args?: any[]): void; - __bindCustomMethods(props: IBaseRendererProps): void; - __generateCtx(ctx: Record<string, any>): void; - __parseData(data: any, ctx?: any): any; - __initDataSource(props: IBaseRendererProps): void; - __render(): void; - __getRef(ref: any): void; - __getSchemaChildrenVirtualDom( - schema: IPublicTypeNodeSchema | undefined, - Comp: any, - nodeChildrenMap?: any - ): any; - __getComponentProps(schema: IPublicTypeNodeSchema | undefined, scope: any, Comp: any, componentInfo?: any): any; - __createDom(): any; - __createVirtualDom(schema: any, self: any, parentInfo: INodeInfo, idx: string | number): any; - __createLoopVirtualDom(schema: any, self: any, parentInfo: INodeInfo, idx: number | string): any; - __parseProps(props: any, self: any, path: string, info: INodeInfo): any; - __initDebug?(): void; - __debug(...args: any[]): void; - __renderContextProvider(customProps?: object, children?: any): any; - __renderContextConsumer(children: any): any; - __renderContent(children: any): any; - __checkSchema(schema: IPublicTypeNodeSchema | undefined, extraComponents?: string | string[]): any; - __renderComp(Comp: any, ctxProps: object): any; - $(filedId: string, instance?: any): any; - }; +> & { + reloadDataSource(): Promise<any>; + __beforeInit(props: IBaseRendererProps): void; + __init(props: IBaseRendererProps): void; + __afterInit(props: IBaseRendererProps): void; + __executeLifeCycleMethod(method: string, args?: any[]): void; + __bindCustomMethods(props: IBaseRendererProps): void; + __generateCtx(ctx: Record<string, any>): void; + __parseData(data: any, ctx?: any): any; + __initDataSource(props: IBaseRendererProps): void; + __render(): void; + __getRef(ref: any): void; + __getSchemaChildrenVirtualDom( + schema: IPublicTypeNodeSchema | undefined, + Comp: any, + nodeChildrenMap?: any, + ): any; + __getComponentProps( + schema: IPublicTypeNodeSchema | undefined, + scope: any, + Comp: any, + componentInfo?: any, + ): any; + __createDom(): any; + __createVirtualDom(schema: any, self: any, parentInfo: INodeInfo, idx: string | number): any; + __createLoopVirtualDom(schema: any, self: any, parentInfo: INodeInfo, idx: number | string): any; + __parseProps(props: any, self: any, path: string, info: INodeInfo): any; + __initDebug?(): void; + __debug(...args: any[]): void; + __renderContextProvider(customProps?: object, children?: any): any; + __renderContextConsumer(children: any): any; + __renderContent(children: any): any; + __checkSchema( + schema: IPublicTypeNodeSchema | undefined, + extraComponents?: string | string[], + ): any; + __renderComp(Comp: any, ctxProps: object): any; + $(filedId: string, instance?: any): any; +}; export interface IBaseRenderComponent { - new( - props: IBaseRendererProps, - context: any - ): IBaseRendererInstance; + new (props: IBaseRendererProps, context: any): IBaseRendererInstance; } export interface IRenderComponent { @@ -326,7 +340,7 @@ export interface IRenderComponent { defaultProps: IRendererProps; findDOMNode: (...args: any) => any; - new(props: IRendererProps, context: any): IGeneralComponent<IRendererProps, IRendererState> & { + new (props: IRendererProps, context: any): IGeneralComponent<IRendererProps, IRendererState> & { [x: string]: any; __getRef: (ref: any) => void; componentDidMount(): Promise<void> | void; diff --git a/packages/renderer-core/src/utils/common.ts b/packages/renderer-core/src/utils/common.ts index 0462d358a7..fa7d208ae4 100644 --- a/packages/renderer-core/src/utils/common.ts +++ b/packages/renderer-core/src/utils/common.ts @@ -1,15 +1,26 @@ /* eslint-disable no-console */ /* eslint-disable no-new-func */ import logger from './logger'; -import { IPublicTypeRootSchema, IPublicTypeNodeSchema, IPublicTypeJSSlot } from '@alilc/lowcode-types'; -import { isI18nData, isJSExpression } from '@alilc/lowcode-utils'; +import { + IPublicTypeRootSchema, + IPublicTypeNodeSchema, + IPublicTypeJSSlot, +} from '@lce/lowcode-types'; +import { isI18nData, isJSExpression } from '@lce/lowcode-utils'; import { isEmpty } from 'lodash'; import IntlMessageFormat from 'intl-messageformat'; import pkg from '../../package.json'; (window as any).sdkVersion = pkg.version; -export { pick, isEqualWith as deepEqual, cloneDeep as clone, isEmpty, throttle, debounce } from 'lodash'; +export { + pick, + isEqualWith as deepEqual, + cloneDeep as clone, + isEmpty, + throttle, + debounce, +} from 'lodash'; const EXPRESSION_TYPE = { JSEXPRESSION: 'JSExpression', @@ -43,7 +54,7 @@ export function isSchema(schema: any): schema is IPublicTypeNodeSchema { if (isJSExpression(props)) { return true; } - return (typeof schema.props === 'object' && !Array.isArray(props)); + return typeof schema.props === 'object' && !Array.isArray(props); }; return !!(schema.componentName && isValidProps(schema.props)); } @@ -82,7 +93,7 @@ export function getFileCssName(fileName: string) { return; } const name = fileName.replace(/([A-Z])/g, '-$1').toLowerCase(); - return (`lce-${name}`) + return `lce-${name}` .split('-') .filter((p) => !!p) .join('-'); @@ -134,7 +145,12 @@ export function getValue(obj: any, path: string, defaultValue = {}) { * @param {*} locale 国际化标识，例如 zh-CN、en-US * @param {*} messages 国际化语言包 */ -export function getI18n(key: string, values = {}, locale = 'zh-CN', messages: Record<string, any> = {}) { +export function getI18n( + key: string, + values = {}, + locale = 'zh-CN', + messages: Record<string, any> = {}, +) { if (!messages || !messages[locale] || !messages[locale][key]) { return ''; } @@ -150,7 +166,12 @@ export function canAcceptsRef(Comp: any) { const hasSymbol = typeof Symbol === 'function' && Symbol.for; const REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0; // eslint-disable-next-line max-len - return Comp?.$$typeof === REACT_FORWARD_REF_TYPE || Comp?.prototype?.isReactComponent || Comp?.prototype?.setState || Comp._forwardRef; + return ( + Comp?.$$typeof === REACT_FORWARD_REF_TYPE || + Comp?.prototype?.isReactComponent || + Comp?.prototype?.setState || + Comp._forwardRef + ); } /** @@ -202,7 +223,10 @@ export function transformStringToFunction(str: string) { */ function parseExpression(options: { - str: any; self: any; thisRequired?: boolean; logScope?: string; + str: any; + self: any; + thisRequired?: boolean; + logScope?: string; }): any; function parseExpression(str: any, self: any, thisRequired?: boolean): any; function parseExpression(a: any, b?: any, c = false) { @@ -244,9 +268,7 @@ function parseExpression(a: any, b?: any, c = false) { } } -export { - parseExpression, -}; +export { parseExpression }; export function parseThisRequiredExpression(str: any, self: any) { return parseExpression(str, self, true); @@ -291,10 +313,13 @@ export function isVariable(obj: any) { * @param self context */ export function parseI18n(i18nInfo: any, self: any) { - return parseExpression({ - type: EXPRESSION_TYPE.JSEXPRESSION, - value: `this.i18n('${i18nInfo.key}')`, - }, self); + return parseExpression( + { + type: EXPRESSION_TYPE.JSEXPRESSION, + value: `this.i18n('${i18nInfo.key}')`, + }, + self, + ); } /** @@ -304,7 +329,12 @@ export function parseI18n(i18nInfo: any, self: any) { * @param context */ export function forEach(targetObj: any, fn: any, context?: any) { - if (!targetObj || Array.isArray(targetObj) || isString(targetObj) || typeof targetObj !== 'object') { + if ( + !targetObj || + Array.isArray(targetObj) || + isString(targetObj) || + typeof targetObj !== 'object' + ) { return; } diff --git a/packages/renderer-core/src/utils/data-helper.ts b/packages/renderer-core/src/utils/data-helper.ts index 41bcb9bfa0..73cc2176bb 100644 --- a/packages/renderer-core/src/utils/data-helper.ts +++ b/packages/renderer-core/src/utils/data-helper.ts @@ -1,7 +1,7 @@ /* eslint-disable no-console */ /* eslint-disable max-len */ /* eslint-disable object-curly-newline */ -import { isJSFunction } from '@alilc/lowcode-utils'; +import { isJSFunction } from '@lce/lowcode-utils'; import { transformArrayToMap, transformStringToFunction } from './common'; import { jsonp, request, get, post } from './request'; import logger from './logger'; @@ -40,7 +40,10 @@ export function doRequest(type: DataSourceType, options: any) { } } - logger.log(`Engine default dataSource does not support type:[${type}] dataSource request!`, options); + logger.log( + `Engine default dataSource does not support type:[${type}] dataSource request!`, + options, + ); } // TODO: according to protocol, we should implement errorHandler/shouldFetch/willFetch/requestHandler and isSync controll. @@ -200,9 +203,9 @@ export class DataHelper { Array.isArray(options.params) || Array.isArray(params) ? params || options.params : { - ...options.params, - ...params, - }, + ...options.params, + ...params, + }, headers: { ...options.headers, ...headers, @@ -211,22 +214,22 @@ export class DataHelper { }, }, ]) - .then((res: any) => { - try { - callbackFn && callbackFn(res && res[id]); - } catch (e) { - logger.error('load请求回调函数报错', e); - } - return res && res[id]; - }) - .catch((err) => { - try { - callbackFn && callbackFn(null, err); - } catch (e) { - logger.error('load请求回调函数报错', e); - } - return err; - }); + .then((res: any) => { + try { + callbackFn && callbackFn(res && res[id]); + } catch (e) { + logger.error('load请求回调函数报错', e); + } + return res && res[id]; + }) + .catch((err) => { + try { + callbackFn && callbackFn(null, err); + } catch (e) { + logger.error('load请求回调函数报错', e); + } + return err; + }); } asyncDataHandler(asyncDataList: any[]) { @@ -270,11 +273,13 @@ export class DataHelper { doFetch(type, options); }); }), - ).then(() => { - resolve(res); - }).catch((e) => { - reject(e); - }); + ) + .then(() => { + resolve(res); + }) + .catch((e) => { + reject(e); + }); }); } diff --git a/packages/renderer-core/src/utils/is-use-loop.ts b/packages/renderer-core/src/utils/is-use-loop.ts index b6d67a802a..3336affd36 100644 --- a/packages/renderer-core/src/utils/is-use-loop.ts +++ b/packages/renderer-core/src/utils/is-use-loop.ts @@ -1,9 +1,12 @@ -import { IPublicTypeJSExpression } from '@alilc/lowcode-types'; -import { isJSExpression } from '@alilc/lowcode-utils'; +import { IPublicTypeJSExpression } from '@lce/lowcode-types'; +import { isJSExpression } from '@lce/lowcode-utils'; // 1.渲染模式下，loop 是数组，则按照数组长度渲染组件 // 2.设计模式下，loop 需要长度大于 0，按照循环模式渲染，防止无法设计的情况 -export default function isUseLoop(loop: null | any[] | IPublicTypeJSExpression, isDesignMode: boolean): boolean { +export default function isUseLoop( + loop: null | any[] | IPublicTypeJSExpression, + isDesignMode: boolean, +): boolean { if (isJSExpression(loop)) { return true; } diff --git a/packages/renderer-core/src/utils/logger.ts b/packages/renderer-core/src/utils/logger.ts index 5b7a276eb6..1bc6aa70b4 100644 --- a/packages/renderer-core/src/utils/logger.ts +++ b/packages/renderer-core/src/utils/logger.ts @@ -1,3 +1,3 @@ -import { Logger } from '@alilc/lowcode-utils'; +import { Logger } from '@lce/lowcode-utils'; -export default new Logger({ level: 'warn', bizName: 'renderer' }); \ No newline at end of file +export default new Logger({ level: 'warn', bizName: 'renderer' }); diff --git a/packages/shell/package.json b/packages/shell/package.json index c2b62e2270..2183116054 100644 --- a/packages/shell/package.json +++ b/packages/shell/package.json @@ -1,5 +1,5 @@ { - "name": "@alilc/lowcode-shell", + "name": "@lce/lowcode-shell", "version": "1.3.2", "description": "Shell Layer for AliLowCodeEngine", "main": "lib/index.js", @@ -13,12 +13,12 @@ }, "license": "MIT", "dependencies": { - "@alilc/lowcode-designer": "1.3.2", - "@alilc/lowcode-editor-core": "1.3.2", - "@alilc/lowcode-editor-skeleton": "1.3.2", - "@alilc/lowcode-types": "1.3.2", - "@alilc/lowcode-utils": "1.3.2", - "@alilc/lowcode-workspace": "1.3.2", + "@lce/lowcode-designer": "1.3.2", + "@lce/lowcode-editor-core": "1.3.2", + "@lce/lowcode-editor-skeleton": "1.3.2", + "@lce/lowcode-types": "1.3.2", + "@lce/lowcode-utils": "1.3.2", + "@lce/lowcode-workspace": "1.3.2", "classnames": "^2.2.6", "enzyme": "^3.11.0", "enzyme-adapter-react-16": "^1.15.5", diff --git a/packages/shell/src/api/canvas.ts b/packages/shell/src/api/canvas.ts index 48acbc487a..a8c487af52 100644 --- a/packages/shell/src/api/canvas.ts +++ b/packages/shell/src/api/canvas.ts @@ -9,11 +9,8 @@ import { IPublicModelDragon, IPublicModelActiveTracker, IPublicModelClipboard, -} from '@alilc/lowcode-types'; -import { - ScrollTarget as InnerScrollTarget, - IDesigner, -} from '@alilc/lowcode-designer'; +} from '@lce/lowcode-types'; +import { ScrollTarget as InnerScrollTarget, IDesigner } from '@lce/lowcode-designer'; import { editorSymbol, designerSymbol, nodeSymbol } from '../symbols'; import { Dragon as ShellDragon, @@ -67,10 +64,12 @@ export class Canvas implements IPublicApiCanvas { * 创建插入位置，考虑放到 dragon 中 */ createLocation(locationData: IPublicTypeLocationData): IPublicModelDropLocation { - return new DropLocation(this[designerSymbol].createLocation({ - ...locationData, - target: (locationData.target as any)[nodeSymbol], - })); + return new DropLocation( + this[designerSymbol].createLocation({ + ...locationData, + target: (locationData.target as any)[nodeSymbol], + }), + ); } /** diff --git a/packages/shell/src/api/command.ts b/packages/shell/src/api/command.ts index ebab4a9ff5..551ec157dd 100644 --- a/packages/shell/src/api/command.ts +++ b/packages/shell/src/api/command.ts @@ -1,6 +1,12 @@ -import { IPublicApiCommand, IPublicModelPluginContext, IPublicTypeCommand, IPublicTypeCommandHandlerArgs, IPublicTypeListCommand } from '@alilc/lowcode-types'; +import { + IPublicApiCommand, + IPublicModelPluginContext, + IPublicTypeCommand, + IPublicTypeCommandHandlerArgs, + IPublicTypeListCommand, +} from '@lce/lowcode-types'; import { commandSymbol, pluginContextSymbol } from '../symbols'; -import { ICommand, ICommandOptions } from '@alilc/lowcode-editor-core'; +import { ICommand, ICommandOptions } from '@lce/lowcode-editor-core'; const optionsSymbol = Symbol('options'); const commandScopeSet = new Set<string>(); @@ -10,7 +16,11 @@ export class Command implements IPublicApiCommand { [optionsSymbol]?: ICommandOptions; [pluginContextSymbol]?: IPublicModelPluginContext; - constructor(innerCommand: ICommand, pluginContext?: IPublicModelPluginContext, options?: ICommandOptions) { + constructor( + innerCommand: ICommand, + pluginContext?: IPublicModelPluginContext, + options?: ICommandOptions, + ) { this[commandSymbol] = innerCommand; this[optionsSymbol] = options; this[pluginContextSymbol] = pluginContext; diff --git a/packages/shell/src/api/common.tsx b/packages/shell/src/api/common.tsx index 8ce07153ad..e8fa01b716 100644 --- a/packages/shell/src/api/common.tsx +++ b/packages/shell/src/api/common.tsx @@ -1,4 +1,12 @@ -import { editorSymbol, skeletonSymbol, designerCabinSymbol, designerSymbol, settingFieldSymbol, editorCabinSymbol, skeletonCabinSymbol } from '../symbols'; +import { + editorSymbol, + skeletonSymbol, + designerCabinSymbol, + designerSymbol, + settingFieldSymbol, + editorCabinSymbol, + skeletonCabinSymbol, +} from '../symbols'; import { isFormEvent as innerIsFormEvent, compatibleLegaoSchema as innerCompatibleLegaoSchema, @@ -12,7 +20,7 @@ import { isNode as innerIsNode, isSettingField, isSettingField as innerIsSettingField, -} from '@alilc/lowcode-utils'; +} from '@lce/lowcode-utils'; import { IPublicTypeNodeSchema, IPublicEnumTransitionType, @@ -27,7 +35,7 @@ import { IPublicModelDragon, IPublicModelSettingField, IPublicTypeI18nData, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; import { SettingField as InnerSettingField, LiveEditing as InnerLiveEditing, @@ -42,7 +50,7 @@ import { Node as InnerNode, LowCodePluginManager as InnerLowCodePluginManager, DesignerView as InnerDesignerView, -} from '@alilc/lowcode-designer'; +} from '@lce/lowcode-designer'; import { Skeleton as InnerSkeleton, createSettingFieldView as innerCreateSettingFieldView, @@ -51,7 +59,7 @@ import { Workbench as InnerWorkbench, SettingsPrimaryPane as InnerSettingsPrimaryPane, registerDefaults as InnerRegisterDefaults, -} from '@alilc/lowcode-editor-skeleton'; +} from '@lce/lowcode-editor-skeleton'; import { Editor, Title as InnerTitle, @@ -70,7 +78,7 @@ import { runInAction as innerRunInAction, engineConfig as innerEngineConfig, globalContext, -} from '@alilc/lowcode-editor-core'; +} from '@lce/lowcode-editor-core'; import { Dragon as ShellDragon } from '../model'; import { ReactNode } from 'react'; @@ -113,7 +121,7 @@ class DesignerCabin implements IPublicApiCommonDesignerCabin { /** * 是否是 SettingField 实例 - * @deprecated use same function from @alilc/lowcode-utils directly + * @deprecated use same function from @lce/lowcode-utilsirectly */ isSettingField(obj: any): boolean { return isSettingField(obj); @@ -122,7 +130,7 @@ class DesignerCabin implements IPublicApiCommonDesignerCabin { /** * 转换类型枚举对象，包含 init / upgrade / render 等类型 * [参考](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/transform-stage.ts) - * @deprecated use { TransformStage } from '@alilc/lowcode-types' instead + * @deprecated use { TransformStage } from '@lce/lowcode-types' instead */ get TransformStage() { return InnerTransitionStage; @@ -211,7 +219,7 @@ class SkeletonCabin implements IPublicApiCommonSkeletonCabin { /** * @deprecated */ - get PopupPipe(): any { + get PopupPipe(): any { return InnerPopupPipe; } } @@ -233,9 +241,9 @@ class Utils implements IPublicApiCommonUtils { } getNodeSchemaById( - schema: IPublicTypeNodeSchema, - nodeId: string, - ): IPublicTypeNodeSchema | undefined { + schema: IPublicTypeNodeSchema, + nodeId: string, + ): IPublicTypeNodeSchema | undefined { return innerGetNodeSchemaById(schema, nodeId); } @@ -248,18 +256,18 @@ class Utils implements IPublicApiCommonUtils { } executeTransaction( - fn: () => void, - type: IPublicEnumTransitionType = IPublicEnumTransitionType.REPAINT, - ): void { + fn: () => void, + type: IPublicEnumTransitionType = IPublicEnumTransitionType.REPAINT, + ): void { transactionManager.executeTransaction(fn, type); } createIntl(instance: string | object): { - intlNode(id: string, params?: object): ReactNode; - intl(id: string, params?: object): string; - getLocale(): string; - setLocale(locale: string): void; - } { + intlNode(id: string, params?: object): ReactNode; + intl(id: string, params?: object): string; + getLocale(): string; + setLocale(locale: string): void; + } { return innerCreateIntl(instance); } @@ -458,11 +466,11 @@ export class Common implements IPublicApiCommon { /** * 历史原因导致此处设计不合理，慎用。 * this load of crap will be removed in some future versions, don`t use it. - * @deprecated use { TransformStage } from '@alilc/lowcode-types' instead + * @deprecated use { TransformStage } from '@lce/lowcode-types' instead */ get objects(): any { return { TransformStage: InnerTransitionStage, }; } -} \ No newline at end of file +} diff --git a/packages/shell/src/api/commonUI.tsx b/packages/shell/src/api/commonUI.tsx index 69dd104b2a..1dfd999e9c 100644 --- a/packages/shell/src/api/commonUI.tsx +++ b/packages/shell/src/api/commonUI.tsx @@ -1,11 +1,38 @@ -import { IPublicApiCommonUI, IPublicModelPluginContext, IPublicTypeContextMenuAction } from '@alilc/lowcode-types'; import { - HelpTip, - IEditor, - Tip as InnerTip, - Title as InnerTitle, - } from '@alilc/lowcode-editor-core'; -import { Balloon, Breadcrumb, Button, Card, Checkbox, DatePicker, Dialog, Dropdown, Form, Icon, Input, Loading, Message, Overlay, Pagination, Radio, Search, Select, SplitButton, Step, Switch, Tab, Table, Tree, TreeSelect, Upload, Divider } from '@alifd/next'; + IPublicApiCommonUI, + IPublicModelPluginContext, + IPublicTypeContextMenuAction, +} from '@lce/lowcode-types'; +import { HelpTip, IEditor, Tip as InnerTip, Title as InnerTitle } from '@lce/lowcode-editor-core'; +import { + Balloon, + Breadcrumb, + Button, + Card, + Checkbox, + DatePicker, + Dialog, + Dropdown, + Form, + Icon, + Input, + Loading, + Message, + Overlay, + Pagination, + Radio, + Search, + Select, + SplitButton, + Step, + Switch, + Tab, + Table, + Tree, + TreeSelect, + Upload, + Divider, +} from '@alifd/next'; import { ContextMenu } from '../components/context-menu'; import { editorSymbol } from '../symbols'; import { ReactElement } from 'react'; @@ -52,12 +79,16 @@ export class CommonUI implements IPublicApiCommonUI { this[editorSymbol] = editor; const innerContextMenu = (props: any) => { - const pluginContext: IPublicModelPluginContext = editor.get('pluginContext') as IPublicModelPluginContext; + const pluginContext: IPublicModelPluginContext = editor.get( + 'pluginContext', + ) as IPublicModelPluginContext; return <ContextMenu {...props} pluginContext={pluginContext} />; }; innerContextMenu.create = (menus: IPublicTypeContextMenuAction[], event: MouseEvent) => { - const pluginContext: IPublicModelPluginContext = editor.get('pluginContext') as IPublicModelPluginContext; + const pluginContext: IPublicModelPluginContext = editor.get( + 'pluginContext', + ) as IPublicModelPluginContext; return ContextMenu.create(pluginContext, menus, event); }; diff --git a/packages/shell/src/api/config.ts b/packages/shell/src/api/config.ts index d841208780..a7784b6821 100644 --- a/packages/shell/src/api/config.ts +++ b/packages/shell/src/api/config.ts @@ -1,6 +1,10 @@ -import { IPublicModelEngineConfig, IPublicModelPreference, IPublicTypeDisposable } from '@alilc/lowcode-types'; +import { + IPublicModelEngineConfig, + IPublicModelPreference, + IPublicTypeDisposable, +} from '@lce/lowcode-types'; import { configSymbol } from '../symbols'; -import { IEngineConfig } from '@alilc/lowcode-editor-core'; +import { IEngineConfig } from '@lce/lowcode-editor-core'; export class Config implements IPublicModelEngineConfig { private readonly [configSymbol]: IEngineConfig; diff --git a/packages/shell/src/api/event.ts b/packages/shell/src/api/event.ts index f2adca98c1..fe62f80c51 100644 --- a/packages/shell/src/api/event.ts +++ b/packages/shell/src/api/event.ts @@ -1,6 +1,6 @@ -import { IEditor, IEventBus } from '@alilc/lowcode-editor-core'; -import { getLogger, isPluginEventName } from '@alilc/lowcode-utils'; -import { IPublicApiEvent, IPublicTypeDisposable } from '@alilc/lowcode-types'; +import { IEditor, IEventBus } from '@lce/lowcode-editor-core'; +import { getLogger, isPluginEventName } from '@lce/lowcode-utils'; +import { IPublicApiEvent, IPublicTypeDisposable } from '@lce/lowcode-types'; const logger = getLogger({ level: 'warn', bizName: 'shell-event' }); @@ -31,7 +31,9 @@ export class Event implements IPublicApiEvent { if (isPluginEventName(event)) { return this[eventBusSymbol].on(event, listener); } else { - logger.warn(`fail to monitor on event ${event}, event should have a prefix like 'somePrefix:eventName'`); + logger.warn( + `fail to monitor on event ${event}, event should have a prefix like 'somePrefix:eventName'`, + ); return () => {}; } } @@ -45,7 +47,9 @@ export class Event implements IPublicApiEvent { if (isPluginEventName(event)) { return this[eventBusSymbol].prependListener(event, listener); } else { - logger.warn(`fail to prependListener event ${event}, event should have a prefix like 'somePrefix:eventName'`); + logger.warn( + `fail to prependListener event ${event}, event should have a prefix like 'somePrefix:eventName'`, + ); return () => {}; } } diff --git a/packages/shell/src/api/hotkey.ts b/packages/shell/src/api/hotkey.ts index 4e65844ceb..ab734027e1 100644 --- a/packages/shell/src/api/hotkey.ts +++ b/packages/shell/src/api/hotkey.ts @@ -1,6 +1,11 @@ -import { globalContext, Hotkey as InnerHotkey } from '@alilc/lowcode-editor-core'; +import { globalContext, Hotkey as InnerHotkey } from '@lce/lowcode-editor-core'; import { hotkeySymbol } from '../symbols'; -import { IPublicTypeDisposable, IPublicTypeHotkeyCallback, IPublicTypeHotkeyCallbacks, IPublicApiHotkey } from '@alilc/lowcode-types'; +import { + IPublicTypeDisposable, + IPublicTypeHotkeyCallback, + IPublicTypeHotkeyCallbacks, + IPublicApiHotkey, +} from '@lce/lowcode-types'; const innerHotkeySymbol = Symbol('innerHotkey'); @@ -41,13 +46,13 @@ export class Hotkey implements IPublicApiHotkey { * @returns */ bind( - combos: string[] | string, - callback: IPublicTypeHotkeyCallback, - action?: string, - ): IPublicTypeDisposable { + combos: string[] | string, + callback: IPublicTypeHotkeyCallback, + action?: string, + ): IPublicTypeDisposable { this[hotkeySymbol].bind(combos, callback, action); return () => { this[hotkeySymbol].unbind(combos, callback, action); }; } -} \ No newline at end of file +} diff --git a/packages/shell/src/api/logger.ts b/packages/shell/src/api/logger.ts index 54fee7a660..e9aff907b0 100644 --- a/packages/shell/src/api/logger.ts +++ b/packages/shell/src/api/logger.ts @@ -1,6 +1,5 @@ - -import { getLogger } from '@alilc/lowcode-utils'; -import { IPublicApiLogger, ILoggerOptions } from '@alilc/lowcode-types'; +import { getLogger } from '@lce/lowcode-utils'; +import { IPublicApiLogger, ILoggerOptions } from '@lce/lowcode-types'; const innerLoggerSymbol = Symbol('logger'); @@ -45,4 +44,4 @@ export class Logger implements IPublicApiLogger { log(...args: any | any[]): void { this[innerLoggerSymbol].log(...args); } -} \ No newline at end of file +} diff --git a/packages/shell/src/api/material.ts b/packages/shell/src/api/material.ts index 284b88fbbf..5336be7e29 100644 --- a/packages/shell/src/api/material.ts +++ b/packages/shell/src/api/material.ts @@ -1,9 +1,6 @@ -import { globalContext } from '@alilc/lowcode-editor-core'; -import { - IDesigner, - isComponentMeta, -} from '@alilc/lowcode-designer'; -import { IPublicTypeAssetsJson, getLogger } from '@alilc/lowcode-utils'; +import { globalContext } from '@lce/lowcode-editor-core'; +import { IDesigner, isComponentMeta } from '@lce/lowcode-designer'; +import { IPublicTypeAssetsJson, getLogger } from '@lce/lowcode-utils'; import { IPublicTypeComponentAction, IPublicTypeComponentMetadata, @@ -15,8 +12,8 @@ import { IPublicTypeDisposable, IPublicTypeContextMenuAction, IPublicTypeContextMenuItem, -} from '@alilc/lowcode-types'; -import { Workspace as InnerWorkspace } from '@alilc/lowcode-workspace'; +} from '@lce/lowcode-types'; +import { Workspace as InnerWorkspace } from '@lce/lowcode-workspace'; import { editorSymbol, designerSymbol } from '../symbols'; import { ComponentMeta as ShellComponentMeta } from '../model'; import { ComponentType } from 'react'; @@ -176,9 +173,9 @@ export class Material implements IPublicApiMaterial { * @param handle */ modifyBuiltinComponentAction( - actionName: string, - handle: (action: IPublicTypeComponentAction) => void, - ) { + actionName: string, + handle: (action: IPublicTypeComponentAction) => void, + ) { this[designerSymbol].componentActions.modifyBuiltinComponentAction(actionName, handle); } @@ -195,7 +192,7 @@ export class Material implements IPublicApiMaterial { ]; return () => { - dispose.forEach(d => d && d()); + dispose.forEach((d) => d && d()); }; } @@ -207,7 +204,9 @@ export class Material implements IPublicApiMaterial { this[designerSymbol].contextMenuActions.removeMenuAction(name); } - adjustContextMenuLayout(fn: (actions: IPublicTypeContextMenuItem[]) => IPublicTypeContextMenuItem[]) { + adjustContextMenuLayout( + fn: (actions: IPublicTypeContextMenuItem[]) => IPublicTypeContextMenuItem[], + ) { this[designerSymbol].contextMenuActions.adjustMenuLayout(fn); } } diff --git a/packages/shell/src/api/plugins.ts b/packages/shell/src/api/plugins.ts index b6f5e63717..5640bfbb19 100644 --- a/packages/shell/src/api/plugins.ts +++ b/packages/shell/src/api/plugins.ts @@ -1,14 +1,12 @@ -import { - ILowCodePluginManager, -} from '@alilc/lowcode-designer'; -import { globalContext } from '@alilc/lowcode-editor-core'; +import { ILowCodePluginManager } from '@lce/lowcode-designer'; +import { globalContext } from '@lce/lowcode-editor-core'; import { IPublicApiPlugins, IPublicModelPluginInstance, IPublicTypePlugin, IPublicTypePluginRegisterOptions, IPublicTypePreferenceValueType, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; import { PluginInstance as ShellPluginInstance } from '../model'; import { pluginsSymbol } from '../symbols'; @@ -44,8 +42,8 @@ export class Plugins implements IPublicApiPlugins { } getPluginPreference( - pluginName: string, - ): Record<string, IPublicTypePreferenceValueType> | null | undefined { + pluginName: string, + ): Record<string, IPublicTypePreferenceValueType> | null | undefined { return this[pluginsSymbol].getPluginPreference(pluginName); } diff --git a/packages/shell/src/api/project.ts b/packages/shell/src/api/project.ts index f005d0af0c..c4431e9bcf 100644 --- a/packages/shell/src/api/project.ts +++ b/packages/shell/src/api/project.ts @@ -1,8 +1,5 @@ -import { - BuiltinSimulatorHost, - IProject as InnerProject, -} from '@alilc/lowcode-designer'; -import { globalContext } from '@alilc/lowcode-editor-core'; +import { BuiltinSimulatorHost, IProject as InnerProject } from '@lce/lowcode-designer'; +import { globalContext } from '@lce/lowcode-editor-core'; import { IPublicTypeRootSchema, IPublicTypeProjectSchema, @@ -14,11 +11,11 @@ import { IPublicEnumTransformStage, IPublicTypeDisposable, IPublicTypeAppConfig, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; import { DocumentModel as ShellDocumentModel } from '../model'; import { SimulatorHost } from './simulator-host'; import { editorSymbol, projectSymbol, simulatorHostSymbol, documentSymbol } from '../symbols'; -import { getLogger } from '@alilc/lowcode-utils'; +import { getLogger } from '@lce/lowcode-utils'; const logger = getLogger({ level: 'warn', bizName: 'shell-project' }); @@ -74,7 +71,9 @@ export class Project implements IPublicApiProject { * 获取模拟器的 host */ get simulatorHost(): IPublicApiSimulatorHost | null { - return SimulatorHost.create(this[projectSymbol].simulator as any || this[simulatorHostSymbol]); + return SimulatorHost.create( + (this[projectSymbol].simulator as any) || this[simulatorHostSymbol], + ); } /** @@ -164,9 +163,9 @@ export class Project implements IPublicApiProject { * @param stage */ addPropsTransducer( - transducer: IPublicTypePropsTransducer, - stage: IPublicEnumTransformStage, - ): void { + transducer: IPublicTypePropsTransducer, + stage: IPublicEnumTransformStage, + ): void { this[projectSymbol].designer.addPropsReducer(transducer, stage); } @@ -175,11 +174,10 @@ export class Project implements IPublicApiProject { * @param fn * @returns */ - onRemoveDocument(fn: (data: { id: string}) => void): IPublicTypeDisposable { - return this[editorSymbol].eventBus.on( - 'designer.document.remove', - (data: { id: string }) => fn(data), - ); + onRemoveDocument(fn: (data: { id: string }) => void): IPublicTypeDisposable { + return this[editorSymbol].eventBus.on('designer.document.remove', (data: { id: string }) => + fn(data), + ); } /** diff --git a/packages/shell/src/api/setters.ts b/packages/shell/src/api/setters.ts index b7f2d40ecf..9d6496f192 100644 --- a/packages/shell/src/api/setters.ts +++ b/packages/shell/src/api/setters.ts @@ -1,7 +1,11 @@ -import { IPublicTypeCustomView, IPublicApiSetters, IPublicTypeRegisteredSetter } from '@alilc/lowcode-types'; -import { ISetters, globalContext, untracked } from '@alilc/lowcode-editor-core'; +import { + IPublicTypeCustomView, + IPublicApiSetters, + IPublicTypeRegisteredSetter, +} from '@lce/lowcode-types'; +import { ISetters, globalContext, untracked } from '@lce/lowcode-editor-core'; import { ReactNode } from 'react'; -import { getLogger } from '@alilc/lowcode-utils'; +import { getLogger } from '@lce/lowcode-utils'; const innerSettersSymbol = Symbol('setters'); const settersSymbol = Symbol('setters'); @@ -47,9 +51,12 @@ export class Setters implements IPublicApiSetters { * 获取已注册的所有 settersMap * @returns */ - getSettersMap = (): Map<string, IPublicTypeRegisteredSetter & { - type: string; - }> => { + getSettersMap = (): Map< + string, + IPublicTypeRegisteredSetter & { + type: string; + } + > => { return this[settersSymbol].getSettersMap(); }; diff --git a/packages/shell/src/api/simulator-host.ts b/packages/shell/src/api/simulator-host.ts index 663ba0c668..f56c51d754 100644 --- a/packages/shell/src/api/simulator-host.ts +++ b/packages/shell/src/api/simulator-host.ts @@ -1,8 +1,10 @@ -import { - BuiltinSimulatorHost, -} from '@alilc/lowcode-designer'; +import { BuiltinSimulatorHost } from '@lce/lowcode-designer'; import { simulatorHostSymbol, nodeSymbol } from '../symbols'; -import { IPublicApiSimulatorHost, IPublicModelNode, IPublicModelSimulatorRender } from '@alilc/lowcode-types'; +import { + IPublicApiSimulatorHost, + IPublicModelNode, + IPublicModelSimulatorRender, +} from '@lce/lowcode-types'; import { SimulatorRender } from '../model/simulator-render'; export class SimulatorHost implements IPublicApiSimulatorHost { diff --git a/packages/shell/src/api/skeleton.ts b/packages/shell/src/api/skeleton.ts index c61edf95d0..74b307f342 100644 --- a/packages/shell/src/api/skeleton.ts +++ b/packages/shell/src/api/skeleton.ts @@ -1,11 +1,15 @@ -import { globalContext } from '@alilc/lowcode-editor-core'; -import { - ISkeleton, - SkeletonEvents, -} from '@alilc/lowcode-editor-skeleton'; +import { globalContext } from '@lce/lowcode-editor-core'; +import { ISkeleton, SkeletonEvents } from '@lce/lowcode-editor-skeleton'; import { skeletonSymbol } from '../symbols'; -import { IPublicApiSkeleton, IPublicModelSkeletonItem, IPublicTypeConfigTransducer, IPublicTypeDisposable, IPublicTypeSkeletonConfig, IPublicTypeWidgetConfigArea } from '@alilc/lowcode-types'; -import { getLogger } from '@alilc/lowcode-utils'; +import { + IPublicApiSkeleton, + IPublicModelSkeletonItem, + IPublicTypeConfigTransducer, + IPublicTypeDisposable, + IPublicTypeSkeletonConfig, + IPublicTypeWidgetConfigArea, +} from '@lce/lowcode-types'; +import { getLogger } from '@lce/lowcode-utils'; import { SkeletonItem } from '../model/skeleton-item'; const innerSkeletonSymbol = Symbol('skeleton'); @@ -32,11 +36,7 @@ export class Skeleton implements IPublicApiSkeleton { return this[innerSkeletonSymbol]; } - constructor( - skeleton: ISkeleton, - pluginName: string, - readonly workspaceMode: boolean = false, - ) { + constructor(skeleton: ISkeleton, pluginName: string, readonly workspaceMode: boolean = false) { this[innerSkeletonSymbol] = skeleton; this.pluginName = pluginName; } @@ -47,7 +47,10 @@ export class Skeleton implements IPublicApiSkeleton { * @param extraConfig * @returns */ - add(config: IPublicTypeSkeletonConfig, extraConfig?: Record<string, any>): IPublicModelSkeletonItem | undefined { + add( + config: IPublicTypeSkeletonConfig, + extraConfig?: Record<string, any>, + ): IPublicModelSkeletonItem | undefined { const configWithName = { ...config, pluginName: this.pluginName, @@ -73,7 +76,9 @@ export class Skeleton implements IPublicApiSkeleton { } getAreaItems(areaName: IPublicTypeWidgetConfigArea): IPublicModelSkeletonItem[] { - return this[skeletonSymbol][normalizeArea(areaName)].container.items?.map(d => new SkeletonItem(d)); + return this[skeletonSymbol][normalizeArea(areaName)].container.items?.map( + (d) => new SkeletonItem(d), + ); } getPanel(name: string) { @@ -154,7 +159,9 @@ export class Skeleton implements IPublicApiSkeleton { * @param listener * @returns */ - onShowPanel(listener: (paneName: string, panel: IPublicModelSkeletonItem) => void): IPublicTypeDisposable { + onShowPanel( + listener: (paneName: string, panel: IPublicModelSkeletonItem) => void, + ): IPublicTypeDisposable { const { editor } = this[skeletonSymbol]; editor.eventBus.on(SkeletonEvents.PANEL_SHOW, (name: any, panel: any) => { listener(name, new SkeletonItem(panel)); @@ -222,7 +229,19 @@ export class Skeleton implements IPublicApiSkeleton { } } -function normalizeArea(area: IPublicTypeWidgetConfigArea | undefined): 'leftArea' | 'rightArea' | 'topArea' | 'toolbar' | 'mainArea' | 'bottomArea' | 'leftFixedArea' | 'leftFloatArea' | 'stages' | 'subTopArea' { +function normalizeArea( + area: IPublicTypeWidgetConfigArea | undefined, +): + | 'leftArea' + | 'rightArea' + | 'topArea' + | 'toolbar' + | 'mainArea' + | 'bottomArea' + | 'leftFixedArea' + | 'leftFloatArea' + | 'stages' + | 'subTopArea' { switch (area) { case 'leftArea': case 'left': diff --git a/packages/shell/src/api/workspace.ts b/packages/shell/src/api/workspace.ts index f5bc79009f..e3ef34003a 100644 --- a/packages/shell/src/api/workspace.ts +++ b/packages/shell/src/api/workspace.ts @@ -1,5 +1,10 @@ -import { IPublicApiWorkspace, IPublicResourceList, IPublicTypeDisposable, IPublicTypeResourceType } from '@alilc/lowcode-types'; -import { IWorkspace } from '@alilc/lowcode-workspace'; +import { + IPublicApiWorkspace, + IPublicResourceList, + IPublicTypeDisposable, + IPublicTypeResourceType, +} from '@lce/lowcode-types'; +import { IWorkspace } from '@lce/lowcode-workspace'; import { resourceSymbol, workspaceSymbol } from '../symbols'; import { Resource as ShellResource, Window as ShellWindow } from '../model'; import { Plugins } from './plugins'; @@ -38,21 +43,16 @@ export class Workspace implements IPublicApiWorkspace { get resourceTypeList() { return Array.from(this[workspaceSymbol].resourceTypeMap.values()).map((d) => { const { name: resourceName, type: resourceType } = d; - const { - description, - editorViews, - } = d.resourceTypeModel({} as any, {}); + const { description, editorViews } = d.resourceTypeModel({} as any, {}); return { resourceName, resourceType, description, - editorViews: editorViews.map(d => ( - { - viewName: d.viewName, - viewType: d.viewType || 'editor', - } - )), + editorViews: editorViews.map((d) => ({ + viewName: d.viewName, + viewType: d.viewType || 'editor', + })), }; }); } @@ -67,9 +67,18 @@ export class Workspace implements IPublicApiWorkspace { async openEditorWindow(): Promise<void> { if (typeof arguments[0] === 'string') { - await this[workspaceSymbol].openEditorWindow(arguments[0], arguments[1], arguments[2], arguments[3], arguments[4]); + await this[workspaceSymbol].openEditorWindow( + arguments[0], + arguments[1], + arguments[2], + arguments[3], + arguments[4], + ); } else { - await this[workspaceSymbol].openEditorWindowByResource(arguments[0]?.[resourceSymbol], arguments[1]); + await this[workspaceSymbol].openEditorWindowByResource( + arguments[0]?.[resourceSymbol], + arguments[1], + ); } } diff --git a/packages/shell/src/components/context-menu.tsx b/packages/shell/src/components/context-menu.tsx index 8c7ab446ba..2ac9e735a3 100644 --- a/packages/shell/src/components/context-menu.tsx +++ b/packages/shell/src/components/context-menu.tsx @@ -1,66 +1,79 @@ -import { createContextMenu, parseContextMenuAsReactNode, parseContextMenuProperties } from '@alilc/lowcode-utils'; -import { engineConfig } from '@alilc/lowcode-editor-core'; -import { IPublicModelPluginContext, IPublicTypeContextMenuAction } from '@alilc/lowcode-types'; +import { + createContextMenu, + parseContextMenuAsReactNode, + parseContextMenuProperties, +} from '@lce/lowcode-utils'; +import { engineConfig } from '@lce/lowcode-editor-core'; +import { IPublicModelPluginContext, IPublicTypeContextMenuAction } from '@lce/lowcode-types'; import React, { useCallback } from 'react'; -export function ContextMenu({ children, menus, pluginContext }: { +export function ContextMenu({ + children, + menus, + pluginContext, +}: { menus: IPublicTypeContextMenuAction[]; children: React.ReactElement[] | React.ReactElement; pluginContext: IPublicModelPluginContext; }): React.ReactElement<any, string | React.JSXElementConstructor<any>> { - const handleContextMenu = useCallback((event: React.MouseEvent) => { - event.preventDefault(); - event.stopPropagation(); + const handleContextMenu = useCallback( + (event: React.MouseEvent) => { + event.preventDefault(); + event.stopPropagation(); - let destroyFn: Function | undefined; - const destroy = () => { - destroyFn?.(); - }; - const children: React.ReactNode[] = parseContextMenuAsReactNode(parseContextMenuProperties(menus, { - destroy, - pluginContext, - }), { pluginContext }); + let destroyFn: Function | undefined; + const destroy = () => { + destroyFn?.(); + }; + const children: React.ReactNode[] = parseContextMenuAsReactNode( + parseContextMenuProperties(menus, { + destroy, + pluginContext, + }), + { pluginContext }, + ); - if (!children?.length) { - return; - } + if (!children?.length) { + return; + } - destroyFn = createContextMenu(children, { event }); - }, [menus]); + destroyFn = createContextMenu(children, { event }); + }, + [menus], + ); if (!engineConfig.get('enableContextMenu')) { - return ( - <>{ children }</> - ); + return <>{children}</>; } if (!menus) { - return ( - <>{ children }</> - ); + return <>{children}</>; } // 克隆 children 并添加 onContextMenu 事件处理器 const childrenWithContextMenu = React.Children.map(children, (child) => - React.cloneElement( - child, - { onContextMenu: handleContextMenu }, - )); - - return ( - <>{childrenWithContextMenu}</> + React.cloneElement(child, { onContextMenu: handleContextMenu }), ); + + return <>{childrenWithContextMenu}</>; } -ContextMenu.create = (pluginContext: IPublicModelPluginContext, menus: IPublicTypeContextMenuAction[], event: MouseEvent) => { +ContextMenu.create = ( + pluginContext: IPublicModelPluginContext, + menus: IPublicTypeContextMenuAction[], + event: MouseEvent, +) => { event.preventDefault(); event.stopPropagation(); - const children: React.ReactNode[] = parseContextMenuAsReactNode(parseContextMenuProperties(menus, { - pluginContext, - }), { - pluginContext, - }); + const children: React.ReactNode[] = parseContextMenuAsReactNode( + parseContextMenuProperties(menus, { + pluginContext, + }), + { + pluginContext, + }, + ); if (!children?.length) { return; @@ -69,4 +82,4 @@ ContextMenu.create = (pluginContext: IPublicModelPluginContext, menus: IPublicTy return createContextMenu(children, { event, }); -}; \ No newline at end of file +}; diff --git a/packages/shell/src/model/active-tracker.ts b/packages/shell/src/model/active-tracker.ts index 32d4c04eb9..b8b1bdfad6 100644 --- a/packages/shell/src/model/active-tracker.ts +++ b/packages/shell/src/model/active-tracker.ts @@ -1,5 +1,9 @@ -import { IPublicModelActiveTracker, IPublicModelNode, IPublicTypeActiveTarget } from '@alilc/lowcode-types'; -import { IActiveTracker as InnerActiveTracker, ActiveTarget } from '@alilc/lowcode-designer'; +import { + IPublicModelActiveTracker, + IPublicModelNode, + IPublicTypeActiveTarget, +} from '@lce/lowcode-types'; +import { IActiveTracker as InnerActiveTracker, ActiveTarget } from '@lce/lowcode-designer'; import { Node as ShellNode } from './node'; import { nodeSymbol } from '../symbols'; @@ -47,4 +51,4 @@ export class ActiveTracker implements IPublicModelActiveTracker { track(node: IPublicModelNode) { this[activeTrackerSymbol].track((node as any)[nodeSymbol]); } -} \ No newline at end of file +} diff --git a/packages/shell/src/model/clipboard.ts b/packages/shell/src/model/clipboard.ts index 9c4b309450..735023c8cc 100644 --- a/packages/shell/src/model/clipboard.ts +++ b/packages/shell/src/model/clipboard.ts @@ -1,6 +1,6 @@ -import { IPublicModelClipboard } from '@alilc/lowcode-types'; +import { IPublicModelClipboard } from '@lce/lowcode-types'; import { clipboardSymbol } from '../symbols'; -import { IClipboard, clipboard } from '@alilc/lowcode-designer'; +import { IClipboard, clipboard } from '@lce/lowcode-designer'; export class Clipboard implements IPublicModelClipboard { private readonly [clipboardSymbol]: IClipboard; @@ -14,9 +14,9 @@ export class Clipboard implements IPublicModelClipboard { } waitPasteData( - keyboardEvent: KeyboardEvent, - cb: (data: any, clipboardEvent: ClipboardEvent) => void, - ): void { + keyboardEvent: KeyboardEvent, + cb: (data: any, clipboardEvent: ClipboardEvent) => void, + ): void { this[clipboardSymbol].waitPasteData(keyboardEvent, cb); } -} \ No newline at end of file +} diff --git a/packages/shell/src/model/component-meta.ts b/packages/shell/src/model/component-meta.ts index 448f0584ee..19c53b5f91 100644 --- a/packages/shell/src/model/component-meta.ts +++ b/packages/shell/src/model/component-meta.ts @@ -1,8 +1,16 @@ +import { IComponentMeta as InnerComponentMeta, INode } from '@lce/lowcode-designer'; import { - IComponentMeta as InnerComponentMeta, - INode, -} from '@alilc/lowcode-designer'; -import { IPublicTypeNodeData, IPublicTypeNodeSchema, IPublicModelComponentMeta, IPublicTypeI18nData, IPublicTypeIconType, IPublicTypeNpmInfo, IPublicTypeTransformedComponentMetadata, IPublicModelNode, IPublicTypeAdvanced, IPublicTypeFieldConfig } from '@alilc/lowcode-types'; + IPublicTypeNodeData, + IPublicTypeNodeSchema, + IPublicModelComponentMeta, + IPublicTypeI18nData, + IPublicTypeIconType, + IPublicTypeNpmInfo, + IPublicTypeTransformedComponentMetadata, + IPublicModelNode, + IPublicTypeAdvanced, + IPublicTypeFieldConfig, +} from '@lce/lowcode-types'; import { componentMetaSymbol, nodeSymbol } from '../symbols'; import { ReactElement } from 'react'; @@ -130,14 +138,14 @@ export class ComponentMeta implements IPublicModelComponentMeta { * @returns */ checkNestingDown( - my: IPublicModelNode | IPublicTypeNodeData, - target: IPublicTypeNodeSchema | IPublicModelNode | IPublicTypeNodeSchema[], - ) { + my: IPublicModelNode | IPublicTypeNodeData, + target: IPublicTypeNodeSchema | IPublicModelNode | IPublicTypeNodeSchema[], + ) { const curNode = (my as any)?.isNode ? (my as any)[nodeSymbol] : my; return this[componentMetaSymbol].checkNestingDown( - curNode as any, - (target as any)[nodeSymbol] || target, - ); + curNode as any, + (target as any)[nodeSymbol] || target, + ); } refreshMetadata(): void { diff --git a/packages/shell/src/model/condition-group.ts b/packages/shell/src/model/condition-group.ts index e2dd316edc..a15cfce7fa 100644 --- a/packages/shell/src/model/condition-group.ts +++ b/packages/shell/src/model/condition-group.ts @@ -1,5 +1,5 @@ -import type { IExclusiveGroup } from '@alilc/lowcode-designer'; -import { IPublicModelExclusiveGroup, IPublicModelNode } from '@alilc/lowcode-types'; +import type { IExclusiveGroup } from '@lce/lowcode-designer'; +import { IPublicModelExclusiveGroup, IPublicModelNode } from '@lce/lowcode-types'; import { conditionGroupSymbol, nodeSymbol } from '../symbols'; import { Node } from './node'; @@ -23,7 +23,9 @@ export class ConditionGroup implements IPublicModelExclusiveGroup { } setVisible(node: IPublicModelNode) { - this[conditionGroupSymbol]?.setVisible((node as any)[nodeSymbol] ? (node as any)[nodeSymbol] : node); + this[conditionGroupSymbol]?.setVisible( + (node as any)[nodeSymbol] ? (node as any)[nodeSymbol] : node, + ); } static create(conditionGroup: IExclusiveGroup | null) { diff --git a/packages/shell/src/model/detecting.ts b/packages/shell/src/model/detecting.ts index 7ce0fe1e5c..913fc71b14 100644 --- a/packages/shell/src/model/detecting.ts +++ b/packages/shell/src/model/detecting.ts @@ -3,9 +3,9 @@ import { Detecting as InnerDetecting, IDocumentModel as InnerDocumentModel, INode as InnerNode, -} from '@alilc/lowcode-designer'; +} from '@lce/lowcode-designer'; import { documentSymbol, detectingSymbol } from '../symbols'; -import { IPublicModelDetecting, IPublicModelNode, IPublicTypeDisposable } from '@alilc/lowcode-types'; +import { IPublicModelDetecting, IPublicModelNode, IPublicTypeDisposable } from '@lce/lowcode-types'; export class Detecting implements IPublicModelDetecting { private readonly [documentSymbol]: InnerDocumentModel; @@ -60,4 +60,4 @@ export class Detecting implements IPublicModelDetecting { }; return this[detectingSymbol].onDetectingChange(innerFn); } -} \ No newline at end of file +} diff --git a/packages/shell/src/model/document-model.ts b/packages/shell/src/model/document-model.ts index bd0ccaf75e..120dddff30 100644 --- a/packages/shell/src/model/document-model.ts +++ b/packages/shell/src/model/document-model.ts @@ -1,7 +1,4 @@ -import { - IDocumentModel as InnerDocumentModel, - INode as InnerNode, -} from '@alilc/lowcode-designer'; +import { IDocumentModel as InnerDocumentModel, INode as InnerNode } from '@lce/lowcode-designer'; import { IPublicEnumTransformStage, IPublicTypeRootSchema, @@ -22,8 +19,8 @@ import { IPublicTypeDisposable, IPublicModelEditor, IPublicTypeNodeSchema, -} from '@alilc/lowcode-types'; -import { isDragNodeObject } from '@alilc/lowcode-utils'; +} from '@lce/lowcode-types'; +import { isDragNodeObject } from '@lce/lowcode-utils'; import { Node as ShellNode } from './node'; import { Selection as ShellSelection } from './selection'; import { Detecting as ShellDetecting } from './detecting'; @@ -108,10 +105,10 @@ export class DocumentModel implements IPublicModelDocumentModel { set focusNode(node: IPublicModelNode | null) { this._focusNode = node; - this[editorSymbol].eventBus.emit( - 'shell.document.focusNodeChanged', - { document: this, focusNode: node }, - ); + this[editorSymbol].eventBus.emit('shell.document.focusNodeChanged', { + document: this, + focusNode: node, + }); } /** @@ -164,7 +161,9 @@ export class DocumentModel implements IPublicModelDocumentModel { * @param stage * @returns */ - exportSchema(stage: IPublicEnumTransformStage = IPublicEnumTransformStage.Render): IPublicTypeRootSchema | undefined { + exportSchema( + stage: IPublicEnumTransformStage = IPublicEnumTransformStage.Render, + ): IPublicTypeRootSchema | undefined { return this[documentSymbol].export(stage); } @@ -224,14 +223,14 @@ export class DocumentModel implements IPublicModelDocumentModel { * @returns boolean 是否可以放置 */ checkNesting( - dropTarget: IPublicModelNode, - dragObject: IPublicTypeDragNodeObject | IPublicTypeDragNodeDataObject, - ): boolean { + dropTarget: IPublicModelNode, + dragObject: IPublicTypeDragNodeObject | IPublicTypeDragNodeDataObject, + ): boolean { let innerDragObject = dragObject; if (isDragNodeObject(dragObject)) { innerDragObject.nodes = innerDragObject.nodes?.map( - (node: IPublicModelNode) => ((node as any)[nodeSymbol] || node), - ); + (node: IPublicModelNode) => (node as any)[nodeSymbol] || node, + ); } return this[documentSymbol].checkNesting( ((dropTarget as any)[nodeSymbol] || dropTarget) as any, @@ -252,9 +251,7 @@ export class DocumentModel implements IPublicModelDocumentModel { * 当前 document 新增节点事件，此时节点已经挂载到 document 上 */ onMountNode(fn: (payload: { node: IPublicModelNode }) => void): IPublicTypeDisposable { - return this[documentSymbol].onMountNode(({ - node, - }) => { + return this[documentSymbol].onMountNode(({ node }) => { fn({ node: ShellNode.create(node)! }); }); } @@ -290,7 +287,9 @@ export class DocumentModel implements IPublicModelDocumentModel { * 当前 document 的节点显隐状态变更事件 * @param fn */ - onChangeNodeVisible(fn: (node: IPublicModelNode, visible: boolean) => void): IPublicTypeDisposable { + onChangeNodeVisible( + fn: (node: IPublicModelNode, visible: boolean) => void, + ): IPublicTypeDisposable { return this[documentSymbol].onChangeNodeVisible((node: InnerNode, visible: boolean) => { fn(ShellNode.create(node)!, visible); }); @@ -301,15 +300,17 @@ export class DocumentModel implements IPublicModelDocumentModel { * @param fn */ onChangeNodeChildren(fn: (info: IPublicTypeOnChangeOptions) => void): IPublicTypeDisposable { - return this[documentSymbol].onChangeNodeChildren((info?: IPublicTypeOnChangeOptions<InnerNode>) => { - if (!info) { - return; - } - fn({ - type: info.type, - node: ShellNode.create(info.node)!, - }); - }); + return this[documentSymbol].onChangeNodeChildren( + (info?: IPublicTypeOnChangeOptions<InnerNode>) => { + if (!info) { + return; + } + fn({ + type: info.type, + node: ShellNode.create(info.node)!, + }); + }, + ); } /** @@ -326,16 +327,10 @@ export class DocumentModel implements IPublicModelDocumentModel { node: ShellNode.create(info.node as any)!, }); }; - this[editorSymbol].on( - GlobalEvent.Node.Prop.InnerChange, - callback, - ); + this[editorSymbol].on(GlobalEvent.Node.Prop.InnerChange, callback); return () => { - this[editorSymbol].off( - GlobalEvent.Node.Prop.InnerChange, - callback, - ); + this[editorSymbol].off(GlobalEvent.Node.Prop.InnerChange, callback); }; } @@ -357,25 +352,19 @@ export class DocumentModel implements IPublicModelDocumentModel { if (!fn) { return () => {}; } - return this[editorSymbol].eventBus.on( - 'shell.document.focusNodeChanged', - (payload) => { - const { document, focusNode } = payload; - fn(document, focusNode); - }, - ); + return this[editorSymbol].eventBus.on('shell.document.focusNodeChanged', (payload) => { + const { document, focusNode } = payload; + fn(document, focusNode); + }); } onDropLocationChanged(fn: (doc: IPublicModelDocumentModel) => void): IPublicTypeDisposable { if (!fn) { return () => {}; } - return this[editorSymbol].eventBus.on( - 'document.dropLocation.changed', - (payload) => { - const { document } = payload; - fn(document); - }, - ); + return this[editorSymbol].eventBus.on('document.dropLocation.changed', (payload) => { + const { document } = payload; + fn(document); + }); } } diff --git a/packages/shell/src/model/drag-object.ts b/packages/shell/src/model/drag-object.ts index 064680fdee..5caec8a2ad 100644 --- a/packages/shell/src/model/drag-object.ts +++ b/packages/shell/src/model/drag-object.ts @@ -1,5 +1,10 @@ import { dragObjectSymbol } from '../symbols'; -import { IPublicModelDragObject, IPublicModelDragObject as InnerDragObject, IPublicTypeDragNodeDataObject, IPublicTypeNodeSchema } from '@alilc/lowcode-types'; +import { + IPublicModelDragObject, + IPublicModelDragObject as InnerDragObject, + IPublicTypeDragNodeDataObject, + IPublicTypeNodeSchema, +} from '@lce/lowcode-types'; import { Node } from './node'; export class DragObject implements IPublicModelDragObject { @@ -31,4 +36,4 @@ export class DragObject implements IPublicModelDragObject { get data(): IPublicTypeNodeSchema | IPublicTypeNodeSchema[] { return (this[dragObjectSymbol] as IPublicTypeDragNodeDataObject).data; } -} \ No newline at end of file +} diff --git a/packages/shell/src/model/dragon.ts b/packages/shell/src/model/dragon.ts index 7f2492e7ea..2672c7e9f1 100644 --- a/packages/shell/src/model/dragon.ts +++ b/packages/shell/src/model/dragon.ts @@ -1,12 +1,8 @@ -import { - IDragon, - ILocateEvent as InnerLocateEvent, - INode, -} from '@alilc/lowcode-designer'; +import { IDragon, ILocateEvent as InnerLocateEvent, INode } from '@lce/lowcode-designer'; import { dragonSymbol, nodeSymbol } from '../symbols'; import LocateEvent from './locate-event'; import { DragObject } from './drag-object'; -import { globalContext } from '@alilc/lowcode-editor-core'; +import { globalContext } from '@lce/lowcode-editor-core'; import { IPublicModelDragon, IPublicModelLocateEvent, @@ -14,7 +10,7 @@ import { IPublicTypeDragNodeDataObject, IPublicModelNode, IPublicTypeDragObject, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; export const innerDragonSymbol = Symbol('innerDragonSymbol'); @@ -40,10 +36,7 @@ export class Dragon implements IPublicModelDragon { return designer.dragon; } - static create( - dragon: IDragon | null, - workspaceMode: boolean, - ): IPublicModelDragon | null { + static create(dragon: IDragon | null, workspaceMode: boolean): IPublicModelDragon | null { if (!dragon) { return null; } @@ -105,13 +98,21 @@ export class Dragon implements IPublicModelDragon { * @param dragObject 拖拽对象 * @param boostEvent 拖拽初始时事件 */ - boost(dragObject: IPublicTypeDragObject, boostEvent: MouseEvent | DragEvent, fromRglNode?: IPublicModelNode & { - [nodeSymbol]: INode; - }): void { - return this[dragonSymbol].boost({ - ...dragObject, - nodes: dragObject.nodes.map((node: any) => node[nodeSymbol]), - }, boostEvent, fromRglNode?.[nodeSymbol]); + boost( + dragObject: IPublicTypeDragObject, + boostEvent: MouseEvent | DragEvent, + fromRglNode?: IPublicModelNode & { + [nodeSymbol]: INode; + }, + ): void { + return this[dragonSymbol].boost( + { + ...dragObject, + nodes: dragObject.nodes.map((node: any) => node[nodeSymbol]), + }, + boostEvent, + fromRglNode?.[nodeSymbol], + ); } /** diff --git a/packages/shell/src/model/drop-location.ts b/packages/shell/src/model/drop-location.ts index f38e74a07a..74ed82d7a3 100644 --- a/packages/shell/src/model/drop-location.ts +++ b/packages/shell/src/model/drop-location.ts @@ -1,9 +1,11 @@ -import { - IDropLocation as InnerDropLocation, -} from '@alilc/lowcode-designer'; +import { IDropLocation as InnerDropLocation } from '@lce/lowcode-designer'; import { dropLocationSymbol } from '../symbols'; import { Node as ShellNode } from './node'; -import { IPublicModelDropLocation, IPublicTypeLocationDetail, IPublicModelLocateEvent } from '@alilc/lowcode-types'; +import { + IPublicModelDropLocation, + IPublicTypeLocationDetail, + IPublicModelLocateEvent, +} from '@lce/lowcode-types'; export class DropLocation implements IPublicModelDropLocation { private readonly [dropLocationSymbol]: InnerDropLocation; diff --git a/packages/shell/src/model/editor-view.ts b/packages/shell/src/model/editor-view.ts index 92d1a57726..437f9a37e9 100644 --- a/packages/shell/src/model/editor-view.ts +++ b/packages/shell/src/model/editor-view.ts @@ -1,6 +1,6 @@ import { editorViewSymbol, pluginContextSymbol } from '../symbols'; -import { IPublicModelPluginContext } from '@alilc/lowcode-types'; -import { IViewContext } from '@alilc/lowcode-workspace'; +import { IPublicModelPluginContext } from '@lce/lowcode-types'; +import { IViewContext } from '@lce/lowcode-workspace'; export class EditorView { [editorViewSymbol]: IViewContext; diff --git a/packages/shell/src/model/history.ts b/packages/shell/src/model/history.ts index ddc567aeef..b62e45e521 100644 --- a/packages/shell/src/model/history.ts +++ b/packages/shell/src/model/history.ts @@ -1,6 +1,9 @@ -import type { IDocumentModel as InnerDocumentModel, IHistory as InnerHistory } from '@alilc/lowcode-designer'; +import type { + IDocumentModel as InnerDocumentModel, + IHistory as InnerHistory, +} from '@lce/lowcode-designer'; import { historySymbol, documentSymbol } from '../symbols'; -import { IPublicModelHistory, IPublicTypeDisposable } from '@alilc/lowcode-types'; +import { IPublicModelHistory, IPublicTypeDisposable } from '@lce/lowcode-types'; export class History implements IPublicModelHistory { private readonly [documentSymbol]: InnerDocumentModel; diff --git a/packages/shell/src/model/locate-event.ts b/packages/shell/src/model/locate-event.ts index 20451f9462..9770eb2b13 100644 --- a/packages/shell/src/model/locate-event.ts +++ b/packages/shell/src/model/locate-event.ts @@ -1,7 +1,7 @@ -import { ILocateEvent } from '@alilc/lowcode-designer'; +import { ILocateEvent } from '@lce/lowcode-designer'; import { locateEventSymbol } from '../symbols'; import { DragObject } from './drag-object'; -import { IPublicModelLocateEvent, IPublicModelDragObject } from '@alilc/lowcode-types'; +import { IPublicModelLocateEvent, IPublicModelDragObject } from '@lce/lowcode-types'; export default class LocateEvent implements IPublicModelLocateEvent { private readonly [locateEventSymbol]: ILocateEvent; @@ -48,4 +48,4 @@ export default class LocateEvent implements IPublicModelLocateEvent { get dragObject(): IPublicModelDragObject | null { return DragObject.create(this[locateEventSymbol].dragObject); } -} \ No newline at end of file +} diff --git a/packages/shell/src/model/modal-nodes-manager.ts b/packages/shell/src/model/modal-nodes-manager.ts index b1e27596f2..80c9c29f99 100644 --- a/packages/shell/src/model/modal-nodes-manager.ts +++ b/packages/shell/src/model/modal-nodes-manager.ts @@ -1,8 +1,8 @@ import { IModalNodesManager as InnerModalNodesManager, INode as InnerNode, -} from '@alilc/lowcode-designer'; -import { IPublicModelModalNodesManager, IPublicModelNode } from '@alilc/lowcode-types'; +} from '@lce/lowcode-designer'; +import { IPublicModelModalNodesManager, IPublicModelNode } from '@lce/lowcode-types'; import { Node as ShellNode } from './node'; import { nodeSymbol, modalNodesManagerSymbol } from '../symbols'; @@ -70,7 +70,7 @@ export class ModalNodesManager implements IPublicModelModalNodesManager { * 设置指定节点为不可见态 * @param node Node */ - setInvisible(node: IPublicModelNode): void { + setInvisible(node: IPublicModelNode): void { this[modalNodesManagerSymbol].setInvisible((node as any)[nodeSymbol]); } -} \ No newline at end of file +} diff --git a/packages/shell/src/model/node-children.ts b/packages/shell/src/model/node-children.ts index b6d52e86fe..39b238e436 100644 --- a/packages/shell/src/model/node-children.ts +++ b/packages/shell/src/model/node-children.ts @@ -1,5 +1,10 @@ -import { INode as InnerNode, INodeChildren } from '@alilc/lowcode-designer'; -import { IPublicTypeNodeData, IPublicEnumTransformStage, IPublicModelNodeChildren, IPublicModelNode } from '@alilc/lowcode-types'; +import { INode as InnerNode, INodeChildren } from '@lce/lowcode-designer'; +import { + IPublicTypeNodeData, + IPublicEnumTransformStage, + IPublicModelNodeChildren, + IPublicModelNode, +} from '@lce/lowcode-types'; import { Node as ShellNode } from './node'; import { nodeSymbol, nodeChildrenSymbol } from '../symbols'; @@ -133,7 +138,7 @@ export class NodeChildren implements IPublicModelNodeChildren { * 类似数组的 reverse */ reverse(): IPublicModelNode[] { - return this[nodeChildrenSymbol].reverse().map(d => { + return this[nodeChildrenSymbol].reverse().map((d) => { return ShellNode.create(d)!; }); } diff --git a/packages/shell/src/model/node.ts b/packages/shell/src/model/node.ts index 29d24232eb..1b7ac9d214 100644 --- a/packages/shell/src/model/node.ts +++ b/packages/shell/src/model/node.ts @@ -1,7 +1,4 @@ -import { - IDocumentModel as InnerDocumentModel, - INode as InnerNode, -} from '@alilc/lowcode-designer'; +import { IDocumentModel as InnerDocumentModel, INode as InnerNode } from '@lce/lowcode-designer'; import { IPublicTypeCompositeValue, IPublicTypeNodeSchema, @@ -18,7 +15,7 @@ import { IPublicTypePropsList, IPublicModelSettingTopEntry, IPublicModelExclusiveGroup, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; import { Prop as ShellProp } from './prop'; import { Props as ShellProps } from './props'; import { DocumentModel as ShellDocumentModel } from './document-model'; @@ -518,9 +515,9 @@ export class Node implements IPublicModelNode { * @returns */ exportSchema( - stage: IPublicEnumTransformStage = IPublicEnumTransformStage.Render, - options?: any, - ): IPublicTypeNodeSchema { + stage: IPublicEnumTransformStage = IPublicEnumTransformStage.Render, + options?: any, + ): IPublicTypeNodeSchema { return this[nodeSymbol].export(stage, options); } @@ -531,15 +528,15 @@ export class Node implements IPublicModelNode { * @param useMutator */ insertBefore( - node: IPublicModelNode, - ref?: IPublicModelNode | undefined, - useMutator?: boolean, - ): void { + node: IPublicModelNode, + ref?: IPublicModelNode | undefined, + useMutator?: boolean, + ): void { this[nodeSymbol].insertBefore( - (node as any)[nodeSymbol] || node, - (ref as any)?.[nodeSymbol], - useMutator, - ); + (node as any)[nodeSymbol] || node, + (ref as any)?.[nodeSymbol], + useMutator, + ); } /** @@ -549,15 +546,15 @@ export class Node implements IPublicModelNode { * @param useMutator */ insertAfter( - node: IPublicModelNode, - ref?: IPublicModelNode | undefined, - useMutator?: boolean, - ): void { + node: IPublicModelNode, + ref?: IPublicModelNode | undefined, + useMutator?: boolean, + ): void { this[nodeSymbol].insertAfter( - (node as any)[nodeSymbol] || node, - (ref as any)?.[nodeSymbol], - useMutator, - ); + (node as any)[nodeSymbol] || node, + (ref as any)?.[nodeSymbol], + useMutator, + ); } /** @@ -657,14 +654,8 @@ export class Node implements IPublicModelNode { } getRGL() { - const { - isContainerNode, - isEmptyNode, - isRGLContainerNode, - isRGLNode, - isRGL, - rglNode, - } = this[nodeSymbol].getRGL(); + const { isContainerNode, isEmptyNode, isRGLContainerNode, isRGLNode, isRGL, rglNode } = + this[nodeSymbol].getRGL(); return { isContainerNode, diff --git a/packages/shell/src/model/plugin-instance.ts b/packages/shell/src/model/plugin-instance.ts index 156ec7579c..24b199bf5d 100644 --- a/packages/shell/src/model/plugin-instance.ts +++ b/packages/shell/src/model/plugin-instance.ts @@ -1,5 +1,5 @@ -import { ILowCodePluginRuntime } from '@alilc/lowcode-designer'; -import { IPublicModelPluginInstance } from '@alilc/lowcode-types'; +import { ILowCodePluginRuntime } from '@lce/lowcode-designer'; +import { IPublicModelPluginInstance } from '@lce/lowcode-types'; import { pluginInstanceSymbol } from '../symbols'; export class PluginInstance implements IPublicModelPluginInstance { diff --git a/packages/shell/src/model/prop.ts b/packages/shell/src/model/prop.ts index 8d4ca7842e..cec0e31032 100644 --- a/packages/shell/src/model/prop.ts +++ b/packages/shell/src/model/prop.ts @@ -1,5 +1,10 @@ -import { IProp as InnerProp } from '@alilc/lowcode-designer'; -import { IPublicTypeCompositeValue, IPublicEnumTransformStage, IPublicModelProp, IPublicModelNode } from '@alilc/lowcode-types'; +import { IProp as InnerProp } from '@lce/lowcode-designer'; +import { + IPublicTypeCompositeValue, + IPublicEnumTransformStage, + IPublicModelProp, + IPublicModelNode, +} from '@lce/lowcode-types'; import { propSymbol } from '../symbols'; import { Node as ShellNode } from './node'; @@ -91,4 +96,4 @@ export class Prop implements IPublicModelProp { exportSchema(stage: IPublicEnumTransformStage = IPublicEnumTransformStage.Render) { return this[propSymbol].export(stage); } -} \ No newline at end of file +} diff --git a/packages/shell/src/model/props.ts b/packages/shell/src/model/props.ts index 86a9a2142b..738af1e1ed 100644 --- a/packages/shell/src/model/props.ts +++ b/packages/shell/src/model/props.ts @@ -1,5 +1,10 @@ -import { IProps as InnerProps, getConvertedExtraKey } from '@alilc/lowcode-designer'; -import { IPublicTypeCompositeValue, IPublicModelProps, IPublicModelNode, IPublicModelProp } from '@alilc/lowcode-types'; +import { IProps as InnerProps, getConvertedExtraKey } from '@lce/lowcode-designer'; +import { + IPublicTypeCompositeValue, + IPublicModelProps, + IPublicModelNode, + IPublicModelProp, +} from '@lce/lowcode-types'; import { propsSymbol } from '../symbols'; import { Node as ShellNode } from './node'; import { Prop as ShellProp } from './prop'; @@ -115,4 +120,4 @@ export class Props implements IPublicModelProps { add(value: IPublicTypeCompositeValue, key?: string | number | undefined): any { return this[propsSymbol].add(value, key); } -} \ No newline at end of file +} diff --git a/packages/shell/src/model/resource.ts b/packages/shell/src/model/resource.ts index 29a385b993..f2a904bca5 100644 --- a/packages/shell/src/model/resource.ts +++ b/packages/shell/src/model/resource.ts @@ -1,5 +1,5 @@ -import { IPublicModelResource } from '@alilc/lowcode-types'; -import { IResource } from '@alilc/lowcode-workspace'; +import { IPublicModelResource } from '@lce/lowcode-types'; +import { IResource } from '@lce/lowcode-workspace'; import { resourceSymbol } from '../symbols'; export class Resource implements IPublicModelResource { @@ -52,4 +52,4 @@ export class Resource implements IPublicModelResource { get viewName() { return this[resourceSymbol].viewName; } -} \ No newline at end of file +} diff --git a/packages/shell/src/model/selection.ts b/packages/shell/src/model/selection.ts index 073083a650..15bf9660ad 100644 --- a/packages/shell/src/model/selection.ts +++ b/packages/shell/src/model/selection.ts @@ -2,10 +2,10 @@ import { IDocumentModel as InnerDocumentModel, INode as InnerNode, ISelection, -} from '@alilc/lowcode-designer'; +} from '@lce/lowcode-designer'; import { Node as ShellNode } from './node'; import { selectionSymbol } from '../symbols'; -import { IPublicModelSelection, IPublicModelNode, IPublicTypeDisposable } from '@alilc/lowcode-types'; +import { IPublicModelSelection, IPublicModelNode, IPublicTypeDisposable } from '@lce/lowcode-types'; export class Selection implements IPublicModelSelection { private readonly [selectionSymbol]: ISelection; diff --git a/packages/shell/src/model/setting-field.ts b/packages/shell/src/model/setting-field.ts index ffc97ccc8f..d63d9bfa8a 100644 --- a/packages/shell/src/model/setting-field.ts +++ b/packages/shell/src/model/setting-field.ts @@ -1,4 +1,4 @@ -import { ISettingField, isSettingField } from '@alilc/lowcode-designer'; +import { ISettingField, isSettingField } from '@lce/lowcode-designer'; import { IPublicTypeCompositeValue, IPublicTypeFieldConfig, @@ -11,12 +11,12 @@ import { IPublicTypeSetValueOptions, IPublicModelSettingField, IPublicTypeDisposable, -} from '@alilc/lowcode-types'; +} from '@lce/lowcode-types'; import { settingFieldSymbol } from '../symbols'; import { Node as ShellNode } from './node'; import { SettingTopEntry, SettingTopEntry as ShellSettingTopEntry } from './setting-top-entry'; import { ComponentMeta as ShellComponentMeta } from './component-meta'; -import { isCustomView } from '@alilc/lowcode-utils'; +import { isCustomView } from '@lce/lowcode-utils'; export class SettingField implements IPublicModelSettingField { private readonly [settingFieldSymbol]: ISettingField; diff --git a/packages/shell/src/model/setting-top-entry.ts b/packages/shell/src/model/setting-top-entry.ts index 8afed43a50..0ab579a079 100644 --- a/packages/shell/src/model/setting-top-entry.ts +++ b/packages/shell/src/model/setting-top-entry.ts @@ -1,7 +1,11 @@ -import { ISettingTopEntry } from '@alilc/lowcode-designer'; +import { ISettingTopEntry } from '@lce/lowcode-designer'; import { settingTopEntrySymbol } from '../symbols'; import { Node as ShellNode } from './node'; -import { IPublicModelSettingTopEntry, IPublicModelNode, IPublicModelSettingField } from '@alilc/lowcode-types'; +import { + IPublicModelSettingTopEntry, + IPublicModelNode, + IPublicModelSettingField, +} from '@lce/lowcode-types'; import { SettingField } from './setting-field'; export class SettingTopEntry implements IPublicModelSettingTopEntry { @@ -59,4 +63,4 @@ export class SettingTopEntry implements IPublicModelSettingTopEntry { clearPropValue(propName: string | number) { this[settingTopEntrySymbol].clearPropValue(propName); } -} \ No newline at end of file +} diff --git a/packages/shell/src/model/simulator-render.ts b/packages/shell/src/model/simulator-render.ts index f6ae47996c..8108ddced1 100644 --- a/packages/shell/src/model/simulator-render.ts +++ b/packages/shell/src/model/simulator-render.ts @@ -1,6 +1,6 @@ -import { IPublicModelSimulatorRender } from '@alilc/lowcode-types'; +import { IPublicModelSimulatorRender } from '@lce/lowcode-types'; import { simulatorRenderSymbol } from '../symbols'; -import { BuiltinSimulatorRenderer } from '@alilc/lowcode-designer'; +import { BuiltinSimulatorRenderer } from '@lce/lowcode-designer'; export class SimulatorRender implements IPublicModelSimulatorRender { private readonly [simulatorRenderSymbol]: BuiltinSimulatorRenderer; @@ -20,4 +20,4 @@ export class SimulatorRender implements IPublicModelSimulatorRender { rerender() { return this[simulatorRenderSymbol].rerender(); } -} \ No newline at end of file +} diff --git a/packages/shell/src/model/skeleton-item.ts b/packages/shell/src/model/skeleton-item.ts index 7f1224c0d9..feac98f5cc 100644 --- a/packages/shell/src/model/skeleton-item.ts +++ b/packages/shell/src/model/skeleton-item.ts @@ -1,6 +1,6 @@ import { skeletonItemSymbol } from '../symbols'; -import { IPublicModelSkeletonItem } from '@alilc/lowcode-types'; -import { Dock, IWidget, Panel, PanelDock, Stage, Widget } from '@alilc/lowcode-editor-skeleton'; +import { IPublicModelSkeletonItem } from '@lce/lowcode-types'; +import { Dock, IWidget, Panel, PanelDock, Stage, Widget } from '@lce/lowcode-editor-skeleton'; export class SkeletonItem implements IPublicModelSkeletonItem { private [skeletonItemSymbol]: IWidget | Widget | Panel | Stage | Dock | PanelDock; @@ -36,4 +36,4 @@ export class SkeletonItem implements IPublicModelSkeletonItem { toggle() { this[skeletonItemSymbol].toggle(); } -} \ No newline at end of file +} diff --git a/packages/shell/src/model/window.ts b/packages/shell/src/model/window.ts index 1bc84e661c..34fbd86416 100644 --- a/packages/shell/src/model/window.ts +++ b/packages/shell/src/model/window.ts @@ -1,6 +1,10 @@ import { windowSymbol } from '../symbols'; -import { IPublicModelResource, IPublicModelWindow, IPublicTypeDisposable } from '@alilc/lowcode-types'; -import { IEditorWindow } from '@alilc/lowcode-workspace'; +import { + IPublicModelResource, + IPublicModelWindow, + IPublicTypeDisposable, +} from '@lce/lowcode-types'; +import { IEditorWindow } from '@lce/lowcode-workspace'; import { Resource as ShellResource } from './resource'; import { EditorView } from './editor-view'; @@ -55,6 +59,8 @@ export class Window implements IPublicModelWindow { } get editorViews() { - return Array.from(this[windowSymbol].editorViews.values()).map(d => new EditorView(d).toProxy() as any); + return Array.from(this[windowSymbol].editorViews.values()).map( + (d) => new EditorView(d).toProxy() as any, + ); } } diff --git a/packages/types/package.json b/packages/types/package.json index 5651d427d4..86b78941af 100644 --- a/packages/types/package.json +++ b/packages/types/package.json @@ -1,5 +1,5 @@ { - "name": "@alilc/lowcode-types", + "name": "@lce/lowcode-types", "version": "1.3.2", "description": "Types for Ali lowCode engine", "files": [ diff --git a/packages/types/src/deprecated/isActionContentObject.ts b/packages/types/src/deprecated/isActionContentObject.ts index 88a8e57d2e..ca5765e8c3 100644 --- a/packages/types/src/deprecated/isActionContentObject.ts +++ b/packages/types/src/deprecated/isActionContentObject.ts @@ -1,8 +1,10 @@ import { IPublicTypeActionContentObject } from '../shell'; /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utils' instead */ -export function isActionContentObject(obj: any): obj is IPublicTypeActionContentObject { +export function isActionContentObject( + obj: any, +): obj is IPublicTypeActionContentObject { return obj && typeof obj === 'object'; } diff --git a/packages/types/src/deprecated/isCustomView.ts b/packages/types/src/deprecated/isCustomView.ts index 159490e550..c0bc9811d6 100644 --- a/packages/types/src/deprecated/isCustomView.ts +++ b/packages/types/src/deprecated/isCustomView.ts @@ -3,7 +3,7 @@ import { isReactComponent } from './isReactComponent'; import { IPublicTypeCustomView } from '../shell/type/custom-view'; /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utils' instead */ export function isCustomView(obj: any): obj is IPublicTypeCustomView { return obj && (isValidElement(obj) || isReactComponent(obj)); diff --git a/packages/types/src/deprecated/isDOMText.ts b/packages/types/src/deprecated/isDOMText.ts index 4ddc91320f..756671c4a9 100644 --- a/packages/types/src/deprecated/isDOMText.ts +++ b/packages/types/src/deprecated/isDOMText.ts @@ -1,7 +1,7 @@ import { IPublicTypeDOMText } from '../shell/type/dom-text'; /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utils' instead */ export function isDOMText(data: any): data is IPublicTypeDOMText { return typeof data === 'string'; diff --git a/packages/types/src/deprecated/isDynamicSetter.ts b/packages/types/src/deprecated/isDynamicSetter.ts index 55532d258d..c3941444ad 100644 --- a/packages/types/src/deprecated/isDynamicSetter.ts +++ b/packages/types/src/deprecated/isDynamicSetter.ts @@ -2,7 +2,7 @@ import { isReactClass } from './isReactClass'; import { IPublicTypeDynamicSetter } from '../shell/type/dynamic-setter'; /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utils' instead */ export function isDynamicSetter(obj: any): obj is IPublicTypeDynamicSetter { return obj && typeof obj === 'function' && !isReactClass(obj); diff --git a/packages/types/src/deprecated/isI18nData.ts b/packages/types/src/deprecated/isI18nData.ts index 4767ccd373..26f4599e83 100644 --- a/packages/types/src/deprecated/isI18nData.ts +++ b/packages/types/src/deprecated/isI18nData.ts @@ -1,6 +1,5 @@ - /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utils' instead */ export function isI18nData(obj: any): boolean { return obj && obj.type === 'i18n'; diff --git a/packages/types/src/deprecated/isJSBlock.ts b/packages/types/src/deprecated/isJSBlock.ts index 6f92e2fcf1..34b0c817ab 100644 --- a/packages/types/src/deprecated/isJSBlock.ts +++ b/packages/types/src/deprecated/isJSBlock.ts @@ -1,7 +1,7 @@ import { IPublicTypeJSBlock } from '../shell/type/value-type'; /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utils' instead */ export function isJSBlock(data: any): data is IPublicTypeJSBlock { return data && data.type === 'JSBlock'; diff --git a/packages/types/src/deprecated/isJSExpression.ts b/packages/types/src/deprecated/isJSExpression.ts index f722d55293..c7cd2b3a17 100644 --- a/packages/types/src/deprecated/isJSExpression.ts +++ b/packages/types/src/deprecated/isJSExpression.ts @@ -1,7 +1,7 @@ import { IPublicTypeJSExpression } from '../shell/type/value-type'; /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utils' instead */ export function isJSExpression(data: any): data is IPublicTypeJSExpression { return data && data.type === 'JSExpression' && data.extType !== 'function'; diff --git a/packages/types/src/deprecated/isJSFunction.ts b/packages/types/src/deprecated/isJSFunction.ts index 40ab4f52dc..82ed76a7a1 100644 --- a/packages/types/src/deprecated/isJSFunction.ts +++ b/packages/types/src/deprecated/isJSFunction.ts @@ -1,7 +1,7 @@ import { IPublicTypeJSFunction } from '../shell/type/value-type'; /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utils' instead */ export function isJSFunction(x: any): x is IPublicTypeJSFunction { return typeof x === 'object' && x && x.type === 'JSFunction'; diff --git a/packages/types/src/deprecated/isJSSlot.ts b/packages/types/src/deprecated/isJSSlot.ts index 7cba651958..88f0b49903 100644 --- a/packages/types/src/deprecated/isJSSlot.ts +++ b/packages/types/src/deprecated/isJSSlot.ts @@ -1,7 +1,7 @@ import { IPublicTypeJSSlot } from '../shell/type/value-type'; /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utils' instead */ export function isJSSlot(data: any): data is IPublicTypeJSSlot { return data && data.type === 'JSSlot'; diff --git a/packages/types/src/deprecated/isLowCodeComponentType.ts b/packages/types/src/deprecated/isLowCodeComponentType.ts index c14c85f1eb..df0a1ade55 100644 --- a/packages/types/src/deprecated/isLowCodeComponentType.ts +++ b/packages/types/src/deprecated/isLowCodeComponentType.ts @@ -1,9 +1,14 @@ import { isProCodeComponentType } from './isProCodeComponentType'; -import { IPublicTypeComponentMap, IPublicTypeLowCodeComponent } from '../shell/type/npm'; +import { + IPublicTypeComponentMap, + IPublicTypeLowCodeComponent, +} from '../shell/type/npm'; /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utils' instead */ -export function isLowCodeComponentType(desc: IPublicTypeComponentMap): desc is IPublicTypeLowCodeComponent { +export function isLowCodeComponentType( + desc: IPublicTypeComponentMap, +): desc is IPublicTypeLowCodeComponent { return !isProCodeComponentType(desc); } diff --git a/packages/types/src/deprecated/isNodeSchema.ts b/packages/types/src/deprecated/isNodeSchema.ts index cab4dc46e1..af64ad313f 100644 --- a/packages/types/src/deprecated/isNodeSchema.ts +++ b/packages/types/src/deprecated/isNodeSchema.ts @@ -1,7 +1,7 @@ import { IPublicTypeNodeSchema } from '../shell'; /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utils' instead */ export function isNodeSchema(data: any): data is IPublicTypeNodeSchema { return data && data.componentName; diff --git a/packages/types/src/deprecated/isPlainObject.ts b/packages/types/src/deprecated/isPlainObject.ts index 549f497360..4c6ad4e1ef 100644 --- a/packages/types/src/deprecated/isPlainObject.ts +++ b/packages/types/src/deprecated/isPlainObject.ts @@ -1,10 +1,14 @@ /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utils' instead */ export function isPlainObject(value: any): value is Record<string, unknown> { if (typeof value !== 'object') { return false; } const proto = Object.getPrototypeOf(value); - return proto === Object.prototype || proto === null || Object.getPrototypeOf(proto) === null; + return ( + proto === Object.prototype || + proto === null || + Object.getPrototypeOf(proto) === null + ); } diff --git a/packages/types/src/deprecated/isProCodeComponentType.ts b/packages/types/src/deprecated/isProCodeComponentType.ts index 40e8e977f9..95ced8b625 100644 --- a/packages/types/src/deprecated/isProCodeComponentType.ts +++ b/packages/types/src/deprecated/isProCodeComponentType.ts @@ -1,8 +1,13 @@ -import { IPublicTypeComponentMap, IPublicTypeProCodeComponent } from '../shell/type/npm'; +import { + IPublicTypeComponentMap, + IPublicTypeProCodeComponent, +} from '../shell/type/npm'; /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utils' instead */ -export function isProCodeComponentType(desc: IPublicTypeComponentMap): desc is IPublicTypeProCodeComponent { +export function isProCodeComponentType( + desc: IPublicTypeComponentMap, +): desc is IPublicTypeProCodeComponent { return 'package' in desc; } diff --git a/packages/types/src/deprecated/isProjectSchema.ts b/packages/types/src/deprecated/isProjectSchema.ts index 1622fa8466..5aa63aac5c 100644 --- a/packages/types/src/deprecated/isProjectSchema.ts +++ b/packages/types/src/deprecated/isProjectSchema.ts @@ -1,5 +1,5 @@ /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utils' instead */ export function isProjectSchema(data: any): boolean { return data && data.componentsTree; diff --git a/packages/types/src/deprecated/isReactClass.ts b/packages/types/src/deprecated/isReactClass.ts index 846c522d7b..e8287cdc37 100644 --- a/packages/types/src/deprecated/isReactClass.ts +++ b/packages/types/src/deprecated/isReactClass.ts @@ -1,8 +1,12 @@ import { ComponentClass, Component } from 'react'; /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utils' instead */ export function isReactClass(obj: any): obj is ComponentClass<any> { - return obj && obj.prototype && (obj.prototype.isReactComponent || obj.prototype instanceof Component); + return ( + obj && + obj.prototype && + (obj.prototype.isReactComponent || obj.prototype instanceof Component) + ); } diff --git a/packages/types/src/deprecated/isReactComponent.ts b/packages/types/src/deprecated/isReactComponent.ts index 1ed04427f3..5677582eb2 100644 --- a/packages/types/src/deprecated/isReactComponent.ts +++ b/packages/types/src/deprecated/isReactComponent.ts @@ -2,7 +2,7 @@ import { ComponentType } from 'react'; import { isReactClass } from './isReactClass'; /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utils' instead */ export function isReactComponent(obj: any): obj is ComponentType<any> { return obj && (isReactClass(obj) || typeof obj === 'function'); diff --git a/packages/types/src/deprecated/isSetterConfig.ts b/packages/types/src/deprecated/isSetterConfig.ts index bf0d77e115..fb0bf8ccf8 100644 --- a/packages/types/src/deprecated/isSetterConfig.ts +++ b/packages/types/src/deprecated/isSetterConfig.ts @@ -2,8 +2,13 @@ import { IPublicTypeSetterConfig } from '../shell/type/setter-config'; import { isCustomView } from './isCustomView'; /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utils' instead */ export function isSetterConfig(obj: any): obj is IPublicTypeSetterConfig { - return obj && typeof obj === 'object' && 'componentName' in obj && !isCustomView(obj); + return ( + obj && + typeof obj === 'object' && + 'componentName' in obj && + !isCustomView(obj) + ); } diff --git a/packages/types/src/deprecated/isTitleConfig.ts b/packages/types/src/deprecated/isTitleConfig.ts index 9ee38c9c25..7100a46e88 100644 --- a/packages/types/src/deprecated/isTitleConfig.ts +++ b/packages/types/src/deprecated/isTitleConfig.ts @@ -3,7 +3,7 @@ import { isPlainObject } from './isPlainObject'; import { IPublicTypeTitleConfig } from '../shell/type/title-config'; /** - * @deprecated use same function from '@alilc/lowcode-utils' instead + * @deprecated use same function from '@lce/lowcode-utils' instead */ export function isTitleConfig(obj: any): obj is IPublicTypeTitleConfig { return isPlainObject(obj) && !isI18nData(obj); diff --git a/packages/types/src/shell/api/material.ts b/packages/types/src/shell/api/material.ts index 89b2b39ad1..706adc3343 100644 --- a/packages/types/src/shell/api/material.ts +++ b/packages/types/src/shell/api/material.ts @@ -1,14 +1,23 @@ -import { IPublicTypeAssetsJson, IPublicTypeMetadataTransducer, IPublicTypeComponentAction, IPublicTypeNpmInfo, IPublicTypeDisposable, IPublicTypeContextMenuAction, IPublicTypeContextMenuItem } from '../type'; +import { + IPublicTypeAssetsJson, + IPublicTypeMetadataTransducer, + IPublicTypeComponentAction, + IPublicTypeNpmInfo, + IPublicTypeDisposable, + IPublicTypeContextMenuAction, + IPublicTypeContextMenuItem, +} from '../type'; import { IPublicModelComponentMeta } from '../model'; import { ComponentType } from 'react'; export interface IPublicApiMaterial { - /** * 获取组件 map 结构 * get map of components */ - get componentsMap(): { [key: string]: IPublicTypeNpmInfo | ComponentType<any> | object } ; + get componentsMap(): { + [key: string]: IPublicTypeNpmInfo | ComponentType<any> | object; + }; /** * 设置「资产包」结构 @@ -43,7 +52,7 @@ export interface IPublicApiMaterial { registerMetadataTransducer( transducer: IPublicTypeMetadataTransducer, level?: number, - id?: string | undefined + id?: string | undefined, ): void; /** @@ -81,8 +90,8 @@ export interface IPublicApiMaterial { * @param action * @example * ```ts - * import { plugins } from '@alilc/lowcode-engine'; - * import { IPublicModelPluginContext } from '@alilc/lowcode-types'; + * import { plugins } from '@lce/lowcode-engine'; + * import { IPublicModelPluginContext } from '@lce/lowcode-types'; * * const removeCopyAction = (ctx: IPublicModelPluginContext) => { * return { @@ -112,9 +121,9 @@ export interface IPublicApiMaterial { * @param handle */ modifyBuiltinComponentAction( - actionName: string, - handle: (action: IPublicTypeComponentAction) => void, - ): void; + actionName: string, + handle: (action: IPublicTypeComponentAction) => void, + ): void; /** * 监听 assets 变化的事件 @@ -145,5 +154,7 @@ export interface IPublicApiMaterial { * 调整右键菜单项布局 * @param actions */ - adjustContextMenuLayout(fn: (actions: IPublicTypeContextMenuItem[]) => IPublicTypeContextMenuItem[]): void; + adjustContextMenuLayout( + fn: (actions: IPublicTypeContextMenuItem[]) => IPublicTypeContextMenuItem[], + ): void; } diff --git a/packages/types/src/shell/api/workspace.ts b/packages/types/src/shell/api/workspace.ts index b6e7d84cb7..52863d98b6 100644 --- a/packages/types/src/shell/api/workspace.ts +++ b/packages/types/src/shell/api/workspace.ts @@ -1,5 +1,12 @@ import { IPublicModelWindow } from '../model'; -import { IPublicApiPlugins, IPublicApiSkeleton, IPublicModelResource, IPublicResourceList, IPublicTypeDisposable, IPublicTypeResourceType } from '@alilc/lowcode-types'; +import { + IPublicApiPlugins, + IPublicApiSkeleton, + IPublicModelResource, + IPublicResourceList, + IPublicTypeDisposable, + IPublicTypeResourceType, +} from '@lce/lowcode-types'; export interface IPublicApiWorkspace< Plugins = IPublicApiPlugins, @@ -7,7 +14,6 @@ export interface IPublicApiWorkspace< ModelWindow = IPublicModelWindow, Resource = IPublicModelResource, > { - /** 是否启用 workspace 模式 */ isActive: boolean; @@ -28,7 +34,9 @@ export interface IPublicApiWorkspace< setResourceList(resourceList: IPublicResourceList): void; /** 资源树列表更新事件 */ - onResourceListChange(fn: (resourceList: IPublicResourceList) => void): IPublicTypeDisposable; + onResourceListChange( + fn: (resourceList: IPublicResourceList) => void, + ): IPublicTypeDisposable; /** 注册资源 */ registerResourceType(resourceTypeModel: IPublicTypeResourceType): void; @@ -37,7 +45,13 @@ export interface IPublicApiWorkspace< * 打开视图窗口 * @deprecated */ - openEditorWindow(resourceName: string, id: string, extra: Object, viewName?: string, sleep?: boolean): Promise<void>; + openEditorWindow( + resourceName: string, + id: string, + extra: Object, + viewName?: string, + sleep?: boolean, + ): Promise<void>; /** 打开视图窗口 */ openEditorWindow(resource: Resource, sleep?: boolean): Promise<void>; @@ -76,4 +90,4 @@ export interface IPublicApiWorkspace< * @since v1.1.7 */ onWindowRendererReady(fn: () => void): IPublicTypeDisposable; -} \ No newline at end of file +} diff --git a/packages/types/src/shell/model/document-model.ts b/packages/types/src/shell/model/document-model.ts index 4c9344eb48..d7fb101c81 100644 --- a/packages/types/src/shell/model/document-model.ts +++ b/packages/types/src/shell/model/document-model.ts @@ -1,8 +1,25 @@ -import { IPublicTypeRootSchema, IPublicTypeDragNodeDataObject, IPublicTypeDragNodeObject, IPublicTypePropChangeOptions, IPublicTypeDisposable } from '../type'; +import { + IPublicTypeRootSchema, + IPublicTypeDragNodeDataObject, + IPublicTypeDragNodeObject, + IPublicTypePropChangeOptions, + IPublicTypeDisposable, +} from '../type'; import { IPublicEnumTransformStage } from '../enum'; import { IPublicApiProject } from '../api'; -import { IPublicModelDropLocation, IPublicModelDetecting, IPublicModelNode, IPublicModelSelection, IPublicModelHistory, IPublicModelModalNodesManager } from './'; -import { IPublicTypeNodeData, IPublicTypeNodeSchema, IPublicTypeOnChangeOptions } from '@alilc/lowcode-types'; +import { + IPublicModelDropLocation, + IPublicModelDetecting, + IPublicModelNode, + IPublicModelSelection, + IPublicModelHistory, + IPublicModelModalNodesManager, +} from './'; +import { + IPublicTypeNodeData, + IPublicTypeNodeSchema, + IPublicTypeOnChangeOptions, +} from '@lce/lowcode-types'; export interface IPublicModelDocumentModel< Selection = IPublicModelSelection, @@ -10,13 +27,12 @@ export interface IPublicModelDocumentModel< Node = IPublicModelNode, DropLocation = IPublicModelDropLocation, ModalNodesManager = IPublicModelModalNodesManager, - Project = IPublicApiProject + Project = IPublicApiProject, > { - /** - * 节点选中区模型实例 - * instance of selection - */ + * 节点选中区模型实例 + * instance of selection + */ selection: Selection; /** @@ -89,7 +105,9 @@ export interface IPublicModelDocumentModel< * @param stage * @returns */ - exportSchema(stage: IPublicEnumTransformStage): IPublicTypeRootSchema | undefined; + exportSchema( + stage: IPublicEnumTransformStage, + ): IPublicTypeRootSchema | undefined; /** * 插入节点 @@ -99,7 +117,7 @@ export interface IPublicModelDocumentModel< parent: Node, thing: Node | IPublicTypeNodeData, at?: number | null | undefined, - copy?: boolean | undefined + copy?: boolean | undefined, ): Node | null; /** @@ -134,7 +152,7 @@ export interface IPublicModelDocumentModel< */ checkNesting( dropTarget: Node, - dragObject: IPublicTypeDragNodeObject | IPublicTypeDragNodeDataObject + dragObject: IPublicTypeDragNodeObject | IPublicTypeDragNodeDataObject, ): boolean; /** @@ -173,26 +191,34 @@ export interface IPublicModelDocumentModel< * set callback for event on visibility changed for certain node * @param fn */ - onChangeNodeVisible(fn: (node: Node, visible: boolean) => void): IPublicTypeDisposable; + onChangeNodeVisible( + fn: (node: Node, visible: boolean) => void, + ): IPublicTypeDisposable; /** * 当前 document 的节点 children 变更事件 * @param fn */ - onChangeNodeChildren(fn: (info: IPublicTypeOnChangeOptions<Node>) => void): IPublicTypeDisposable; + onChangeNodeChildren( + fn: (info: IPublicTypeOnChangeOptions<Node>) => void, + ): IPublicTypeDisposable; /** * 当前 document 节点属性修改事件 * @param fn */ - onChangeNodeProp(fn: (info: IPublicTypePropChangeOptions<Node>) => void): IPublicTypeDisposable; + onChangeNodeProp( + fn: (info: IPublicTypePropChangeOptions<Node>) => void, + ): IPublicTypeDisposable; /** * import schema event * @param fn * @since v1.0.15 */ - onImportSchema(fn: (schema: IPublicTypeRootSchema) => void): IPublicTypeDisposable; + onImportSchema( + fn: (schema: IPublicTypeRootSchema) => void, + ): IPublicTypeDisposable; /** * 判断是否当前节点处于被探测状态 @@ -232,5 +258,7 @@ export interface IPublicModelDocumentModel< * @param fn * @since v1.1.0 */ - onDropLocationChanged(fn: (doc: IPublicModelDocumentModel) => void): IPublicTypeDisposable; + onDropLocationChanged( + fn: (doc: IPublicModelDocumentModel) => void, + ): IPublicTypeDisposable; } diff --git a/packages/utils/package.json b/packages/utils/package.json index 60605d81e7..0f774a28ea 100644 --- a/packages/utils/package.json +++ b/packages/utils/package.json @@ -1,5 +1,5 @@ { - "name": "@alilc/lowcode-utils", + "name": "@lce/lowcode-utils", "version": "1.3.2", "description": "Utils for Ali lowCode engine", "files": [ @@ -14,7 +14,7 @@ }, "dependencies": { "@alifd/next": "^1.19.16", - "@alilc/lowcode-types": "1.3.2", + "@lce/lowcode-types": "1.3.2", "lodash": "^4.17.21", "mobx": "^6.3.0", "prop-types": "^15.8.1", diff --git a/packages/utils/src/asset.ts b/packages/utils/src/asset.ts index 3400f965b4..195a92f091 100644 --- a/packages/utils/src/asset.ts +++ b/packages/utils/src/asset.ts @@ -1,12 +1,24 @@ -import { AssetType, AssetLevels, AssetLevel } from '@alilc/lowcode-types'; -import type { AssetItem, Asset, AssetList, AssetBundle, IPublicTypeAssetsJson } from '@alilc/lowcode-types'; +import { AssetType, AssetLevels, AssetLevel } from '@lce/lowcode-types'; +import type { + AssetItem, + Asset, + AssetList, + AssetBundle, + IPublicTypeAssetsJson, +} from '@lce/lowcode-types'; import { isCSSUrl } from './is-css-url'; import { createDefer } from './create-defer'; import { load, evaluate } from './script'; // API 向下兼容 -export { AssetType, AssetLevels, AssetLevel } from '@alilc/lowcode-types'; -export type { AssetItem, Asset, AssetList, AssetBundle, IPublicTypeAssetsJson } from '@alilc/lowcode-types'; +export { AssetType, AssetLevels, AssetLevel } from '@lce/lowcode-types'; +export type { + AssetItem, + Asset, + AssetList, + AssetBundle, + IPublicTypeAssetsJson, +} from '@lce/lowcode-types'; export function isAssetItem(obj: any): obj is AssetItem { return obj && obj.type; @@ -17,9 +29,9 @@ export function isAssetBundle(obj: any): obj is AssetBundle { } export function assetBundle( - assets?: Asset | AssetList | null, - level?: AssetLevel, - ): AssetBundle | null { + assets?: Asset | AssetList | null, + level?: AssetLevel, +): AssetBundle | null { if (!assets) { return null; } @@ -38,7 +50,12 @@ urls: [ "view1.js mobile|pc", "view2.js <device selector>" ] */ -export function assetItem(type: AssetType, content?: string | null, level?: AssetLevel, id?: string): AssetItem | null { +export function assetItem( + type: AssetType, + content?: string | null, + level?: AssetLevel, + id?: string, +): AssetItem | null { if (!content) { return null; } @@ -50,7 +67,10 @@ export function assetItem(type: AssetType, content?: string | null, level?: Asse }; } -export function mergeAssets(assets: IPublicTypeAssetsJson, incrementalAssets: IPublicTypeAssetsJson): IPublicTypeAssetsJson { +export function mergeAssets( + assets: IPublicTypeAssetsJson, + incrementalAssets: IPublicTypeAssetsJson, +): IPublicTypeAssetsJson { if (incrementalAssets.packages) { assets.packages = [...(assets.packages || []), ...incrementalAssets.packages]; } @@ -65,7 +85,11 @@ export function mergeAssets(assets: IPublicTypeAssetsJson, incrementalAssets: IP return assets; } -function mergeAssetsComponentList(assets: IPublicTypeAssetsJson, incrementalAssets: IPublicTypeAssetsJson, listName: keyof IPublicTypeAssetsJson): void { +function mergeAssetsComponentList( + assets: IPublicTypeAssetsJson, + incrementalAssets: IPublicTypeAssetsJson, + listName: keyof IPublicTypeAssetsJson, +): void { if (incrementalAssets[listName]) { if (assets[listName]) { // 根据title进行合并 @@ -131,7 +155,10 @@ export class StylePoint { element.setAttribute('data-id', this.id); } element.appendChild(document.createTextNode(content)); - document.head.insertBefore(element, this.placeholder.parentNode === document.head ? this.placeholder.nextSibling : null); + document.head.insertBefore( + element, + this.placeholder.parentNode === document.head ? this.placeholder.nextSibling : null, + ); document.head.removeChild(this.placeholder); this.placeholder = element; } @@ -162,7 +189,10 @@ export class StylePoint { if (this.id) { element.setAttribute('data-id', this.id); } - document.head.insertBefore(element, this.placeholder.parentNode === document.head ? this.placeholder.nextSibling : null); + document.head.insertBefore( + element, + this.placeholder.parentNode === document.head ? this.placeholder.nextSibling : null, + ); document.head.removeChild(this.placeholder); this.placeholder = element; return i.promise(); @@ -175,7 +205,12 @@ function parseAssetList(scripts: any, styles: any, assets: AssetList, level?: As } } -function parseAsset(scripts: any, styles: any, asset: Asset | undefined | null, level?: AssetLevel) { +function parseAsset( + scripts: any, + styles: any, + asset: Asset | undefined | null, + level?: AssetLevel, +) { if (!asset) { return; } @@ -219,7 +254,7 @@ export class AssetLoader { async load(asset: Asset) { const styles: any = {}; const scripts: any = {}; - AssetLevels.forEach(lv => { + AssetLevels.forEach((lv) => { styles[lv] = []; scripts[lv] = []; }); @@ -237,12 +272,23 @@ export class AssetLoader { scripts[AssetLevel.App], ); await Promise.all( - styleQueue.map(({ content, level, type, id }) => this.loadStyle(content, level!, type === AssetType.CSSUrl, id)), + styleQueue.map(({ content, level, type, id }) => + this.loadStyle(content, level!, type === AssetType.CSSUrl, id), + ), + ); + await Promise.all( + scriptQueue.map(({ content, type, scriptType }) => + this.loadScript(content, type === AssetType.JSUrl, scriptType), + ), ); - await Promise.all(scriptQueue.map(({ content, type, scriptType }) => this.loadScript(content, type === AssetType.JSUrl, scriptType))); } - private loadStyle(content: string | undefined | null, level: AssetLevel, isUrl?: boolean, id?: string) { + private loadStyle( + content: string | undefined | null, + level: AssetLevel, + isUrl?: boolean, + id?: string, + ) { if (!content) { return; } diff --git a/packages/utils/src/build-components.ts b/packages/utils/src/build-components.ts index 909248524f..f7321cd007 100644 --- a/packages/utils/src/build-components.ts +++ b/packages/utils/src/build-components.ts @@ -1,5 +1,9 @@ import { ComponentType, forwardRef, createElement, FunctionComponent } from 'react'; -import { IPublicTypeNpmInfo, IPublicTypeComponentSchema, IPublicTypeProjectSchema } from '@alilc/lowcode-types'; +import { + IPublicTypeNpmInfo, + IPublicTypeComponentSchema, + IPublicTypeProjectSchema, +} from '@lce/lowcode-types'; import { isESModule } from './is-es-module'; import { isReactComponent, acceptsRef, wrapReactClass } from './is-react'; import { isObject } from './is-object'; @@ -92,12 +96,20 @@ function isMixinComponent(components: any) { return false; } - return Object.keys(components).some(componentName => isReactComponent(components[componentName])); + return Object.keys(components).some((componentName) => + isReactComponent(components[componentName]), + ); } -export function buildComponents(libraryMap: LibraryMap, - componentsMap: { [componentName: string]: IPublicTypeNpmInfo | ComponentType<any> | IPublicTypeComponentSchema }, - createComponent: (schema: IPublicTypeProjectSchema<IPublicTypeComponentSchema>) => Component | null) { +export function buildComponents( + libraryMap: LibraryMap, + componentsMap: { + [componentName: string]: IPublicTypeNpmInfo | ComponentType<any> | IPublicTypeComponentSchema; + }, + createComponent: ( + schema: IPublicTypeProjectSchema<IPublicTypeComponentSchema>, + ) => Component | null, +) { const components: any = {}; Object.keys(componentsMap).forEach((componentName) => { let component = componentsMap[componentName]; @@ -150,14 +162,17 @@ interface LibrayMap { interface ProjectUtils { [packageName: string]: any; } -export function getProjectUtils(librayMap: LibrayMap, utilsMetadata: UtilsMetadata[]): ProjectUtils { +export function getProjectUtils( + librayMap: LibrayMap, + utilsMetadata: UtilsMetadata[], +): ProjectUtils { const projectUtils: ProjectUtils = {}; if (utilsMetadata) { - utilsMetadata.forEach(meta => { + utilsMetadata.forEach((meta) => { if (librayMap[meta?.npm?.package]) { const lib = accessLibrary(librayMap[meta?.npm.package]); if (lib?.destructuring) { - Object.keys(lib).forEach(name => { + Object.keys(lib).forEach((name) => { if (name === 'destructuring') return; projectUtils[name] = lib[name]; }); @@ -168,4 +183,4 @@ export function getProjectUtils(librayMap: LibrayMap, utilsMetadata: UtilsMetada }); } return projectUtils; -} \ No newline at end of file +} diff --git a/packages/utils/src/check-prop-types.ts b/packages/utils/src/check-prop-types.ts index dc9ce31ed5..e8fa893a06 100644 --- a/packages/utils/src/check-prop-types.ts +++ b/packages/utils/src/check-prop-types.ts @@ -1,7 +1,7 @@ import * as ReactIs from 'react-is'; import { default as ReactPropTypesSecret } from 'prop-types/lib/ReactPropTypesSecret'; import { default as factoryWithTypeCheckers } from 'prop-types/factoryWithTypeCheckers'; -import { IPublicTypePropType } from '@alilc/lowcode-types'; +import { IPublicTypePropType } from '@lce/lowcode-types'; import { isRequiredPropType } from './check-types/is-required-prop-type'; import { Logger } from './logger'; @@ -27,13 +27,17 @@ export function transformPropTypesRuleToString(rule: IPublicTypePropType | strin case 'oneOf': return `PropTypes.oneOf([${value.map((item: any) => `"${item}"`).join(',')}])`; case 'oneOfType': - return `PropTypes.oneOfType([${value.map((item: any) => transformPropTypesRuleToString(item)).join(', ')}])`; + return `PropTypes.oneOfType([${value + .map((item: any) => transformPropTypesRuleToString(item)) + .join(', ')}])`; case 'arrayOf': case 'objectOf': return `PropTypes.${type}(${transformPropTypesRuleToString(value)})`; case 'shape': case 'exact': - return `PropTypes.${type}({${value.map((item: any) => `${item.name}: ${transformPropTypesRuleToString(item.propType)}`).join(',')}})`; + return `PropTypes.${type}({${value + .map((item: any) => `${item.name}: ${transformPropTypesRuleToString(item.propType)}`) + .join(',')}})`; default: logger.error(`Unknown prop type: ${type}`); } @@ -41,15 +45,28 @@ export function transformPropTypesRuleToString(rule: IPublicTypePropType | strin return 'PropTypes.any'; } -export function checkPropTypes(value: any, name: string, rule: any, componentName: string): boolean { +export function checkPropTypes( + value: any, + name: string, + rule: any, + componentName: string, +): boolean { let ruleFunction = rule; if (typeof rule === 'object') { // eslint-disable-next-line no-new-func - ruleFunction = new Function(`"use strict"; const PropTypes = arguments[0]; return ${transformPropTypesRuleToString(rule)}`)(PropTypes2); + ruleFunction = new Function( + `"use strict"; const PropTypes = arguments[0]; return ${transformPropTypesRuleToString( + rule, + )}`, + )(PropTypes2); } if (typeof rule === 'string') { // eslint-disable-next-line no-new-func - ruleFunction = new Function(`"use strict"; const PropTypes = arguments[0]; return ${transformPropTypesRuleToString(rule)}`)(PropTypes2); + ruleFunction = new Function( + `"use strict"; const PropTypes = arguments[0]; return ${transformPropTypesRuleToString( + rule, + )}`, + )(PropTypes2); } if (!ruleFunction || typeof ruleFunction !== 'function') { logger.warn('checkPropTypes should have a function type rule argument'); diff --git a/packages/utils/src/check-types/index.ts b/packages/utils/src/check-types/index.ts index 507259b2c5..06d668d001 100644 --- a/packages/utils/src/check-types/index.ts +++ b/packages/utils/src/check-types/index.ts @@ -1,4 +1,4 @@ -// 此模块存放 @alilc/lowcode-types 中类型相关判断工具 +// 此模块存放 @lce/lowcode-types 中类型相关判断工具 export * from './is-action-content-object'; export * from './is-custom-view'; export * from './is-dom-text'; @@ -25,4 +25,4 @@ export * from './is-lowcode-component-type'; export * from './is-lowcode-project-schema'; export * from './is-component-schema'; export * from './is-basic-prop-type'; -export * from './is-required-prop-type'; \ No newline at end of file +export * from './is-required-prop-type'; diff --git a/packages/utils/src/check-types/is-action-content-object.ts b/packages/utils/src/check-types/is-action-content-object.ts index 8fe31b5bd7..84c4b7b7a1 100644 --- a/packages/utils/src/check-types/is-action-content-object.ts +++ b/packages/utils/src/check-types/is-action-content-object.ts @@ -1,4 +1,4 @@ -import { IPublicTypeActionContentObject } from '@alilc/lowcode-types'; +import { IPublicTypeActionContentObject } from '@lce/lowcode-types'; import { isObject } from '../is-object'; export function isActionContentObject(obj: any): obj is IPublicTypeActionContentObject { diff --git a/packages/utils/src/check-types/is-basic-prop-type.ts b/packages/utils/src/check-types/is-basic-prop-type.ts index fd3b1b1dcb..05bb47f326 100644 --- a/packages/utils/src/check-types/is-basic-prop-type.ts +++ b/packages/utils/src/check-types/is-basic-prop-type.ts @@ -1,8 +1,8 @@ -import { IPublicTypeBasicType, IPublicTypePropType } from '@alilc/lowcode-types'; +import { IPublicTypeBasicType, IPublicTypePropType } from '@lce/lowcode-types'; export function isBasicPropType(propType: IPublicTypePropType): propType is IPublicTypeBasicType { if (!propType) { return false; } return typeof propType === 'string'; -} \ No newline at end of file +} diff --git a/packages/utils/src/check-types/is-component-schema.ts b/packages/utils/src/check-types/is-component-schema.ts index 508d153b93..c172a6ae0e 100644 --- a/packages/utils/src/check-types/is-component-schema.ts +++ b/packages/utils/src/check-types/is-component-schema.ts @@ -1,8 +1,8 @@ -import { IPublicTypeComponentSchema } from "@alilc/lowcode-types"; +import { IPublicTypeComponentSchema } from '@lce/lowcode-types'; export function isComponentSchema(schema: any): schema is IPublicTypeComponentSchema { if (typeof schema === 'object') { return schema.componentName === 'Component'; } - return false + return false; } diff --git a/packages/utils/src/check-types/is-custom-view.ts b/packages/utils/src/check-types/is-custom-view.ts index 4cf921d9c5..7a73965c1f 100644 --- a/packages/utils/src/check-types/is-custom-view.ts +++ b/packages/utils/src/check-types/is-custom-view.ts @@ -1,6 +1,6 @@ import { isValidElement } from 'react'; import { isReactComponent } from '../is-react'; -import { IPublicTypeCustomView } from '@alilc/lowcode-types'; +import { IPublicTypeCustomView } from '@lce/lowcode-types'; export function isCustomView(obj: any): obj is IPublicTypeCustomView { if (!obj) { diff --git a/packages/utils/src/check-types/is-drag-any-object.ts b/packages/utils/src/check-types/is-drag-any-object.ts index 8711b4e333..4a2d64f1f0 100644 --- a/packages/utils/src/check-types/is-drag-any-object.ts +++ b/packages/utils/src/check-types/is-drag-any-object.ts @@ -1,9 +1,11 @@ -import { IPublicEnumDragObjectType } from '@alilc/lowcode-types'; +import { IPublicEnumDragObjectType } from '@lce/lowcode-types'; import { isObject } from '../is-object'; export function isDragAnyObject(obj: any): boolean { if (!isObject(obj)) { return false; } - return obj.type !== IPublicEnumDragObjectType.NodeData && obj.type !== IPublicEnumDragObjectType.Node; -} \ No newline at end of file + return ( + obj.type !== IPublicEnumDragObjectType.NodeData && obj.type !== IPublicEnumDragObjectType.Node + ); +} diff --git a/packages/utils/src/check-types/is-drag-node-data-object.ts b/packages/utils/src/check-types/is-drag-node-data-object.ts index aa62f5b1c9..1785e22019 100644 --- a/packages/utils/src/check-types/is-drag-node-data-object.ts +++ b/packages/utils/src/check-types/is-drag-node-data-object.ts @@ -1,4 +1,4 @@ -import { IPublicEnumDragObjectType, IPublicTypeDragNodeDataObject } from '@alilc/lowcode-types'; +import { IPublicEnumDragObjectType, IPublicTypeDragNodeDataObject } from '@lce/lowcode-types'; import { isObject } from '../is-object'; export function isDragNodeDataObject(obj: any): obj is IPublicTypeDragNodeDataObject { @@ -6,4 +6,4 @@ export function isDragNodeDataObject(obj: any): obj is IPublicTypeDragNodeDataOb return false; } return obj.type === IPublicEnumDragObjectType.NodeData; -} \ No newline at end of file +} diff --git a/packages/utils/src/check-types/is-drag-node-object.ts b/packages/utils/src/check-types/is-drag-node-object.ts index 3a29ec967f..c3c8a6fb03 100644 --- a/packages/utils/src/check-types/is-drag-node-object.ts +++ b/packages/utils/src/check-types/is-drag-node-object.ts @@ -1,9 +1,15 @@ -import { IPublicEnumDragObjectType, IPublicModelNode, IPublicTypeDragNodeObject } from '@alilc/lowcode-types'; +import { + IPublicEnumDragObjectType, + IPublicModelNode, + IPublicTypeDragNodeObject, +} from '@lce/lowcode-types'; import { isObject } from '../is-object'; -export function isDragNodeObject<Node = IPublicModelNode>(obj: any): obj is IPublicTypeDragNodeObject<Node> { +export function isDragNodeObject<Node = IPublicModelNode>( + obj: any, +): obj is IPublicTypeDragNodeObject<Node> { if (!isObject(obj)) { return false; } return obj.type === IPublicEnumDragObjectType.Node; -} \ No newline at end of file +} diff --git a/packages/utils/src/check-types/is-dynamic-setter.ts b/packages/utils/src/check-types/is-dynamic-setter.ts index 35f8ff3892..2feb9e5077 100644 --- a/packages/utils/src/check-types/is-dynamic-setter.ts +++ b/packages/utils/src/check-types/is-dynamic-setter.ts @@ -1,6 +1,6 @@ import { isFunction } from '../is-function'; import { isReactClass } from '../is-react'; -import { IPublicTypeDynamicSetter } from '@alilc/lowcode-types'; +import { IPublicTypeDynamicSetter } from '@lce/lowcode-types'; export function isDynamicSetter(obj: any): obj is IPublicTypeDynamicSetter { if (!isFunction(obj)) { diff --git a/packages/utils/src/check-types/is-i18n-data.ts b/packages/utils/src/check-types/is-i18n-data.ts index 793295d240..350055fe57 100644 --- a/packages/utils/src/check-types/is-i18n-data.ts +++ b/packages/utils/src/check-types/is-i18n-data.ts @@ -1,4 +1,4 @@ -import { IPublicTypeI18nData } from '@alilc/lowcode-types'; +import { IPublicTypeI18nData } from '@lce/lowcode-types'; import { isObject } from '../is-object'; export function isI18nData(obj: any): obj is IPublicTypeI18nData { diff --git a/packages/utils/src/check-types/is-isfunction.ts b/packages/utils/src/check-types/is-isfunction.ts index 64b8676637..ffaa48ae21 100644 --- a/packages/utils/src/check-types/is-isfunction.ts +++ b/packages/utils/src/check-types/is-isfunction.ts @@ -1,4 +1,4 @@ -import { IPublicTypeJSFunction } from '@alilc/lowcode-types'; +import { IPublicTypeJSFunction } from '@lce/lowcode-types'; import { isObject } from '../is-object'; interface InnerJsFunction { diff --git a/packages/utils/src/check-types/is-jsblock.ts b/packages/utils/src/check-types/is-jsblock.ts index 858f5c09cd..4332448621 100644 --- a/packages/utils/src/check-types/is-jsblock.ts +++ b/packages/utils/src/check-types/is-jsblock.ts @@ -1,4 +1,4 @@ -import { IPublicTypeJSBlock } from '@alilc/lowcode-types'; +import { IPublicTypeJSBlock } from '@lce/lowcode-types'; import { isObject } from '../is-object'; export function isJSBlock(data: any): data is IPublicTypeJSBlock { diff --git a/packages/utils/src/check-types/is-jsexpression.ts b/packages/utils/src/check-types/is-jsexpression.ts index 16b8f4ac2a..676e640f53 100644 --- a/packages/utils/src/check-types/is-jsexpression.ts +++ b/packages/utils/src/check-types/is-jsexpression.ts @@ -1,4 +1,4 @@ -import { IPublicTypeJSExpression } from '@alilc/lowcode-types'; +import { IPublicTypeJSExpression } from '@lce/lowcode-types'; import { isObject } from '../is-object'; /** diff --git a/packages/utils/src/check-types/is-jsslot.ts b/packages/utils/src/check-types/is-jsslot.ts index 1fb1d819d7..0b89aad036 100644 --- a/packages/utils/src/check-types/is-jsslot.ts +++ b/packages/utils/src/check-types/is-jsslot.ts @@ -1,4 +1,4 @@ -import { IPublicTypeJSSlot } from '@alilc/lowcode-types'; +import { IPublicTypeJSSlot } from '@lce/lowcode-types'; import { isObject } from '../is-object'; export function isJSSlot(data: any): data is IPublicTypeJSSlot { diff --git a/packages/utils/src/check-types/is-location-children-detail.ts b/packages/utils/src/check-types/is-location-children-detail.ts index cc093c4e4a..d3c88fcd6f 100644 --- a/packages/utils/src/check-types/is-location-children-detail.ts +++ b/packages/utils/src/check-types/is-location-children-detail.ts @@ -1,4 +1,7 @@ -import { IPublicTypeLocationChildrenDetail, IPublicTypeLocationDetailType } from '@alilc/lowcode-types'; +import { + IPublicTypeLocationChildrenDetail, + IPublicTypeLocationDetailType, +} from '@lce/lowcode-types'; import { isObject } from '../is-object'; export function isLocationChildrenDetail(obj: any): obj is IPublicTypeLocationChildrenDetail { @@ -6,4 +9,4 @@ export function isLocationChildrenDetail(obj: any): obj is IPublicTypeLocationCh return false; } return obj.type === IPublicTypeLocationDetailType.Children; -} \ No newline at end of file +} diff --git a/packages/utils/src/check-types/is-location-data.ts b/packages/utils/src/check-types/is-location-data.ts index dabd493fa8..552d758e29 100644 --- a/packages/utils/src/check-types/is-location-data.ts +++ b/packages/utils/src/check-types/is-location-data.ts @@ -1,4 +1,4 @@ -import { IPublicTypeLocationData } from '@alilc/lowcode-types'; +import { IPublicTypeLocationData } from '@lce/lowcode-types'; import { isObject } from '../is-object'; export function isLocationData(obj: any): obj is IPublicTypeLocationData { @@ -6,4 +6,4 @@ export function isLocationData(obj: any): obj is IPublicTypeLocationData { return false; } return 'target' in obj && 'detail' in obj; -} \ No newline at end of file +} diff --git a/packages/utils/src/check-types/is-lowcode-component-type.ts b/packages/utils/src/check-types/is-lowcode-component-type.ts index ce19c23e87..1ed24068ca 100644 --- a/packages/utils/src/check-types/is-lowcode-component-type.ts +++ b/packages/utils/src/check-types/is-lowcode-component-type.ts @@ -1,7 +1,8 @@ import { isProCodeComponentType } from './is-procode-component-type'; -import { IPublicTypeComponentMap, IPublicTypeLowCodeComponent } from '@alilc/lowcode-types'; +import { IPublicTypeComponentMap, IPublicTypeLowCodeComponent } from '@lce/lowcode-types'; - -export function isLowCodeComponentType(desc: IPublicTypeComponentMap): desc is IPublicTypeLowCodeComponent { +export function isLowCodeComponentType( + desc: IPublicTypeComponentMap, +): desc is IPublicTypeLowCodeComponent { return !isProCodeComponentType(desc); } diff --git a/packages/utils/src/check-types/is-lowcode-project-schema.ts b/packages/utils/src/check-types/is-lowcode-project-schema.ts index 230911f0f3..346adaa4e0 100644 --- a/packages/utils/src/check-types/is-lowcode-project-schema.ts +++ b/packages/utils/src/check-types/is-lowcode-project-schema.ts @@ -1,8 +1,10 @@ -import { IPublicTypeComponentSchema, IPublicTypeProjectSchema } from '@alilc/lowcode-types'; +import { IPublicTypeComponentSchema, IPublicTypeProjectSchema } from '@lce/lowcode-types'; import { isComponentSchema } from './is-component-schema'; import { isObject } from '../is-object'; -export function isLowcodeProjectSchema(data: any): data is IPublicTypeProjectSchema<IPublicTypeComponentSchema> { +export function isLowcodeProjectSchema( + data: any, +): data is IPublicTypeProjectSchema<IPublicTypeComponentSchema> { if (!isObject(data)) { return false; } diff --git a/packages/utils/src/check-types/is-node-schema.ts b/packages/utils/src/check-types/is-node-schema.ts index 253c05a080..8ae9e63acc 100644 --- a/packages/utils/src/check-types/is-node-schema.ts +++ b/packages/utils/src/check-types/is-node-schema.ts @@ -1,4 +1,4 @@ -import { IPublicTypeNodeSchema } from '@alilc/lowcode-types'; +import { IPublicTypeNodeSchema } from '@lce/lowcode-types'; import { isObject } from '../is-object'; export function isNodeSchema(data: any): data is IPublicTypeNodeSchema { diff --git a/packages/utils/src/check-types/is-node.ts b/packages/utils/src/check-types/is-node.ts index b4690ddff9..54a3f8ced5 100644 --- a/packages/utils/src/check-types/is-node.ts +++ b/packages/utils/src/check-types/is-node.ts @@ -1,4 +1,4 @@ -import { IPublicModelNode } from '@alilc/lowcode-types'; +import { IPublicModelNode } from '@lce/lowcode-types'; import { isObject } from '../is-object'; export function isNode<Node = IPublicModelNode>(node: any): node is Node { @@ -6,4 +6,4 @@ export function isNode<Node = IPublicModelNode>(node: any): node is Node { return false; } return node.isNode; -} \ No newline at end of file +} diff --git a/packages/utils/src/check-types/is-procode-component-type.ts b/packages/utils/src/check-types/is-procode-component-type.ts index 46618dcd5a..8af39922fa 100644 --- a/packages/utils/src/check-types/is-procode-component-type.ts +++ b/packages/utils/src/check-types/is-procode-component-type.ts @@ -1,7 +1,9 @@ -import { IPublicTypeComponentMap, IPublicTypeProCodeComponent } from '@alilc/lowcode-types'; +import { IPublicTypeComponentMap, IPublicTypeProCodeComponent } from '@lce/lowcode-types'; import { isObject } from '../is-object'; -export function isProCodeComponentType(desc: IPublicTypeComponentMap): desc is IPublicTypeProCodeComponent { +export function isProCodeComponentType( + desc: IPublicTypeComponentMap, +): desc is IPublicTypeProCodeComponent { if (!isObject(desc)) { return false; } diff --git a/packages/utils/src/check-types/is-project-schema.ts b/packages/utils/src/check-types/is-project-schema.ts index d217acd9ee..691d143fa0 100644 --- a/packages/utils/src/check-types/is-project-schema.ts +++ b/packages/utils/src/check-types/is-project-schema.ts @@ -1,4 +1,4 @@ -import { IPublicTypeProjectSchema } from '@alilc/lowcode-types'; +import { IPublicTypeProjectSchema } from '@lce/lowcode-types'; import { isObject } from '../is-object'; export function isProjectSchema(data: any): data is IPublicTypeProjectSchema { diff --git a/packages/utils/src/check-types/is-required-prop-type.ts b/packages/utils/src/check-types/is-required-prop-type.ts index 106da78a00..9e3cec23ac 100644 --- a/packages/utils/src/check-types/is-required-prop-type.ts +++ b/packages/utils/src/check-types/is-required-prop-type.ts @@ -1,8 +1,16 @@ -import { IPublicTypePropType, IPublicTypeRequiredType } from '@alilc/lowcode-types'; +import { IPublicTypePropType, IPublicTypeRequiredType } from '@lce/lowcode-types'; -export function isRequiredPropType(propType: IPublicTypePropType): propType is IPublicTypeRequiredType { +export function isRequiredPropType( + propType: IPublicTypePropType, +): propType is IPublicTypeRequiredType { if (!propType) { return false; } - return typeof propType === 'object' && propType.type && ['array', 'bool', 'func', 'number', 'object', 'string', 'node', 'element', 'any'].includes(propType.type); -} \ No newline at end of file + return ( + typeof propType === 'object' && + propType.type && + ['array', 'bool', 'func', 'number', 'object', 'string', 'node', 'element', 'any'].includes( + propType.type, + ) + ); +} diff --git a/packages/utils/src/check-types/is-setter-config.ts b/packages/utils/src/check-types/is-setter-config.ts index 98d835f32c..9105323d2f 100644 --- a/packages/utils/src/check-types/is-setter-config.ts +++ b/packages/utils/src/check-types/is-setter-config.ts @@ -1,4 +1,4 @@ -import { IPublicTypeSetterConfig } from '@alilc/lowcode-types'; +import { IPublicTypeSetterConfig } from '@lce/lowcode-types'; import { isCustomView } from './is-custom-view'; import { isObject } from '../is-object'; diff --git a/packages/utils/src/check-types/is-setting-field.ts b/packages/utils/src/check-types/is-setting-field.ts index 0d6e21d848..413f68fdf8 100644 --- a/packages/utils/src/check-types/is-setting-field.ts +++ b/packages/utils/src/check-types/is-setting-field.ts @@ -1,4 +1,4 @@ -import { IPublicModelSettingField } from '@alilc/lowcode-types'; +import { IPublicModelSettingField } from '@lce/lowcode-types'; import { isObject } from '../is-object'; export function isSettingField(obj: any): obj is IPublicModelSettingField { diff --git a/packages/utils/src/check-types/is-title-config.ts b/packages/utils/src/check-types/is-title-config.ts index 460da99790..4f6ebccaf8 100644 --- a/packages/utils/src/check-types/is-title-config.ts +++ b/packages/utils/src/check-types/is-title-config.ts @@ -1,4 +1,4 @@ -import { IPublicTypeTitleConfig } from '@alilc/lowcode-types'; +import { IPublicTypeTitleConfig } from '@lce/lowcode-types'; import { isI18nData } from './is-i18n-data'; import { isPlainObject } from '../is-plain-object'; diff --git a/packages/utils/src/context-menu.tsx b/packages/utils/src/context-menu.tsx index 185abbb343..df8db5b530 100644 --- a/packages/utils/src/context-menu.tsx +++ b/packages/utils/src/context-menu.tsx @@ -1,6 +1,12 @@ import { Menu, Icon } from '@alifd/next'; -import { IPublicEnumContextMenuType, IPublicModelNode, IPublicModelPluginContext, IPublicTypeContextMenuAction, IPublicTypeContextMenuItem } from '@alilc/lowcode-types'; -import { Logger } from '@alilc/lowcode-utils'; +import { + IPublicEnumContextMenuType, + IPublicModelNode, + IPublicModelPluginContext, + IPublicTypeContextMenuAction, + IPublicTypeContextMenuItem, +} from '@lce/lowcode-types'; +import { Logger } from '@lce/lowcode-utils'; import classNames from 'classnames'; import React from 'react'; import './context-menu.scss'; @@ -24,9 +30,7 @@ const Tree = (props: { const { node } = props; if (!node) { - return ( - <div className="engine-context-menu-tree-wrap">{ props.children }</div> - ); + return <div className="engine-context-menu-tree-wrap">{props.children}</div>; } const { common } = props.options.pluginContext || {}; @@ -40,7 +44,7 @@ const Tree = (props: { }; return ( - <Tree {...props} node={node.parent} > + <Tree {...props} node={node.parent}> <div className="engine-context-menu-title" onClick={() => { @@ -49,21 +53,22 @@ const Tree = (props: { }} style={style} > - {props.options.nodes?.[0].id === node.id ? (<Icon className="engine-context-menu-tree-selecte-icon" size="small" type="success" />) : null} + {props.options.nodes?.[0].id === node.id ? ( + <Icon className="engine-context-menu-tree-selecte-icon" size="small" type="success" /> + ) : null} {intl(node.title)} </div> - <div - className="engine-context-menu-tree-children" - > - { props.children } - </div> + <div className="engine-context-menu-tree-children">{props.children}</div> </Tree> ); }; let destroyFn: Function | undefined; -export function parseContextMenuAsReactNode(menus: IPublicTypeContextMenuItem[], options: IOptions): React.ReactNode[] { +export function parseContextMenuAsReactNode( + menus: IPublicTypeContextMenuItem[], + options: IOptions, +): React.ReactNode[] { const { common, commonUI } = options.pluginContext || {}; const { intl = (title: any) => title } = common?.utils || {}; const { HelpTip } = commonUI || {}; @@ -77,7 +82,7 @@ export function parseContextMenuAsReactNode(menus: IPublicTypeContextMenuItem[], if (menu.type === IPublicEnumContextMenuType.MENU_ITEM) { if (menu.items && menu.items.length) { - children.push(( + children.push( <PopupItem className={classNames('engine-context-menu-item', { disabled: menu.disabled, @@ -86,12 +91,12 @@ export function parseContextMenuAsReactNode(menus: IPublicTypeContextMenuItem[], label={<div className="engine-context-menu-text">{intl(menu.title)}</div>} > <Menu className="next-context engine-context-menu"> - { parseContextMenuAsReactNode(menu.items, options) } + {parseContextMenuAsReactNode(menu.items, options)} </Menu> - </PopupItem> - )); + </PopupItem>, + ); } else { - children.push(( + children.push( <Item className={classNames('engine-context-menu-item', { disabled: menu.disabled, @@ -103,27 +108,29 @@ export function parseContextMenuAsReactNode(menus: IPublicTypeContextMenuItem[], key={menu.name} > <div className="engine-context-menu-text"> - { menu.title ? intl(menu.title) : null } - { menu.help ? <HelpTip size="xs" help={menu.help} direction="right" /> : null } + {menu.title ? intl(menu.title) : null} + {menu.help ? <HelpTip size="xs" help={menu.help} direction="right" /> : null} </div> - </Item> - )); + </Item>, + ); } } if (menu.type === IPublicEnumContextMenuType.NODE_TREE) { - children.push(( - <Tree node={options.nodes?.[0]} options={options} /> - )); + children.push(<Tree node={options.nodes?.[0]} options={options} />); } }); return children; } -export function parseContextMenuProperties(menus: (IPublicTypeContextMenuAction | Omit<IPublicTypeContextMenuAction, 'items'>)[], options: IOptions & { - event?: MouseEvent; -}, level = 1): IPublicTypeContextMenuItem[] { +export function parseContextMenuProperties( + menus: (IPublicTypeContextMenuAction | Omit<IPublicTypeContextMenuAction, 'items'>)[], + options: IOptions & { + event?: MouseEvent; + }, + level = 1, +): IPublicTypeContextMenuItem[] { destroyFn?.(); const { nodes, destroy } = options; @@ -133,14 +140,9 @@ export function parseContextMenuProperties(menus: (IPublicTypeContextMenuAction } return menus - .filter(menu => !menu.condition || (menu.condition && menu.condition(nodes || []))) + .filter((menu) => !menu.condition || (menu.condition && menu.condition(nodes || []))) .map((menu) => { - const { - name, - title, - type = IPublicEnumContextMenuType.MENU_ITEM, - help, - } = menu; + const { name, title, type = IPublicEnumContextMenuType.MENU_ITEM, help } = menu; const result: IPublicTypeContextMenuItem = { name, @@ -151,7 +153,7 @@ export function parseContextMenuProperties(menus: (IPublicTypeContextMenuAction destroy?.(); menu.action?.(nodes || [], options.event); }, - disabled: menu.disabled && menu.disabled(nodes || []) || false, + disabled: (menu.disabled && menu.disabled(nodes || [])) || false, }; if ('items' in menu && menu.items) { @@ -169,7 +171,7 @@ export function parseContextMenuProperties(menus: (IPublicTypeContextMenuAction return menus.concat([currentMenu]); } - const index = menus.find(item => item.name === currentMenu.name); + const index = menus.find((item) => item.name === currentMenu.name); if (!index) { return menus.concat([currentMenu]); } else { @@ -192,20 +194,29 @@ function getMenuItemHeight() { return menuItemHeight; } -export function createContextMenu(children: React.ReactNode[], { - event, - offset = [0, 0], -}: { - event: MouseEvent | React.MouseEvent; - offset?: [number, number]; -}) { +export function createContextMenu( + children: React.ReactNode[], + { + event, + offset = [0, 0], + }: { + event: MouseEvent | React.MouseEvent; + offset?: [number, number]; + }, +) { event.preventDefault(); event.stopPropagation(); const viewportWidth = window.innerWidth; const viewportHeight = window.innerHeight; - const dividerCount = React.Children.count(children.filter(child => React.isValidElement(child) && child.type === Divider)); - const popupItemCount = React.Children.count(children.filter(child => React.isValidElement(child) && (child.type === PopupItem || child.type === Item))); + const dividerCount = React.Children.count( + children.filter((child) => React.isValidElement(child) && child.type === Divider), + ); + const popupItemCount = React.Children.count( + children.filter( + (child) => React.isValidElement(child) && (child.type === PopupItem || child.type === Item), + ), + ); const menuHeight = popupItemCount * parseInt(getMenuItemHeight(), 10) + dividerCount * 8 + 16; const menuWidthLimit = 200; let x = event.clientX + offset[0]; @@ -227,4 +238,4 @@ export function createContextMenu(children: React.ReactNode[], { destroyFn = (menuInstance as any).destroy; return destroyFn; -} \ No newline at end of file +} diff --git a/packages/utils/src/create-icon.tsx b/packages/utils/src/create-icon.tsx index 621b5c7ab4..788f0d3e7c 100644 --- a/packages/utils/src/create-icon.tsx +++ b/packages/utils/src/create-icon.tsx @@ -1,15 +1,15 @@ import { isValidElement, ReactNode, createElement, cloneElement } from 'react'; import { Icon } from '@alifd/next'; -import { IPublicTypeIconType } from '@alilc/lowcode-types'; +import { IPublicTypeIconType } from '@lce/lowcode-types'; import { isReactComponent } from './is-react'; import { isESModule } from './is-es-module'; const URL_RE = /^(https?:)\/\//i; export function createIcon( - icon?: IPublicTypeIconType | null, - props?: Record<string, unknown>, - ): ReactNode { + icon?: IPublicTypeIconType | null, + props?: Record<string, unknown>, +): ReactNode { if (!icon) { return null; } diff --git a/packages/utils/src/misc.ts b/packages/utils/src/misc.ts index 28833ef321..2c2ca16794 100644 --- a/packages/utils/src/misc.ts +++ b/packages/utils/src/misc.ts @@ -1,7 +1,6 @@ - import { isI18NObject } from './is-object'; import { get } from 'lodash'; -import { IPublicEnumTransformStage, IPublicModelComponentMeta } from '@alilc/lowcode-types'; +import { IPublicEnumTransformStage, IPublicModelComponentMeta } from '@lce/lowcode-types'; import { Logger } from './logger'; const logger = new Logger({ level: 'warn', bizName: 'utils' }); @@ -22,7 +21,7 @@ export function isVariable(obj: any): obj is Variable { export function isUseI18NSetter(prototype: any, propName: string) { const configure = prototype?.options?.configure; if (Array.isArray(configure)) { - return configure.some(c => { + return configure.some((c) => { return c.name === propName && c?.setter?.type?.displayName === 'I18nSetter'; }); } @@ -64,14 +63,14 @@ export function waitForThing(obj: any, path: string): Promise<any> { export function arrShallowEquals(arr1: any[], arr2: any[]): boolean { if (!Array.isArray(arr1) || !Array.isArray(arr2)) return false; if (arr1.length !== arr2.length) return false; - return arr1.every(item => arr2.includes(item)); + return arr1.every((item) => arr2.includes(item)); } /** * 判断当前 meta 是否从 vc prototype 转换而来 * @param meta */ - export function isFromVC(meta: IPublicModelComponentMeta) { +export function isFromVC(meta: IPublicModelComponentMeta) { return !!meta?.getMetadata().configure?.advanced; } @@ -79,14 +78,7 @@ export function executePendingFn(fn: () => void, timeout: number = 2000) { return setTimeout(fn, timeout); } -const stageList = [ - 'render', - 'serilize', - 'save', - 'clone', - 'init', - 'upgrade', -]; +const stageList = ['render', 'serilize', 'save', 'clone', 'init', 'upgrade']; /** * 兼容原来的数字版本的枚举对象 @@ -95,7 +87,9 @@ const stageList = [ */ export function compatStage(stage: IPublicEnumTransformStage | number): IPublicEnumTransformStage { if (typeof stage === 'number') { - console.warn('stage 直接指定为数字的使用方式已经过时，将在下一版本移除，请直接使用 IPublicEnumTransformStage.Render|Serilize|Save|Clone|Init|Upgrade'); + console.warn( + 'stage 直接指定为数字的使用方式已经过时，将在下一版本移除，请直接使用 IPublicEnumTransformStage.Render|Serilize|Save|Clone|Init|Upgrade', + ); return stageList[stage - 1] as IPublicEnumTransformStage; } return stage as IPublicEnumTransformStage; @@ -103,7 +97,7 @@ export function compatStage(stage: IPublicEnumTransformStage | number): IPublicE export function invariant(check: any, message: string, thing?: any) { if (!check) { - throw new Error(`Invariant failed: ${ message }${thing ? ` in '${thing}'` : ''}`); + throw new Error(`Invariant failed: ${message}${thing ? ` in '${thing}'` : ''}`); } } @@ -132,4 +126,4 @@ export function shouldUseVariableSetter( ) { if (propSupportVariable === false) return false; return propSupportVariable || globalSupportVariable; -} \ No newline at end of file +} diff --git a/packages/utils/src/node-helper.ts b/packages/utils/src/node-helper.ts index 60102d6794..129a7c63f3 100644 --- a/packages/utils/src/node-helper.ts +++ b/packages/utils/src/node-helper.ts @@ -1,11 +1,11 @@ // 仅使用类型 -import { IPublicModelNode } from '@alilc/lowcode-types'; +import { IPublicModelNode } from '@lce/lowcode-types'; import { MouseEvent } from 'react'; export const getClosestNode = <Node extends IPublicModelNode = IPublicModelNode>( node: Node, until: (n: Node) => boolean, - ): Node | undefined => { +): Node | undefined => { if (!node) { return undefined; } @@ -23,7 +23,10 @@ export const getClosestNode = <Node extends IPublicModelNode = IPublicModelNode> * @param {unknown} e 点击事件 * @returns {boolean} 是否可点击，true表示可点击 */ -export function canClickNode<Node extends IPublicModelNode = IPublicModelNode>(node: Node, e: MouseEvent): boolean { +export function canClickNode<Node extends IPublicModelNode = IPublicModelNode>( + node: Node, + e: MouseEvent, +): boolean { const onClickHook = node.componentMeta?.advanced?.callbacks?.onClickHook; const canClick = typeof onClickHook === 'function' ? onClickHook(e, node) : true; return canClick; diff --git a/packages/utils/src/schema.ts b/packages/utils/src/schema.ts index 2e7dec70fa..deebdec6ea 100644 --- a/packages/utils/src/schema.ts +++ b/packages/utils/src/schema.ts @@ -1,4 +1,4 @@ -import { ActivityType, IPublicTypeNodeSchema, IPublicTypeRootSchema } from '@alilc/lowcode-types'; +import { ActivityType, IPublicTypeNodeSchema, IPublicTypeRootSchema } from '@lce/lowcode-types'; import { isJSBlock, isJSSlot } from './check-types'; import { isVariable } from './misc'; import { isPlainObject } from './is-plain-object'; @@ -23,7 +23,7 @@ export function compatibleLegaoSchema(props: any): any { } if (Array.isArray(props)) { - return props.map(k => compatibleLegaoSchema(k)); + return props.map((k) => compatibleLegaoSchema(k)); } if (!isPlainObject(props)) { @@ -78,7 +78,10 @@ export function compatibleLegaoSchema(props: any): any { return newProps; } -export function getNodeSchemaById(schema: IPublicTypeNodeSchema, nodeId: string): IPublicTypeNodeSchema | undefined { +export function getNodeSchemaById( + schema: IPublicTypeNodeSchema, + nodeId: string, +): IPublicTypeNodeSchema | undefined { let found: IPublicTypeNodeSchema | undefined; if (schema.id === nodeId) { return schema; @@ -123,7 +126,10 @@ function getNodeSchemaFromPropsById(props: any, nodeId: string): IPublicTypeNode * TODO: not sure if this is used anywhere * @deprecated */ -export function applyActivities(pivotSchema: IPublicTypeRootSchema, activities: any): IPublicTypeRootSchema { +export function applyActivities( + pivotSchema: IPublicTypeRootSchema, + activities: any, +): IPublicTypeRootSchema { let schema = { ...pivotSchema }; if (!Array.isArray(activities)) { activities = [activities]; diff --git a/packages/utils/src/transaction-manager.ts b/packages/utils/src/transaction-manager.ts index 85161eff9f..4e29526431 100644 --- a/packages/utils/src/transaction-manager.ts +++ b/packages/utils/src/transaction-manager.ts @@ -1,24 +1,33 @@ -import { IPublicEnumTransitionType } from '@alilc/lowcode-types'; +import { IPublicEnumTransitionType } from '@lce/lowcode-types'; import { runInAction } from 'mobx'; import EventEmitter from 'events'; class TransactionManager { emitter = new EventEmitter(); - executeTransaction = (fn: () => void, type: IPublicEnumTransitionType = IPublicEnumTransitionType.REPAINT): void => { + executeTransaction = ( + fn: () => void, + type: IPublicEnumTransitionType = IPublicEnumTransitionType.REPAINT, + ): void => { this.emitter.emit(`[${type}]startTransaction`); runInAction(fn); this.emitter.emit(`[${type}]endTransaction`); }; - onStartTransaction = (fn: () => void, type: IPublicEnumTransitionType = IPublicEnumTransitionType.REPAINT): () => void => { + onStartTransaction = ( + fn: () => void, + type: IPublicEnumTransitionType = IPublicEnumTransitionType.REPAINT, + ): (() => void) => { this.emitter.on(`[${type}]startTransaction`, fn); return () => { this.emitter.off(`[${type}]startTransaction`, fn); }; }; - onEndTransaction = (fn: () => void, type: IPublicEnumTransitionType = IPublicEnumTransitionType.REPAINT): () => void => { + onEndTransaction = ( + fn: () => void, + type: IPublicEnumTransitionType = IPublicEnumTransitionType.REPAINT, + ): (() => void) => { this.emitter.on(`[${type}]endTransaction`, fn); return () => { this.emitter.off(`[${type}]endTransaction`, fn); diff --git a/packages/utils/src/workspace.tsx b/packages/utils/src/workspace.tsx index 446530ce8e..ae5451d9b6 100644 --- a/packages/utils/src/workspace.tsx +++ b/packages/utils/src/workspace.tsx @@ -1,5 +1,10 @@ import React, { useEffect, useState, useCallback } from 'react'; -import { IPublicModelPluginContext, IPublicEnumPluginRegisterLevel, IPublicModelWindow, IPublicModelEditorView } from '@alilc/lowcode-types'; +import { + IPublicModelPluginContext, + IPublicEnumPluginRegisterLevel, + IPublicModelWindow, + IPublicModelEditorView, +} from '@lce/lowcode-types'; /** * 高阶组件（HOC）：为组件提供 view 插件上下文。 @@ -24,7 +29,11 @@ export const ProvideViewPluginContext = (Component: any, viewName?: string | str return null; } if (viewName) { - const items = editorWindow?.editorViews.filter(d => (d as any).viewName === viewName || (Array.isArray(viewName) && viewName.includes((d as any).viewName))); + const items = editorWindow?.editorViews.filter( + (d) => + (d as any).viewName === viewName || + (Array.isArray(viewName) && viewName.includes((d as any).viewName)), + ); return items[0]; } else { return editorWindow.currentEditorView; @@ -32,7 +41,9 @@ export const ProvideViewPluginContext = (Component: any, viewName?: string | str }, []); const { workspace } = props.pluginContext || {}; - const [pluginContext, setPluginContext] = useState<IPublicModelEditorView | null>(getPluginContextFun(workspace?.window)); + const [pluginContext, setPluginContext] = useState<IPublicModelEditorView | null>( + getPluginContextFun(workspace?.window), + ); useEffect(() => { if (workspace?.window) { @@ -45,7 +56,10 @@ export const ProvideViewPluginContext = (Component: any, viewName?: string | str }); }, [workspace, getPluginContextFun]); - if (props.pluginContext?.registerLevel !== IPublicEnumPluginRegisterLevel.Workspace || !props.pluginContext) { + if ( + props.pluginContext?.registerLevel !== IPublicEnumPluginRegisterLevel.Workspace || + !props.pluginContext + ) { return <Component {...props} />; } diff --git a/packages/utils/test/src/check-types/is-custom-view.test.tsx b/packages/utils/test/src/check-types/is-custom-view.test.tsx index 62c08780e6..e2cd3fa434 100644 --- a/packages/utils/test/src/check-types/is-custom-view.test.tsx +++ b/packages/utils/test/src/check-types/is-custom-view.test.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { isCustomView } from '../../../src/check-types/is-custom-view'; -import { IPublicTypeCustomView } from '@alilc/lowcode-types'; +import { IPublicTypeCustomView } from '@lce/lowcode-types'; describe('isCustomView', () => { test('should return true when obj is a valid React element', () => { diff --git a/packages/utils/test/src/check-types/is-drag-any-object.test.ts b/packages/utils/test/src/check-types/is-drag-any-object.test.ts index 6a835f2be3..efd974fd8a 100644 --- a/packages/utils/test/src/check-types/is-drag-any-object.test.ts +++ b/packages/utils/test/src/check-types/is-drag-any-object.test.ts @@ -1,5 +1,5 @@ import { isDragAnyObject } from '../../../src/check-types/is-drag-any-object'; -import { IPublicEnumDragObjectType } from '@alilc/lowcode-types'; +import { IPublicEnumDragObjectType } from '@lce/lowcode-types'; describe('isDragAnyObject', () => { it('should return false if obj is null', () => { diff --git a/packages/utils/test/src/check-types/is-drag-node-data-object.test.ts b/packages/utils/test/src/check-types/is-drag-node-data-object.test.ts index 92867843a2..6643f67421 100644 --- a/packages/utils/test/src/check-types/is-drag-node-data-object.test.ts +++ b/packages/utils/test/src/check-types/is-drag-node-data-object.test.ts @@ -1,4 +1,4 @@ -import { IPublicEnumDragObjectType, IPublicTypeDragNodeDataObject } from '@alilc/lowcode-types'; +import { IPublicEnumDragObjectType, IPublicTypeDragNodeDataObject } from '@lce/lowcode-types'; import { isDragNodeDataObject } from '../../../src/check-types/is-drag-node-data-object'; describe('isDragNodeDataObject', () => { diff --git a/packages/utils/test/src/check-types/is-drag-node-object.test.ts b/packages/utils/test/src/check-types/is-drag-node-object.test.ts index 3561c87885..660d87edb9 100644 --- a/packages/utils/test/src/check-types/is-drag-node-object.test.ts +++ b/packages/utils/test/src/check-types/is-drag-node-object.test.ts @@ -1,4 +1,4 @@ -import { IPublicEnumDragObjectType } from '@alilc/lowcode-types'; +import { IPublicEnumDragObjectType } from '@lce/lowcode-types'; import { isDragNodeObject } from '../../../src/check-types/is-drag-node-object'; describe('isDragNodeObject', () => { diff --git a/packages/utils/test/src/check-types/is-i18n-data.test.ts b/packages/utils/test/src/check-types/is-i18n-data.test.ts index 2e903a2ed2..59c0548866 100644 --- a/packages/utils/test/src/check-types/is-i18n-data.test.ts +++ b/packages/utils/test/src/check-types/is-i18n-data.test.ts @@ -1,5 +1,5 @@ import { isI18nData } from '../../../src/check-types/is-i18n-data'; -import { IPublicTypeI18nData } from "@alilc/lowcode-types"; +import { IPublicTypeI18nData } from '@lce/lowcode-types'; describe('isI18nData', () => { it('should return true for valid i18n data', () => { diff --git a/packages/utils/test/src/check-types/is-jsslot.test.ts b/packages/utils/test/src/check-types/is-jsslot.test.ts index 5c130cddfd..da67b6c26d 100644 --- a/packages/utils/test/src/check-types/is-jsslot.test.ts +++ b/packages/utils/test/src/check-types/is-jsslot.test.ts @@ -1,5 +1,5 @@ import { isJSSlot } from '../../../src/check-types/is-jsslot'; -import { IPublicTypeJSSlot } from '@alilc/lowcode-types'; +import { IPublicTypeJSSlot } from '@lce/lowcode-types'; describe('isJSSlot', () => { it('should return true when input is of type IPublicTypeJSSlot', () => { diff --git a/packages/utils/test/src/check-types/is-location-children-detail.test.ts b/packages/utils/test/src/check-types/is-location-children-detail.test.ts index f209e8e63f..ea9cf281c2 100644 --- a/packages/utils/test/src/check-types/is-location-children-detail.test.ts +++ b/packages/utils/test/src/check-types/is-location-children-detail.test.ts @@ -1,5 +1,8 @@ import { isLocationChildrenDetail } from '../../../src/check-types/is-location-children-detail'; -import { IPublicTypeLocationChildrenDetail, IPublicTypeLocationDetailType } from '@alilc/lowcode-types'; +import { + IPublicTypeLocationChildrenDetail, + IPublicTypeLocationDetailType, +} from '@lce/lowcode-types'; describe('isLocationChildrenDetail', () => { it('should return true when obj is IPublicTypeLocationChildrenDetail', () => { diff --git a/packages/utils/test/src/check-types/is-location-data.test.ts b/packages/utils/test/src/check-types/is-location-data.test.ts index ba2e2c8be0..89aba925b4 100644 --- a/packages/utils/test/src/check-types/is-location-data.test.ts +++ b/packages/utils/test/src/check-types/is-location-data.test.ts @@ -1,5 +1,5 @@ import { isLocationData } from '../../../src/check-types/is-location-data'; -import { IPublicTypeLocationData } from '@alilc/lowcode-types'; +import { IPublicTypeLocationData } from '@lce/lowcode-types'; describe('isLocationData', () => { it('should return true when obj is valid location data', () => { diff --git a/packages/utils/test/src/check-types/is-lowcode-component-type.test.ts b/packages/utils/test/src/check-types/is-lowcode-component-type.test.ts index 35b76f00b5..ef4834af95 100644 --- a/packages/utils/test/src/check-types/is-lowcode-component-type.test.ts +++ b/packages/utils/test/src/check-types/is-lowcode-component-type.test.ts @@ -1,5 +1,5 @@ import { isLowCodeComponentType } from '../../../src/check-types/is-lowcode-component-type'; -import { IPublicTypeLowCodeComponent, IPublicTypeProCodeComponent } from '@alilc/lowcode-types'; +import { IPublicTypeLowCodeComponent, IPublicTypeProCodeComponent } from '@lce/lowcode-types'; describe('isLowCodeComponentType', () => { test('should return true for a low code component type', () => { @@ -13,7 +13,7 @@ describe('isLowCodeComponentType', () => { test('should return false for a pro code component type', () => { const desc: IPublicTypeProCodeComponent = { // create a valid pro code component description - package: 'pro-code' + package: 'pro-code', }; expect(isLowCodeComponentType(desc)).toBe(false); diff --git a/packages/utils/test/src/check-types/is-project-schema.test.ts b/packages/utils/test/src/check-types/is-project-schema.test.ts index 0ec3f47408..1a0d7d9c9f 100644 --- a/packages/utils/test/src/check-types/is-project-schema.test.ts +++ b/packages/utils/test/src/check-types/is-project-schema.test.ts @@ -1,8 +1,8 @@ -import { IPublicTypeProjectSchema } from "@alilc/lowcode-types"; -import { isProjectSchema } from "../../../src/check-types/is-project-schema"; +import { IPublicTypeProjectSchema } from '@lce/lowcode-types'; +import { isProjectSchema } from '../../../src/check-types/is-project-schema'; -describe("isProjectSchema", () => { - it("should return true if data has componentsTree property", () => { +describe('isProjectSchema', () => { + it('should return true if data has componentsTree property', () => { const data: IPublicTypeProjectSchema = { // ... componentsTree: { @@ -12,14 +12,14 @@ describe("isProjectSchema", () => { expect(isProjectSchema(data)).toBe(true); }); - it("should return false if data does not have componentsTree property", () => { + it('should return false if data does not have componentsTree property', () => { const data = { // ... }; expect(isProjectSchema(data)).toBe(false); }); - it("should return false if data is null or undefined", () => { + it('should return false if data is null or undefined', () => { expect(isProjectSchema(null)).toBe(false); expect(isProjectSchema(undefined)).toBe(false); }); diff --git a/packages/utils/test/src/misc.test.ts b/packages/utils/test/src/misc.test.ts index 2514661508..72f08b7c06 100644 --- a/packages/utils/test/src/misc.test.ts +++ b/packages/utils/test/src/misc.test.ts @@ -12,7 +12,7 @@ import { isRegExp, shouldUseVariableSetter, } from '../../src/misc'; -import { IPublicModelComponentMeta } from '@alilc/lowcode-types'; +import { IPublicModelComponentMeta } from '@lce/lowcode-types'; describe('isVariable', () => { it('should return true for a variable object', () => { @@ -30,14 +30,22 @@ describe('isVariable', () => { describe('isUseI18NSetter', () => { it('should return true for a property with I18nSetter', () => { - const prototype = { options: { configure: [{ name: 'propName', setter: { type: { displayName: 'I18nSetter' } } }] } }; + const prototype = { + options: { + configure: [{ name: 'propName', setter: { type: { displayName: 'I18nSetter' } } }], + }, + }; const propName = 'propName'; const result = isUseI18NSetter(prototype, propName); expect(result).toBe(true); }); it('should return false for a property without I18nSetter', () => { - const prototype = { options: { configure: [{ name: 'propName', setter: { type: { displayName: 'OtherSetter' } } }] } }; + const prototype = { + options: { + configure: [{ name: 'propName', setter: { type: { displayName: 'OtherSetter' } } }], + }, + }; const propName = 'propName'; const result = isUseI18NSetter(prototype, propName); expect(result).toBe(false); @@ -240,7 +248,7 @@ describe('executePendingFn', () => { expect(fn).not.toHaveBeenCalled(); // Wait for the specified timeout - await new Promise(resolve => setTimeout(resolve, 100)); + await new Promise((resolve) => setTimeout(resolve, 100)); // Ensure the function has been called after the timeout expect(fn).toHaveBeenCalled(); @@ -257,7 +265,7 @@ describe('executePendingFn', () => { expect(fn).not.toHaveBeenCalled(); // Wait for the default timeout (2000 milliseconds) - await new Promise(resolve => setTimeout(resolve, 2000)); + await new Promise((resolve) => setTimeout(resolve, 2000)); // Ensure the function has been called after the default timeout expect(fn).toHaveBeenCalled(); @@ -275,7 +283,7 @@ describe('compatStage', () => { const result = compatStage(2); expect(result).toBe('serilize'); expect(warnSpy).toHaveBeenCalledWith( - 'stage 直接指定为数字的使用方式已经过时，将在下一版本移除，请直接使用 IPublicEnumTransformStage.Render|Serilize|Save|Clone|Init|Upgrade' + 'stage 直接指定为数字的使用方式已经过时，将在下一版本移除，请直接使用 IPublicEnumTransformStage.Render|Serilize|Save|Clone|Init|Upgrade', ); warnSpy.mockRestore(); }); @@ -293,7 +301,7 @@ describe('invariant', () => { it('should throw an error if the check is false', () => { expect(() => invariant(false, 'Test invariant', 'thing')).toThrowError( - "Invariant failed: Test invariant in 'thing'" + "Invariant failed: Test invariant in 'thing'", ); }); }); @@ -323,4 +331,4 @@ it('shouldUseVariableSetter', () => { expect(shouldUseVariableSetter(true, false)).toBeTruthy(); expect(shouldUseVariableSetter(undefined, false)).toBeFalsy(); expect(shouldUseVariableSetter(undefined, true)).toBeTruthy(); -}); \ No newline at end of file +}); diff --git a/packages/utils/test/src/schema.test.ts b/packages/utils/test/src/schema.test.ts index 8d03f58118..6c4ccc4fca 100644 --- a/packages/utils/test/src/schema.test.ts +++ b/packages/utils/test/src/schema.test.ts @@ -1,9 +1,5 @@ -import { - compatibleLegaoSchema, - getNodeSchemaById, - applyActivities, -} from '../../src/schema'; -import { ActivityType } from '@alilc/lowcode-types'; +import { compatibleLegaoSchema, getNodeSchemaById, applyActivities } from '../../src/schema'; +import { ActivityType } from '@lce/lowcode-types'; describe('compatibleLegaoSchema', () => { it('should handle null input', () => { @@ -126,30 +122,29 @@ describe('applyActivities', () => { // Add more test cases for other activity types and scenarios }); - describe('Schema Ut', () => { it('props', () => { const schema = { props: { mobileSlot: { - type: "JSBlock", + type: 'JSBlock', value: { - componentName: "Slot", + componentName: 'Slot', children: [ { loop: { - variable: "props.content", - type: "variable" + variable: 'props.content', + type: 'variable', }, - } + }, ], - } + }, }, }, - }; + }; const result = compatibleLegaoSchema(schema); expect(result).toMatchSnapshot(); expect(result.props.mobileSlot.value[0].loop.type).toBe('JSExpression'); }); -}) \ No newline at end of file +}); diff --git a/packages/utils/test/src/transaction-manager.test.ts b/packages/utils/test/src/transaction-manager.test.ts index 42c7fa8bf0..3d4bf5c87d 100644 --- a/packages/utils/test/src/transaction-manager.test.ts +++ b/packages/utils/test/src/transaction-manager.test.ts @@ -1,5 +1,5 @@ import { transactionManager } from '../../src/transaction-manager'; -import { IPublicEnumTransitionType } from '@alilc/lowcode-types'; +import { IPublicEnumTransitionType } from '@lce/lowcode-types'; const type = IPublicEnumTransitionType.REPAINT; diff --git a/packages/workspace/package.json b/packages/workspace/package.json index 778b8167f8..5d5e21d75f 100644 --- a/packages/workspace/package.json +++ b/packages/workspace/package.json @@ -1,5 +1,5 @@ { - "name": "@alilc/lowcode-workspace", + "name": "@lce/lowcode-workspace", "version": "1.3.2", "description": "Shell Layer for AliLowCodeEngine", "main": "lib/index.js", @@ -15,11 +15,11 @@ }, "license": "MIT", "dependencies": { - "@alilc/lowcode-designer": "1.3.2", - "@alilc/lowcode-editor-core": "1.3.2", - "@alilc/lowcode-editor-skeleton": "1.3.2", - "@alilc/lowcode-types": "1.3.2", - "@alilc/lowcode-utils": "1.3.2", + "@lce/lowcode-designer": "1.3.2", + "@lce/lowcode-editor-core": "1.3.2", + "@lce/lowcode-editor-skeleton": "1.3.2", + "@lce/lowcode-types": "1.3.2", + "@lce/lowcode-utils": "1.3.2", "classnames": "^2.2.6", "enzyme": "^3.11.0", "enzyme-adapter-react-16": "^1.15.5", diff --git a/packages/workspace/src/context/base-context.ts b/packages/workspace/src/context/base-context.ts index 445677a618..65999e1d1d 100644 --- a/packages/workspace/src/context/base-context.ts +++ b/packages/workspace/src/context/base-context.ts @@ -1,12 +1,13 @@ import { Editor, - engineConfig, Setters as InnerSetters, + engineConfig, + Setters as InnerSetters, Hotkey as InnerHotkey, commonEvent, IEngineConfig, IHotKey, Command as InnerCommand, -} from '@alilc/lowcode-editor-core'; +} from '@lce/lowcode-editor-core'; import { Designer, ILowCodePluginContextApiAssembler, @@ -15,11 +16,8 @@ import { IProject, IDesigner, ILowCodePluginManager, -} from '@alilc/lowcode-designer'; -import { - ISkeleton, - Skeleton as InnerSkeleton, -} from '@alilc/lowcode-editor-skeleton'; +} from '@lce/lowcode-designer'; +import { ISkeleton, Skeleton as InnerSkeleton } from '@lce/lowcode-editor-skeleton'; import { Hotkey, Plugins, @@ -35,7 +33,7 @@ import { Canvas, CommonUI, Command, -} from '@alilc/lowcode-shell'; +} from '@lce/lowcode-shell'; import { IPluginPreferenceMananger, IPublicApiCanvas, @@ -50,8 +48,8 @@ import { IPublicEnumPluginRegisterLevel, IPublicModelPluginContext, IPublicTypePluginMeta, -} from '@alilc/lowcode-types'; -import { getLogger, Logger as InnerLogger } from '@alilc/lowcode-utils'; +} from '@lce/lowcode-types'; +import { getLogger, Logger as InnerLogger } from '@lce/lowcode-utils'; import { IWorkspace } from '../workspace'; import { IEditorWindow } from '../window'; @@ -104,7 +102,12 @@ export class BasicContext implements IBasicContext { preference: IPluginPreferenceMananger; workspace: IWorkspace; - constructor(innerWorkspace: IWorkspace, viewName: string, readonly registerLevel: IPublicEnumPluginRegisterLevel, public editorWindow?: IEditorWindow) { + constructor( + innerWorkspace: IWorkspace, + viewName: string, + readonly registerLevel: IPublicEnumPluginRegisterLevel, + public editorWindow?: IEditorWindow, + ) { const editor = new Editor(viewName, true); const innerSkeleton = new InnerSkeleton(editor, viewName); @@ -157,7 +160,11 @@ export class BasicContext implements IBasicContext { let plugins: IPublicApiPlugins; const pluginContextApiAssembler: ILowCodePluginContextApiAssembler = { - assembleApis: (context: ILowCodePluginContextPrivate, pluginName: string, meta: IPublicTypePluginMeta) => { + assembleApis: ( + context: ILowCodePluginContextPrivate, + pluginName: string, + meta: IPublicTypePluginMeta, + ) => { context.workspace = workspace; context.hotkey = hotkey; context.project = project; @@ -180,7 +187,8 @@ export class BasicContext implements IBasicContext { commandScope, }); context.registerLevel = registerLevel; - context.isPluginRegisteredInWorkspace = registerLevel === IPublicEnumPluginRegisterLevel.Workspace; + context.isPluginRegisteredInWorkspace = + registerLevel === IPublicEnumPluginRegisterLevel.Workspace; editor.set('pluginContext', context); }, }; @@ -197,4 +205,4 @@ export class BasicContext implements IBasicContext { await innerWorkspace?.registryInnerPlugin(designer, editor, plugins); }; } -} \ No newline at end of file +} diff --git a/packages/workspace/src/context/view-context.ts b/packages/workspace/src/context/view-context.ts index 0542f83a95..1decdf253e 100644 --- a/packages/workspace/src/context/view-context.ts +++ b/packages/workspace/src/context/view-context.ts @@ -1,5 +1,9 @@ -import { computed, makeObservable, obx } from '@alilc/lowcode-editor-core'; -import { IPublicEditorViewConfig, IPublicEnumPluginRegisterLevel, IPublicTypeEditorView } from '@alilc/lowcode-types'; +import { computed, makeObservable, obx } from '@lce/lowcode-editor-core'; +import { + IPublicEditorViewConfig, + IPublicEnumPluginRegisterLevel, + IPublicTypeEditorView, +} from '@lce/lowcode-types'; import { flow } from 'mobx'; import { IWorkspace } from '../workspace'; import { BasicContext, IBasicContext } from './base-context'; @@ -37,13 +41,21 @@ export class Context extends BasicContext implements IViewContext { this.isInit = true; }); - constructor(public workspace: IWorkspace, public editorWindow: IEditorWindow, public editorView: IPublicTypeEditorView, options: Object | undefined) { + constructor( + public workspace: IWorkspace, + public editorWindow: IEditorWindow, + public editorView: IPublicTypeEditorView, + options: Object | undefined, + ) { super(workspace, editorView.viewName, IPublicEnumPluginRegisterLevel.EditorView, editorWindow); this.viewType = editorView.viewType || 'editor'; this.viewName = editorView.viewName; - this.instance = editorView(this.innerPlugins._getLowCodePluginContext({ - pluginName: 'any', - }), options); + this.instance = editorView( + this.innerPlugins._getLowCodePluginContext({ + pluginName: 'any', + }), + options, + ); makeObservable(this); } @@ -67,4 +79,4 @@ export class Context extends BasicContext implements IViewContext { async save() { return await this.instance?.save?.(); } -} \ No newline at end of file +} diff --git a/packages/workspace/src/inner-plugins/webview.tsx b/packages/workspace/src/inner-plugins/webview.tsx index 820b843ab8..b685499a61 100644 --- a/packages/workspace/src/inner-plugins/webview.tsx +++ b/packages/workspace/src/inner-plugins/webview.tsx @@ -1,9 +1,6 @@ -import { IPublicModelPluginContext } from '@alilc/lowcode-types'; +import { IPublicModelPluginContext } from '@lce/lowcode-types'; -export function DesignerView(props: { - url: string; - viewName?: string; -}) { +export function DesignerView(props: { url: string; viewName?: string }) { return ( <div className="lc-designer lowcode-plugin-designer"> <div className="lc-project"> diff --git a/packages/workspace/src/layouts/workbench.tsx b/packages/workspace/src/layouts/workbench.tsx index 2913576e1c..6528327806 100644 --- a/packages/workspace/src/layouts/workbench.tsx +++ b/packages/workspace/src/layouts/workbench.tsx @@ -1,23 +1,34 @@ import { Component } from 'react'; -import { TipContainer, engineConfig, observer } from '@alilc/lowcode-editor-core'; +import { TipContainer, engineConfig, observer } from '@lce/lowcode-editor-core'; import { WindowView } from '../view/window-view'; import classNames from 'classnames'; import { SkeletonContext } from '../skeleton-context'; -import { EditorConfig, PluginClassSet } from '@alilc/lowcode-types'; +import { EditorConfig, PluginClassSet } from '@lce/lowcode-types'; import { Workspace } from '../workspace'; -import { BottomArea, LeftArea, LeftFixedPane, LeftFloatPane, MainArea, SubTopArea, TopArea } from '@alilc/lowcode-editor-skeleton'; +import { + BottomArea, + LeftArea, + LeftFixedPane, + LeftFloatPane, + MainArea, + SubTopArea, + TopArea, +} from '@lce/lowcode-editor-skeleton'; @observer -export class Workbench extends Component<{ - workspace: Workspace; - config?: EditorConfig; - components?: PluginClassSet; - className?: string; - topAreaItemClassName?: string; -}, { - workspaceEmptyComponent: any; - theme?: string; -}> { +export class Workbench extends Component< + { + workspace: Workspace; + config?: EditorConfig; + components?: PluginClassSet; + className?: string; + topAreaItemClassName?: string; + }, + { + workspaceEmptyComponent: any; + theme?: string; + } +> { constructor(props: any) { super(props); const { config, components, workspace } = this.props; @@ -47,7 +58,11 @@ export class Workbench extends Component<{ return ( <div className={classNames('lc-workspace-workbench', className, theme)}> <SkeletonContext.Provider value={skeleton}> - <TopArea className="lc-workspace-top-area" area={skeleton.topArea} itemClassName={topAreaItemClassName} /> + <TopArea + className="lc-workspace-top-area" + area={skeleton.topArea} + itemClassName={topAreaItemClassName} + /> <div className="lc-workspace-workbench-body"> <LeftArea className="lc-workspace-left-area lc-left-area" area={skeleton.leftArea} /> <LeftFloatPane area={skeleton.leftFloatArea} /> @@ -56,19 +71,13 @@ export class Workbench extends Component<{ <div className="lc-workspace-workbench-center-content"> <SubTopArea area={skeleton.subTopArea} itemClassName={topAreaItemClassName} /> <div className="lc-workspace-workbench-window"> - { - workspace.windows.map(d => ( - <WindowView - active={d.id === workspace.window?.id} - window={d} - key={d.id} - /> - )) - } + {workspace.windows.map((d) => ( + <WindowView active={d.id === workspace.window?.id} window={d} key={d.id} /> + ))} - { - !workspace.windows.length && WorkspaceEmptyComponent ? <WorkspaceEmptyComponent /> : null - } + {!workspace.windows.length && WorkspaceEmptyComponent ? ( + <WorkspaceEmptyComponent /> + ) : null} </div> </div> <MainArea area={skeleton.mainArea} /> diff --git a/packages/workspace/src/resource-type.ts b/packages/workspace/src/resource-type.ts index 28d54e56b3..fb5597c6e6 100644 --- a/packages/workspace/src/resource-type.ts +++ b/packages/workspace/src/resource-type.ts @@ -1,6 +1,7 @@ -import { IPublicTypeResourceType } from '@alilc/lowcode-types'; +import { IPublicTypeResourceType } from '@lce/lowcode-types'; -export interface IResourceType extends Omit<IPublicTypeResourceType, 'resourceName' | 'resourceType'> { +export interface IResourceType + extends Omit<IPublicTypeResourceType, 'resourceName' | 'resourceType'> { name: string; type: 'editor' | 'webview'; @@ -9,8 +10,7 @@ export interface IResourceType extends Omit<IPublicTypeResourceType, 'resourceNa } export class ResourceType implements IResourceType { - constructor(readonly resourceTypeModel: IPublicTypeResourceType) { - } + constructor(readonly resourceTypeModel: IPublicTypeResourceType) {} get name() { return this.resourceTypeModel.resourceName; @@ -19,4 +19,4 @@ export class ResourceType implements IResourceType { get type() { return this.resourceTypeModel.resourceType; } -} \ No newline at end of file +} diff --git a/packages/workspace/src/resource.ts b/packages/workspace/src/resource.ts index 6e85183853..818c465526 100644 --- a/packages/workspace/src/resource.ts +++ b/packages/workspace/src/resource.ts @@ -1,6 +1,12 @@ -import { ISkeleton } from '@alilc/lowcode-editor-skeleton'; -import { IPublicTypeEditorView, IPublicResourceData, IPublicResourceTypeConfig, IBaseModelResource, IPublicEnumPluginRegisterLevel } from '@alilc/lowcode-types'; -import { Logger } from '@alilc/lowcode-utils'; +import { ISkeleton } from '@lce/lowcode-editor-skeleton'; +import { + IPublicTypeEditorView, + IPublicResourceData, + IPublicResourceTypeConfig, + IBaseModelResource, + IPublicEnumPluginRegisterLevel, +} from '@lce/lowcode-types'; +import { Logger } from '@lce/lowcode-utils'; import { BasicContext, IBasicContext } from './context/base-context'; import { ResourceType, IResourceType } from './resource-type'; import { IWorkspace } from './workspace'; @@ -41,7 +47,9 @@ export class Resource implements IResource { } get viewName() { - return this.resourceData.viewName || (this.resourceData as any).viewType || this.defaultViewName; + return ( + this.resourceData.viewName || (this.resourceData as any).viewType || this.defaultViewName + ); } get description() { @@ -82,11 +90,22 @@ export class Resource implements IResource { return this.resourceData.config; } - constructor(readonly resourceData: IPublicResourceData, readonly resourceType: IResourceType, readonly workspace: IWorkspace) { - this.context = new BasicContext(workspace, `resource-${resourceData.resourceName || resourceType.name}`, IPublicEnumPluginRegisterLevel.Resource); - this.resourceTypeInstance = resourceType.resourceTypeModel(this.context.innerPlugins._getLowCodePluginContext({ - pluginName: '', - }), this.options); + constructor( + readonly resourceData: IPublicResourceData, + readonly resourceType: IResourceType, + readonly workspace: IWorkspace, + ) { + this.context = new BasicContext( + workspace, + `resource-${resourceData.resourceName || resourceType.name}`, + IPublicEnumPluginRegisterLevel.Resource, + ); + this.resourceTypeInstance = resourceType.resourceTypeModel( + this.context.innerPlugins._getLowCodePluginContext({ + pluginName: '', + }), + this.options, + ); this.init(); if (this.resourceTypeInstance.editorViews) { this.resourceTypeInstance.editorViews.forEach((d: any) => { @@ -96,7 +115,15 @@ export class Resource implements IResource { if (!resourceType) { logger.error(`resourceType[${resourceType}] is unValid.`); } - this.children = this.resourceData?.children?.map(d => new Resource(d, this.workspace.getResourceType(d.resourceName || this.resourceType.name), this.workspace)) || []; + this.children = + this.resourceData?.children?.map( + (d) => + new Resource( + d, + this.workspace.getResourceType(d.resourceName || this.resourceType.name), + this.workspace, + ), + ) || []; } async init() { @@ -127,4 +154,4 @@ export class Resource implements IResource { getEditorView(name: string) { return this.editorViewMap.get(name); } -} \ No newline at end of file +} diff --git a/packages/workspace/src/view/editor-view.tsx b/packages/workspace/src/view/editor-view.tsx index 7ada5c911e..bed679c1fc 100644 --- a/packages/workspace/src/view/editor-view.tsx +++ b/packages/workspace/src/view/editor-view.tsx @@ -1,18 +1,19 @@ -import { BuiltinLoading } from '@alilc/lowcode-designer'; -import { engineConfig, observer } from '@alilc/lowcode-editor-core'; -import { - Workbench, -} from '@alilc/lowcode-editor-skeleton'; +import { BuiltinLoading } from '@lce/lowcode-designer'; +import { engineConfig, observer } from '@lce/lowcode-editor-core'; +import { Workbench } from '@lce/lowcode-editor-skeleton'; import { PureComponent } from 'react'; import { Context } from '../context/view-context'; export * from '../context/base-context'; @observer -export class EditorView extends PureComponent<{ - editorView: Context; - active: boolean; -}, any> { +export class EditorView extends PureComponent< + { + editorView: Context; + active: boolean; + }, + any +> { render() { const { active } = this.props; const editorView = this.props.editorView; diff --git a/packages/workspace/src/view/resource-view.tsx b/packages/workspace/src/view/resource-view.tsx index e2204dd505..52ca78b605 100644 --- a/packages/workspace/src/view/resource-view.tsx +++ b/packages/workspace/src/view/resource-view.tsx @@ -1,16 +1,19 @@ import { PureComponent } from 'react'; import { EditorView } from './editor-view'; -import { observer } from '@alilc/lowcode-editor-core'; +import { observer } from '@lce/lowcode-editor-core'; import { IResource } from '../resource'; import { IEditorWindow } from '../window'; import './resource-view.less'; -import { TopArea } from '@alilc/lowcode-editor-skeleton'; +import { TopArea } from '@lce/lowcode-editor-skeleton'; @observer -export class ResourceView extends PureComponent<{ - window: IEditorWindow; - resource: IResource; -}, any> { +export class ResourceView extends PureComponent< + { + window: IEditorWindow; + resource: IResource; + }, + any +> { render() { const { skeleton } = this.props.resource; const { editorViews } = this.props.window; @@ -18,19 +21,17 @@ export class ResourceView extends PureComponent<{ <div className="workspace-resource-view"> <TopArea area={skeleton.topArea} itemClassName="engine-actionitem" /> <div className="workspace-editor-body"> - { - Array.from(editorViews.values()).map((editorView: any) => { - return ( - <EditorView - key={editorView.name} - active={editorView.active} - editorView={editorView} - /> - ); - }) - } + {Array.from(editorViews.values()).map((editorView: any) => { + return ( + <EditorView + key={editorView.name} + active={editorView.active} + editorView={editorView} + /> + ); + })} </div> </div> ); } -} \ No newline at end of file +} diff --git a/packages/workspace/src/view/window-view.tsx b/packages/workspace/src/view/window-view.tsx index 65378bc9c4..f45c2c5e22 100644 --- a/packages/workspace/src/view/window-view.tsx +++ b/packages/workspace/src/view/window-view.tsx @@ -1,15 +1,18 @@ import { PureComponent } from 'react'; import { ResourceView } from './resource-view'; -import { engineConfig, observer } from '@alilc/lowcode-editor-core'; +import { engineConfig, observer } from '@lce/lowcode-editor-core'; import { EditorWindow } from '../window'; -import { BuiltinLoading } from '@alilc/lowcode-designer'; +import { BuiltinLoading } from '@lce/lowcode-designer'; import { DesignerView } from '../inner-plugins/webview'; @observer -export class WindowView extends PureComponent<{ - window: EditorWindow; - active: boolean; -}, any> { +export class WindowView extends PureComponent< + { + window: EditorWindow; + active: boolean; + }, + any +> { render() { const { active } = this.props; const { resource, initReady, url } = this.props.window; @@ -29,11 +32,8 @@ export class WindowView extends PureComponent<{ return ( <div className={`workspace-engine-main ${active ? 'active' : ''}`}> - <ResourceView - resource={resource} - window={this.props.window} - /> + <ResourceView resource={resource} window={this.props.window} /> </div> ); } -} \ No newline at end of file +} diff --git a/packages/workspace/src/window.ts b/packages/workspace/src/window.ts index cd64a9b112..1ab6917bd1 100644 --- a/packages/workspace/src/window.ts +++ b/packages/workspace/src/window.ts @@ -1,9 +1,9 @@ -import { uniqueId } from '@alilc/lowcode-utils'; -import { createModuleEventBus, IEventBus, makeObservable, obx } from '@alilc/lowcode-editor-core'; +import { uniqueId } from '@lce/lowcode-utils'; +import { createModuleEventBus, IEventBus, makeObservable, obx } from '@lce/lowcode-editor-core'; import { Context, IViewContext } from './context/view-context'; import { IWorkspace } from './workspace'; import { IResource } from './resource'; -import { IPublicModelWindow, IPublicTypeDisposable } from '@alilc/lowcode-types'; +import { IPublicModelWindow, IPublicTypeDisposable } from '@lce/lowcode-types'; interface IWindowCOnfig { title: string | undefined; @@ -12,7 +12,11 @@ interface IWindowCOnfig { sleep?: boolean; } -export interface IEditorWindow extends Omit<IPublicModelWindow<IResource>, 'changeViewType' | 'currentEditorView' | 'editorViews'> { +export interface IEditorWindow + extends Omit< + IPublicModelWindow<IResource>, + 'changeViewType' | 'currentEditorView' | 'editorViews' + > { readonly resource: IResource; editorViews: Map<string, IViewContext>; @@ -41,7 +45,7 @@ export enum WINDOW_STATE { inactive = 'inactive', // 销毁 - destroyed = 'destroyed' + destroyed = 'destroyed', } export class EditorWindow implements IEditorWindow { @@ -69,7 +73,11 @@ export class EditorWindow implements IEditorWindow { return this._editorView; } - constructor(readonly resource: IResource, readonly workspace: IWorkspace, private config: IWindowCOnfig) { + constructor( + readonly resource: IResource, + readonly workspace: IWorkspace, + private config: IWindowCOnfig, + ) { makeObservable(this); this.title = config.title; this.icon = resource.icon; @@ -99,7 +107,7 @@ export class EditorWindow implements IEditorWindow { return; } - Object.keys(newSchema).forEach(key => { + Object.keys(newSchema).forEach((key) => { const view = this.editorViews.get(key); view?.project.importSchema(newSchema[key]); }); @@ -133,10 +141,11 @@ export class EditorWindow implements IEditorWindow { async init() { await this.initViewTypes(); await this.execViewTypesInit(); - Promise.all(Array.from(this.editorViews.values()).map((d) => d.onSimulatorRendererReady())) - .then(() => { - this.workspace.emitWindowRendererReady(); - }); + Promise.all( + Array.from(this.editorViews.values()).map((d) => d.onSimulatorRendererReady()), + ).then(() => { + this.workspace.emitWindowRendererReady(); + }); this.url = await this.resource.url(); this.setDefaultViewName(); this.initReady = true; @@ -250,4 +259,4 @@ export class EditorWindow implements IEditorWindow { get innerPlugins() { return this.editorView?.innerPlugins; } -} \ No newline at end of file +} diff --git a/packages/workspace/src/workspace.ts b/packages/workspace/src/workspace.ts index 9f1abaa0fb..ad5940aab9 100644 --- a/packages/workspace/src/workspace.ts +++ b/packages/workspace/src/workspace.ts @@ -1,12 +1,27 @@ -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, ILowCodePluginManager, LowCodePluginManager } from '@lce/lowcode-designer'; +import { + createModuleEventBus, + Editor, + IEditor, + IEventBus, + makeObservable, + obx, +} from '@lce/lowcode-editor-core'; +import { + IPublicApiPlugins, + IPublicApiWorkspace, + IPublicEnumPluginRegisterLevel, + IPublicResourceList, + IPublicTypeDisposable, + IPublicTypeResourceType, + IShellModelFactory, +} from '@lce/lowcode-types'; import { BasicContext } from './context/base-context'; import { EditorWindow, WINDOW_STATE } from './window'; import type { IEditorWindow } from './window'; import { IResource, Resource } from './resource'; import { IResourceType, ResourceType } from './resource-type'; -import { ISkeleton } from '@alilc/lowcode-editor-skeleton'; +import { ISkeleton } from '@lce/lowcode-editor-skeleton'; enum EVENT { CHANGE_WINDOW = 'change_window', @@ -20,11 +35,16 @@ enum EVENT { const CHANGE_EVENT = 'resource.list.change'; -export interface IWorkspace extends Omit<IPublicApiWorkspace< - LowCodePluginManager, - IEditorWindow ->, 'resourceList' | 'plugins' | 'openEditorWindow' | 'removeEditorWindow'> { - readonly registryInnerPlugin: (designer: IDesigner, editor: Editor, plugins: IPublicApiPlugins) => Promise<IPublicTypeDisposable>; +export interface IWorkspace + extends Omit< + IPublicApiWorkspace<LowCodePluginManager, IEditorWindow>, + 'resourceList' | 'plugins' | 'openEditorWindow' | 'removeEditorWindow' + > { + readonly registryInnerPlugin: ( + designer: IDesigner, + editor: Editor, + plugins: IPublicApiPlugins, + ) => Promise<IPublicTypeDisposable>; readonly shellModelFactory: IShellModelFactory; @@ -66,7 +86,13 @@ export interface IWorkspace extends Omit<IPublicApiWorkspace< /** * @deprecated */ - openEditorWindow(name: string, title: string, options: Object, viewName?: string, sleep?: boolean): Promise<void>; + openEditorWindow( + name: string, + title: string, + options: Object, + viewName?: string, + sleep?: boolean, + ): Promise<void>; } export class Workspace implements IWorkspace { @@ -108,15 +134,22 @@ export class Workspace implements IWorkspace { @obx.ref window: IEditorWindow; - windowQueue: ({ - name: string; - title: string; - options: Object; - viewName?: string; - } | IResource)[] = []; + windowQueue: ( + | { + name: string; + title: string; + options: Object; + viewName?: string; + } + | IResource + )[] = []; constructor( - readonly registryInnerPlugin: (designer: IDesigner, editor: IEditor, plugins: IPublicApiPlugins) => Promise<IPublicTypeDisposable>, + readonly registryInnerPlugin: ( + designer: IDesigner, + editor: IEditor, + plugins: IPublicApiPlugins, + ) => Promise<IPublicTypeDisposable>, readonly shellModelFactory: any, ) { this.context = new BasicContext(this, '', IPublicEnumPluginRegisterLevel.Workspace); @@ -133,7 +166,12 @@ export class Workspace implements IWorkspace { if (windowInfo instanceof Resource) { this.openEditorWindowByResource(windowInfo); } else if (windowInfo) { - this.openEditorWindow(windowInfo.name, windowInfo.title, windowInfo.options, windowInfo.viewName); + this.openEditorWindow( + windowInfo.name, + windowInfo.title, + windowInfo.options, + windowInfo.viewName, + ); } } @@ -142,10 +180,14 @@ export class Workspace implements IWorkspace { return; } const resourceName = this.defaultResourceType.name; - const resource = new Resource({ - resourceName, - options: {}, - }, this.defaultResourceType, this); + const resource = new Resource( + { + resourceName, + options: {}, + }, + this.defaultResourceType, + this, + ); this.window = new EditorWindow(resource, this, { title: resource.title, }); @@ -174,7 +216,9 @@ export class Workspace implements IWorkspace { } setResourceList(resourceList: IPublicResourceList) { - this.resourceList = resourceList.map(d => new Resource(d, this.getResourceType(d.resourceName), this)); + this.resourceList = resourceList.map( + (d) => new Resource(d, this.getResourceType(d.resourceName), this), + ); this.emitter.emit(CHANGE_EVENT, resourceList); } @@ -207,7 +251,7 @@ export class Workspace implements IWorkspace { } removeEditorWindowById(id: string) { - const index = this.windows.findIndex(d => (d.id === id)); + const index = this.windows.findIndex((d) => d.id === id); this.remove(index); } @@ -230,12 +274,14 @@ export class Workspace implements IWorkspace { } removeEditorWindow(resourceName: string, id: string) { - const index = this.windows.findIndex(d => (d.resource?.name === resourceName && (d.title === id || d.resource.id === id))); + const index = this.windows.findIndex( + (d) => d.resource?.name === resourceName && (d.title === id || d.resource.id === id), + ); this.remove(index); } removeEditorWindowByResource(resource: IResource) { - const index = this.windows.findIndex(d => (d.resource?.id === resource.id)); + const index = this.windows.findIndex((d) => d.resource?.id === resource.id); this.remove(index); } @@ -260,7 +306,7 @@ export class Workspace implements IWorkspace { this.window?.updateState(WINDOW_STATE.inactive); - const filterWindows = this.windows.filter(d => (d.resource?.id === resource.id)); + const filterWindows = this.windows.filter((d) => d.resource?.id === resource.id); if (filterWindows && filterWindows.length) { this.window = filterWindows[0]; if (!sleep && this.window.sleep) { @@ -293,10 +339,19 @@ export class Workspace implements IWorkspace { this.window?.updateState(WINDOW_STATE.active); } - async openEditorWindow(name: string, title: string, options: Object, viewName?: string, sleep?: boolean) { + async openEditorWindow( + name: string, + title: string, + options: Object, + viewName?: string, + sleep?: boolean, + ) { if (this.window && !this.window.sleep && !this.window?.initReady && !sleep) { this.windowQueue.push({ - name, title, options, viewName, + name, + title, + options, + viewName, }); return; } @@ -306,7 +361,9 @@ export class Workspace implements IWorkspace { return; } this.window?.updateState(WINDOW_STATE.inactive); - const filterWindows = this.windows.filter(d => (d.resource?.name === name && d.resource.title == title) || (d.resource.id == title)); + const filterWindows = this.windows.filter( + (d) => (d.resource?.name === name && d.resource.title == title) || d.resource.id == title, + ); if (filterWindows && filterWindows.length) { this.window = filterWindows[0]; if (!sleep && this.window.sleep) { @@ -318,12 +375,16 @@ export class Workspace implements IWorkspace { this.window?.updateState(WINDOW_STATE.active); return; } - const resource = new Resource({ - resourceName: name, - title, - options, - id: title?.toString(), - }, resourceType, this); + const resource = new Resource( + { + resourceName: name, + title, + options, + id: title?.toString(), + }, + resourceType, + this, + ); const window = new EditorWindow(resource, this, { title, options, diff --git a/scripts/build.sh b/scripts/build.sh index 751e9094fe..e294ddb91b 100755 --- a/scripts/build.sh +++ b/scripts/build.sh @@ -3,26 +3,26 @@ set -e lerna run build \ - --scope @alilc/lowcode-types \ - --scope @alilc/lowcode-utils \ - --scope @alilc/lowcode-shell \ - --scope @alilc/lowcode-editor-core \ - --scope @alilc/lowcode-editor-skeleton \ - --scope @alilc/lowcode-designer \ - --scope @alilc/lowcode-plugin-designer \ - --scope @alilc/lowcode-plugin-command \ - --scope @alilc/lowcode-plugin-outline-pane \ - --scope @alilc/lowcode-react-renderer \ - --scope @alilc/lowcode-react-simulator-renderer \ - --scope @alilc/lowcode-renderer-core \ - --scope @alilc/lowcode-workspace \ - --scope @alilc/lowcode-engine \ + --scope @lce/lowcode-types \ + --scope @lce/lowcode-utils \ + --scope @lce/lowcode-shell \ + --scope @lce/lowcode-editor-core \ + --scope @lce/lowcode-editor-skeleton \ + --scope @lce/lowcode-designer \ + --scope @lce/lowcode-plugin-designer \ + --scope @lce/lowcode-plugin-command \ + --scope @lce/lowcode-plugin-outline-pane \ + --scope @lce/lowcode-react-renderer \ + --scope @lce/lowcode-react-simulator-renderer \ + --scope @lce/lowcode-renderer-core \ + --scope @lce/lowcode-workspace \ + --scope @lce/lowcode-engine \ --stream lerna run build:umd \ - --scope @alilc/lowcode-engine \ - --scope @alilc/lowcode-react-simulator-renderer \ - --scope @alilc/lowcode-react-renderer \ + --scope @lce/lowcode-engine \ + --scope @lce/lowcode-react-simulator-renderer \ + --scope @lce/lowcode-react-renderer \ --stream cp ./packages/react-simulator-renderer/dist/js/* ./packages/engine/dist/js/ diff --git a/scripts/setup-for-test.sh b/scripts/setup-for-test.sh index b0734c362f..fe7e866390 100755 --- a/scripts/setup-for-test.sh +++ b/scripts/setup-for-test.sh @@ -7,7 +7,7 @@ find ./packages -type f -name "package-lock.json" -exec rm -f {} \; lerna bootstrap lerna exec --stream \ - --scope @alilc/lowcode-editor-core \ - --scope @alilc/lowcode-types \ - --scope @alilc/lowcode-utils \ + --scope @lce/lowcode-editor-core \ + --scope @lce/lowcode-types \ + --scope @lce/lowcode-utils \ -- npm run build diff --git a/scripts/start.js b/scripts/start.js index e1a83ea732..5882249a31 100644 --- a/scripts/start.js +++ b/scripts/start.js @@ -3,8 +3,13 @@ const os = require('os'); const execa = require('execa'); async function start() { - const [, , pkgName = '@alilc/lowcode-ignitor'] = process.argv; - await execa.command(`lerna exec --scope ${pkgName} -- npm start`, { stdio: 'inherit', encoding: 'utf-8' }); + const [, , pkgName = '@lce/lowcode-ignitor'] = process.argv; + await execa.command(`lerna exec --scope ${pkgName} -- npm start`, { + stdio: 'inherit', + encoding: 'utf-8', + }); } -os.type() === 'Windows_NT' ? start() : execa.command('scripts/start.sh', { stdio: 'inherit', encoding: 'utf-8' }); +os.type() === 'Windows_NT' + ? start() + : execa.command('scripts/start.sh', { stdio: 'inherit', encoding: 'utf-8' }); diff --git a/scripts/start.sh b/scripts/start.sh index 88593ebe03..a8c66b2ae9 100755 --- a/scripts/start.sh +++ b/scripts/start.sh @@ -1,6 +1,6 @@ #!/usr/bin/env bash -pkgName="@alilc/lowcode-ignitor" +pkgName="@lce/lowcode-ignitor" if [ "$1" ]; then pkgName="$1" diff --git a/scripts/sync.sh b/scripts/sync.sh index 3edac03845..6d5d8eb04a 100755 --- a/scripts/sync.sh +++ b/scripts/sync.sh @@ -1,17 +1,17 @@ #!/usr/bin/env bash # sync all packages to alibaba intranet registry -tnpm sync @alilc/lowcode-types -tnpm sync @alilc/lowcode-utils -tnpm sync @alilc/lowcode-shell -tnpm sync @alilc/lowcode-editor-core -tnpm sync @alilc/lowcode-editor-skeleton -tnpm sync @alilc/lowcode-designer -tnpm sync @alilc/lowcode-plugin-designer -tnpm sync @alilc/lowcode-plugin-outline-pane -tnpm sync @alilc/lowcode-renderer-core -tnpm sync @alilc/lowcode-react-renderer -tnpm sync @alilc/lowcode-react-simulator-renderer -tnpm sync @alilc/lowcode-engine -tnpm sync @alilc/lowcode-workspace -tnpm sync @alilc/lowcode-plugin-command \ No newline at end of file +tnpm sync @lce/lowcode-types +tnpm sync @lce/lowcode-utils +tnpm sync @lce/lowcode-shell +tnpm sync @lce/lowcode-editor-core +tnpm sync @lce/lowcode-editor-skeleton +tnpm sync @lce/lowcode-designer +tnpm sync @lce/lowcode-plugin-designer +tnpm sync @lce/lowcode-plugin-outline-pane +tnpm sync @lce/lowcode-renderer-core +tnpm sync @lce/lowcode-react-renderer +tnpm sync @lce/lowcode-react-simulator-renderer +tnpm sync @lce/lowcode-engine +tnpm sync @lce/lowcode-workspace +tnpm sync @lce/lowcode-plugin-command \ No newline at end of file From ff6664e9750e0055af2c1a57f63b9fe20abec1ed Mon Sep 17 00:00:00 2001 From: mazhaobo <mazhaobo@hoteamsoft.com> Date: Sat, 21 Sep 2024 21:30:59 +0800 Subject: [PATCH 03/19] =?UTF-8?q?chore:=20=E5=9B=9E=E6=92=A4=E6=8F=92?= =?UTF-8?q?=E4=BB=B6=E9=83=A8=E5=88=86=E5=BC=95=E7=94=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/docs/api/plugins.md | 2 +- docs/docs/api/setters.md | 2 +- docs/docs/guide/create/useEditor.md | 6 +++--- docs/docs/guide/design/setter.md | 2 +- packages/engine/README-zh_CN.md | 2 +- packages/engine/README.md | 2 +- packages/engine/build.umd.json | 2 +- packages/engine/package.json | 2 +- packages/engine/src/inner-plugins/setter-registry.ts | 2 +- packages/ignitor/build.json | 2 +- packages/react-simulator-renderer/build.umd.json | 2 +- tsconfig.json | 2 +- 12 files changed, 14 insertions(+), 14 deletions(-) diff --git a/docs/docs/api/plugins.md b/docs/docs/api/plugins.md index cead039716..19a462867a 100644 --- a/docs/docs/api/plugins.md +++ b/docs/docs/api/plugins.md @@ -249,7 +249,7 @@ your-plugin/package.json ```json { - "name": "@alilc/lowcode-plugin-debug", + "name": "@lce/lowcode-plugin-debug", "lcMeta": { "pluginName": "debug", "meta": { diff --git a/docs/docs/api/setters.md b/docs/docs/api/setters.md index 1916b033a6..6370dff3ec 100644 --- a/docs/docs/api/setters.md +++ b/docs/docs/api/setters.md @@ -73,7 +73,7 @@ registerSetter( ```typescript import { setters, skeleton } from '@lce/lowcode-engine'; -import { setterMap, pluginMap } from '@lce/lowcode-engine-ext'; +import { setterMap, pluginMap } from '@alilc/lowcode-engine-ext'; import { IPublicModelPluginContext } from '@lce/lowcode-types'; const SetterRegistry = (ctx: IPublicModelPluginContext) => { diff --git a/docs/docs/guide/create/useEditor.md b/docs/docs/guide/create/useEditor.md index 884c674b77..39d45201cd 100644 --- a/docs/docs/guide/create/useEditor.md +++ b/docs/docs/guide/create/useEditor.md @@ -72,7 +72,7 @@ sidebar_position: 0  <link rel="stylesheet" - href="https://uipaas-assets.com/prod/npm/@lce/lowcode-engine-ext/1.0.5/dist/css/engine-ext.css" + href="https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.5/dist/css/engine-ext.css" />  @@ -96,7 +96,7 @@ sidebar_position: 0  <script crossorigin="anonymous" - src="https://uipaas-assets.com/prod/npm/@lce/lowcode-engine-ext/1.0.5/dist/js/engine-ext.js" + src="https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.5/dist/js/engine-ext.js" ></script> ``` @@ -116,7 +116,7 @@ sidebar_position: 0 "prop-types": "var window.PropTypes", "@alifd/next": "var window.Next", "@lce/lowcode-engine": "var window.AliLowCodeEngine", - "@lce/lowcode-engine-ext": "var window.AliLowCodeEngineExt", + "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt", "moment": "var window.moment", "lodash": "var window._" } diff --git a/docs/docs/guide/design/setter.md b/docs/docs/guide/design/setter.md index e3790b4663..dc2412eca6 100644 --- a/docs/docs/guide/design/setter.md +++ b/docs/docs/guide/design/setter.md @@ -18,7 +18,7 @@ sidebar_position: 6 ## npm 包与仓库信息 -- npm 包：@lce/lowcode-engine-ext +- npm 包：@alilc/lowcode-engine-ext - 仓库：[https://github.com/alibaba/lowcode-engine-ext](https://github.com/alibaba/lowcode-engine-ext) ## 设置器模块原理 diff --git a/packages/engine/README-zh_CN.md b/packages/engine/README-zh_CN.md index 8bd59a83ce..62e25640d0 100644 --- a/packages/engine/README-zh_CN.md +++ b/packages/engine/README-zh_CN.md @@ -113,7 +113,7 @@ init(document.getElementById('lce')); { "externals": { "@lce/lowcode-engine": "var window.AliLowCodeEngine", - "@lce/lowcode-engine-ext": "var window.AliLowCodeEngineExt" + "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt" } } ``` diff --git a/packages/engine/README.md b/packages/engine/README.md index 0be0d809af..ad91e13f5f 100644 --- a/packages/engine/README.md +++ b/packages/engine/README.md @@ -92,7 +92,7 @@ init(document.getElementById('lce')); { "externals": { "@lce/lowcode-engine": "var window.AliLowCodeEngine", - "@lce/lowcode-engine-ext": "var window.AliLowCodeEngineExt" + "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt" } } ``` diff --git a/packages/engine/build.umd.json b/packages/engine/build.umd.json index 74f3f31110..92d5a1bfd3 100644 --- a/packages/engine/build.umd.json +++ b/packages/engine/build.umd.json @@ -15,7 +15,7 @@ "monaco-editor/esm/vs/editor/editor.api": "var window.monaco", "monaco-editor/esm/vs/editor/editor.main.js": "var window.monaco", "@alifd/next": "var Next", - "@lce/lowcode-engine-ext": "var window.AliLowCodeEngineExt", + "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt", "moment": "var moment", "lodash": "var _" }, diff --git a/packages/engine/package.json b/packages/engine/package.json index 03d84c5775..aef7bc0abc 100644 --- a/packages/engine/package.json +++ b/packages/engine/package.json @@ -22,7 +22,7 @@ "@lce/lowcode-designer": "1.3.2", "@lce/lowcode-editor-core": "1.3.2", "@lce/lowcode-editor-skeleton": "1.3.2", - "@lce/lowcode-engine-ext": "^1.0.0", + "@alilc/lowcode-engine-ext": "^1.0.0", "@lce/lowcode-plugin-command": "1.3.2", "@lce/lowcode-plugin-designer": "1.3.2", "@lce/lowcode-plugin-outline-pane": "1.3.2", diff --git a/packages/engine/src/inner-plugins/setter-registry.ts b/packages/engine/src/inner-plugins/setter-registry.ts index 6ca9ae3ab9..701eaca406 100644 --- a/packages/engine/src/inner-plugins/setter-registry.ts +++ b/packages/engine/src/inner-plugins/setter-registry.ts @@ -6,7 +6,7 @@ export const setterRegistry = (ctx: IPublicModelPluginContext) => { init() { const { config } = ctx; if (config.get('disableDefaultSetters')) return; - const builtinSetters = require('@lce/lowcode-engine-ext')?.setters; + const builtinSetters = require('@alilc/lowcode-engine-ext')?.setters; if (builtinSetters) { ctx.setters.registerSetter(builtinSetters); } diff --git a/packages/ignitor/build.json b/packages/ignitor/build.json index 57fcb68b17..3b86fbdfd3 100644 --- a/packages/ignitor/build.json +++ b/packages/ignitor/build.json @@ -17,7 +17,7 @@ "@alifd/next": "var window.Next", "rax": "var window.Rax", "@lce/lowcode-engine": "var window.AliLowCodeEngine", - "@lce/lowcode-engine-ext": "var window.AliLowCodeEngineExt", + "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt", "moment": "var moment", "lodash": "var _" }, diff --git a/packages/react-simulator-renderer/build.umd.json b/packages/react-simulator-renderer/build.umd.json index b2f73337c0..1052bb0765 100644 --- a/packages/react-simulator-renderer/build.umd.json +++ b/packages/react-simulator-renderer/build.umd.json @@ -10,7 +10,7 @@ "react-dom": "var window.ReactDOM", "prop-types": "var window.PropTypes", "@alifd/next": "var Next", - "@lce/lowcode-engine-ext": "var window.AliLowCodeEngineExt", + "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt", "moment": "var moment", "lodash": "var _" }, diff --git a/tsconfig.json b/tsconfig.json index a063661419..5b464faa3a 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -33,7 +33,7 @@ "baseUrl": "./packages", "useDefineForClassFields": true, "paths": { - "@alilc/lowcode-*": ["./*/src"] + "@lce/lowcode-*": ["./*/src"] }, "outDir": "lib" }, From 55eb0fa735f5a6be6de2166b919da5c5a07e8b79 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=85=86=E6=B3=A2?= <530762087@qq.com> Date: Sat, 21 Sep 2024 23:01:48 +0800 Subject: [PATCH 04/19] =?UTF-8?q?chore:=20=E6=9B=BF=E6=8D=A2jest=20config?= =?UTF-8?q?=E4=B8=AD=E7=9A=84moduleNameMapper=E5=A4=84=E7=90=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/designer/jest.config.js | 10 ++++------ packages/editor-core/jest.config.js | 10 ++++------ packages/editor-skeleton/jest.config.js | 17 +++++------------ packages/ignitor/jest.config.js | 10 ++++------ packages/plugin-command/jest.config.js | 15 +++++---------- packages/react-renderer/jest.config.js | 16 +++++----------- .../react-simulator-renderer/jest.config.js | 16 +++++----------- packages/renderer-core/jest.config.js | 15 +++++---------- packages/utils/jest.config.js | 13 ++++--------- 9 files changed, 41 insertions(+), 81 deletions(-) diff --git a/packages/designer/jest.config.js b/packages/designer/jest.config.js index 3684a48acb..8633c5886d 100644 --- a/packages/designer/jest.config.js +++ b/packages/designer/jest.config.js @@ -1,7 +1,7 @@ const fs = require('fs'); const { join } = require('path'); const esModules = [].join('|'); -const pkgNames = fs.readdirSync(join('..')).filter(pkgName => !pkgName.startsWith('.')); +const pkgNames = fs.readdirSync(join('..')).filter((pkgName) => !pkgName.startsWith('.')); const jestConfig = { // transform: { @@ -22,9 +22,7 @@ const jestConfig = { // testMatch: ['**/selection.test.ts'], // testMatch: ['**/plugin/sequencify.test.ts'], // testMatch: ['**/builtin-simulator/utils/parse-metadata.test.ts'], - transformIgnorePatterns: [ - `/node_modules/(?!${esModules})/`, - ], + transformIgnorePatterns: [`/node_modules/(?!${esModules})/`], setupFiles: ['./tests/fixtures/unhandled-rejection.ts'], moduleFileExtensions: ['ts', 'tsx', 'js', 'json'], collectCoverage: false, @@ -49,6 +47,6 @@ const jestConfig = { // 只对本仓库内的 pkg 做 mapping jestConfig.moduleNameMapper = {}; -jestConfig.moduleNameMapper[`^@alilc/lowcode\\-(${pkgNames.join('|')})$`] = '<rootDir>/../$1/src'; +jestConfig.moduleNameMapper[`^@lce/lowcode\\-(${pkgNames.join('|')})$`] = '<rootDir>/../$1/src'; -module.exports = jestConfig; \ No newline at end of file +module.exports = jestConfig; diff --git a/packages/editor-core/jest.config.js b/packages/editor-core/jest.config.js index e8441e3dbb..0f5fdf78da 100644 --- a/packages/editor-core/jest.config.js +++ b/packages/editor-core/jest.config.js @@ -1,12 +1,10 @@ const fs = require('fs'); const { join } = require('path'); const esModules = [].join('|'); -const pkgNames = fs.readdirSync(join('..')).filter(pkgName => !pkgName.startsWith('.')); +const pkgNames = fs.readdirSync(join('..')).filter((pkgName) => !pkgName.startsWith('.')); const jestConfig = { - transformIgnorePatterns: [ - `/node_modules/(?!${esModules})/`, - ], + transformIgnorePatterns: [`/node_modules/(?!${esModules})/`], moduleFileExtensions: ['ts', 'tsx', 'js', 'json'], collectCoverage: false, collectCoverageFrom: [ @@ -21,6 +19,6 @@ const jestConfig = { // 只对本仓库内的 pkg 做 mapping jestConfig.moduleNameMapper = {}; -jestConfig.moduleNameMapper[`^@alilc/lowcode\\-(${pkgNames.join('|')})$`] = '<rootDir>/../$1/src'; +jestConfig.moduleNameMapper[`^@lce/lowcode\\-(${pkgNames.join('|')})$`] = '<rootDir>/../$1/src'; -module.exports = jestConfig; \ No newline at end of file +module.exports = jestConfig; diff --git a/packages/editor-skeleton/jest.config.js b/packages/editor-skeleton/jest.config.js index 8a9b2000ca..661ae68239 100644 --- a/packages/editor-skeleton/jest.config.js +++ b/packages/editor-skeleton/jest.config.js @@ -1,7 +1,7 @@ const fs = require('fs'); const { join } = require('path'); const esModules = [].join('|'); -const pkgNames = fs.readdirSync(join('..')).filter(pkgName => !pkgName.startsWith('.')); +const pkgNames = fs.readdirSync(join('..')).filter((pkgName) => !pkgName.startsWith('.')); const jestConfig = { // transform: { @@ -9,21 +9,14 @@ const jestConfig = { // // '^.+\\.(ts|tsx)$': 'ts-jest', // // '^.+\\.(js|jsx)$': 'babel-jest', // }, - transformIgnorePatterns: [ - `/node_modules/(?!${esModules})/`, - ], + transformIgnorePatterns: [`/node_modules/(?!${esModules})/`], moduleFileExtensions: ['ts', 'tsx', 'js', 'json'], collectCoverage: false, - collectCoverageFrom: [ - 'src/**/*.ts', - '!src/**/*.d.ts', - '!**/node_modules/**', - '!**/vendor/**', - ], + collectCoverageFrom: ['src/**/*.ts', '!src/**/*.d.ts', '!**/node_modules/**', '!**/vendor/**'], }; // 只对本仓库内的 pkg 做 mapping jestConfig.moduleNameMapper = {}; -jestConfig.moduleNameMapper[`^@alilc/lowcode\\-(${pkgNames.join('|')})$`] = '<rootDir>/../$1/src'; +jestConfig.moduleNameMapper[`^@lce/lowcode\\-(${pkgNames.join('|')})$`] = '<rootDir>/../$1/src'; -module.exports = jestConfig; \ No newline at end of file +module.exports = jestConfig; diff --git a/packages/ignitor/jest.config.js b/packages/ignitor/jest.config.js index 788c0ac79a..b6c753f857 100644 --- a/packages/ignitor/jest.config.js +++ b/packages/ignitor/jest.config.js @@ -1,7 +1,7 @@ const fs = require('fs'); const { join } = require('path'); const esModules = [].join('|'); -const pkgNames = fs.readdirSync(join('..')).filter(pkgName => !pkgName.startsWith('.')); +const pkgNames = fs.readdirSync(join('..')).filter((pkgName) => !pkgName.startsWith('.')); const jestConfig = { // transform: { @@ -15,9 +15,7 @@ const jestConfig = { // testMatch: ['**/document-model.test.ts'], // testMatch: ['**/prop.test.ts'], // testMatch: ['(/tests?/.*(test))\\.[jt]s$'], - transformIgnorePatterns: [ - `/node_modules/(?!${esModules})/`, - ], + transformIgnorePatterns: [`/node_modules/(?!${esModules})/`], setupFiles: ['./tests/fixtures/unhandled-rejection.ts'], moduleFileExtensions: ['ts', 'tsx', 'js', 'json'], collectCoverage: false, @@ -42,6 +40,6 @@ const jestConfig = { // 只对本仓库内的 pkg 做 mapping jestConfig.moduleNameMapper = {}; -jestConfig.moduleNameMapper[`^@alilc/lowcode\\-(${pkgNames.join('|')})$`] = '<rootDir>/../$1/src'; +jestConfig.moduleNameMapper[`^@lce/lowcode\\-(${pkgNames.join('|')})$`] = '<rootDir>/../$1/src'; -module.exports = jestConfig; \ No newline at end of file +module.exports = jestConfig; diff --git a/packages/plugin-command/jest.config.js b/packages/plugin-command/jest.config.js index 822a526b7d..dca1ea3ed2 100644 --- a/packages/plugin-command/jest.config.js +++ b/packages/plugin-command/jest.config.js @@ -1,22 +1,17 @@ const fs = require('fs'); const { join } = require('path'); const esModules = [].join('|'); -const pkgNames = fs.readdirSync(join('..')).filter(pkgName => !pkgName.startsWith('.')); +const pkgNames = fs.readdirSync(join('..')).filter((pkgName) => !pkgName.startsWith('.')); const jestConfig = { - transformIgnorePatterns: [ - `/node_modules/(?!${esModules})/`, - ], + transformIgnorePatterns: [`/node_modules/(?!${esModules})/`], moduleFileExtensions: ['ts', 'tsx', 'js', 'json'], collectCoverage: true, - collectCoverageFrom: [ - 'src/**/*.ts', - 'src/**/*.tsx', - ], + collectCoverageFrom: ['src/**/*.ts', 'src/**/*.tsx'], }; // 只对本仓库内的 pkg 做 mapping jestConfig.moduleNameMapper = {}; -jestConfig.moduleNameMapper[`^@alilc/lowcode\\-(${pkgNames.join('|')})$`] = '<rootDir>/../$1/src'; +jestConfig.moduleNameMapper[`^@lce/lowcode\\-(${pkgNames.join('|')})$`] = '<rootDir>/../$1/src'; -module.exports = jestConfig; \ No newline at end of file +module.exports = jestConfig; diff --git a/packages/react-renderer/jest.config.js b/packages/react-renderer/jest.config.js index df1400719b..8229911137 100644 --- a/packages/react-renderer/jest.config.js +++ b/packages/react-renderer/jest.config.js @@ -1,7 +1,7 @@ const fs = require('fs'); const { join } = require('path'); const esModules = [].join('|'); -const pkgNames = fs.readdirSync(join('..')).filter(pkgName => !pkgName.startsWith('.')); +const pkgNames = fs.readdirSync(join('..')).filter((pkgName) => !pkgName.startsWith('.')); const jestConfig = { // transform: { @@ -13,20 +13,14 @@ const jestConfig = { // testMatch: ['**/designer/builtin-hotkey.test.ts'], // testMatch: ['**/plugin/plugin-manager.test.ts'], // testMatch: ['(/tests?/.*(test))\\.[jt]s$'], - transformIgnorePatterns: [ - `/node_modules/(?!${esModules})/`, - ], + transformIgnorePatterns: [`/node_modules/(?!${esModules})/`], moduleFileExtensions: ['ts', 'tsx', 'js', 'json'], collectCoverage: true, - collectCoverageFrom: [ - 'src/**/*.ts', - '!src/**/*.d.ts', - '!**/node_modules/**', - ], + collectCoverageFrom: ['src/**/*.ts', '!src/**/*.d.ts', '!**/node_modules/**'], }; // 只对本仓库内的 pkg 做 mapping jestConfig.moduleNameMapper = {}; -jestConfig.moduleNameMapper[`^@alilc/lowcode\\-(${pkgNames.join('|')})$`] = '<rootDir>/../$1/src'; +jestConfig.moduleNameMapper[`^@lce/lowcode\\-(${pkgNames.join('|')})$`] = '<rootDir>/../$1/src'; -module.exports = jestConfig; \ No newline at end of file +module.exports = jestConfig; diff --git a/packages/react-simulator-renderer/jest.config.js b/packages/react-simulator-renderer/jest.config.js index 5378ef5380..557da3a8e4 100644 --- a/packages/react-simulator-renderer/jest.config.js +++ b/packages/react-simulator-renderer/jest.config.js @@ -1,7 +1,7 @@ const fs = require('fs'); const { join } = require('path'); const esModules = [].join('|'); -const pkgNames = fs.readdirSync(join('..')).filter(pkgName => !pkgName.startsWith('.')); +const pkgNames = fs.readdirSync(join('..')).filter((pkgName) => !pkgName.startsWith('.')); const jestConfig = { // transform: { @@ -13,21 +13,15 @@ const jestConfig = { // testMatch: ['**/designer/builtin-hotkey.test.ts'], // testMatch: ['**/plugin/plugin-manager.test.ts'], // testMatch: ['(/tests?/.*(test))\\.[jt]s$'], - transformIgnorePatterns: [ - `/node_modules/(?!${esModules})/`, - ], + transformIgnorePatterns: [`/node_modules/(?!${esModules})/`], setupFiles: ['./test/utils/host.ts'], moduleFileExtensions: ['ts', 'tsx', 'js', 'json'], collectCoverage: true, - collectCoverageFrom: [ - 'src/**/*.ts', - '!src/**/*.d.ts', - '!**/node_modules/**', - ], + collectCoverageFrom: ['src/**/*.ts', '!src/**/*.d.ts', '!**/node_modules/**'], }; // 只对本仓库内的 pkg 做 mapping jestConfig.moduleNameMapper = {}; -jestConfig.moduleNameMapper[`^@alilc/lowcode\\-(${pkgNames.join('|')})$`] = '<rootDir>/../$1/src'; +jestConfig.moduleNameMapper[`^@lce/lowcode\\-(${pkgNames.join('|')})$`] = '<rootDir>/../$1/src'; -module.exports = jestConfig; \ No newline at end of file +module.exports = jestConfig; diff --git a/packages/renderer-core/jest.config.js b/packages/renderer-core/jest.config.js index 1ea4204de5..c4cf3aa941 100644 --- a/packages/renderer-core/jest.config.js +++ b/packages/renderer-core/jest.config.js @@ -1,7 +1,7 @@ const fs = require('fs'); const { join } = require('path'); const esModules = [].join('|'); -const pkgNames = fs.readdirSync(join('..')).filter(pkgName => !pkgName.startsWith('.')); +const pkgNames = fs.readdirSync(join('..')).filter((pkgName) => !pkgName.startsWith('.')); const jestConfig = { // transform: { @@ -14,13 +14,8 @@ const jestConfig = { // testMatch: ['**/utils/common.test.ts'], // testMatch: ['**/*/leaf.test.tsx'], // testMatch: ['**/*/is-use-loop.test.ts'], - transformIgnorePatterns: [ - `/node_modules/(?!${esModules})/`, - ], - setupFiles: [ - './tests/fixtures/unhandled-rejection.ts', - './tests/setup.ts', - ], + transformIgnorePatterns: [`/node_modules/(?!${esModules})/`], + setupFiles: ['./tests/fixtures/unhandled-rejection.ts', './tests/setup.ts'], moduleFileExtensions: ['ts', 'tsx', 'js', 'json'], collectCoverage: true, collectCoverageFrom: [ @@ -33,6 +28,6 @@ const jestConfig = { // 只对本仓库内的 pkg 做 mapping jestConfig.moduleNameMapper = {}; -jestConfig.moduleNameMapper[`^@alilc/lowcode\\-(${pkgNames.join('|')})$`] = '<rootDir>/../$1/src'; +jestConfig.moduleNameMapper[`^@lce/lowcode\\-(${pkgNames.join('|')})$`] = '<rootDir>/../$1/src'; -module.exports = jestConfig; \ No newline at end of file +module.exports = jestConfig; diff --git a/packages/utils/jest.config.js b/packages/utils/jest.config.js index 0631fa00c9..1636f82a3e 100644 --- a/packages/utils/jest.config.js +++ b/packages/utils/jest.config.js @@ -1,21 +1,16 @@ const fs = require('fs'); const { join } = require('path'); -const pkgNames = fs.readdirSync(join('..')).filter(pkgName => !pkgName.startsWith('.')); +const pkgNames = fs.readdirSync(join('..')).filter((pkgName) => !pkgName.startsWith('.')); const jestConfig = { moduleFileExtensions: ['ts', 'tsx', 'js', 'json'], collectCoverage: false, - collectCoverageFrom: [ - 'src/**/*.ts', - '!src/**/*.d.ts', - '!**/node_modules/**', - '!**/vendor/**', - ], + collectCoverageFrom: ['src/**/*.ts', '!src/**/*.d.ts', '!**/node_modules/**', '!**/vendor/**'], setupFilesAfterEnv: ['./jest.setup.js'], }; // 只对本仓库内的 pkg 做 mapping jestConfig.moduleNameMapper = {}; -jestConfig.moduleNameMapper[`^@alilc/lowcode\\-(${pkgNames.join('|')})$`] = '<rootDir>/../$1/src'; +jestConfig.moduleNameMapper[`^@lce/lowcode\\-(${pkgNames.join('|')})$`] = '<rootDir>/../$1/src'; -module.exports = jestConfig; \ No newline at end of file +module.exports = jestConfig; From 318afcc4bcbedc2980cc04f8acc4d9d932a78697 Mon Sep 17 00:00:00 2001 From: mazhaobo <mazhaobo@hoteamsoft.com> Date: Mon, 30 Sep 2024 16:35:29 +0800 Subject: [PATCH 05/19] =?UTF-8?q?chore:=20=E8=B0=83=E6=95=B4=E6=96=87?= =?UTF-8?q?=E6=A1=A3=E8=AF=B4=E6=98=8E=EF=BC=8C=E5=8D=87=E7=BA=A7f2elint?= =?UTF-8?q?=E7=89=88=E6=9C=AC=E4=BB=A5=E6=94=AF=E6=8C=81=E6=9B=B4=E9=AB=98?= =?UTF-8?q?node=E7=89=88=E6=9C=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/docs/participate/flow.md | 24 +++++++++++++++--------- docs/docs/participate/index.md | 2 +- package.json | 7 ++----- packages/engine/README-zh_CN.md | 14 +++++++------- 4 files changed, 25 insertions(+), 22 deletions(-) diff --git a/docs/docs/participate/flow.md b/docs/docs/participate/flow.md index b8b804e123..77c94a3e0a 100644 --- a/docs/docs/participate/flow.md +++ b/docs/docs/participate/flow.md @@ -2,10 +2,13 @@ title: 研发协作流程 sidebar_position: 2 --- + ## 代码风格 + 引擎项目配置了 eslint 和 stylelint，在每次 git commit 前都会检查代码风格，假如有报错，请修改后再提交。（**严禁 -n 提交，-n 也逃脱不了 github workflow 的 lint 检查，放弃吧，骚年~**） ## 测试机制 + 每次提交代码前，务必本地跑一次单元测试，通过后再提交 MR。假如涉及新的功能，需要**补充相应的单元测试**，目前引擎核心模块的单测覆盖率都在 80%+，假如降低了覆盖率，将会不予以通过。 @@ -15,12 +18,15 @@ sidebar_position: 2 1. 项目根目录下执行 npm run build 2. 只改了一个包，比如 designer，则在 designer 目录下，执行 npm test 3. （or）改了多个包，则在根目录下执行 npm test + ## commit 风格 + 几点要求： 1. commit message 格式遵循 [ConvensionalCommits](https://www.conventionalcommits.org/en/v1.0.0/#summary) <img src="https://img.alicdn.com/imgextra/i3/O1CN01M9UzVM1iqYpyxECdV_!!6000000004464-2-tps-2070-594.png" width="700"/> + 2. 请按照一个 bugfix / feature 对应一个 commit，假如不是，请 rebase 后再提交 MR，不要一堆无用的、试验性的 commit。好处：从引擎的整体 commit 历史来看，会很清晰，**每个 commit 完成一件确定的事，changelog 也能自动生成**。另外，假如因为某个 commit 导致了 bug，也很容易通过 rebase drop 等方式快速修复。 @@ -30,8 +36,8 @@ sidebar_position: 2 - main 分支，最稳定的分支，跟 npm latest 包的内容保持一致 - develop 分支，开发分支，拥有最新的、已经验证过的 feature / bugfix，Pull Request 的**目标合入分支** - release 分支 - - 正式发布分支，命名规则为 release/x.y.z，一般从 develop 拉出来进行发布，x.y.z 为待发布的版本号 - - beta 发布分支，命名规则为 release/x.y.z-beta(\.\d+)?，可以快速验证修改，发布 npm beta 版本。 + - 正式发布分支，命名规则为 release/x.y.z，一般从 develop 拉出来进行发布，x.y.z 为待发布的版本号 + - beta 发布分支，命名规则为 release/x.y.z-beta(\.\d+)?，可以快速验证修改，发布 npm beta 版本。验证通过后，因为 beta 发布分支上会存在无用的 commit（比如 lerna 修改 package.json 这种），所以不直接 PR 到 develop，而是从 develop 拉分支，从 beta 发布分支 cherry pick 有用的 commit 到新分支，然后 PR 到 develop。 @@ -47,11 +53,12 @@ sidebar_position: 2 - 特殊情况紧急迭代随时发 - 大 Feature 迭代，每年 2 - 4 次 - ### 发布步骤 + > **发布需要权限，如果提 PR 之后着急发布可以**[**加入贡献者交流群**](../participate/#核心贡献者交流)**。** #### 发正式版 + 步骤如下（以发布 1.0.0 版本为例）： 1. git checkout develop @@ -82,6 +89,7 @@ sidebar_position: 2 如果是发布 beta 版本，步骤如下（以发布 1.0.1 版本为例）： #### 发某 y 位版本首个 beta，如 1.1.0-beta.0 + 1. 拉 develop 分支 ```bash git checkout develop @@ -110,6 +118,7 @@ sidebar_position: 2 ``` #### 发某 z 位版本首个 beta，如 1.0.1-beta.0 + 1. 拉 develop 分支 ```bash git checkout develop @@ -138,6 +147,7 @@ sidebar_position: 2 ``` #### 发某版本非首个 beta，如 1.0.1-beta.0 -> 1.0.1-beta.1 + 1. 切换到 release 分支 ```bash git checkout release/1.0.1-beta @@ -150,7 +160,7 @@ sidebar_position: 2 ```bash npm run build ``` -4. 发布，此处需有 @alilc scope 发包权限 ***此处命令与发首个 beta 时有变化*** +4. 发布，此处需有 @alilc scope 发包权限 **_此处命令与发首个 beta 时有变化_** ```bash npm run pub:prerelease ``` @@ -160,9 +170,8 @@ sidebar_position: 2 tnpm run syncOss ``` - - ## DEMO 发布机制 + 1. **修改版本号** 手动修改 package.json 的版本号 2. **build** @@ -182,6 +191,3 @@ sidebar_position: 2 tnpm run sync tnpm run syncOss ``` - -**官网生效** -需要在通过阿里内部系统更新 demo 版本 diff --git a/docs/docs/participate/index.md b/docs/docs/participate/index.md index a72f5b70db..05e37588c6 100644 --- a/docs/docs/participate/index.md +++ b/docs/docs/participate/index.md @@ -5,7 +5,7 @@ sidebar_position: 0 ### 环境准备 -开发 LowcodeEngine 需要 Node.js 16+。 +开发 LowcodeEngine 需要 Node.js 18+。推荐使用 nvm 管理 Node.js，避免权限问题的同时，还能够随时切换当前使用的 Node.js 的版本。 diff --git a/package.json b/package.json index 213bbc1c45..e538518fb9 100644 --- a/package.json +++ b/package.json @@ -46,7 +46,7 @@ "devDependencies": { "del": "^6.1.1", "execa": "^5.1.1", - "f2elint": "^2.0.1", + "f2elint": "^4.8.0", "gulp": "^4.0.2", "husky": "^7.0.4", "lerna": "^4.0.0", @@ -58,9 +58,6 @@ "babel-jest": "^26.5.2", "@alilc/lowcode-test-mate": "^1.0.1" }, - "engines": { - "node": ">=14.17.0 <18" - }, "tnpm": { "mode": "yarn", "lockfile": "enable" @@ -69,5 +66,5 @@ "typescript": "4.6.2", "react-error-overlay": "6.0.9" }, - "repository": "git@github.com:alibaba/lowcode-engine.git" + "repository": "git@github.com:zboma/lowcode-engine.git" } diff --git a/packages/engine/README-zh_CN.md b/packages/engine/README-zh_CN.md index 62e25640d0..82e84f9c7a 100644 --- a/packages/engine/README-zh_CN.md +++ b/packages/engine/README-zh_CN.md @@ -10,7 +10,7 @@ 本项目将转变部分思路，舍弃部分外围的功能开发，以提供核心低码功能为主，做纯粹低代码内核。如 workspace 等模块将降低优先级。 -更多的内部模块将转移到 plugins 中，作为默认插件提供，而不是封装到内部。整体向更开放的开发方向转变。 +更多的内部模块将转移到 plugins 中（未完成），作为默认插件提供，而不是封装到内部。整体向更开放的开发方向转变。同时，针对各子模块，将通过 shell 模块开放更多的接口，以支持更多定制化需求。 @@ -23,11 +23,11 @@ - 主要工程的命名空间调整 - 修复积压问题 -- <p align="center"> - <a href="https://lowcode-engine.cn"> - <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01i8K9cD1d0HU7TjDtv_!!6000000003673-2-tps-500-591.png"> - </a> - </p> + +## 联系方式 +微信搜索 kunsile-002 添加我的微信，或者扫码加群： + +<img src="https://jxxg-wangjian.oss-cn-beijing.aliyuncs.com/static/lce-group-qrcode.jpg" width="200" /> <h1 align="center">LowCodeEngine</h1> @@ -35,7 +35,7 @@ 一套面向扩展设计的企业级低代码技术体系 - +[![NPM version][npm-image]][npm-url] [![NPM downloads][download-image]][download-url] [![][issues-helper-image]][issues-helper-url] [![Issues need help][help-wanted-image]][help-wanted-url] From 80aeb55eb8393548eefe2aa8c54fd66c7dad4629 Mon Sep 17 00:00:00 2001 From: mazhaobo <mazhaobo@hoteamsoft.com> Date: Sun, 6 Oct 2024 10:52:18 +0800 Subject: [PATCH 06/19] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E4=BE=9D?= =?UTF-8?q?=E8=B5=96=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 13 +++++++------ packages/engine/package.json | 4 ++-- packages/react-renderer/package.json | 2 +- packages/react-simulator-renderer/package.json | 4 ++-- packages/shell/package.json | 1 + 5 files changed, 13 insertions(+), 11 deletions(-) diff --git a/package.json b/package.json index e538518fb9..eccd6b2534 100644 --- a/package.json +++ b/package.json @@ -44,19 +44,20 @@ } }, "devDependencies": { + "@alilc/build-plugin-lce": "^0.0.5", + "@alilc/lowcode-test-mate": "^1.0.1", + "@babel/plugin-proposal-decorators": "^7.24.7", + "@types/react-router": "5.1.18", + "babel-jest": "^26.5.2", "del": "^6.1.1", "execa": "^5.1.1", "f2elint": "^4.8.0", "gulp": "^4.0.2", "husky": "^7.0.4", "lerna": "^4.0.0", - "typescript": "4.6.2", - "yarn": "^1.22.17", "rimraf": "^3.0.2", - "@types/react-router": "5.1.18", - "@alilc/build-plugin-lce": "^0.0.5", - "babel-jest": "^26.5.2", - "@alilc/lowcode-test-mate": "^1.0.1" + "typescript": "4.6.2", + "yarn": "^1.22.17" }, "tnpm": { "mode": "yarn", diff --git a/packages/engine/package.json b/packages/engine/package.json index aef7bc0abc..77bbf7d25d 100644 --- a/packages/engine/package.json +++ b/packages/engine/package.json @@ -12,8 +12,8 @@ "scripts": { "start": "build-scripts start", "version:update": "node ./scripts/version.js", - "build": "NODE_OPTIONS=--max_old_space_size=8192 build-scripts build", - "build:umd": "NODE_OPTIONS=--max_old_space_size=8192 build-scripts build --config build.umd.json", + "build": "build-scripts build", + "build:umd": "build-scripts build --config build.umd.json", "test": "build-scripts test --config build.test.json --jest-passWithNoTests" }, "license": "MIT", diff --git a/packages/react-renderer/package.json b/packages/react-renderer/package.json index d45aa5ec4d..a65cd2ac4f 100644 --- a/packages/react-renderer/package.json +++ b/packages/react-renderer/package.json @@ -13,7 +13,7 @@ "test": "build-scripts test --config build.test.json", "start": "build-scripts start", "build": "build-scripts build", - "build:umd": "NODE_OPTIONS=--max_old_space_size=8192 build-scripts build --config build.umd.json" + "build:umd": "build-scripts build --config build.umd.json" }, "keywords": [ "lowcode", diff --git a/packages/react-simulator-renderer/package.json b/packages/react-simulator-renderer/package.json index b3736bf987..a97a6ab88e 100644 --- a/packages/react-simulator-renderer/package.json +++ b/packages/react-simulator-renderer/package.json @@ -12,8 +12,8 @@ ], "scripts": { "test": "build-scripts test --config build.test.json", - "build": "NODE_OPTIONS=--max_old_space_size=8192 build-scripts build", - "build:umd": "NODE_OPTIONS=--max_old_space_size=8192 build-scripts build --config build.umd.json", + "build": "build-scripts build", + "build:umd": "build-scripts build --config build.umd.json", "test:cov": "build-scripts test --config build.test.json --jest-coverage" }, "dependencies": { diff --git a/packages/shell/package.json b/packages/shell/package.json index 2183116054..9828bb53d9 100644 --- a/packages/shell/package.json +++ b/packages/shell/package.json @@ -19,6 +19,7 @@ "@lce/lowcode-types": "1.3.2", "@lce/lowcode-utils": "1.3.2", "@lce/lowcode-workspace": "1.3.2", + "@alifd/next": "^1.20.12", "classnames": "^2.2.6", "enzyme": "^3.11.0", "enzyme-adapter-react-16": "^1.15.5", From fbb20c9f2f3a80b193daac133d8c42142a6b2646 Mon Sep 17 00:00:00 2001 From: mazhaobo <mazhaobo@hoteamsoft.com> Date: Sun, 6 Oct 2024 11:05:36 +0800 Subject: [PATCH 07/19] =?UTF-8?q?chore:=20=E6=9B=BF=E6=8D=A2github?= =?UTF-8?q?=E5=9C=B0=E5=9D=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/workflows/ci.yml | 10 +- .github/workflows/cov packages.yml | 10 +- .../workflows/insufficient information.yml | 2 +- docs/community/issue.md | 30 +- docs/config/navbar.js | 2 +- docs/config/sidebars.js | 6 +- docs/docs/api/canvas.md | 16 +- docs/docs/api/common.md | 6 +- docs/docs/api/config.md | 4 +- docs/docs/api/configOptions.md | 4 +- docs/docs/api/event.md | 6 +- docs/docs/api/hotkey.md | 6 +- docs/docs/api/logger.md | 2 +- docs/docs/api/material.md | 20 +- docs/docs/api/model/clipboard.md | 5 +- docs/docs/api/model/component-meta.md | 31 +- docs/docs/api/model/detecting.md | 17 +- docs/docs/api/model/document-model.md | 105 +++-- docs/docs/api/model/dragon.md | 2 +- docs/docs/api/model/drop-location.md | 12 +- docs/docs/api/model/editor-view.md | 6 +- docs/docs/api/model/history.md | 10 +- docs/docs/api/model/modal-nodes-manager.md | 12 +- docs/docs/api/model/node-children.md | 64 ++- docs/docs/api/model/node.md | 58 +-- docs/docs/api/model/plugin-instance.md | 6 +- docs/docs/api/model/prop.md | 16 +- docs/docs/api/model/props.md | 23 +- docs/docs/api/model/resource.md | 6 +- docs/docs/api/model/selection.md | 19 +- docs/docs/api/model/setting-field.md | 26 +- docs/docs/api/model/setting-top-entry.md | 9 +- docs/docs/api/model/simulatorRender.md | 6 +- docs/docs/api/model/window.md | 19 +- docs/docs/api/plugins.md | 14 +- docs/docs/api/project.md | 44 +- docs/docs/api/setters.md | 10 +- docs/docs/api/simulatorHost.md | 20 +- docs/docs/api/skeleton.md | 18 +- docs/docs/api/workspace.md | 18 +- docs/docs/demoUsage/appendix/loop.md | 7 +- docs/docs/faq/faq003.md | 8 +- docs/docs/faq/faq009.md | 2 +- docs/docs/faq/faq014.md | 11 +- docs/docs/faq/faq018.md | 3 +- docs/docs/faq/faq023.md | 8 +- docs/docs/guide/appendix/npms.md | 86 ++-- docs/docs/guide/appendix/repos.md | 76 ++-- docs/docs/guide/create/useEditor.md | 2 +- docs/docs/guide/create/useRenderer.md | 8 +- docs/docs/guide/design/generator.md | 8 +- docs/docs/guide/design/materialParser.md | 2 +- docs/docs/guide/design/renderer.md | 2 +- docs/docs/guide/design/setter.md | 2 +- docs/docs/guide/expand/editor/graph.md | 47 +- docs/docs/guide/expand/editor/material.md | 8 +- .../guide/expand/editor/parts/partsassets.md | 12 +- .../guide/expand/editor/pluginContextMenu.md | 4 +- docs/docs/guide/expand/editor/pluginWidget.md | 4 +- docs/docs/guide/expand/editor/summary.md | 2 +- docs/docs/guide/expand/runtime/renderer.md | 2 +- docs/docs/guide/quickStart/start.md | 6 +- docs/docs/participate/flow.md | 2 +- docs/docs/participate/index.md | 6 +- docs/docusaurus.config.js | 52 ++- docs/package.json | 2 +- modules/code-generator/CHANGELOG.md | 418 +++++++++--------- modules/code-generator/README.md | 2 +- modules/code-generator/package.json | 6 +- modules/material-parser/package.json | 6 +- packages/designer/package.json | 6 +- .../fixtures/component-metadata/abcgroup.ts | 2 +- .../fixtures/component-metadata/abcitem.ts | 2 +- .../fixtures/component-metadata/abcnode.ts | 2 +- .../fixtures/component-metadata/abcoption.ts | 2 +- .../fixtures/component-metadata/button.ts | 2 +- .../fixtures/component-metadata/dialog.ts | 2 +- .../tests/fixtures/component-metadata/div.ts | 2 +- .../fixtures/component-metadata/div10.ts | 2 +- .../tests/fixtures/component-metadata/div2.ts | 2 +- .../tests/fixtures/component-metadata/div3.ts | 2 +- .../tests/fixtures/component-metadata/div4.ts | 2 +- .../tests/fixtures/component-metadata/div5.ts | 2 +- .../tests/fixtures/component-metadata/div6.ts | 2 +- .../tests/fixtures/component-metadata/div7.ts | 2 +- .../tests/fixtures/component-metadata/div8.ts | 2 +- .../tests/fixtures/component-metadata/div9.ts | 2 +- .../tests/fixtures/component-metadata/form.ts | 2 +- .../fixtures/component-metadata/other.ts | 2 +- .../tests/fixtures/component-metadata/page.ts | 2 +- .../fixtures/component-metadata/page2.ts | 2 +- .../component-metadata/root-content.ts | 2 +- .../component-metadata/root-footer.ts | 2 +- .../component-metadata/root-header.ts | 2 +- packages/editor-core/package.json | 6 +- packages/editor-skeleton/package.json | 6 +- packages/engine/README-zh_CN.md | 15 +- packages/engine/README.md | 22 +- packages/engine/package.json | 6 +- packages/ignitor/package.json | 6 +- packages/ignitor/public/index.html | 39 +- packages/plugin-command/package.json | 6 +- packages/plugin-designer/package.json | 6 +- packages/plugin-outline-pane/package.json | 6 +- packages/react-renderer/package.json | 6 +- .../react-simulator-renderer/package.json | 6 +- packages/renderer-core/package.json | 6 +- packages/renderer-core/src/hoc/index.tsx | 2 +- packages/shell/package.json | 6 +- packages/shell/src/api/common.tsx | 2 +- packages/shell/src/api/project.ts | 7 +- packages/types/package.json | 6 +- packages/types/src/shell/api/project.ts | 37 +- packages/utils/package.json | 6 +- packages/workspace/package.json | 6 +- scripts/set-repo.js | 70 +-- 116 files changed, 974 insertions(+), 860 deletions(-) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 4636a1bdd1..046c285442 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -1,17 +1,17 @@ name: Node CI on: - push: + push: branches: - main - pull_request: + pull_request: branches: - main jobs: upload-designer-codecov: runs-on: ubuntu-latest - # if: ${{ github.event.pull_request.head.repo.full_name == 'alibaba/lowcode-engine' }} + # if: ${{ github.event.pull_request.head.repo.full_name == 'fe-lce/lowcode-engine' }} steps: - name: checkout uses: actions/checkout@v2 @@ -90,7 +90,7 @@ jobs: upload-code-generator: runs-on: ubuntu-latest - # if: ${{ github.event.pull_request.head.repo.full_name == 'alibaba/lowcode-engine' }} + # if: ${{ github.event.pull_request.head.repo.full_name == 'fe-lce/lowcode-engine' }} steps: - name: checkout uses: actions/checkout@v2 @@ -113,4 +113,4 @@ jobs: token: ${{ secrets.CODECOV_TOKEN }} name: code-generator fail_ci_if_error: true - verbose: true \ No newline at end of file + verbose: true diff --git a/.github/workflows/cov packages.yml b/.github/workflows/cov packages.yml index 7f92e1009c..90f6639e49 100644 --- a/.github/workflows/cov packages.yml +++ b/.github/workflows/cov packages.yml @@ -10,7 +10,7 @@ jobs: cov-designer: runs-on: ubuntu-latest # skip fork's PR, otherwise it fails while making a comment - if: ${{ github.event.pull_request.head.repo.full_name == 'alibaba/lowcode-engine' }} + if: ${{ github.event.pull_request.head.repo.full_name == 'fe-lce/lowcode-engine' }} steps: - name: checkout uses: actions/checkout@v2 @@ -32,7 +32,7 @@ jobs: cov-renderer-core: runs-on: ubuntu-latest # skip fork's PR, otherwise it fails while making a comment - if: ${{ github.event.pull_request.head.repo.full_name == 'alibaba/lowcode-engine' }} + if: ${{ github.event.pull_request.head.repo.full_name == 'fe-lce/lowcode-engine' }} steps: - name: checkout uses: actions/checkout@v2 @@ -54,7 +54,7 @@ jobs: cov-react-simulator-renderer: runs-on: ubuntu-latest # skip fork's PR, otherwise it fails while making a comment - if: ${{ github.event.pull_request.head.repo.full_name == 'alibaba/lowcode-engine' }} + if: ${{ github.event.pull_request.head.repo.full_name == 'fe-lce/lowcode-engine' }} steps: - name: checkout uses: actions/checkout@v2 @@ -76,7 +76,7 @@ jobs: cov-utils: runs-on: ubuntu-latest # skip fork's PR, otherwise it fails while making a comment - if: ${{ github.event.pull_request.head.repo.full_name == 'alibaba/lowcode-engine' }} + if: ${{ github.event.pull_request.head.repo.full_name == 'fe-lce/lowcode-engine' }} steps: - name: checkout uses: actions/checkout@v2 @@ -93,4 +93,4 @@ jobs: working-directory: packages/utils test-script: npm test -- --jest-ci --jest-json --jest-coverage --jest-testLocationInResults --jest-outputFile=report.json package-manager: yarn - annotations: none \ No newline at end of file + annotations: none diff --git a/.github/workflows/insufficient information.yml b/.github/workflows/insufficient information.yml index c49e133f16..70f0be05fb 100644 --- a/.github/workflows/insufficient information.yml +++ b/.github/workflows/insufficient information.yml @@ -16,4 +16,4 @@ jobs: token: ${{ secrets.GITHUB_TOKEN }} issue-number: ${{ github.event.issue.number }} body: | - 你好 @${{ github.event.issue.user.login }}，由于缺乏必要的信息（如 bug 重现步骤、引擎版本信息等），无法定位问题，请按照 [issue bug 模板](https://github.com/alibaba/lowcode-engine/blob/main/.github/ISSUE_TEMPLATE/bug-report.md) 补全信息，也可以通过阅读 [引擎的 issue 说明](https://lowcode-engine.cn/site/community/issue) 了解什么类型的 issue 可以获得更好、更快的支持。 + 你好 @${{ github.event.issue.user.login }}，由于缺乏必要的信息（如 bug 重现步骤、引擎版本信息等），无法定位问题，请按照 [issue bug 模板](https://github.com/fe-lce/lowcode-engine/blob/main/.github/ISSUE_TEMPLATE/bug-report.md) 补全信息，也可以通过阅读 [引擎的 issue 说明](https://lowcode-engine.cn/site/community/issue) 了解什么类型的 issue 可以获得更好、更快的支持。 diff --git a/docs/community/issue.md b/docs/community/issue.md index 2b6bd0f962..9e12e49a43 100644 --- a/docs/community/issue.md +++ b/docs/community/issue.md @@ -2,17 +2,17 @@ title: 关于引擎的 issue 说明 sidebar_position: 2 --- -> 提交地址：[https://github.com/alibaba/lowcode-engine/issues](https://github.com/alibaba/lowcode-engine/issues) + +> 提交地址：[https://github.com/fe-lce/lowcode-engine/issues](https://github.com/fe-lce/lowcode-engine/issues) ### 提交前必读 -由于引擎项目复杂，很多问题在复现和沟通上无法花费太多时间，需要大家尽力将复现步骤说明白。 +由于引擎项目复杂，很多问题在复现和沟通上无法花费太多时间，需要大家尽力将复现步骤说明白。 ![image.png](./img/you-think.png) **你以为的 issue** - ![image.png](./img/i-see.png) **我们看到的 issue** @@ -26,18 +26,21 @@ sidebar_position: 2 - 【支持慢】有完整的项目地址，下载下来可直接安装依赖并启动复现的 - 【支持慢】需求类型的由于人力有限，欢迎大家 PR，如能讲清楚背景上下文和场景，项目维护团队更容易给出方案建议或方向指引。 - 【不保证提供支持】其他 - - 只有标题没有复现步骤 - - 复现步骤不清晰 - - 和引擎无关的 + - 只有标题没有复现步骤 + - 复现步骤不清晰 + - 和引擎无关的 ### 不同优先级的示例 + #### 【支持快】通过线上 Demo 地址 + 控制台输入 API 可复现。 + **示例** ![image.png](https://img.alicdn.com/imgextra/i1/O1CN01np6ARb1KnJFOELjXg_!!6000000001208-2-tps-3322-1862.png) 复现步骤： - 打开线上 demo - 在控制台输入 + ```json // 当前 doc const doc = window.AliLowCodeEngine.project.currentDocument @@ -56,6 +59,7 @@ window.AliLowCodeEngine.project.openDocument('docl4xkca5b') - 使用 openDocument 可以正常的切换回原来的 doc #### 【支持快】通过线上 demo + 导入 schema 可复现 + 步骤： - 使用线上 demo @@ -68,8 +72,8 @@ window.AliLowCodeEngine.project.openDocument('docl4xkca5b') - 页面中的 xxx 部分和预期不符合，期望的效果是 xxx #### 【支持稍慢】通过线上 demo + 完整操作步骤可复现 -**示例** -1.使用 antd 组件 + +**示例** 1.使用 antd 组件 ![image.png](https://img.alicdn.com/imgextra/i4/O1CN019dFe4Y24SDKbmpbdw_!!6000000007389-2-tps-3584-1812.png) 2.拖拽这个组件 @@ -83,6 +87,7 @@ window.AliLowCodeEngine.project.openDocument('docl4xkca5b') - 组件同配置一致 #### 【支持稍慢】通过线上 demo + 变更代码可复现，并清楚的说明变更代码的位置和内容 + **示例** ![image.png](https://img.alicdn.com/imgextra/i4/O1CN01FL0Urq1tl1pLcYhJH_!!6000000005941-2-tps-1892-754.png) @@ -93,20 +98,23 @@ window.AliLowCodeEngine.project.openDocument('docl4xkca5b') ![image.png](https://img.alicdn.com/imgextra/i4/O1CN01OKzt1Z28b9WZIbM6B_!!6000000007950-2-tps-1912-914.png) #### 【支持慢】有完整的项目地址，下载下来可直接安装依赖并启动复现的 + 由于完整的项目中有很多冗余的信息，这部分排查起来十分耗时且困难。不推荐使用改方式。 #### 【不保证提供支持】其他 + ##### 只有标题没有复现步骤 + ![image.png](https://img.alicdn.com/imgextra/i3/O1CN017rO2gR1YKpEgIMBjh_!!6000000003041-2-tps-2520-1020.png) ##### 复现步骤不清晰 + ![image.png](https://img.alicdn.com/imgextra/i4/O1CN01vtHi5z225CC7aFVS2_!!6000000007068-2-tps-3584-1666.png) ##### 和引擎无关的 -![image.png](https://img.alicdn.com/imgextra/i2/O1CN01KxqT9M1vcu25xJHFP_!!6000000006194-2-tps-2548-1430.png) - - +![image.png](https://img.alicdn.com/imgextra/i2/O1CN01KxqT9M1vcu25xJHFP_!!6000000006194-2-tps-2548-1430.png) ### 扩展阅读 + 强烈推荐阅读 [《提问的智慧》](https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way)、[《如何向开源社区提问题》](https://github.com/seajs/seajs/issues/545) 和 [《如何有效地报告 Bug》](http://www.chiark.greenend.org.uk/~sgtatham/bugs-cn.html)、[《如何向开源项目提交无法解答的问题》](https://zhuanlan.zhihu.com/p/25795393)，更好的问题更容易获得帮助。（此段参考 [antd](https://github.com/ant-design/ant-design)） diff --git a/docs/config/navbar.js b/docs/config/navbar.js index 24f8a39376..2eadcb3c8e 100644 --- a/docs/config/navbar.js +++ b/docs/config/navbar.js @@ -65,7 +65,7 @@ module.exports = { // }, // { { - href: 'https://github.com/alibaba/lowcode-engine', + href: 'https://github.com/fe-lce/lowcode-engine', position: 'right', className: 'header-github-link', 'aria-label': 'GitHub repository', diff --git a/docs/config/sidebars.js b/docs/config/sidebars.js index b8a7587d91..031a25c57d 100644 --- a/docs/config/sidebars.js +++ b/docs/config/sidebars.js @@ -39,7 +39,9 @@ module.exports = { type: 'category', label: '扩展编辑器', collapsed: false, - items: getDocsFromDir('guide/expand/editor', [{ dir: 'guide/expand/editor/parts', label: 'Parts·造物' }]), + items: getDocsFromDir('guide/expand/editor', [ + { dir: 'guide/expand/editor/parts', label: 'Parts·造物' }, + ]), }, { type: 'category', @@ -61,7 +63,7 @@ module.exports = { { type: 'link', label: '更新日志', - href: 'https://github.com/alibaba/lowcode-engine/releases', + href: 'https://github.com/fe-lce/lowcode-engine/releases', }, ...getDocsFromDir('guide/appendix'), { diff --git a/docs/docs/api/canvas.md b/docs/docs/api/canvas.md index 865b9ac311..76586e66c3 100644 --- a/docs/docs/api/canvas.md +++ b/docs/docs/api/canvas.md @@ -3,9 +3,7 @@ title: canvas - 画布 API sidebar_position: 10 --- -> **@types** [IPublicApiCanvas](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/canvas.ts)<br/> -> **@since** v1.1.0 - +> **@types** [IPublicApiCanvas](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/canvas.ts)<br/> > **@since** v1.1.0 ## 模块简介 @@ -19,8 +17,7 @@ sidebar_position: 10 `@type {IPublicModelDragon | null}` - -相关类型：[IPublicModelDragon](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/dragon.ts) +相关类型：[IPublicModelDragon](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/dragon.ts) ### activeTracker @@ -28,7 +25,7 @@ sidebar_position: 10 `@type {IPublicModelActiveTracker | null}` -相关类型：[IPublicModelActiveTracker](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/active-tracker.ts) +相关类型：[IPublicModelActiveTracker](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/active-tracker.ts) ### isInLiveEditing @@ -37,15 +34,17 @@ sidebar_position: 10 `@type {boolean}` ### clipboard + 全局剪贴板实例 `@type {IPublicModelClipboard}` -相关类型：[IPublicModelClipboard](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/clipboard.ts) +相关类型：[IPublicModelClipboard](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/clipboard.ts) ## 方法 ### createLocation + 创建一个文档插入位置对象，该对象用来描述一个即将插入的节点在文档中的位置 ```typescript @@ -58,7 +57,9 @@ createLocation(locationData: IPublicTypeLocationData): IPublicModelDropLocation; ``` ### createScroller + 创建一个滚动控制器 Scroller，赋予一个视图滚动的基本能力， + ```typescript /** * 创建一个滚动控制器 Scroller，赋予一个视图滚动的基本能力， @@ -75,6 +76,7 @@ createScroller(scrollable: IPublicTypeScrollable): IPublicModelScroller; ``` ### createScrollTarget + 创建一个 ScrollTarget，与 Scroller 一起发挥作用，详见 [createScroller](#createscroller) 中的描述 ```typescript diff --git a/docs/docs/api/common.md b/docs/docs/api/common.md index 1ce872844b..e0304722e7 100644 --- a/docs/docs/api/common.md +++ b/docs/docs/api/common.md @@ -3,7 +3,7 @@ title: common - 通用 API sidebar_position: 10 --- -> **@types** [IPublicApiCommon](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/common.ts)<br/> > **@since** v1.0.0 +> **@types** [IPublicApiCommon](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/common.ts)<br/> > **@since** v1.0.0 ## 模块简介 @@ -17,7 +17,7 @@ sidebar_position: 10 通用 utils，详见下方方法签名 -相关类型：[IPublicApiCommonUtils](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/common.ts) +相关类型：[IPublicApiCommonUtils](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/common.ts) #### skeletonCabin @@ -74,7 +74,7 @@ getNodeSchemaById( ): IPublicTypeNodeSchema | undefined; ``` -相关类型：[IPublicTypeNodeSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) +相关类型：[IPublicTypeNodeSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) #### executeTransaction diff --git a/docs/docs/api/config.md b/docs/docs/api/config.md index 3a7ea4ae20..90abb2c970 100644 --- a/docs/docs/api/config.md +++ b/docs/docs/api/config.md @@ -3,7 +3,7 @@ title: config - 配置 API sidebar_position: 5 --- -> **@types** [IPublicModelEngineConfig](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/engine-config.ts)<br/> > **@since** v1.0.0 +> **@types** [IPublicModelEngineConfig](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/engine-config.ts)<br/> > **@since** v1.0.0 ## 模块简介 @@ -115,7 +115,7 @@ config.setConfig({ keyA: false, keyB: 2 }); getPreference(): IPublicModelPreference; ``` -相关类型：[IPublicModelPreference](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/preference.ts) +相关类型：[IPublicModelPreference](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/preference.ts) **@since v1.1.0** diff --git a/docs/docs/api/configOptions.md b/docs/docs/api/configOptions.md index 5a158659c5..b2beb1f5ba 100644 --- a/docs/docs/api/configOptions.md +++ b/docs/docs/api/configOptions.md @@ -3,7 +3,7 @@ title: config options - 配置列表 sidebar_position: 5 --- -> **@types** [IPublicTypeEngineOptions](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/engine-options.ts)<br/> +> **@types** [IPublicTypeEngineOptions](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/engine-options.ts)<br/> ## 配置方式 @@ -31,7 +31,7 @@ config.set('enableCondition', false); ## 配置详情 -> 源码详见 [IPublicTypeEngineOptions](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/engine-options.ts) +> 源码详见 [IPublicTypeEngineOptions](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/engine-options.ts) ### 画布 diff --git a/docs/docs/api/event.md b/docs/docs/api/event.md index 83d20829ed..bfe9fcdd51 100644 --- a/docs/docs/api/event.md +++ b/docs/docs/api/event.md @@ -3,7 +3,7 @@ title: event - 事件 API sidebar_position: 10 --- -> **@types** [IPublicApiEvent](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/event.ts)<br/> > **@since** v1.0.0 +> **@types** [IPublicApiEvent](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/event.ts)<br/> > **@since** v1.0.0 ## 模块简介 @@ -25,7 +25,7 @@ sidebar_position: 10 on(event: string, listener: (...args: any[]) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### prependListener @@ -40,7 +40,7 @@ on(event: string, listener: (...args: any[]) => void): IPublicTypeDisposable; prependListener(event: string, listener: (...args: any[]) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### off diff --git a/docs/docs/api/hotkey.md b/docs/docs/api/hotkey.md index 4c4b7f72a5..e65c80f71a 100644 --- a/docs/docs/api/hotkey.md +++ b/docs/docs/api/hotkey.md @@ -3,7 +3,7 @@ title: hotkey - 快捷键 API sidebar_position: 10 --- -> **@types** [IPublicApiHotkey](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/hotkey.ts)<br/> > **@since** v1.0.0 +> **@types** [IPublicApiHotkey](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/hotkey.ts)<br/> > **@since** v1.0.0 ## 模块简介 @@ -33,8 +33,8 @@ bind( 相关 types -- [IPublicTypeHotkeyCallback](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/hotkey-callback.ts) -- [IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +- [IPublicTypeHotkeyCallback](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/hotkey-callback.ts) +- [IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ## 使用示例 diff --git a/docs/docs/api/logger.md b/docs/docs/api/logger.md index 1c8ad3bfa3..c3b6d453d0 100644 --- a/docs/docs/api/logger.md +++ b/docs/docs/api/logger.md @@ -3,7 +3,7 @@ title: logger - 日志 API sidebar_position: 10 --- -> **@types** [IPublicApiLogger](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/logger.ts)<br/> > **@since** v1.0.0 +> **@types** [IPublicApiLogger](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/logger.ts)<br/> > **@since** v1.0.0 ## 模块简介 diff --git a/docs/docs/api/material.md b/docs/docs/api/material.md index 52ce4875fa..5d8b3969aa 100644 --- a/docs/docs/api/material.md +++ b/docs/docs/api/material.md @@ -3,7 +3,7 @@ title: material - 物料 API sidebar_position: 10 --- -> **@types** [IPublicApiMaterial](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/material.ts)<br/> > **@since** v1.0.0 +> **@types** [IPublicApiMaterial](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/material.ts)<br/> > **@since** v1.0.0 ## 模块简介 @@ -23,7 +23,7 @@ sidebar_position: 10 get componentsMap(): { [key: string]: IPublicTypeNpmInfo | ComponentType<any> | object } ; ``` -相关类型：[IPublicTypeNpmInfo](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/npm-info.ts) +相关类型：[IPublicTypeNpmInfo](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/npm-info.ts) ## 方法 @@ -42,7 +42,7 @@ get componentsMap(): { [key: string]: IPublicTypeNpmInfo | ComponentType<any> | setAssets(assets: IPublicTypeAssetsJson): void; ``` -相关类型：[IPublicTypeAssetsJson](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/assets-json.ts) +相关类型：[IPublicTypeAssetsJson](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/assets-json.ts) **示例** 直接在项目中引用 npm 包 @@ -95,7 +95,7 @@ plugins getAssets(): IPublicTypeAssetsJson; ``` -相关类型：[IPublicTypeAssetsJson](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/assets-json.ts) +相关类型：[IPublicTypeAssetsJson](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/assets-json.ts) **示例** @@ -119,7 +119,7 @@ material.getAssets(); loadIncrementalAssets(incrementalAssets: IPublicTypeAssetsJson): Promise<void>; ``` -相关类型：[IPublicTypeAssetsJson](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/assets-json.ts) +相关类型：[IPublicTypeAssetsJson](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/assets-json.ts) **示例** @@ -162,7 +162,7 @@ material.loadIncrementalAssets({ addBuiltinComponentAction(action: IPublicTypeComponentAction): void; ``` -相关类型：[IPublicTypeComponentAction](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/component-action.ts) +相关类型：[IPublicTypeComponentAction](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/component-action.ts) **示例** 新增设计扩展位，并绑定事件 @@ -232,7 +232,7 @@ modifyBuiltinComponentAction( ): void; ``` -相关类型：[IPublicTypeComponentAction](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/component-action.ts) +相关类型：[IPublicTypeComponentAction](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/component-action.ts) ##### 内置设计器辅助 name @@ -357,7 +357,7 @@ material.adjustContextMenuLayout((actions: IPublicTypeContextMenuAction) => { getComponentMeta(componentName: string): IPublicModelComponentMeta | null; ``` -相关类型：[IPublicModelComponentMeta](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/component-meta.ts) +相关类型：[IPublicModelComponentMeta](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/component-meta.ts) **示例** @@ -380,7 +380,7 @@ material.getComponentMeta('Input'); getComponentMetasMap(): Map<string, IPublicModelComponentMeta>; ``` -相关类型：[IPublicModelComponentMeta](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/component-meta.ts) +相关类型：[IPublicModelComponentMeta](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/component-meta.ts) **示例** @@ -533,7 +533,7 @@ material.getRegisteredMetadataTransducers(); onChangeAssets(fn: () => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) **示例** diff --git a/docs/docs/api/model/clipboard.md b/docs/docs/api/model/clipboard.md index 15d9e280ca..190c92f39b 100644 --- a/docs/docs/api/model/clipboard.md +++ b/docs/docs/api/model/clipboard.md @@ -3,8 +3,7 @@ title: Clipboard sidebar_position: 14 --- -> **@types** [IPublicModelClipboard](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/clipboard.ts)<br/> -> **@since** v1.1.0 +> **@types** [IPublicModelClipboard](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/clipboard.ts)<br/> > **@since** v1.1.0 ## 方法 @@ -40,4 +39,4 @@ waitPasteData( keyboardEvent: KeyboardEvent, cb: (data: any, clipboardEvent: ClipboardEvent) => void, ): void; -``` \ No newline at end of file +``` diff --git a/docs/docs/api/model/component-meta.md b/docs/docs/api/model/component-meta.md index 28f7fe7407..33f3ff1dc9 100644 --- a/docs/docs/api/model/component-meta.md +++ b/docs/docs/api/model/component-meta.md @@ -3,8 +3,7 @@ title: ComponentMeta sidebar_position: 15 --- -> **@types** [IPublicModelComponentMeta](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/component-meta.ts)<br/> -> **@since** v1.0.0 +> **@types** [IPublicModelComponentMeta](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/component-meta.ts)<br/> > **@since** v1.0.0 ## 基本介绍 @@ -25,9 +24,11 @@ sidebar_position: 15 `@type {boolean}` ### isMinimalRenderUnit + 是否是最小渲染单元当组件需要重新渲染时： + - 若为最小渲染单元，则只渲染当前组件， - 若不为最小渲染单元，则寻找到上层最近的最小渲染单元进行重新渲染，直至根节点。 @@ -45,7 +46,7 @@ sidebar_position: 15 `@type {IPublicTypeFieldConfig[]}` -相关类型：[IPublicTypeFieldConfig](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/field-config.ts) +相关类型：[IPublicTypeFieldConfig](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/field-config.ts) ### title @@ -53,7 +54,7 @@ sidebar_position: 15 `@type {string | IPublicTypeI18nData | ReactElement}` -相关类型：[IPublicTypeI18nData](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/i18n-data.ts) +相关类型：[IPublicTypeI18nData](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/i18n-data.ts) ### icon @@ -61,7 +62,7 @@ sidebar_position: 15 `@type {IPublicTypeIconType}` -相关类型：[IPublicTypeIconType](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/icon-type.ts) +相关类型：[IPublicTypeIconType](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/icon-type.ts) ### npm @@ -69,7 +70,7 @@ sidebar_position: 15 `@type {IPublicTypeNpmInfo}` -相关类型：[IPublicTypeNpmInfo](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/npm-info.ts) +相关类型：[IPublicTypeNpmInfo](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/npm-info.ts) ### availableActions @@ -77,7 +78,7 @@ sidebar_position: 15 `@type {IPublicTypeTransformedComponentMetadata}` -相关类型：[IPublicTypeTransformedComponentMetadata](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/transformed-component-metadata.ts) +相关类型：[IPublicTypeTransformedComponentMetadata](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/transformed-component-metadata.ts) ### advanced @@ -85,7 +86,7 @@ sidebar_position: 15 `@type {IPublicTypeAdvanced}` -相关类型：[IPublicTypeAdvanced](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/advanced.ts) +相关类型：[IPublicTypeAdvanced](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/advanced.ts) ## 方法 @@ -102,7 +103,7 @@ sidebar_position: 15 setNpm(npm: IPublicTypeNpmInfo): void; ``` -相关类型：[IPublicTypeNpmInfo](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/npm-info.ts) +相关类型：[IPublicTypeNpmInfo](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/npm-info.ts) ### getMetadata @@ -116,7 +117,7 @@ setNpm(npm: IPublicTypeNpmInfo): void; getMetadata(): IPublicTypeTransformedComponentMetadata; ``` -相关类型：[IPublicTypeTransformedComponentMetadata](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/transformed-component-metadata.ts) +相关类型：[IPublicTypeTransformedComponentMetadata](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/transformed-component-metadata.ts) ### checkNestingUp @@ -133,9 +134,9 @@ checkNestingUp(my: IPublicModelNode | IPublicTypeNodeData, parent: any): boolean ``` 相关类型： -- [IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) -- [IPublicTypeNodeData](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-data.ts) +- [IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +- [IPublicTypeNodeData](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-data.ts) ### checkNestingDown @@ -155,10 +156,10 @@ checkNestingDown( ``` 相关类型： -- [IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) -- [IPublicTypeNodeData](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-data.ts) -- [IPublicTypeNodeSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) +- [IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +- [IPublicTypeNodeData](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-data.ts) +- [IPublicTypeNodeSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) ### refreshMetadata diff --git a/docs/docs/api/model/detecting.md b/docs/docs/api/model/detecting.md index ccd60e3a65..5155ee6ac8 100644 --- a/docs/docs/api/model/detecting.md +++ b/docs/docs/api/model/detecting.md @@ -2,8 +2,8 @@ title: Detecting sidebar_position: 6 --- -> **@types** [IPublicModelDetecting](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/detecting.ts)<br/> -> **@since** v1.0.0 + +> **@types** [IPublicModelDetecting](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/detecting.ts)<br/> > **@since** v1.0.0 ## 基本介绍 @@ -17,7 +17,7 @@ sidebar_position: 6 `@type {IPublicModelNode | null}` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) **@since v1.0.16** @@ -27,8 +27,8 @@ sidebar_position: 6 `@type {boolean}` - ## 方法 + ### capture hover 指定节点 @@ -68,7 +68,9 @@ leave(): void; ``` ## 事件 + ### onDetectingChange + hover 节点变化事件 ```typescript @@ -81,7 +83,8 @@ onDetectingChange(fn: (node: IPublicModelNode | null) => void): IPublicTypeDispo ``` 相关类型： -- [IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) -- [IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) -**@since v1.1.0** \ No newline at end of file +- [IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +- [IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) + +**@since v1.1.0** diff --git a/docs/docs/api/model/document-model.md b/docs/docs/api/model/document-model.md index 8d813e7678..4c81ba8020 100644 --- a/docs/docs/api/model/document-model.md +++ b/docs/docs/api/model/document-model.md @@ -2,8 +2,8 @@ title: DocumentModel sidebar_position: 0 --- -> **@types** [IPublicModelDocumentModel](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/document-model.ts)<br/> -> **@since** v1.0.0 + +> **@types** [IPublicModelDocumentModel](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/document-model.ts)<br/> > **@since** v1.0.0 ## 基本介绍 @@ -25,7 +25,7 @@ sidebar_position: 0 相关章节：[节点选中区模型](./selection) -相关类型：[IPublicModelSelection](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/selection.ts) +相关类型：[IPublicModelSelection](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/selection.ts) ### detecting @@ -35,7 +35,7 @@ sidebar_position: 0 相关章节：[画布节点悬停模型](./detecting) -相关类型：[IPublicModelDetecting](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/detecting.ts) +相关类型：[IPublicModelDetecting](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/detecting.ts) ### history @@ -45,7 +45,7 @@ sidebar_position: 0 相关章节：[操作历史模型](./history) -相关类型：[IPublicModelHistory](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/history.ts) +相关类型：[IPublicModelHistory](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/history.ts) ### project @@ -53,7 +53,7 @@ sidebar_position: 0 `@type {IPublicApiProject}` -相关类型：[IPublicApiProject](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/project.ts) +相关类型：[IPublicApiProject](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/project.ts) ### root @@ -61,7 +61,7 @@ sidebar_position: 0 `@type {IPublicModelNode | null}` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### nodesMap @@ -69,10 +69,9 @@ sidebar_position: 0 `@type {Map<string, IPublicModelNode>} ` - 相关章节：[节点模型](./node) -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### modalNodesManager @@ -82,7 +81,7 @@ sidebar_position: 0 相关章节：[模态节点管理](./modal-nodes-manager) -相关类型：[IPublicModelModalNodesManager](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/modal-nodes-manager.ts) +相关类型：[IPublicModelModalNodesManager](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/modal-nodes-manager.ts) ### dropLocation @@ -90,12 +89,12 @@ sidebar_position: 0 `@type {IPublicModelDropLocation | null}` - -相关类型：[IPublicModelDropLocation](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/drop-location.ts) +相关类型：[IPublicModelDropLocation](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/drop-location.ts) **@since v1.1.0** ## 方法 + ### getNodeById 根据 nodeId 返回 [Node](./node) 实例 @@ -110,8 +109,7 @@ sidebar_position: 0 getNodeById(nodeId: string): IPublicModelNode | null; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### importSchema @@ -126,10 +124,10 @@ getNodeById(nodeId: string): IPublicModelNode | null; importSchema(schema: IPublicTypeRootSchema): void; ``` -相关类型：[IPublicTypeRootSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/root-schema.ts) - +相关类型：[IPublicTypeRootSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/root-schema.ts) ### exportSchema + 导出 schema ```typescript @@ -143,8 +141,9 @@ exportSchema(stage: IPublicEnumTransformStage): IPublicTypeRootSchema | undefine ``` 相关类型： -- [IPublicEnumTransformStage](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/enum/transform-stage.ts) -- [IPublicTypeRootSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/root-schema.ts) + +- [IPublicEnumTransformStage](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/enum/transform-stage.ts) +- [IPublicTypeRootSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/root-schema.ts) ### insertNode @@ -163,7 +162,7 @@ insertNode( ): IPublicModelNode | null; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### createNode @@ -179,7 +178,7 @@ insertNode( createNode(data: any): IPublicModelNode | null; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### removeNode @@ -194,9 +193,10 @@ createNode(data: any): IPublicModelNode | null; removeNode(idOrNode: string | IPublicModelNode): void; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### checkNesting + 检查拖拽放置的目标节点是否可以放置该拖拽对象 ```typescript @@ -215,13 +215,15 @@ checkNesting( ``` 相关类型： -- [IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) -- [IPublicTypeDragNodeObject](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/drag-node-object.ts) -- [IPublicTypeDragNodeDataObject](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/drag-node-object-data.ts) + +- [IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +- [IPublicTypeDragNodeObject](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/drag-node-object.ts) +- [IPublicTypeDragNodeDataObject](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/drag-node-object-data.ts) **@since v1.0.16** ### isDetectingNode + 判断是否当前节点处于被探测状态 ```typescript @@ -233,13 +235,13 @@ checkNesting( */ isDetectingNode(node: IPublicModelNode): boolean; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) **@since v1.1.0** - ## 事件 + ### onAddNode 当前 document 新增节点事件 @@ -253,8 +255,9 @@ onAddNode(fn: (node: IPublicModelNode) => void): IPublicTypeDisposable; ``` 相关类型： -- [IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) -- [IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) + +- [IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +- [IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onMountNode @@ -269,10 +272,12 @@ onMountNode(fn: (payload: { node: IPublicModelNode }) => void): IPublicTypeDispo ``` 相关类型： -- [IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) -- [IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) + +- [IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +- [IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onRemoveNode + 当前 document 删除节点事件 ```typescript @@ -284,9 +289,9 @@ onRemoveNode(fn: (node: IPublicModelNode) => void): IPublicTypeDisposable; ``` 相关类型： -- [IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) -- [IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +- [IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +- [IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onChangeDetecting @@ -302,8 +307,9 @@ onChangeDetecting(fn: (node: IPublicModelNode) => void): IPublicTypeDisposable; ``` 相关类型： -- [IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) -- [IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) + +- [IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +- [IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onChangeSelection @@ -317,7 +323,7 @@ onChangeDetecting(fn: (node: IPublicModelNode) => void): IPublicTypeDisposable; onChangeSelection(fn: (ids: string[]) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onChangeNodeVisible @@ -332,8 +338,8 @@ onChangeSelection(fn: (ids: string[]) => void): IPublicTypeDisposable; onChangeNodeVisible(fn: (node: IPublicModelNode, visible: boolean) => void): IPublicTypeDisposable; ``` -- 相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) -- 相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +- 相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +- 相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onChangeNodeChildren @@ -343,19 +349,22 @@ onChangeNodeVisible(fn: (node: IPublicModelNode, visible: boolean) => void): IPu onChangeNodeChildren(fn: (info?: IPublicTypeOnChangeOptions) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onChangeNodeProp + 当前 document 节点属性修改事件 ```typescript onChangeNodeProp(fn: (info: IPublicTypePropChangeOptions) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onImportSchema + 当前 document 导入新的 schema 事件 + ```typescript /** * import schema event @@ -364,13 +373,16 @@ onChangeNodeProp(fn: (info: IPublicTypePropChangeOptions) => void): IPublicTypeD */ onImportSchema(fn: (schema: IPublicTypeRootSchema) => void): IPublicTypeDisposable; ``` + 相关类型： -- [IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) -- [IPublicTypeRootSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/root-schema.ts) + +- [IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +- [IPublicTypeRootSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/root-schema.ts) **@since v1.0.15** ### onFocusNodeChanged + 设置聚焦节点变化的回调 ```typescript @@ -384,13 +396,16 @@ onFocusNodeChanged( fn: (doc: IPublicModelDocumentModel, focusNode: IPublicModelNode) => void, ): IPublicTypeDisposable; ``` + 相关类型： -- [IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) -- [IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) + +- [IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +- [IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) **@since v1.1.0** ### onDropLocationChanged + 设置 DropLocation 变化的回调 ```typescript @@ -403,6 +418,6 @@ onFocusNodeChanged( onDropLocationChanged(fn: (doc: IPublicModelDocumentModel) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) -**@since v1.1.0** \ No newline at end of file +**@since v1.1.0** diff --git a/docs/docs/api/model/dragon.md b/docs/docs/api/model/dragon.md index 9e7e287d6c..26dec5aaf5 100644 --- a/docs/docs/api/model/dragon.md +++ b/docs/docs/api/model/dragon.md @@ -3,7 +3,7 @@ title: Dragon sidebar_position: 99 --- -> **@types** [IPublicModelDragon](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/dragon.ts)<br/> > **@since** v1.0.0 +> **@types** [IPublicModelDragon](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/dragon.ts)<br/> > **@since** v1.0.0 ## 基本介绍 diff --git a/docs/docs/api/model/drop-location.md b/docs/docs/api/model/drop-location.md index dc6a684e42..c7355ac509 100644 --- a/docs/docs/api/model/drop-location.md +++ b/docs/docs/api/model/drop-location.md @@ -3,9 +3,7 @@ title: DropLocation sidebar_position: 13 --- -> **@types** [IPublicModelDropLocation](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/drop-location.ts)<br/> -> **@since** v1.1.0 - +> **@types** [IPublicModelDropLocation](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/drop-location.ts)<br/> > **@since** v1.1.0 ## 基本介绍 @@ -19,7 +17,7 @@ sidebar_position: 13 `@type {IPublicModelNode | null}` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### detail @@ -27,7 +25,7 @@ sidebar_position: 13 `@type {IPublicTypeLocationDetail}` -相关类型：[IPublicTypeLocationDetail](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/location-detail.ts) +相关类型：[IPublicTypeLocationDetail](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/location-detail.ts) ### event @@ -35,7 +33,7 @@ sidebar_position: 13 `@type {IPublicTypeLocationDetail}` -相关类型：[IPublicModelLocateEvent](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/location-event.ts) +相关类型：[IPublicModelLocateEvent](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/location-event.ts) ## 方法 @@ -51,4 +49,4 @@ sidebar_position: 13 clone(event: IPublicModelLocateEvent): IPublicModelDropLocation; ``` -相关类型：[IPublicModelLocateEvent](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/location-event.ts) \ No newline at end of file +相关类型：[IPublicModelLocateEvent](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/location-event.ts) diff --git a/docs/docs/api/model/editor-view.md b/docs/docs/api/model/editor-view.md index a3cc83e1f2..63938ebfac 100644 --- a/docs/docs/api/model/editor-view.md +++ b/docs/docs/api/model/editor-view.md @@ -3,9 +3,7 @@ title: EditorView sidebar_position: 12 --- -> **[@experimental](./#experimental)**<br/> -> **@types** [IPublicModelEditorView](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/editor-view.ts)<br/> -> **@since** v1.1.7 +> **[@experimental](./#experimental)**<br/> > **@types** [IPublicModelEditorView](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/editor-view.ts)<br/> > **@since** v1.1.7 窗口编辑视图 @@ -18,4 +16,4 @@ export interface IPublicModelEditorView extends IPublicModelPluginContext {}; ``` -相关类型定义: [IPublicModelPluginContext](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/plugin-context.ts) +相关类型定义: [IPublicModelPluginContext](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/plugin-context.ts) diff --git a/docs/docs/api/model/history.md b/docs/docs/api/model/history.md index b8c4d791b1..4e495862c5 100644 --- a/docs/docs/api/model/history.md +++ b/docs/docs/api/model/history.md @@ -2,14 +2,15 @@ title: History sidebar_position: 5 --- -> **@types** [IPublicModelHistory](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/history.ts)<br/> -> **@since** v1.0.0 + +> **@types** [IPublicModelHistory](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/history.ts)<br/> > **@since** v1.0.0 ## 基本介绍操作历史记录模型 ## 方法 + ### go 历史记录跳转到指定位置 @@ -93,6 +94,7 @@ getState(): number; ``` ## 事件 + ### onChangeState 监听 state 变更事件 @@ -106,7 +108,7 @@ getState(): number; onChangeState(func: () => any): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onChangeCursor @@ -121,4 +123,4 @@ onChangeState(func: () => any): IPublicTypeDisposable; onChangeCursor(func: () => any): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) \ No newline at end of file +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) diff --git a/docs/docs/api/model/modal-nodes-manager.md b/docs/docs/api/model/modal-nodes-manager.md index fead53f0a1..0e3f163f3d 100644 --- a/docs/docs/api/model/modal-nodes-manager.md +++ b/docs/docs/api/model/modal-nodes-manager.md @@ -2,8 +2,8 @@ title: ModalNodesManager sidebar_position: 7 --- -> **@types** [IPublicModelModalNodesManager](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/modal-nodes-manager.ts)<br/> -> **@since** v1.0.0 + +> **@types** [IPublicModelModalNodesManager](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/modal-nodes-manager.ts)<br/> > **@since** v1.0.0 ## 基本介绍 @@ -35,7 +35,7 @@ setNodes(): void; getModalNodes(): IPublicModelNode[]; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### getVisibleModalNode @@ -49,7 +49,7 @@ getModalNodes(): IPublicModelNode[]; getVisibleModalNode(): IPublicModelNode | null; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### hideModalNodes @@ -76,7 +76,7 @@ hideModalNodes(): void; setVisible(node: IPublicModelNode): void; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### setInvisible @@ -91,4 +91,4 @@ setVisible(node: IPublicModelNode): void; setInvisible(node: IPublicModelNode): void; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) diff --git a/docs/docs/api/model/node-children.md b/docs/docs/api/model/node-children.md index 5507fcbfb8..3bfe93279d 100644 --- a/docs/docs/api/model/node-children.md +++ b/docs/docs/api/model/node-children.md @@ -2,20 +2,22 @@ title: NodeChildren sidebar_position: 2 --- -> **@types** [IPublicModelNodeChildren](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node-children.ts)<br/> -> **@since** v1.0.0 + +> **@types** [IPublicModelNodeChildren](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node-children.ts)<br/> > **@since** v1.0.0 ## 基本介绍 + 节点孩子模型 ## 属性 + ### owner 返回当前 children 实例所属的节点实例 `@type {IPublicModelNode | null}` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### size @@ -23,7 +25,6 @@ children 内的节点实例数 `@type {number}` - ### isEmptyNode 是否为空 @@ -31,6 +32,7 @@ children 内的节点实例数 `@type {boolean}` **@since v1.1.0** + > v1.1.0 之前请使用 `isEmpty` ### notEmptyNode @@ -42,7 +44,9 @@ children 内的节点实例数 **@since v1.1.0** ## 方法 + ### delete + 删除指定节点 ```typescript @@ -54,7 +58,7 @@ children 内的节点实例数 delete(node: IPublicModelNode): boolean; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### insert @@ -69,8 +73,7 @@ delete(node: IPublicModelNode): boolean; insert(node: IPublicModelNode): boolean; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### indexOf @@ -86,7 +89,7 @@ insert(node: IPublicModelNode): boolean; indexOf(node: IPublicModelNode): number; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### splice @@ -103,8 +106,7 @@ indexOf(node: IPublicModelNode): number; splice(start: number, deleteCount: number, node?: IPublicModelNode): any; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### get @@ -120,8 +122,7 @@ splice(start: number, deleteCount: number, node?: IPublicModelNode): any; get(index: number): IPublicModelNode | null; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### has @@ -137,8 +138,7 @@ get(index: number): IPublicModelNode | null; has(node: IPublicModelNode): boolean; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### forEach @@ -154,7 +154,7 @@ forEach(fn: (node: IPublicModelNode, index: number) => void): void; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### reverse @@ -169,8 +169,7 @@ reverse(): IPublicModelNode[]; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### map @@ -185,8 +184,7 @@ reverse(): IPublicModelNode[]; map<T>(fn: (node: IPublicModelNode, index: number) => T[]): any[] | null; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### every @@ -201,8 +199,7 @@ map<T>(fn: (node: IPublicModelNode, index: number) => T[]): any[] | null; every(fn: (node: IPublicModelNode, index: number) => boolean): boolean; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### some @@ -217,8 +214,7 @@ every(fn: (node: IPublicModelNode, index: number) => boolean): boolean; some(fn: (node: IPublicModelNode, index: number) => boolean): boolean; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### filter @@ -233,8 +229,7 @@ some(fn: (node: IPublicModelNode, index: number) => boolean): boolean; filter(fn: (node: IPublicModelNode, index: number) => boolean): any; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### find @@ -249,8 +244,7 @@ filter(fn: (node: IPublicModelNode, index: number) => boolean): any; find(fn: (node: IPublicModelNode, index: number) => boolean): IPublicModelNode | null; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### reduce @@ -265,8 +259,7 @@ find(fn: (node: IPublicModelNode, index: number) => boolean): IPublicModelNode | reduce(fn: (acc: any, cur: IPublicModelNode) => any, initialValue: any): void; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### importSchema @@ -281,10 +274,10 @@ reduce(fn: (acc: any, cur: IPublicModelNode) => any, initialValue: any): void; importSchema(data?: IPublicTypeNodeData | IPublicTypeNodeData[]): void; ``` -相关类型：[IPublicTypeNodeData](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-data.ts) - +相关类型：[IPublicTypeNodeData](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-data.ts) ### exportSchema + 导出 schema ```typescript @@ -297,9 +290,9 @@ exportSchema(stage: IPublicEnumTransformStage): IPublicTypeNodeSchema; ``` 相关类型： -- [IPublicEnumTransformStage](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/enum/transform-stage.ts) -- [IPublicTypeNodeSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) +- [IPublicEnumTransformStage](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/enum/transform-stage.ts) +- [IPublicTypeNodeSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) ### mergeChildren @@ -321,5 +314,6 @@ mergeChildren( ``` 相关类型： -- [IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) -- [IPublicTypeNodeData](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-data.ts) + +- [IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +- [IPublicTypeNodeData](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-data.ts) diff --git a/docs/docs/api/model/node.md b/docs/docs/api/model/node.md index 43de96a33d..64576532d7 100644 --- a/docs/docs/api/model/node.md +++ b/docs/docs/api/model/node.md @@ -2,14 +2,15 @@ title: Node sidebar_position: 1 --- -> **@types** [IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts)<br/> -> **@since** v1.0.0 + +> **@types** [IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts)<br/> > **@since** v1.0.0 ## 基本介绍节点模型 ## 属性 + ### id 节点 id @@ -22,7 +23,7 @@ sidebar_position: 1 `@type {string | IPublicTypeI18nData | ReactElement}` -相关类型：[IPublicTypeI18nData](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/i18n-data.ts) +相关类型：[IPublicTypeI18nData](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/i18n-data.ts) ### isContainerNode @@ -31,6 +32,7 @@ sidebar_position: 1 `@type {boolean}` **@since v1.1.0** + > v1.1.0 之前请使用 `isContainer` ### isRootNode @@ -120,6 +122,7 @@ sidebar_position: 1 **@since v1.0.16** ### isRGLContainerNode + 设置为磁贴布局节点，使用方式可参考：[磁贴布局在钉钉宜搭报表设计引擎中的实现](https://mp.weixin.qq.com/s/PSTut5ahAB8nlJ9kBpBaxw) `@type {boolean}` @@ -140,7 +143,7 @@ sidebar_position: 1 `@type {IPublicTypeIconType}` -相关类型：[IPublicTypeIconType](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/icon-type.ts) +相关类型：[IPublicTypeIconType](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/icon-type.ts) ### zLevel @@ -160,8 +163,7 @@ sidebar_position: 1 `@type {IPublicModelComponentMeta | null}` -相关类型：[IPublicModelComponentMeta](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/component-meta.ts) - +相关类型：[IPublicModelComponentMeta](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/component-meta.ts) ### document @@ -169,7 +171,7 @@ sidebar_position: 1 `@type {IPublicModelDocumentModel | null}` -相关类型：[IPublicModelDocumentModel](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/document-model.ts) +相关类型：[IPublicModelDocumentModel](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/document-model.ts) ### prevSibling @@ -195,7 +197,7 @@ sidebar_position: 1 `@type {IPublicModelNodeChildren | null}` -相关类型：[IPublicModelNodeChildren](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node-children.ts) +相关类型：[IPublicModelNodeChildren](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node-children.ts) ### slots @@ -209,7 +211,7 @@ sidebar_position: 1 `@type {IPublicModelProp | null}` -相关类型：[IPublicModelProp](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) +相关类型：[IPublicModelProp](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) ### props @@ -217,8 +219,7 @@ sidebar_position: 1 `@type {IPublicModelProps | null}` -相关类型：[IPublicModelProps](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/props.ts) - +相关类型：[IPublicModelProps](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/props.ts) ### propsData @@ -227,8 +228,9 @@ sidebar_position: 1 `@type {IPublicTypePropsMap | IPublicTypePropsList | null}` 相关类型： -- [IPublicTypePropsMap](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/props-map.ts) -- [IPublicTypePropsList](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/props-list.ts) + +- [IPublicTypePropsMap](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/props-map.ts) +- [IPublicTypePropsList](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/props-list.ts) ### conditionGroup @@ -236,7 +238,7 @@ sidebar_position: 1 `@type {IPublicModelExclusiveGroup | null}` -相关类型：[IPublicModelExclusiveGroup](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/exclusive-group.ts) +相关类型：[IPublicModelExclusiveGroup](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/exclusive-group.ts) **@since v1.1.0** @@ -246,7 +248,7 @@ sidebar_position: 1 `@type {IPublicTypeNodeSchema | null}` -相关类型：[IPublicTypeNodeSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) +相关类型：[IPublicTypeNodeSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) ### settingEntry @@ -256,9 +258,10 @@ sidebar_position: 1 相关章节：[设置器顶层操作对象](./setting-top-entry) -相关类型：[IPublicModelSettingTopEntry](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts) +相关类型：[IPublicModelSettingTopEntry](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts) ### visible + 当前节点是否可见 `@type {boolean}` @@ -328,7 +331,7 @@ hasLoop(): boolean; getProp(path: string, createIfNone: boolean): IPublicModelProp | null; ``` -相关类型：[IPublicModelProp](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) +相关类型：[IPublicModelProp](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) ### getPropValue @@ -360,7 +363,7 @@ getPropValue(path: string): any; getExtraProp(path: string, createIfNone?: boolean): IPublicModelProp | null; ``` -相关类型：[IPublicModelProp](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) +相关类型：[IPublicModelProp](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) ### getExtraPropValue @@ -395,8 +398,7 @@ setPropValue(path: string, value: CompositeValue) setPropValue(path: string, value: IPublicTypeCompositeValue): void; ``` -相关类型：[IPublicTypeCompositeValue](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) - +相关类型：[IPublicTypeCompositeValue](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) ### setExtraPropValue @@ -412,7 +414,7 @@ setPropValue(path: string, value: IPublicTypeCompositeValue): void; setExtraPropValue(path: string, value: IPublicTypeCompositeValue): void; ``` -相关类型：[IPublicTypeCompositeValue](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) +相关类型：[IPublicTypeCompositeValue](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) ### importSchema @@ -427,7 +429,7 @@ setExtraPropValue(path: string, value: IPublicTypeCompositeValue): void; importSchema(data: IPublicTypeNodeSchema): void; ``` -相关类型：[IPublicTypeNodeSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) +相关类型：[IPublicTypeNodeSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) ### exportSchema @@ -444,8 +446,9 @@ exportSchema(stage: IPublicEnumTransformStage, options?: any): IPublicTypeNodeSc ``` 相关类型： -- [IPublicEnumTransformStage](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/enum/transform-stage.ts) -- [IPublicTypeNodeSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) + +- [IPublicEnumTransformStage](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/enum/transform-stage.ts) +- [IPublicTypeNodeSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) ### insertBefore @@ -513,7 +516,7 @@ replaceChild(node: IPublicModelNode, data: any): IPublicModelNode | null; replaceWith(schema: IPublicTypeNodeSchema): any; ``` -相关类型：[IPublicTypeNodeSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) +相关类型：[IPublicTypeNodeSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) ### select @@ -541,6 +544,7 @@ hover(flag: boolean): void; ``` ### lock + 设置节点锁定状态 ```typescript @@ -635,6 +639,7 @@ isConditionalVisible(): boolean | undefined; **@since v1.1.0** ### setConditionalVisible + 设置该节点的 ConditionalVisible 为 true ```typescript @@ -649,6 +654,7 @@ setConditionalVisible(): void; **@since v1.1.0** ### getDOMNode + 获取节点实例对应的 dom 节点 ```typescript @@ -675,4 +681,4 @@ getRGL(): { isRGL: boolean; rglNode: IPublicModelNode | null; } -``` \ No newline at end of file +``` diff --git a/docs/docs/api/model/plugin-instance.md b/docs/docs/api/model/plugin-instance.md index 14ce388376..52d43e6b8b 100644 --- a/docs/docs/api/model/plugin-instance.md +++ b/docs/docs/api/model/plugin-instance.md @@ -3,9 +3,7 @@ title: PluginInstance sidebar_position: 12 --- -> **@types** [IPublicModelPluginInstance](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/plugin-instance.ts)<br/> -> **@since** v1.1.0 - +> **@types** [IPublicModelPluginInstance](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/plugin-instance.ts)<br/> > **@since** v1.1.0 ## 基本介绍 @@ -37,4 +35,4 @@ sidebar_position: 12 `@type {IPublicTypePluginMeta}` -相关类型：[IPublicTypePluginMeta](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/plugin-meta.ts) +相关类型：[IPublicTypePluginMeta](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/plugin-meta.ts) diff --git a/docs/docs/api/model/prop.md b/docs/docs/api/model/prop.md index d9b0d14f42..ebc064f5e3 100644 --- a/docs/docs/api/model/prop.md +++ b/docs/docs/api/model/prop.md @@ -2,8 +2,8 @@ title: Prop sidebar_position: 3 --- -> **@types** [IPublicModelProp](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts)<br/> -> **@since** v1.0.0 + +> **@types** [IPublicModelProp](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts)<br/> > **@since** v1.0.0 ## 基本介绍 @@ -35,7 +35,7 @@ key 值 `@type {IPublicModelNode | null}` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### slotNode @@ -43,8 +43,7 @@ key 值 `@type {IPublicModelNode | undefined | null}` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) - +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ## 方法 @@ -61,7 +60,7 @@ key 值 setValue(val: IPublicTypeCompositeValue): void; ``` -相关类型：[IPublicTypeCompositeValue](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) +相关类型：[IPublicTypeCompositeValue](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) ### getValue @@ -104,5 +103,6 @@ exportSchema(stage: IPublicEnumTransformStage): IPublicTypeCompositeValue; ``` 相关类型： -- [IPublicEnumTransformStage](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/enum/transform-stage.ts) -- [IPublicTypeCompositeValue](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) \ No newline at end of file + +- [IPublicEnumTransformStage](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/enum/transform-stage.ts) +- [IPublicTypeCompositeValue](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) diff --git a/docs/docs/api/model/props.md b/docs/docs/api/model/props.md index 9bd6eaa66b..03db08ee57 100644 --- a/docs/docs/api/model/props.md +++ b/docs/docs/api/model/props.md @@ -2,37 +2,37 @@ title: Props sidebar_position: 4 --- -> **@types** [IPublicModelProps](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/props.ts)<br/> -> **@since** v1.0.0 + +> **@types** [IPublicModelProps](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/props.ts)<br/> > **@since** v1.0.0 ## 基本介绍属性集模型 ## 属性 + ### id id `@type {string}` - ### path 返回当前 props 的路径 `@type {string[]}` - ### node 返回当前属性集所属的节点实例 `@type {IPublicModelNode | null}` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ## 方法 + ### getProp 获取指定 path 的属性模型实例 @@ -46,7 +46,7 @@ id getProp(path: string): IPublicModelProp | null; ``` -相关类型：[IPublicModelProp](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) +相关类型：[IPublicModelProp](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) ### getPropValue @@ -75,7 +75,7 @@ getPropValue(path: string): any; getExtraProp(path: string): IPublicModelProp | null; ``` -相关类型：[IPublicModelProp](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) +相关类型：[IPublicModelProp](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/prop.ts) ### getExtraPropValue @@ -105,7 +105,7 @@ getExtraPropValue(path: string): any; setPropValue(path: string, value: IPublicTypeCompositeValue): void; ``` -相关类型：[IPublicTypeCompositeValue](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) +相关类型：[IPublicTypeCompositeValue](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) ### setExtraPropValue @@ -121,8 +121,7 @@ setPropValue(path: string, value: IPublicTypeCompositeValue): void; setExtraPropValue(path: string, value: IPublicTypeCompositeValue): void; ``` -相关类型：[IPublicTypeCompositeValue](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) - +相关类型：[IPublicTypeCompositeValue](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) ### has @@ -155,6 +154,6 @@ has(key: string): boolean; add(value: IPublicTypeCompositeValue, key?: string | number | undefined): any; ``` -相关类型：[IPublicTypeCompositeValue](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) +相关类型：[IPublicTypeCompositeValue](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) -**@since v1.1.0** \ No newline at end of file +**@since v1.1.0** diff --git a/docs/docs/api/model/resource.md b/docs/docs/api/model/resource.md index a5fdeaf782..7bf094b50f 100644 --- a/docs/docs/api/model/resource.md +++ b/docs/docs/api/model/resource.md @@ -3,9 +3,7 @@ title: Resource sidebar_position: 13 --- -> **[@experimental](./#experimental)**<br/> -> **@types** [IPublicModelResource](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/resource.ts)<br/> -> **@since** v1.1.0 +> **[@experimental](./#experimental)**<br/> > **@types** [IPublicModelResource](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/resource.ts)<br/> > **@since** v1.1.0 ## 属性 @@ -55,4 +53,4 @@ sidebar_position: 13 资源配置信息 -`@type {Object}` \ No newline at end of file +`@type {Object}` diff --git a/docs/docs/api/model/selection.md b/docs/docs/api/model/selection.md index 9fc2e3a1cc..3b36087914 100644 --- a/docs/docs/api/model/selection.md +++ b/docs/docs/api/model/selection.md @@ -2,14 +2,15 @@ title: Selection sidebar_position: 6 --- -> **@types** [IPublicModelSelection](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/selection.ts)<br/> -> **@since** v1.0.0 + +> **@types** [IPublicModelSelection](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/selection.ts)<br/> > **@since** v1.0.0 ## 基本介绍画布节点选中模型 ## 属性 + ### selected 返回选中的节点 id @@ -17,15 +18,17 @@ sidebar_position: 6 `@type {string[]}` ### node + 返回选中的节点（如多个节点只返回第一个） `@type {IPublicModelNode | null}` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) **@since v1.1.0** ## 方法 + ### select 选中指定节点（覆盖方式） @@ -116,14 +119,15 @@ add(id: string): void; getNodes(): IPublicModelNode[]; ``` -相关类型：[IPublicModelNode](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) +相关类型：[IPublicModelNode](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/node.ts) ### getTopNodes + 获取选区的顶层节点例如选中的节点为： - DivA - - ChildrenA + - ChildrenA - DivB getNodes 返回的是 [DivA、ChildrenA、DivB]，getTopNodes 返回的是 [DivA、DivB]，其中 ChildrenA 由于是二层节点，getTopNodes 不会返回 @@ -143,6 +147,7 @@ getTopNodes(includeRoot?: boolean): IPublicModelNode[]; **@since v1.0.16** ## 事件 + ### onSelectionChange 注册 selection 变化事件回调 @@ -156,6 +161,6 @@ getTopNodes(includeRoot?: boolean): IPublicModelNode[]; onSelectionChange(fn: (ids: string[]) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) -**@since v1.1.0** \ No newline at end of file +**@since v1.1.0** diff --git a/docs/docs/api/model/setting-field.md b/docs/docs/api/model/setting-field.md index 226a0c7e5b..1e66be3d6a 100644 --- a/docs/docs/api/model/setting-field.md +++ b/docs/docs/api/model/setting-field.md @@ -2,7 +2,8 @@ title: SettingField sidebar_position: 6 --- -> **@types** [IPublicModelSettingField](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-field.ts)<br/> + +> **@types** [IPublicModelSettingField](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/setting-field.ts)<br/> ## 基本介绍 @@ -16,7 +17,6 @@ setter 设置器操作对象 `@type {boolean}` - #### id 获取设置属性的 id @@ -71,7 +71,7 @@ setter 设置器操作对象相关章节：[设置器顶层操作对象](./setting-top-entry) -相关类型：[IPublicModelSettingTopEntry](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts) +相关类型：[IPublicModelSettingTopEntry](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts) #### node @@ -79,7 +79,6 @@ setter 设置器操作对象 `@type {IPublicModelNode | null}` - #### parent 获取设置属性的父设置属性 @@ -88,7 +87,7 @@ setter 设置器操作对象相关章节：[设置器顶层操作对象](./setting-top-entry) -相关类型：[IPublicModelSettingTopEntry](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts) +相关类型：[IPublicModelSettingTopEntry](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts) #### top @@ -98,7 +97,7 @@ setter 设置器操作对象相关章节：[设置器顶层操作对象](./setting-top-entry) -相关类型：[IPublicModelSettingTopEntry](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts) +相关类型：[IPublicModelSettingTopEntry](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts) #### isSettingField @@ -110,7 +109,7 @@ setter 设置器操作对象 `@type {IPublicModelComponentMeta}` -相关类型：[IPublicModelComponentMeta](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/component-meta.ts) +相关类型：[IPublicModelComponentMeta](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/component-meta.ts) #### items @@ -118,7 +117,7 @@ setter 设置器操作对象 `@type {Array<IPublicModelSettingField | IPublicTypeCustomView>}` -相关类型：[IPublicTypeCustomView](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/custom-view.ts) +相关类型：[IPublicTypeCustomView](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/custom-view.ts) ## 方法 @@ -147,8 +146,9 @@ setValue(val: IPublicTypeCompositeValue, extraOptions?: IPublicTypeSetValueOptio ``` 相关类型： -- [IPublicTypeCompositeValue](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) -- [IPublicTypeSetValueOptions](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/set-value-options.ts) + +- [IPublicTypeCompositeValue](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts) +- [IPublicTypeSetValueOptions](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/set-value-options.ts) #### setPropValue @@ -248,7 +248,7 @@ getProps(): IPublicModelSettingTopEntry; 相关章节：[设置器顶层操作对象](./setting-top-entry) -相关类型：[IPublicModelSettingTopEntry](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts) +相关类型：[IPublicModelSettingTopEntry](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts) #### isUseVariable @@ -287,7 +287,7 @@ setUseVariable(flag: boolean): void; createField(config: IPublicTypeFieldConfig): IPublicModelSettingField; ``` -相关类型：[IPublicTypeFieldConfig](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/field-config.ts) +相关类型：[IPublicTypeFieldConfig](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/field-config.ts) #### getMockOrValue @@ -339,4 +339,4 @@ remove(): void; onEffect(action: () => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) \ No newline at end of file +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) diff --git a/docs/docs/api/model/setting-top-entry.md b/docs/docs/api/model/setting-top-entry.md index 2e2cad52be..2061c21733 100644 --- a/docs/docs/api/model/setting-top-entry.md +++ b/docs/docs/api/model/setting-top-entry.md @@ -2,7 +2,8 @@ title: SettingTopEntry sidebar_position: 6 --- -> **@types** [IPublicModelSettingTopEntry](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts)<br/> + +> **@types** [IPublicModelSettingTopEntry](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts)<br/> ## 基本介绍 @@ -30,10 +31,10 @@ setter 设置器顶层操作对象 */ get(propName: string | number): IPublicModelSettingField | null; ``` -相关章节：[设置器操作对象](./setting-field) -相关类型：[IPublicModelSettingField](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-field.ts) +相关章节：[设置器操作对象](./setting-field) +相关类型：[IPublicModelSettingField](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/setting-field.ts) #### getPropValue @@ -71,4 +72,4 @@ setPropValue(propName: string | number, value: any): void; * @param propName */ clearPropValue(propName: string | number): void; -``` \ No newline at end of file +``` diff --git a/docs/docs/api/model/simulatorRender.md b/docs/docs/api/model/simulatorRender.md index f5bacec493..a98703bb2e 100644 --- a/docs/docs/api/model/simulatorRender.md +++ b/docs/docs/api/model/simulatorRender.md @@ -2,14 +2,15 @@ title: SimulatorRender sidebar_position: 6 --- -> **@types** [IPublicModelSimulatorRender](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/simulator-render.ts)<br/> -> **@since** v1.0.0 + +> **@types** [IPublicModelSimulatorRender](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/simulator-render.ts)<br/> > **@since** v1.0.0 ## 基本介绍画布节点选中模型 ## 属性 + ### components 画布组件列表 @@ -35,4 +36,3 @@ components: { */ rerender: () => void; ``` - diff --git a/docs/docs/api/model/window.md b/docs/docs/api/model/window.md index 9db39996fa..5ba232cb69 100644 --- a/docs/docs/api/model/window.md +++ b/docs/docs/api/model/window.md @@ -3,10 +3,7 @@ title: Window sidebar_position: 12 --- -> **[@experimental](./#experimental)**<br/> -> **@types** [IPublicModelWindow](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/window.ts)<br/> -> **@since** v1.1.0 - +> **[@experimental](./#experimental)**<br/> > **@types** [IPublicModelWindow](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/window.ts)<br/> > **@since** v1.1.0 ## 基本介绍 @@ -39,6 +36,7 @@ sidebar_position: 12 关联模型 [IPublicModelResource](./resource) ### currentEditorView + 窗口当前视图 `@type {IPublicModelEditorView}` @@ -60,22 +58,25 @@ sidebar_position: 12 ## 方法 ### importSchema + 当前窗口导入 schema, 会调用当前窗口对应资源的 import 钩子 ```typescript -function importSchema(schema: IPublicTypeNodeSchema): void +function importSchema(schema: IPublicTypeNodeSchema): void; ``` -相关类型：[IPublicTypeNodeSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) +相关类型：[IPublicTypeNodeSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/node-schema.ts) ### changeViewType + 修改当前窗口视图类型 ```typescript -function changeViewType(viewName: string): void +function changeViewType(viewName: string): void; ``` ### save + 当前窗口的保存方法，会调用当前窗口对应资源的 save 钩子 ```typescript @@ -92,7 +93,7 @@ function save(): Promise(void) onChangeViewType(fn: (viewName: string) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onSave @@ -102,6 +103,6 @@ onChangeViewType(fn: (viewName: string) => void): IPublicTypeDisposable; onSave(fn: () => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) **@since v1.1.7** diff --git a/docs/docs/api/plugins.md b/docs/docs/api/plugins.md index 19a462867a..e30e0d9b76 100644 --- a/docs/docs/api/plugins.md +++ b/docs/docs/api/plugins.md @@ -3,7 +3,7 @@ title: plugins - 插件 API sidebar_position: 2 --- -> **@types** [IPublicApiPlugins](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/plugins.ts)<br/> > **@since** v1.0.0 +> **@types** [IPublicApiPlugins](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/plugins.ts)<br/> > **@since** v1.0.0 ## 模块简介 @@ -24,8 +24,8 @@ async function register( 相关 types: -- [IPublicTypePlugin](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/plugin.ts) -- [IPublicTypePluginRegisterOptions](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/plugin-register-options.ts) +- [IPublicTypePlugin](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/plugin.ts) +- [IPublicTypePluginRegisterOptions](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/plugin-register-options.ts) 其中第一个参数 plugin 通过低代码工具链的插件脚手架生成编写模板，开发者可以参考[这个章节](/site/docs/guide/expand/editor/cli)进行创建 @@ -97,7 +97,7 @@ await plugins.register(PluginA); await plugins.register(PluginB); ``` -> 注：ctx 是在插件中获取引擎 API 的唯一渠道，具体定义参见 [IPublicModelPluginContext](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/plugin-context.ts) +> 注：ctx 是在插件中获取引擎 API 的唯一渠道，具体定义参见 [IPublicModelPluginContext](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/plugin-context.ts) #### 设置兼容引擎版本示例 @@ -239,9 +239,9 @@ getPluginPreference( ## 相关类型定义 -- [IPublicModelPluginContext](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/plugin-context.ts) -- [IPublicTypePluginConfig](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/plugin-config.ts) -- [IPublicModelPluginInstance](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/plugin-instance.ts) +- [IPublicModelPluginContext](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/plugin-context.ts) +- [IPublicTypePluginConfig](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/plugin-config.ts) +- [IPublicModelPluginInstance](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/plugin-instance.ts) ## 插件元数据工程转化示例 diff --git a/docs/docs/api/project.md b/docs/docs/api/project.md index 20bdceb69e..ce52891da9 100644 --- a/docs/docs/api/project.md +++ b/docs/docs/api/project.md @@ -41,7 +41,7 @@ sidebar_position: 10 get currentDocument(): IPublicModelDocumentModel | null; ``` -相关类型：[IPublicModelDocumentModel](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/document-model.ts) +相关类型：[IPublicModelDocumentModel](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/document-model.ts) ### documents @@ -56,7 +56,7 @@ get currentDocument(): IPublicModelDocumentModel | null; get documents(): IPublicModelDocumentModel[]; ``` -相关类型：[IPublicModelDocumentModel](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/document-model.ts) +相关类型：[IPublicModelDocumentModel](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/document-model.ts) ### simulatorHost @@ -70,7 +70,7 @@ get documents(): IPublicModelDocumentModel[]; get simulatorHost(): IPublicApiSimulatorHost | null; ``` -相关类型：[IPublicApiSimulatorHost](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/simulator-host.ts) +相关类型：[IPublicApiSimulatorHost](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/simulator-host.ts) ## 方法 @@ -89,8 +89,8 @@ openDocument(doc?: string | IPublicTypeRootSchema | undefined): IPublicModelDocu 相关类型： -- [IPublicApiSimulatorHost](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/simulator-host.ts) -- [IPublicTypeRootSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/root-schema.ts) +- [IPublicApiSimulatorHost](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/simulator-host.ts) +- [IPublicTypeRootSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/root-schema.ts) ### createDocument @@ -108,8 +108,8 @@ createDocument(data?: IPublicTypeRootSchema): IPublicModelDocumentModel | null; 相关类型： -- [IPublicApiSimulatorHost](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/simulator-host.ts) -- [IPublicTypeRootSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/root-schema.ts) +- [IPublicApiSimulatorHost](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/simulator-host.ts) +- [IPublicTypeRootSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/root-schema.ts) ### removeDocument @@ -124,7 +124,7 @@ createDocument(data?: IPublicTypeRootSchema): IPublicModelDocumentModel | null; removeDocument(doc: IPublicModelDocumentModel): void; ``` -相关类型：[IPublicApiSimulatorHost](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/simulator-host.ts) +相关类型：[IPublicApiSimulatorHost](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/simulator-host.ts) ### getDocumentByFileName @@ -140,7 +140,7 @@ removeDocument(doc: IPublicModelDocumentModel): void; getDocumentByFileName(fileName: string): IPublicModelDocumentModel | null; ``` -相关类型：[IPublicApiSimulatorHost](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/simulator-host.ts) +相关类型：[IPublicApiSimulatorHost](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/simulator-host.ts) ### getDocumentById @@ -156,7 +156,7 @@ getDocumentByFileName(fileName: string): IPublicModelDocumentModel | null; getDocumentById(id: string): IPublicModelDocumentModel | null; ``` -相关类型：[IPublicApiSimulatorHost](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/simulator-host.ts) +相关类型：[IPublicApiSimulatorHost](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/simulator-host.ts) ### exportSchema @@ -173,8 +173,8 @@ exportSchema(stage: IPublicEnumTransformStage): IPublicTypeProjectSchema; 相关类型： -- [IPublicEnumTransformStage](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/enum/transform-stage.ts) -- [IPublicTypeProjectSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/project-schema.ts) +- [IPublicEnumTransformStage](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/enum/transform-stage.ts) +- [IPublicTypeProjectSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/project-schema.ts) ### importSchema @@ -189,7 +189,7 @@ exportSchema(stage: IPublicEnumTransformStage): IPublicTypeProjectSchema; importSchema(schema?: IPublicTypeProjectSchema): void; ``` -相关类型：[IPublicTypeProjectSchema](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/project-schema.ts) +相关类型：[IPublicTypeProjectSchema](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/project-schema.ts) ### addPropsTransducer @@ -210,8 +210,8 @@ addPropsTransducer( 相关类型： -- [IPublicTypePropsTransducer](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/props-transducer.ts) -- [IPublicEnumTransformStage](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/enum/transform-stage.ts) +- [IPublicTypePropsTransducer](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/props-transducer.ts) +- [IPublicEnumTransformStage](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/enum/transform-stage.ts) **示例** 在保存的时候删除每一个组件的 props.hidden @@ -249,7 +249,7 @@ DeleteHiddenTransducer.pluginName = 'DeleteHiddenTransducer'; ```typescript /** * 设置多语言语料 - * 数据格式参考 https://github.com/alibaba/lowcode-engine/blob/main/specs/lowcode-spec.md#2434%E5%9B%BD%E9%99%85%E5%8C%96%E5%A4%9A%E8%AF%AD%E8%A8%80%E7%B1%BB%E5%9E%8Baa + * 数据格式参考 https://github.com/fe-lce/lowcode-engine/blob/main/specs/lowcode-spec.md#2434%E5%9B%BD%E9%99%85%E5%8C%96%E5%A4%9A%E8%AF%AD%E8%A8%80%E7%B1%BB%E5%9E%8Baa * * set I18n data for this project * @param value object @@ -306,7 +306,7 @@ export {}; onRemoveDocument(fn: (data: { id: string }) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) **@since v1.0.16** @@ -324,8 +324,8 @@ onChangeDocument(fn: (doc: IPublicModelDocumentModel) => void): IPublicTypeDispo 相关类型： -- [IPublicModelDocumentModel](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/document-model.ts) -- [IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +- [IPublicModelDocumentModel](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/model/document-model.ts) +- [IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onSimulatorHostReady @@ -341,8 +341,8 @@ onSimulatorHostReady(fn: (host: IPublicApiSimulatorHost) => void): IPublicTypeDi 相关类型： -- [IPublicApiSimulatorHost](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/simulator-host.ts) -- [IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +- [IPublicApiSimulatorHost](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/simulator-host.ts) +- [IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onSimulatorRendererReady @@ -356,4 +356,4 @@ onSimulatorHostReady(fn: (host: IPublicApiSimulatorHost) => void): IPublicTypeDi onSimulatorRendererReady(fn: () => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) diff --git a/docs/docs/api/setters.md b/docs/docs/api/setters.md index 6370dff3ec..ca79d1b605 100644 --- a/docs/docs/api/setters.md +++ b/docs/docs/api/setters.md @@ -3,7 +3,7 @@ title: setters - 设置器 API sidebar_position: 10 --- -> **@types** [IPublicApiSetters](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/setters.ts)<br/> > **@since** v1.0.0 +> **@types** [IPublicApiSetters](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/setters.ts)<br/> > **@since** v1.0.0 ## 模块简介 @@ -25,7 +25,7 @@ sidebar_position: 10 getSetter(type: string): IPublicTypeRegisteredSetter | null; ``` -相关类型：[IPublicTypeRegisteredSetter](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/registerd-setter.ts) +相关类型：[IPublicTypeRegisteredSetter](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/registerd-setter.ts) ### getSettersMap @@ -42,7 +42,7 @@ getSettersMap(): Map<string, IPublicTypeRegisteredSetter & { }>; ``` -相关类型：[IPublicTypeRegisteredSetter](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/registerd-setter.ts) +相关类型：[IPublicTypeRegisteredSetter](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/registerd-setter.ts) ### registerSetter @@ -64,8 +64,8 @@ registerSetter( 相关类型： -- [IPublicTypeRegisteredSetter](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/registerd-setter.ts) -- [IPublicTypeCustomView](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/custom-view.ts) +- [IPublicTypeRegisteredSetter](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/registerd-setter.ts) +- [IPublicTypeCustomView](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/custom-view.ts) ## 使用示例 diff --git a/docs/docs/api/simulatorHost.md b/docs/docs/api/simulatorHost.md index 70eaca0220..5efb6e89ef 100644 --- a/docs/docs/api/simulatorHost.md +++ b/docs/docs/api/simulatorHost.md @@ -2,15 +2,19 @@ title: simulatorHost - 模拟器 API sidebar_position: 10 --- -> **@types** [IPublicApiSimulatorHost](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/simulator-host.ts)<br/> -> **@since** v1.0.0 + +> **@types** [IPublicApiSimulatorHost](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/simulator-host.ts)<br/> > **@since** v1.0.0 ## 模块简介 + 负责模拟器相关的 API，包括画布尺寸、语言等。 ## 方法 + ### set + 设置 host 配置值 + ```typescript /** * 设置若干用于画布渲染的变量，比如画布大小、locale 等。 @@ -20,22 +24,27 @@ sidebar_position: 10 */ set(key: string, value: any): void; ``` + **示例** 设置若干用于画布渲染的变量，比如画布大小、locale 等。以设置画布大小为例：目前支持 3 种定制方式： -```typescript +```typescript // 直接使用内置设备类型 project.simulatorHost.set('device', 'mobile' / 'iphonex' / 'iphone6' / 'default'); // 定制 canvas 的样式类 project.simulatorHost.set('deviceClassName', 'my-canvas-class'); // 最灵活的方式，直接设置 canvas / viewport 的样式（canvas 是外框，viewport 是内框，可以在 canvas 设置手机 / 平板背景图） -project.simulatorHost.set('deviceStyle', { canvas: { width: '300px', backgroundColor: 'red' }, viewport: { width: '280px' } }); +project.simulatorHost.set('deviceStyle', { + canvas: { width: '300px', backgroundColor: 'red' }, + viewport: { width: '280px' }, +}); ``` ### get + 获取模拟器中设置的变量，比如画布大小、locale 等。 ```typescript @@ -50,6 +59,7 @@ get(key: string): any; ``` ### rerender + 触发组件构建，并刷新渲染画布 ```typescript @@ -61,6 +71,7 @@ rerender(): void; ``` ### scrollToNode + 滚动到指定节点 ```typescript @@ -72,4 +83,5 @@ rerender(): void; */ scrollToNode(node: IPublicModelNode): void; ``` + **@since v1.1.0** diff --git a/docs/docs/api/skeleton.md b/docs/docs/api/skeleton.md index 5b07624643..7269bec9d1 100644 --- a/docs/docs/api/skeleton.md +++ b/docs/docs/api/skeleton.md @@ -3,7 +3,7 @@ title: skeleton - 面板 API sidebar_position: 10 --- -> **@types** [IPublicApiSkeleton](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/skeleton.ts)<br/> > **@since** v1.0.0 +> **@types** [IPublicApiSkeleton](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/skeleton.ts)<br/> > **@since** v1.0.0 ## 模块简介 @@ -204,7 +204,7 @@ remove(config: IPublicTypeWidgetBaseConfig): number | undefined; getPanel(name: string): IPublicModelSkeletonItem | undefined; ``` -相关类型：[IPublicModelSkeletonItem](https://github.com/alibaba/lowcode-engine/blob/main/packages/shell/src/model/skeleton-item.ts) +相关类型：[IPublicModelSkeletonItem](https://github.com/fe-lce/lowcode-engine/blob/main/packages/shell/src/model/skeleton-item.ts) @since v1.1.10 @@ -326,7 +326,7 @@ hideArea(areaName: string): void; getAreaItems(areaName: IPublicTypeWidgetConfigArea): IPublicModelSkeletonItem[] | undefined; ``` -相关类型：[IPublicModelSkeletonItem](https://github.com/alibaba/lowcode-engine/blob/main/packages/shell/src/model/skeleton-item.ts) +相关类型：[IPublicModelSkeletonItem](https://github.com/fe-lce/lowcode-engine/blob/main/packages/shell/src/model/skeleton-item.ts) ### registerConfigTransducer @@ -406,7 +406,7 @@ export default controlPanelWidthPlugin; onShowPanel(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onHidePanel @@ -422,7 +422,7 @@ onShowPanel(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) => v onHidePanel(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onDisableWidget @@ -436,7 +436,7 @@ onHidePanel(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) => v onDisableWidget(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onEnableWidget @@ -450,7 +450,7 @@ onDisableWidget(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) onEnableWidget(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onShowWidget @@ -466,7 +466,7 @@ onEnableWidget(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) = onShowWidget(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onHideWidget @@ -482,7 +482,7 @@ onShowWidget(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) => onHideWidget(listener: (paneName?: string, panel?: IPublicModelSkeletonItem) => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ## 使用示例 diff --git a/docs/docs/api/workspace.md b/docs/docs/api/workspace.md index 74f7d6950f..fef81e48be 100644 --- a/docs/docs/api/workspace.md +++ b/docs/docs/api/workspace.md @@ -3,9 +3,7 @@ title: workspace - 应用级 API sidebar_position: 10 --- -> **[@experimental](./#experimental)**<br/> -> **@types** [IPublicApiWorkspace](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/api/workspace.ts)<br/> -> **@since** v1.1.0 +> **[@experimental](./#experimental)**<br/> > **@types** [IPublicApiWorkspace](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/api/workspace.ts)<br/> > **@since** v1.1.0 ## 模块简介 @@ -70,6 +68,7 @@ get resourceList(): IPublicModelResource; ## 方法 ### registerResourceType + 注册资源 ```typescript @@ -77,7 +76,7 @@ get resourceList(): IPublicModelResource; registerResourceType(resourceTypeModel: IPublicTypeResourceType): void; ``` -相关类型：[IPublicTypeResourceType](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/resource-type.ts) +相关类型：[IPublicTypeResourceType](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/resource-type.ts) ### setResourceList @@ -87,7 +86,7 @@ registerResourceType(resourceTypeModel: IPublicTypeResourceType): void; setResourceList(resourceList: IPublicResourceList) {} ``` -相关类型：[IPublicResourceData](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/resource-list.ts) +相关类型：[IPublicResourceData](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/resource-list.ts) ### openEditorWindow @@ -147,7 +146,7 @@ removeEditorWindowById(id: string): void; function onChangeWindows(fn: () => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onChangeActiveWindow @@ -157,8 +156,7 @@ active 窗口变更事件 function onChangeActiveWindow(fn: () => void): IPublicTypeDisposable; ``` -相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) - +相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) ### onResourceListChange @@ -168,5 +166,5 @@ function onChangeActiveWindow(fn: () => void): IPublicTypeDisposable; onResourceListChange(fn: (resourceList: IPublicResourceList): void): (): IPublicTypeDisposable; ``` -- 相关类型：[IPublicResourceOptions](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/resource-options.ts) -- 相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) +- 相关类型：[IPublicResourceOptions](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/resource-options.ts) +- 相关类型：[IPublicTypeDisposable](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts) diff --git a/docs/docs/demoUsage/appendix/loop.md b/docs/docs/demoUsage/appendix/loop.md index 46f39398af..da536c77e8 100644 --- a/docs/docs/demoUsage/appendix/loop.md +++ b/docs/docs/demoUsage/appendix/loop.md @@ -2,6 +2,7 @@ title: 如何使用循环值 sidebar_position: 0 --- + 1.设置循环数据 ![image.png](https://img.alicdn.com/imgextra/i1/O1CN01Gw1kXO1qaXulQCWap_!!6000000005512-2-tps-3840-1900.png) @@ -19,10 +20,10 @@ this.index 是当前循环的索引值。 3.在事件绑定函数中使用在事件绑定函数中使用扩展参数设置 -![image](https://github.com/alibaba/lowcode-engine/assets/11935995/7274506e-decd-497a-b07f-c95941a706b4) +![image](https://github.com/fe-lce/lowcode-engine/assets/11935995/7274506e-decd-497a-b07f-c95941a706b4) 绑定之后在函数中使用 -![image](https://github.com/alibaba/lowcode-engine/assets/11935995/9d52ee5c-9959-4991-91be-9391e639bb7e) +![image](https://github.com/fe-lce/lowcode-engine/assets/11935995/9d52ee5c-9959-4991-91be-9391e639bb7e) 按钮点击效果 -![image](https://github.com/alibaba/lowcode-engine/assets/11935995/6ca590c9-1f5f-4d48-94a5-439130a22e92) +![image](https://github.com/fe-lce/lowcode-engine/assets/11935995/6ca590c9-1f5f-4d48-94a5-439130a22e92) diff --git a/docs/docs/faq/faq003.md b/docs/docs/faq/faq003.md index 780614dcfc..139182ce4b 100644 --- a/docs/docs/faq/faq003.md +++ b/docs/docs/faq/faq003.md @@ -3,20 +3,25 @@ title: 点击事件如何添加参数 sidebar_position: 3 tags: [FAQ] --- + 背景： -- [Antd Table 下 button 点击事件怎么拿到行数据？](https://github.com/alibaba/lowcode-engine/issues/341) +- [Antd Table 下 button 点击事件怎么拿到行数据？](https://github.com/fe-lce/lowcode-engine/issues/341) + ## 方式 1 + ![image.png](https://img.alicdn.com/imgextra/i4/O1CN01i58EGG1bxFJBdlS6x_!!6000000003531-2-tps-3342-1126.png) 参考 fusion protable，将操作列直接耦合 button 组件，因为 col.render 函数能拿到行数据 record，那么 pro-table 组件封装的时候，就可以在渲染操作列按钮的时候，将 col.render 参数透传给 button 组件 ## 方式 2 + slot + 扩展参数 ![image.png](https://img.alicdn.com/imgextra/i2/O1CN01pQk2RC1WBXyxjNDif_!!6000000002750-2-tps-3284-1148.png) 将扩展参数写成： + ```json { record: this.record, @@ -25,6 +30,7 @@ slot + 扩展参数 ``` 那事件处理函数的第二个参数即可得到： + ```json onClick_new_new(...args){ console.log(args) diff --git a/docs/docs/faq/faq009.md b/docs/docs/faq/faq009.md index e54229ac0e..d1375b100c 100644 --- a/docs/docs/faq/faq009.md +++ b/docs/docs/faq/faq009.md @@ -12,7 +12,7 @@ tags: [FAQ] **解决方案** LowCodeEngine 升级到 1.0.8 -> 相关 PR：[https://github.com/alibaba/lowcode-engine/pull/383](https://github.com/alibaba/lowcode-engine/pull/383) +> 相关 PR：[https://github.com/fe-lce/lowcode-engine/pull/383](https://github.com/fe-lce/lowcode-engine/pull/383) ## 编辑态，snippets 和注入组件不对应 diff --git a/docs/docs/faq/faq014.md b/docs/docs/faq/faq014.md index 8f5f15fe31..1cccfaee08 100644 --- a/docs/docs/faq/faq014.md +++ b/docs/docs/faq/faq014.md @@ -3,18 +3,25 @@ title: VERSION_PLACEHOLDER is not defined sidebar_position: 14 tags: [FAQ] --- + # 问题原因 -由于 lowcode-engine 目前只提供 cdn 的使用方式。如果是自己创建的项目，遇到这个报错了，主要是因为将 npm 包打包进去了。 + +由于 lowcode-engine 目前只提供 cdn 的使用方式。如果是自己创建的项目，遇到这个报错了，主要是因为将 npm 包打包进去了。 # 解决方案 ## engine-demo 项目 -在项目的 externals 配置里加[一行配置](https://github.com/alibaba/lowcode-demo/blob/f8afad0df3190565caccc0a1dfd750dbf84c680f/build.json#L16) + +在项目的 externals 配置里加[一行配置](https://github.com/fe-lce/lowcode-demo/blob/f8afad0df3190565caccc0a1dfd750dbf84c680f/build.json#L16) ## 其他项目 + [相关文档](/site/docs/guide/create/useEditor#引入-umd-包资源) + ### webpack + [https://webpack.docschina.org/configuration/externals/](https://webpack.docschina.org/configuration/externals/) ### 使用文档 + 待补充 diff --git a/docs/docs/faq/faq018.md b/docs/docs/faq/faq018.md index b5a5902404..679eef1989 100644 --- a/docs/docs/faq/faq018.md +++ b/docs/docs/faq/faq018.md @@ -3,8 +3,9 @@ title: 是否可以生成 Vue 页面代码？ sidebar_position: 18 tags: [FAQ] --- + 低代码引擎在架构上是和具体语言无关的，通过一定的扩展和插件是可以生成 Vue 页面代码的。 -如果只是用现有的基于 React 的 fusion 物料来搭建，只是在最终出码的时候生成 Vue 页面代码，那您需要准备一套和 fusion 兼容的 vue 物料，并定制个出码方案，将[下面的一些出码插件](https://github.com/alibaba/lowcode-engine/blob/main/modules/code-generator/src/solutions/icejs.ts)替换成生成 Vue 框架的即可： +如果只是用现有的基于 React 的 fusion 物料来搭建，只是在最终出码的时候生成 Vue 页面代码，那您需要准备一套和 fusion 兼容的 vue 物料，并定制个出码方案，将[下面的一些出码插件](https://github.com/fe-lce/lowcode-engine/blob/main/modules/code-generator/src/solutions/icejs.ts)替换成生成 Vue 框架的即可： ![image.png](https://img.alicdn.com/imgextra/i3/O1CN01VxkwCL1l85DiDC2BO_!!6000000004773-2-tps-974-1368.png) 详细定制方案可以参考下[《自定义出码》](/site/docs/guide/expand/runtime/codeGeneration#5自定义出码)。如果您希望在搭建的时候也使用 Vue 的物料，则还需要扩展定制入料、画布和渲染器等模块，详细方案请参考下[《扩展低代码编辑器》](/site/docs/guide/expand/editor/summary) diff --git a/docs/docs/faq/faq023.md b/docs/docs/faq/faq023.md index e03f7118e0..72ee0c1ef4 100644 --- a/docs/docs/faq/faq023.md +++ b/docs/docs/faq/faq023.md @@ -5,16 +5,20 @@ tags: [FAQ] --- ## 问题描述 + 在低代码引擎的页面渲染过程中，可能会遇到一个关于Slot组件的报错，提示“Slot找不到”。实际上，在渲染态时不应使用Slot组件。 ## 问题原因 + 低代码引擎渲染分为两个状态：设计态和渲染态。 + - **设计态**：为了帮助插槽进行可视化设计，引入了Slot组件。 - **渲染态**：在此状态下，不需要使用Slot组件。这个问题通常是因为在渲染态错误地使用了设计态的schema。 ## 解决方案 + 1. **区分设计态和渲染态**：通过`project.exportSchema(TransformStage.Save)`的参数来区分。 - `TransformStage.Save`代表渲染态的schema，其中不包含Slot组件。 - 【默认值】`TransformStage.Render`代表设计态的schema，其中包含Slot组件。 @@ -22,10 +26,12 @@ tags: [FAQ] 3. **处理脏数据问题**：如果问题是由脏数据导致，清除数据并重新拖拽组件以恢复正常。 ## 注意事项 + - 确保在代码和配置中正确区分设计态和渲染态。 - 如果遇到持续的问题，检查是否有脏数据或配置错误，并进行相应的清理和调整。 ## 相关链接 -- Issue链接：[Issue #1798](https://github.com/alibaba/lowcode-engine/issues/1798) + +- Issue链接：[Issue #1798](https://github.com/fe-lce/lowcode-engine/issues/1798) --- diff --git a/docs/docs/guide/appendix/npms.md b/docs/docs/guide/appendix/npms.md index 24cf78a36e..e1f016ae34 100644 --- a/docs/docs/guide/appendix/npms.md +++ b/docs/docs/guide/appendix/npms.md @@ -3,46 +3,46 @@ title: NPM 包对应源码位置汇总 sidebar_position: 3 --- -| 包名 | 仓库 | 路径 | -| -------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------ | -| @lce/lowcode-code-generator | [https://github.com/alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine) | modules/code-generator | -| @lce/lowcode-material-parser | [https://github.com/alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine) | modules/material-parser | -| @lce/lowcode-designer | [https://github.com/alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine) | packages/designer | -| @lce/lowcode-editor-core | [https://github.com/alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine) | packages/editor-core | -| @lce/lowcode-editor-skeleton | [https://github.com/alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine) | packages/editor-skeleton | -| @lce/lowcode-engine | [https://github.com/alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine) | packages/engine | -| @lce/lowcode-plugin-designer | [https://github.com/alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine) | packages/plugin-designer | -| @lce/lowcode-plugin-outline-pane | [https://github.com/alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine) | packages/plugin-outline-pane | -| @lce/lowcode-react-renderer | [https://github.com/alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine) | packages/react-renderer | -| @lce/lowcode-react-simulator-renderer | [https://github.com/alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine) | packages/react-simulator-renderer | -| @lce/lowcode-renderer-core | [https://github.com/alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine) | packages/renderer-core | -| @lce/lowcode-shell | [https://github.com/alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine) | packages/shell | -| @lce/lowcode-types | [https://github.com/alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine) | packages/types | -| @lce/lowcode-utils | [https://github.com/alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine) | packages/utils | -| @alilc/lowcode-datasource-engine | [https://github.com/alibaba/lowcode-datasource](https://github.com/alibaba/lowcode-datasource) | packages/datasource-engine | -| @alilc/lowcode-datasource-fetch-handler | [https://github.com/alibaba/lowcode-datasource](https://github.com/alibaba/lowcode-datasource) | packages/datasource-fetch-handler | -| @alilc/lowcode-datasource-jsonp-handler | [https://github.com/alibaba/lowcode-datasource](https://github.com/alibaba/lowcode-datasource) | packages/datasource-jsonp-handler | -| @alilc/lowcode-datasource-mopen-handler | [https://github.com/alibaba/lowcode-datasource](https://github.com/alibaba/lowcode-datasource) | packages/datasource-mopen-handler | -| @alilc/lowcode-datasource-mtop-handler | [https://github.com/alibaba/lowcode-datasource](https://github.com/alibaba/lowcode-datasource) | packages/datasource-mtop-handler | -| @alilc/lowcode-datasource-types | [https://github.com/alibaba/lowcode-datasource](https://github.com/alibaba/lowcode-datasource) | packages/datasource-types | -| @alilc/lowcode-datasource-universal-mtop-handler | [https://github.com/alibaba/lowcode-datasource](https://github.com/alibaba/lowcode-datasource) | packages/datasource-universal-mtop-handler | -| @alilc/lowcode-datasource-url-params-handler | [https://github.com/alibaba/lowcode-datasource](https://github.com/alibaba/lowcode-datasource) | packages/datasource-url-params-handler | -| @alilc/build-plugin-alt | [https://github.com/alibaba/lowcode-tools](https://github.com/alibaba/lowcode-tools) | packages/build-plugin-alt | -| @alilc/create-element | [https://github.com/alibaba/lowcode-tools](https://github.com/alibaba/lowcode-tools) | packages/create-element | -| @alilc/lowcode-plugin-inject | [https://github.com/alibaba/lowcode-tools](https://github.com/alibaba/lowcode-tools) | packages/lowcode-plugin-inject | -| @alilc/action-block | [https://github.com/alibaba/lowcode-plugins](https://github.com/alibaba/lowcode-plugins) | packages/action-block | -| @alilc/lowcode-plugin-base-monaco-editor | [https://github.com/alibaba/lowcode-plugins](https://github.com/alibaba/lowcode-plugins) | packages/plugin-base-monaco-editor | -| @alilc/lowcode-plugin-block | [https://github.com/alibaba/lowcode-plugins](https://github.com/alibaba/lowcode-plugins) | packages/plugin-block | -| @alilc/lowcode-plugin-code-editor | [https://github.com/alibaba/lowcode-plugins](https://github.com/alibaba/lowcode-plugins) | packages/plugin-code-editor | -| @alilc/lowcode-plugin-components-pane | [https://github.com/alibaba/lowcode-plugins](https://github.com/alibaba/lowcode-plugins) | packages/plugin-components-pane | -| @alilc/lowcode-plugin-datasource-pane | [https://github.com/alibaba/lowcode-plugins](https://github.com/alibaba/lowcode-plugins) | packages/plugin-datasource-pane | -| @alilc/lowcode-plugin-manual | [https://github.com/alibaba/lowcode-plugins](https://github.com/alibaba/lowcode-plugins) | packages/plugin-manual | -| @alilc/lowcode-plugin-schema | [https://github.com/alibaba/lowcode-plugins](https://github.com/alibaba/lowcode-plugins) | packages/plugin-schema | -| @alilc/lowcode-plugin-undo-redo | [https://github.com/alibaba/lowcode-plugins](https://github.com/alibaba/lowcode-plugins) | packages/plugin-undo-redo | -| @alilc/lowcode-plugin-zh-en | [https://github.com/alibaba/lowcode-plugins](https://github.com/alibaba/lowcode-plugins) | packages/plugin-zh-en | -| @alifd/fusion-ui | [https://github.com/alibaba/lowcode-materials](https://github.com/alibaba/lowcode-materials) | packages/fusion-ui | -| @alilc/lowcode-materials | [https://github.com/alibaba/lowcode-materials](https://github.com/alibaba/lowcode-materials) | packages/fusion-lowcode-materials | -| @alilc/antd-lowcode-materials | [https://github.com/alibaba/lowcode-materials](https://github.com/alibaba/lowcode-materials) | packages/antd-lowcode-materials | -| @alifd/layout（原 @alifd/pro-layout 升级后的版本） | [https://github.com/alibaba-fusion/layout](https://github.com/alibaba-fusion/layout) | | -| | | | -| | | | +| 包名 | 仓库 | 路径 | +| -------------------------------------------------- | -------------------------------------------------------------------------------------------- | ------------------------------------------ | +| @lce/lowcode-code-generator | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | modules/code-generator | +| @lce/lowcode-material-parser | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | modules/material-parser | +| @lce/lowcode-designer | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/designer | +| @lce/lowcode-editor-core | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/editor-core | +| @lce/lowcode-editor-skeleton | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/editor-skeleton | +| @lce/lowcode-engine | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/engine | +| @lce/lowcode-plugin-designer | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/plugin-designer | +| @lce/lowcode-plugin-outline-pane | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/plugin-outline-pane | +| @lce/lowcode-react-renderer | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/react-renderer | +| @lce/lowcode-react-simulator-renderer | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/react-simulator-renderer | +| @lce/lowcode-renderer-core | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/renderer-core | +| @lce/lowcode-shell | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/shell | +| @lce/lowcode-types | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/types | +| @lce/lowcode-utils | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/utils | +| @alilc/lowcode-datasource-engine | [https://github.com/fe-lce/lowcode-datasource](https://github.com/fe-lce/lowcode-datasource) | packages/datasource-engine | +| @alilc/lowcode-datasource-fetch-handler | [https://github.com/fe-lce/lowcode-datasource](https://github.com/fe-lce/lowcode-datasource) | packages/datasource-fetch-handler | +| @alilc/lowcode-datasource-jsonp-handler | [https://github.com/fe-lce/lowcode-datasource](https://github.com/fe-lce/lowcode-datasource) | packages/datasource-jsonp-handler | +| @alilc/lowcode-datasource-mopen-handler | [https://github.com/fe-lce/lowcode-datasource](https://github.com/fe-lce/lowcode-datasource) | packages/datasource-mopen-handler | +| @alilc/lowcode-datasource-mtop-handler | [https://github.com/fe-lce/lowcode-datasource](https://github.com/fe-lce/lowcode-datasource) | packages/datasource-mtop-handler | +| @alilc/lowcode-datasource-types | [https://github.com/fe-lce/lowcode-datasource](https://github.com/fe-lce/lowcode-datasource) | packages/datasource-types | +| @alilc/lowcode-datasource-universal-mtop-handler | [https://github.com/fe-lce/lowcode-datasource](https://github.com/fe-lce/lowcode-datasource) | packages/datasource-universal-mtop-handler | +| @alilc/lowcode-datasource-url-params-handler | [https://github.com/fe-lce/lowcode-datasource](https://github.com/fe-lce/lowcode-datasource) | packages/datasource-url-params-handler | +| @alilc/build-plugin-alt | [https://github.com/fe-lce/lowcode-tools](https://github.com/fe-lce/lowcode-tools) | packages/build-plugin-alt | +| @alilc/create-element | [https://github.com/fe-lce/lowcode-tools](https://github.com/fe-lce/lowcode-tools) | packages/create-element | +| @alilc/lowcode-plugin-inject | [https://github.com/fe-lce/lowcode-tools](https://github.com/fe-lce/lowcode-tools) | packages/lowcode-plugin-inject | +| @alilc/action-block | [https://github.com/fe-lce/lowcode-plugins](https://github.com/fe-lce/lowcode-plugins) | packages/action-block | +| @alilc/lowcode-plugin-base-monaco-editor | [https://github.com/fe-lce/lowcode-plugins](https://github.com/fe-lce/lowcode-plugins) | packages/plugin-base-monaco-editor | +| @alilc/lowcode-plugin-block | [https://github.com/fe-lce/lowcode-plugins](https://github.com/fe-lce/lowcode-plugins) | packages/plugin-block | +| @alilc/lowcode-plugin-code-editor | [https://github.com/fe-lce/lowcode-plugins](https://github.com/fe-lce/lowcode-plugins) | packages/plugin-code-editor | +| @alilc/lowcode-plugin-components-pane | [https://github.com/fe-lce/lowcode-plugins](https://github.com/fe-lce/lowcode-plugins) | packages/plugin-components-pane | +| @alilc/lowcode-plugin-datasource-pane | [https://github.com/fe-lce/lowcode-plugins](https://github.com/fe-lce/lowcode-plugins) | packages/plugin-datasource-pane | +| @alilc/lowcode-plugin-manual | [https://github.com/fe-lce/lowcode-plugins](https://github.com/fe-lce/lowcode-plugins) | packages/plugin-manual | +| @alilc/lowcode-plugin-schema | [https://github.com/fe-lce/lowcode-plugins](https://github.com/fe-lce/lowcode-plugins) | packages/plugin-schema | +| @alilc/lowcode-plugin-undo-redo | [https://github.com/fe-lce/lowcode-plugins](https://github.com/fe-lce/lowcode-plugins) | packages/plugin-undo-redo | +| @alilc/lowcode-plugin-zh-en | [https://github.com/fe-lce/lowcode-plugins](https://github.com/fe-lce/lowcode-plugins) | packages/plugin-zh-en | +| @alifd/fusion-ui | [https://github.com/fe-lce/lowcode-materials](https://github.com/fe-lce/lowcode-materials) | packages/fusion-ui | +| @alilc/lowcode-materials | [https://github.com/fe-lce/lowcode-materials](https://github.com/fe-lce/lowcode-materials) | packages/fusion-lowcode-materials | +| @alilc/antd-lowcode-materials | [https://github.com/fe-lce/lowcode-materials](https://github.com/fe-lce/lowcode-materials) | packages/antd-lowcode-materials | +| @alifd/layout（原 @alifd/pro-layout 升级后的版本） | [https://github.com/fe-lce-fusion/layout](https://github.com/fe-lce-fusion/layout) | | +| | | | +| | | | diff --git a/docs/docs/guide/appendix/repos.md b/docs/docs/guide/appendix/repos.md index 87852258d2..4dacd23ec2 100644 --- a/docs/docs/guide/appendix/repos.md +++ b/docs/docs/guide/appendix/repos.md @@ -2,10 +2,12 @@ title: 低代码仓库列表 sidebar_position: 2 --- + ## 1. 引擎主包 + 包含引擎的 4 大模块，入料、编排、渲染和出码。 -仓库地址：[https://github.com/alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine) +仓库地址：[https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) 子包明细： 1. designer @@ -24,40 +26,43 @@ sidebar_position: 2 14. code-generator ## 2. 引擎官方扩展包 + 包含了常用的设置器（setter）、跟 setter 绑定的插件等 -仓库地址：[https://github.com/alibaba/lowcode-engine-ext](https://github.com/alibaba/lowcode-engine-ext) +仓库地址：[https://github.com/fe-lce/lowcode-engine-ext](https://github.com/fe-lce/lowcode-engine-ext) 子包明细： - 设置器 setter - - array-setter - - bool-setter - - classname-setter - - color-setter - - events-setter - - expression-setter - - function-setter - - i18n-setter - - icon-setter - - json-setter - - mixed-setter - - number-setter - - object-setter - - out.txt - - radiogroup-setter - - select-setter - - slot-setter - - string-setter - - style-setter - - textarea-setter - - variable-setter + - array-setter + - bool-setter + - classname-setter + - color-setter + - events-setter + - expression-setter + - function-setter + - i18n-setter + - icon-setter + - json-setter + - mixed-setter + - number-setter + - object-setter + - out.txt + - radiogroup-setter + - select-setter + - slot-setter + - string-setter + - style-setter + - textarea-setter + - variable-setter - 插件 plugin - - plugin-event-bind-dialog 事件绑定浮层 - - plugin-variable-bind-dialog 变量绑定浮层 + - plugin-event-bind-dialog 事件绑定浮层 + - plugin-variable-bind-dialog 变量绑定浮层 + ## 3. 低代码插件 + 包含了常用的插件等 -仓库地址：[https://github.com/alibaba/lowcode-plugins](https://github.com/alibaba/lowcode-plugins) +仓库地址：[https://github.com/fe-lce/lowcode-plugins](https://github.com/fe-lce/lowcode-plugins) 子包明细： - base-monaco-editor 基础代码编辑器 @@ -69,17 +74,26 @@ sidebar_position: 2 - plugin-zh-cn 中英文切换功能 ## 4. 引擎 demo + 展示使用引擎编排和渲染等模块以及相应的依赖资源配置基础 demo -仓库地址：[https://github.com/alibaba/lowcode-demo](https://github.com/alibaba/lowcode-demo) +仓库地址：[https://github.com/fe-lce/lowcode-demo](https://github.com/fe-lce/lowcode-demo) + ## 5. 工具链包 + 包含生成引擎生态元素（setter、物料、插件）的脚手架，启动脚本，调试插件等 -仓库地址：[https://github.com/alibaba/lowcode-tools](https://github.com/alibaba/lowcode-tools) +仓库地址：[https://github.com/fe-lce/lowcode-tools](https://github.com/fe-lce/lowcode-tools) + ## 6. 低代码数据源引擎 + 负责在渲染&出码两种运行时实现数据源管理，承担低代码搭建数据请求的能力； -仓库地址：[https://github.com/alibaba/lowcode-datasource](https://github.com/alibaba/lowcode-datasource) +仓库地址：[https://github.com/fe-lce/lowcode-datasource](https://github.com/fe-lce/lowcode-datasource) + ## 7. 基础物料 & 物料描述 -仓库地址：[https://github.com/alibaba/lowcode-materials](https://github.com/alibaba/lowcode-materials) + +仓库地址：[https://github.com/fe-lce/lowcode-materials](https://github.com/fe-lce/lowcode-materials) + ## 8. 出码 demo -仓库地址：[https://github.com/alibaba/lowcode-code-generator-demo](https://github.com/alibaba/lowcode-code-generator-demo) + +仓库地址：[https://github.com/fe-lce/lowcode-code-generator-demo](https://github.com/fe-lce/lowcode-code-generator-demo) diff --git a/docs/docs/guide/create/useEditor.md b/docs/docs/guide/create/useEditor.md index 39d45201cd..5c8bb646aa 100644 --- a/docs/docs/guide/create/useEditor.md +++ b/docs/docs/guide/create/useEditor.md @@ -162,7 +162,7 @@ init 的功能包括但不限于： 2. 传递 preference 并设置 plugins 入参； 3. 初始化 Workbench； -> 本节中的低代码编辑器例子可以在 demo 中找到：[https://github.com/alibaba/lowcode-demo/blob/main/demo-general/src/index.ts](https://github.com/alibaba/lowcode-demo/blob/main/demo-general/src/index.ts) +> 本节中的低代码编辑器例子可以在 demo 中找到：[https://github.com/fe-lce/lowcode-demo/blob/main/demo-general/src/index.ts](https://github.com/fe-lce/lowcode-demo/blob/main/demo-general/src/index.ts) ## 配置低代码编辑器 diff --git a/docs/docs/guide/create/useRenderer.md b/docs/docs/guide/create/useRenderer.md index 6fd902005d..003123f541 100644 --- a/docs/docs/guide/create/useRenderer.md +++ b/docs/docs/guide/create/useRenderer.md @@ -20,7 +20,7 @@ sidebar_position: 1 [在 Demo 中](https://lowcode-engine.cn/demo/demo-general/index.html)，右上角有渲染模块的示例使用方式： ![Mar-13-2022 16-52-49.gif](https://img.alicdn.com/imgextra/i2/O1CN01PRsEl61o7Zct5fJML_!!6000000005178-1-tps-1534-514.gif) -基于官方提供的渲染模块 [@alifd/lowcode-react-renderer](https://github.com/alibaba/lowcode-engine/tree/main/packages/react-renderer)，你可以在 React 上下文渲染低代码编辑器产出的页面。 +基于官方提供的渲染模块 [@alifd/lowcode-react-renderer](https://github.com/fe-lce/lowcode-engine/tree/main/packages/react-renderer)，你可以在 React 上下文渲染低代码编辑器产出的页面。 ### 构造渲染模块所需数据 @@ -79,9 +79,9 @@ const SamplePreview = () => { }; ``` -> 注 1：您可以注意到，此处是依赖了 React 进行渲染的，对于 Vue 形态的渲染或编辑器支持，详见[对应公告](https://github.com/alibaba/lowcode-engine/issues/236)。 +> 注 1：您可以注意到，此处是依赖了 React 进行渲染的，对于 Vue 形态的渲染或编辑器支持，详见[对应公告](https://github.com/fe-lce/lowcode-engine/issues/236)。 > -> 注 2：本节示例可在 Demo 代码里找到更完整的版本：[https://github.com/alibaba/lowcode-demo/blob/main/demo-general/src/preview.tsx](https://github.com/alibaba/lowcode-demo/blob/main/demo-general/src/preview.tsx) +> 注 2：本节示例可在 Demo 代码里找到更完整的版本：[https://github.com/fe-lce/lowcode-demo/blob/main/demo-general/src/preview.tsx](https://github.com/fe-lce/lowcode-demo/blob/main/demo-general/src/preview.tsx) ## 出码模块 @@ -89,7 +89,7 @@ const SamplePreview = () => { ![Mar-13-2022 16-55-56.gif](https://img.alicdn.com/imgextra/i3/O1CN017CVeka27p3vwrGI1D_!!6000000007845-1-tps-1536-514.gif) -> 本节示例可在出码插件里找到：[https://github.com/alibaba/lowcode-code-generator-demo](https://github.com/alibaba/lowcode-code-generator-demo) +> 本节示例可在出码插件里找到：[https://github.com/fe-lce/lowcode-code-generator-demo](https://github.com/fe-lce/lowcode-code-generator-demo) ## 低代码的生产和消费流程总览 diff --git a/docs/docs/guide/design/generator.md b/docs/docs/guide/design/generator.md index fe89c64d38..2609e6a5cd 100644 --- a/docs/docs/guide/design/generator.md +++ b/docs/docs/guide/design/generator.md @@ -7,10 +7,10 @@ sidebar_position: 5 ## npm 包与仓库信息 -| **NPM 包** | **代码仓库** | **说明** | -| ---------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | -| [@lce/lowcode-code-generator](https://www.npmjs.com/package/@lce/lowcode-code-generator) | [alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine)（子目录：modules/code-generator） | 出码模块核心库，支持在 node 环境下运行，也提供了浏览器下运行的 standalone 模式 | -| [@alilc/lowcode-plugin-code-generator](https://www.npmjs.com/package/@alilc/lowcode-plugin-code-generator) | [alibaba/lowcode-code-generator-demo](https://github.com/alibaba/lowcode-code-generator-demo) | 出码示例 -- 浏览器端出码插件 | +| **NPM 包** | **代码仓库** | **说明** | +| ---------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | +| [@lce/lowcode-code-generator](https://www.npmjs.com/package/@lce/lowcode-code-generator) | [fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine)（子目录：modules/code-generator） | 出码模块核心库，支持在 node 环境下运行，也提供了浏览器下运行的 standalone 模式 | +| [@alilc/lowcode-plugin-code-generator](https://www.npmjs.com/package/@alilc/lowcode-plugin-code-generator) | [fe-lce/lowcode-code-generator-demo](https://github.com/fe-lce/lowcode-code-generator-demo) | 出码示例 -- 浏览器端出码插件 | ## 出码模块原理 diff --git a/docs/docs/guide/design/materialParser.md b/docs/docs/guide/design/materialParser.md index fb6917d3e3..04693d1a4f 100644 --- a/docs/docs/guide/design/materialParser.md +++ b/docs/docs/guide/design/materialParser.md @@ -10,7 +10,7 @@ sidebar_position: 2 ## npm 包与仓库信息 - npm 包：@lce/lowcode-material-parser -- 仓库：[https://github.com/alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine) 下的 modules/material-parser +- 仓库：[https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) 下的 modules/material-parser ## 原理 diff --git a/docs/docs/guide/design/renderer.md b/docs/docs/guide/design/renderer.md index 03366932fd..1e245514c4 100644 --- a/docs/docs/guide/design/renderer.md +++ b/docs/docs/guide/design/renderer.md @@ -12,7 +12,7 @@ sidebar_position: 4 ## npm 包与仓库信息 - React 框架渲染 npm 包：@lce/lowcode-react-renderer -- 仓库：[https://github.com/alibaba/lowcode-engine](https://github.com/alibaba/lowcode-engine) 下的 +- 仓库：[https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) 下的 - packages/renderer-core - packages/react-renderer - packages/react-simulator-renderer diff --git a/docs/docs/guide/design/setter.md b/docs/docs/guide/design/setter.md index dc2412eca6..62b795d9b7 100644 --- a/docs/docs/guide/design/setter.md +++ b/docs/docs/guide/design/setter.md @@ -19,7 +19,7 @@ sidebar_position: 6 ## npm 包与仓库信息 - npm 包：@alilc/lowcode-engine-ext -- 仓库：[https://github.com/alibaba/lowcode-engine-ext](https://github.com/alibaba/lowcode-engine-ext) +- 仓库：[https://github.com/fe-lce/lowcode-engine-ext](https://github.com/fe-lce/lowcode-engine-ext) ## 设置器模块原理 diff --git a/docs/docs/guide/expand/editor/graph.md b/docs/docs/guide/expand/editor/graph.md index a45f34baf0..932cce450f 100644 --- a/docs/docs/guide/expand/editor/graph.md +++ b/docs/docs/guide/expand/editor/graph.md @@ -2,47 +2,73 @@ title: 图编排扩展 sidebar_position: 8 --- + ## 项目运行 + ### 前置准备 + 1. 参考 https://lowcode-engine.cn/site/docs/guide/quickStart/start 2. 参考至Demo下载 https://lowcode-engine.cn/site/docs/guide/quickStart/start#%E4%B8%8B%E8%BD%BD-demo + ### 选择demo-graph-x6 + 在根目录下执行： + ```bash cd demo-graph-x6 ``` + ### 安装依赖 + 在 lowcode-demo/demo-graph-x6目录下执行： + ```bash npm install ``` + ### 启动Demo + 在 lowcode-demo/demo-graph-x6 目录下执行： + ```bash npm run start ``` + 之后就可以通过 http://localhost:5556/ 来访问我们的 DEMO 了。 ## 认识Demo + 这里的Demo即通过图编排引擎加入了几个简单的物料而来，已经是可以面向真是用户的产品界面。 ![image.png](https://img.alicdn.com/imgextra/i1/O1CN016TbCI31hM2sJy8qkR_!!6000000004262-2-tps-5120-2726.png) + ### 区域组成 + #### 顶部：操作区 + - 右侧：保存到本地、重置页面、自定义按钮 + #### 顶部：工具区 + - 左侧：删除、撤销、重做、放大、缩小 + #### 左侧：面板与操作区 + - 物料面板：可以查找节点，并在此拖动节点到编辑器画布中 + #### 中部：可视化页面编辑画布区域 + - 点击节点/边在右侧面板中能够显示出对应组件的属性配置选项 - 拖拽修改节点的排列顺序 + #### 右侧：组件级别配置 + - 选中的组件：从页面开始一直到当前选中的节点/边位置，点击对应的名称可以切换到对应的节点上 - 选中组件的配置：属性：节点的基础属性值设置 > 每个区域的组成都可以被替换和自定义来生成开发者需要的业务产品。 ## 目录介绍 + ![image.png](https://img.alicdn.com/imgextra/i3/O1CN01Luc8gr1tLq5QTbpb9_!!6000000005886-0-tps-832-1522.jpg) - public：与其他demo保持一致，均是lowcode engine所必要依赖 @@ -51,6 +77,7 @@ npm run start - services：mock数据，真实场景中可能为异步获取数据 ## 开发插件 + ```typescript function pluginX6DesignerExtension(ctx: IPublicModelPluginContext) { return { @@ -104,12 +131,15 @@ pluginX6DesignerExtension.pluginName = 'plugin-x6-designer-extension'; export default pluginX6DesignerExtension; ``` + x6Designer为图实例暴露出来的一些接口，可基于此进行一些图的必要插件的封装，整个插件的封装完全follow低代码引擎的插件，详情可参考 https://lowcode-engine.cn/site/docs/guide/expand/editor/pluginWidget ## 开发物料 + ```bash npm init @alilc/element your-material-demo ``` + ![image.png](https://img.alicdn.com/imgextra/i3/O1CN01DCCqO82ADuhS8ztCt_!!6000000008170-2-tps-546-208.png) 仓库初始化完成 @@ -119,37 +149,44 @@ npm init @alilc/element your-material-demo 图物料与低代码的dom场景存在画布的差异，因此暂不支持物料单独调试，须通过项目demo进行物料调试 ### 资产描述 + ```bash npm run lowcode:build ``` + 如果物料是个React组件，则在执行上述命令时会自动生成对应的meta.ts，<b>但图物料很多时候并非一个React组件，因此须手动生产meta.ts</b> -可参考： https://github.com/alibaba/lowcode-materials/blob/main/packages/graph-x6-materials/lowcode/send-email/meta.ts +可参考： https://github.com/fe-lce/lowcode-materials/blob/main/packages/graph-x6-materials/lowcode/send-email/meta.ts 同时会自动生成物料描述文件 ### 物料调试 + #### 物料侧 + 物料想要支持被项目动态inject调试，须在build.lowcode.js中加入 + ```javascript [ '@alilc/build-plugin-alt', { type: 'component', inject: true, - library + library, }, -] +]; ``` + ![image.png](https://img.alicdn.com/imgextra/i4/O1CN01HyXfL12992sDkOmOg_!!6000000008024-0-tps-5120-2824.jpg) 本地启动 + ```bash npm run lowcode:dev ``` + #### 项目侧 + 通过@alilc/lce-graph-core加载物料的天然支持了debug，因此无须特殊处理。若项目中自行加载，则参考 https://lowcode-engine.cn/site/docs/guide/expand/editor/cli 项目访问地址后拼接query "?debug"即可进入物料调试 ![image.png](https://img.alicdn.com/imgextra/i2/O1CN01ke58hT1aRoYJzkutk_!!6000000003327-2-tps-5120-2790.png) - - diff --git a/docs/docs/guide/expand/editor/material.md b/docs/docs/guide/expand/editor/material.md index 84d2652924..5ba14df876 100644 --- a/docs/docs/guide/expand/editor/material.md +++ b/docs/docs/guide/expand/editor/material.md @@ -19,7 +19,7 @@ sidebar_position: 1 ![image.png](https://img.alicdn.com/imgextra/i4/O1CN01SQJfxh1Y8uwDXksaK_!!6000000003015-2-tps-3068-1646.png) 在低代码 Demo 中，我们可以看到，组件面板不只提供一个组件，组件是以集合的形式提供给低代码平台的，而低代码资产包正是这些组件构成集合的形式。 -**_它背后的 Interface，_**[**_在引擎中的定义摘抄如下_**](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/assets.ts)**_：_** +**_它背后的 Interface，_**[**_在引擎中的定义摘抄如下_**](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/assets.ts)**_：_** ```typescript export interface Assets { @@ -50,7 +50,7 @@ export interface RemoteComponentDescription { 在 Demo 项目中，自带了一份默认的资产包： -> [https://github.com/alibaba/lowcode-demo/blob/main/demo-general/src/services/assets.json](https://github.com/alibaba/lowcode-demo/blob/main/demo-general/src/services/assets.json) +> [https://github.com/fe-lce/lowcode-demo/blob/main/demo-general/src/services/assets.json](https://github.com/fe-lce/lowcode-demo/blob/main/demo-general/src/services/assets.json) 这份资产包里的物料是我们内部沉淀出的，用户可以通过这套资产包体验引擎提供的搭建、配置能力。 **_在项目中正常注册资产包：_** @@ -81,7 +81,7 @@ await material.setAssets(await injectAssets(assets)); ### 手工配置资产包 -参考 Demo 中的[基础 Fusion Assets 定义](https://github.com/alibaba/lowcode-demo/blob/main/demo-basic-fusion/src/services/assets.json)，如果我们修改 assets.json，我们就能做到配置资产包： +参考 Demo 中的[基础 Fusion Assets 定义](https://github.com/fe-lce/lowcode-demo/blob/main/demo-basic-fusion/src/services/assets.json)，如果我们修改 assets.json，我们就能做到配置资产包： - packages 对象：我们需要在其中定义这个包的获取方式，如果不定义，就不会被低代码引擎动态加载并对应上组件实例。定义方式是 UMD 的包，低代码引擎会尝试在 window 上寻找对应 library 的实例； - components 对象：我们需要在其中定义物料描述，物料描述我们将在下一节继续讲解。 @@ -321,7 +321,7 @@ npm publish #### 资产包托管 -- 最简单的方式就是类似[引擎 demo 项目](https://github.com/alibaba/lowcode-demo/blob/main/demo-general/src/services/assets.json)的做法，在项目中维护一份 assets.json，新增组件或者组件版本更新都需要修改这份资产包； +- 最简单的方式就是类似[引擎 demo 项目](https://github.com/fe-lce/lowcode-demo/blob/main/demo-general/src/services/assets.json)的做法，在项目中维护一份 assets.json，新增组件或者组件版本更新都需要修改这份资产包； - 灵活一点的做法是通过 oss 等服务维护一份远程可配置的 assets.json，新增组件或者组件更新只需要修改这份远程的资产包，项目无需更新； - 再高级一点的做法是实现一个资产包管理的服务，能够通过用户界面去更新资产包的内容； diff --git a/docs/docs/guide/expand/editor/parts/partsassets.md b/docs/docs/guide/expand/editor/parts/partsassets.md index 74709de16e..d008e337ce 100644 --- a/docs/docs/guide/expand/editor/parts/partsassets.md +++ b/docs/docs/guide/expand/editor/parts/partsassets.md @@ -49,18 +49,18 @@ sidebar_position: 4 ## 使用资产包 -你可以在 [lowcode-demo](https://github.com/alibaba/lowcode-demo) 中直接引用，可直接替换 demo 中原来的资产包文件： -例如，在 [demo-lowcode-component](https://github.com/alibaba/lowcode-demo/tree/main/demo-lowcode-component) 中，直接用你的资产包文件替换文件[assets.json](https://github.com/alibaba/lowcode-demo/blob/main/demo-lowcode-component/src/services/assets.json)，即可快速使用自己的物料了。 +你可以在 [lowcode-demo](https://github.com/fe-lce/lowcode-demo) 中直接引用，可直接替换 demo 中原来的资产包文件： +例如，在 [demo-lowcode-component](https://github.com/fe-lce/lowcode-demo/tree/main/demo-lowcode-component) 中，直接用你的资产包文件替换文件[assets.json](https://github.com/fe-lce/lowcode-demo/blob/main/demo-lowcode-component/src/services/assets.json)，即可快速使用自己的物料了。 ### 在编辑器中使用资产包在使用含有低代码组件的资产包注意注意引擎版本必须大于等于 `1.1.0-beta.9`。 -然后直接替换 [lowcode-demo](https://github.com/alibaba/lowcode-demo) demo 中的 `assets.json` 文件即可。 +然后直接替换 [lowcode-demo](https://github.com/fe-lce/lowcode-demo) demo 中的 `assets.json` 文件即可。 ### 在预览中使用资产包 -在预览中使用资产包的整体思路是从 `资产包` 中提取并转换出 `ReactRenderer` 渲染所需要的 react 组件列表 (`components` 参数)，然后将 `schema` 以及 `components` 传入到 `ReactRenderer` 中进行渲染，需要注意的是，在 `资产包` 的转换过程中，我们也需要将 `低代码组件` 转换成 react 组件，具体逻辑可以参考下 [demo-lowcode-component](https://github.com/alibaba/lowcode-demo/tree/main/demo-lowcode-component) 中 `src/parse-assets.ts` 文件的实现。 -基于资产包进行预览的整体逻辑如下： [详见](https://github.com/alibaba/lowcode-demo/blob/main/demo-lowcode-component/src/preview.tsx)： +在预览中使用资产包的整体思路是从 `资产包` 中提取并转换出 `ReactRenderer` 渲染所需要的 react 组件列表 (`components` 参数)，然后将 `schema` 以及 `components` 传入到 `ReactRenderer` 中进行渲染，需要注意的是，在 `资产包` 的转换过程中，我们也需要将 `低代码组件` 转换成 react 组件，具体逻辑可以参考下 [demo-lowcode-component](https://github.com/fe-lce/lowcode-demo/tree/main/demo-lowcode-component) 中 `src/parse-assets.ts` 文件的实现。 +基于资产包进行预览的整体逻辑如下： [详见](https://github.com/fe-lce/lowcode-demo/blob/main/demo-lowcode-component/src/preview.tsx)： ```ts import ReactDOM from 'react-dom'; @@ -127,7 +127,7 @@ const SamplePreview = () => { ReactDOM.render(<SamplePreview />, document.getElementById('ice-container')); ``` -从资产包中解析 react 组件列表的逻辑如下，[详见](https://github.com/alibaba/lowcode-demo/blob/main/demo-lowcode-component/src/parse-assets.ts)： +从资产包中解析 react 组件列表的逻辑如下，[详见](https://github.com/fe-lce/lowcode-demo/blob/main/demo-lowcode-component/src/parse-assets.ts)： ```ts import { diff --git a/docs/docs/guide/expand/editor/pluginContextMenu.md b/docs/docs/guide/expand/editor/pluginContextMenu.md index 95cc0c6c01..486256bb19 100644 --- a/docs/docs/guide/expand/editor/pluginContextMenu.md +++ b/docs/docs/guide/expand/editor/pluginContextMenu.md @@ -73,8 +73,8 @@ await plugins.register(removeCopyAction); ### 区块管理 -- 仓库地址：[https://github.com/alibaba/lowcode-plugins](https://github.com/alibaba/lowcode-plugins) -- 具体代码：[https://github.com/alibaba/lowcode-plugins/tree/main/packages/action-block](https://github.com/alibaba/lowcode-plugins/tree/main/packages/action-block) +- 仓库地址：[https://github.com/fe-lce/lowcode-plugins](https://github.com/fe-lce/lowcode-plugins) +- 具体代码：[https://github.com/fe-lce/lowcode-plugins/tree/main/packages/action-block](https://github.com/fe-lce/lowcode-plugins/tree/main/packages/action-block) - 直播回放： - [低代码引擎项目实战 (9)-区块管理 (1)-保存为区块](https://www.bilibili.com/video/BV1YF411M7RK/) - [低代码引擎项目实战 (10)-区块管理 - 区块面板](https://www.bilibili.com/video/BV1FB4y1S7tu/) diff --git a/docs/docs/guide/expand/editor/pluginWidget.md b/docs/docs/guide/expand/editor/pluginWidget.md index f6f650e7c9..f099e318aa 100644 --- a/docs/docs/guide/expand/editor/pluginWidget.md +++ b/docs/docs/guide/expand/editor/pluginWidget.md @@ -203,8 +203,8 @@ skeleton.add({ ### 区块面板 -- 仓库地址：[https://github.com/alibaba/lowcode-plugins](https://github.com/alibaba/lowcode-plugins) -- 具体代码：[https://github.com/alibaba/lowcode-plugins/tree/main/packages/plugin-block](https://github.com/alibaba/lowcode-plugins/tree/main/packages/plugin-block) +- 仓库地址：[https://github.com/fe-lce/lowcode-plugins](https://github.com/fe-lce/lowcode-plugins) +- 具体代码：[https://github.com/fe-lce/lowcode-plugins/tree/main/packages/plugin-block](https://github.com/fe-lce/lowcode-plugins/tree/main/packages/plugin-block) - 直播回放： - [低代码引擎项目实战 (9)-区块管理 (1)-保存为区块](https://www.bilibili.com/video/BV1YF411M7RK/) - [低代码引擎项目实战 (10)-区块管理 - 区块面板](https://www.bilibili.com/video/BV1FB4y1S7tu/) diff --git a/docs/docs/guide/expand/editor/summary.md b/docs/docs/guide/expand/editor/summary.md index 04e1e2bc31..5ad4326bc4 100644 --- a/docs/docs/guide/expand/editor/summary.md +++ b/docs/docs/guide/expand/editor/summary.md @@ -102,4 +102,4 @@ setters.registerSetter({ 后续“设置器扩展”章节会详细说明。 -> 本章节所有可扩展配置内容在 demo 中均可找到：[https://github.com/alibaba/lowcode-demo/tree/main/demo-general](https://github.com/alibaba/lowcode-demo/tree/main/demo-general) +> 本章节所有可扩展配置内容在 demo 中均可找到：[https://github.com/fe-lce/lowcode-demo/tree/main/demo-general](https://github.com/fe-lce/lowcode-demo/tree/main/demo-general) diff --git a/docs/docs/guide/expand/runtime/renderer.md b/docs/docs/guide/expand/runtime/renderer.md index a08ea7ad3f..149e619593 100644 --- a/docs/docs/guide/expand/runtime/renderer.md +++ b/docs/docs/guide/expand/runtime/renderer.md @@ -46,7 +46,7 @@ ReactDOM.render( ### 项目使用示例 > [设计器 demo](https://lowcode-engine.cn/demo/demo-general/index.html) -> 项目代码完整示例：[https://github.com/alibaba/lowcode-demo](https://github.com/alibaba/lowcode-demo) +> 项目代码完整示例：[https://github.com/fe-lce/lowcode-demo](https://github.com/fe-lce/lowcode-demo) **step 1：在设计器中获取组件列表** diff --git a/docs/docs/guide/quickStart/start.md b/docs/docs/guide/quickStart/start.md index a8f97ee297..a4ee05a2cb 100644 --- a/docs/docs/guide/quickStart/start.md +++ b/docs/docs/guide/quickStart/start.md @@ -45,7 +45,7 @@ n 14.17.0 ### 下载 Demo -可以前往 github（<https://github.com/alibaba/lowcode-demo>）将 DEMO 下载到本地。 +可以前往 github（<https://github.com/fe-lce/lowcode-demo>）将 DEMO 下载到本地。 #### git clone @@ -54,7 +54,7 @@ n 14.17.0 需要使用到 git 工具 ```bash -git clone https://github.com/alibaba/lowcode-demo.git +git clone https://github.com/fe-lce/lowcode-demo.git ``` ##### SSH @@ -62,7 +62,7 @@ git clone https://github.com/alibaba/lowcode-demo.git 需要配置 SSH key，如果没有配置可以 ```bash -git clone git@github.com:alibaba/lowcode-demo.git +git clone git@github.com:fe-lce/lowcode-demo.git ``` #### 下载 Zip 包 diff --git a/docs/docs/participate/flow.md b/docs/docs/participate/flow.md index 77c94a3e0a..1b0bc5cd87 100644 --- a/docs/docs/participate/flow.md +++ b/docs/docs/participate/flow.md @@ -82,7 +82,7 @@ sidebar_position: 2 tnpm run sync tnpm run syncOss ``` -6. 更新[发布日志](https://github.com/alibaba/lowcode-engine/releases) +6. 更新[发布日志](https://github.com/fe-lce/lowcode-engine/releases) 7. 合并 release/x.x.x 到 main 分支 8. 合并 main 分支到 develop 分支 diff --git a/docs/docs/participate/index.md b/docs/docs/participate/index.md index 05e37588c6..b94c665c49 100644 --- a/docs/docs/participate/index.md +++ b/docs/docs/participate/index.md @@ -14,7 +14,7 @@ sidebar_position: 0 #### clone 项目 ``` -git clone git@github.com:alibaba/lowcode-engine.git +git clone git@github.com:fe-lce/lowcode-engine.git cd lowcode-engine ``` @@ -77,7 +77,7 @@ npm start #### 维护方式 -- 官方文档通过 github 管理文档源，官网文档与[主仓库 develop 分支](https://github.com/alibaba/lowcode-engine/tree/develop/docs)保持同步。 +- 官方文档通过 github 管理文档源，官网文档与[主仓库 develop 分支](https://github.com/fe-lce/lowcode-engine/tree/develop/docs)保持同步。 - 点击每篇文档下发的 `编辑此页` 可直接定位到 github 中位置。 - 欢迎 PR，文档 PR 也会作为贡献者贡献，会用于贡献度统计。 - **文档同步到官方网站由官方人员进行操作**，如有需要可以通过 issue 或贡献者群与相关人员沟通。 @@ -108,7 +108,7 @@ PR 被合并之后，我们会尽快发布相关的正式版本或者 beta 版如果你不知道可以贡献什么，可以到源码里搜 TODO 或 FIXME 找找。 -为了使你能够快速上手和熟悉贡献流程，我们这里有个列表 [good first issues](https://github.com/alibaba/lowcode-engine/issues?q=is:open+is:issue+label:%22good+first+issue%22)，里面有相对没那么笼统的漏洞，从这开始是个不错的选择。 +为了使你能够快速上手和熟悉贡献流程，我们这里有个列表 [good first issues](https://github.com/fe-lce/lowcode-engine/issues?q=is:open+is:issue+label:%22good+first+issue%22)，里面有相对没那么笼统的漏洞，从这开始是个不错的选择。 ### PR 提交注意事项 diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js index 0aaa4c50f9..3ce8ba033c 100644 --- a/docs/docusaurus.config.js +++ b/docs/docusaurus.config.js @@ -39,44 +39,42 @@ const config = { presets: [ [ 'classic', - ({ + { docs: { sidebarPath: require.resolve('./config/sidebars.js'), // lastVersion: 'current', - editUrl: - 'https://github.com/alibaba/lowcode-engine/tree/develop/docs/', + editUrl: 'https://github.com/fe-lce/lowcode-engine/tree/develop/docs/', }, theme: { customCss: require.resolve('./src/css/custom.css'), }, - }), + }, ], ], - themeConfig: - ({ - docs: { - sidebar: { - hideable: true, - }, - }, - navbar, - footer: { - // style: 'dark', - copyright: `Copyright © ${new Date().getFullYear()} 阿里巴巴集团, Inc. Built with Docusaurus.`, + themeConfig: { + docs: { + sidebar: { + hideable: true, }, - // 主题切换 - prism: { - theme: lightCodeTheme, - darkTheme: darkCodeTheme, - }, - // 语雀文档导出的图片，会进行 referrer 校验，这里设置关闭，不然加载不了语雀的图片 - metadata: [{ name: 'referrer', content: 'no-referrer' }], - tableOfContents: { - minHeadingLevel: 2, - maxHeadingLevel: 6, - }, - }), + }, + navbar, + footer: { + // style: 'dark', + copyright: `Copyright © ${new Date().getFullYear()} 阿里巴巴集团, Inc. Built with Docusaurus.`, + }, + // 主题切换 + prism: { + theme: lightCodeTheme, + darkTheme: darkCodeTheme, + }, + // 语雀文档导出的图片，会进行 referrer 校验，这里设置关闭，不然加载不了语雀的图片 + metadata: [{ name: 'referrer', content: 'no-referrer' }], + tableOfContents: { + minHeadingLevel: 2, + maxHeadingLevel: 6, + }, + }, themes: [ [ diff --git a/docs/package.json b/docs/package.json index b73c452d06..6bd0401ee2 100644 --- a/docs/package.json +++ b/docs/package.json @@ -57,7 +57,7 @@ }, "repository": { "type": "http", - "url": "https://github.com/alibaba/lowcode-engine/tree/main" + "url": "https://github.com/fe-lce/lowcode-engine/tree/main" }, "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6" } diff --git a/modules/code-generator/CHANGELOG.md b/modules/code-generator/CHANGELOG.md index 0a329f21a1..89b40d8728 100644 --- a/modules/code-generator/CHANGELOG.md +++ b/modules/code-generator/CHANGELOG.md @@ -2,279 +2,265 @@ All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines. -### [1.0.7-beta.2](https://github.com/alibaba/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.3...@lce/lowcode-code-generator@1.0.7-beta.2) (2022-11-24) +### [1.0.7-beta.2](https://github.com/fe-lce/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.3...@lce/lowcode-code-generator@1.0.7-beta.2) (2022-11-24) ### Bug Fixes -* 🐛 解决 react 中 jsx 出码的时候对于循环数据漏包 __$evalArray 的问题 ([3b9b177](https://github.com/alibaba/lowcode-engine/commit/3b9b177b052169cd0c1078cf8b488f04cb374dac)) -* 🐛 解决出码缺乏对于 i18n 数据的 params 的处理的问题 ([2cf788c](https://github.com/alibaba/lowcode-engine/commit/2cf788c1716ae63fef20004348c59a5a65c6b3d2)), closes [#288](https://github.com/alibaba/lowcode-engine/issues/288) -* 🐛 解决小程序环境没有 window, 而 rax 出码中却默认在 __$eval 中用到 window 的问题 ([ce531ae](https://github.com/alibaba/lowcode-engine/commit/ce531aeb457711fac92d828b431cfc3d643b3682)) -* add support for jsx expression ([453e069](https://github.com/alibaba/lowcode-engine/commit/453e0699ece06d98e59227e23248baf1de4082aa)) -* 修复生成的 icejs 项目不支持 constants 的问题, fixes [#1259](https://github.com/alibaba/lowcode-engine/issues/1259) ([a079fbc](https://github.com/alibaba/lowcode-engine/commit/a079fbc256f8275e8a69eb6d8abb6f6b08179578)) -* 修正 react 框架出码中在严格模式对 methods 和 context 的处理 ([b1a6100](https://github.com/alibaba/lowcode-engine/commit/b1a61006bba4292790899c7c49c9c611a9384472)) -### [1.0.7-beta.1](https://github.com/alibaba/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.7-beta.0...@lce/lowcode-code-generator@1.0.7-beta.1) (2022-10-26) +- 🐛 解决 react 中 jsx 出码的时候对于循环数据漏包 \_\_$evalArray 的问题 ([3b9b177](https://github.com/fe-lce/lowcode-engine/commit/3b9b177b052169cd0c1078cf8b488f04cb374dac)) +- 🐛 解决出码缺乏对于 i18n 数据的 params 的处理的问题 ([2cf788c](https://github.com/fe-lce/lowcode-engine/commit/2cf788c1716ae63fef20004348c59a5a65c6b3d2)), closes [#288](https://github.com/fe-lce/lowcode-engine/issues/288) +- 🐛 解决小程序环境没有 window, 而 rax 出码中却默认在 \_\_$eval 中用到 window 的问题 ([ce531ae](https://github.com/fe-lce/lowcode-engine/commit/ce531aeb457711fac92d828b431cfc3d643b3682)) +- add support for jsx expression ([453e069](https://github.com/fe-lce/lowcode-engine/commit/453e0699ece06d98e59227e23248baf1de4082aa)) +- 修复生成的 icejs 项目不支持 constants 的问题, fixes [#1259](https://github.com/fe-lce/lowcode-engine/issues/1259) ([a079fbc](https://github.com/fe-lce/lowcode-engine/commit/a079fbc256f8275e8a69eb6d8abb6f6b08179578)) +- 修正 react 框架出码中在严格模式对 methods 和 context 的处理 ([b1a6100](https://github.com/fe-lce/lowcode-engine/commit/b1a61006bba4292790899c7c49c9c611a9384472)) +### [1.0.7-beta.1](https://github.com/fe-lce/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.7-beta.0...@lce/lowcode-code-generator@1.0.7-beta.1) (2022-10-26) ### Bug Fixes -* fix empty string lost when generate variable ([2cf74cd](https://github.com/alibaba/lowcode-engine/commit/2cf74cd04b4f48a3501d37329d39784f6964366a)) +- fix empty string lost when generate variable ([2cf74cd](https://github.com/fe-lce/lowcode-engine/commit/2cf74cd04b4f48a3501d37329d39784f6964366a)) -### [1.0.7-beta.0](https://github.com/alibaba/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.6-beta.0...@lce/lowcode-code-generator@1.0.7-beta.0) (2022-10-25) - -### [1.0.6-beta.0](https://github.com/alibaba/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.3...@lce/lowcode-code-generator@1.0.6-beta.0) (2022-10-25) +### [1.0.7-beta.0](https://github.com/fe-lce/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.6-beta.0...@lce/lowcode-code-generator@1.0.7-beta.0) (2022-10-25) +### [1.0.6-beta.0](https://github.com/fe-lce/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.3...@lce/lowcode-code-generator@1.0.6-beta.0) (2022-10-25) ### Features -* 🎸 设计态支持数据源引擎配置 ([04631f8](https://github.com/alibaba/lowcode-engine/commit/04631f813782dbf6d175f51c40ccc75ca4c099d2)) -* 大纲树支持节点过滤 ([f30db20](https://github.com/alibaba/lowcode-engine/commit/f30db20606f5f2fdac0017305b1dda7ab2258c4b)) -* 为 renderer 追加 displayName，以支持后续的反射功能 ([6399cce](https://github.com/alibaba/lowcode-engine/commit/6399cce05ae494dac6facf4366949b0b97576079)) -* 资产包支持一个package从另一个package异步导出 ([#1150](https://github.com/alibaba/lowcode-engine/issues/1150)) ([6b78157](https://github.com/alibaba/lowcode-engine/commit/6b78157b211d6eabf60297b9ce980a3e10cc8272)) -* add availableActions for ComponentMeta ([de1f60b](https://github.com/alibaba/lowcode-engine/commit/de1f60bbee157267e2c2212df1077cc49ce506f4)) -* add code coverage action ([ed3ddcf](https://github.com/alibaba/lowcode-engine/commit/ed3ddcf5c942a8e78e1f247e41d4159da97e75a8)) -* add componentMeta getter for setingPropEntry ([2f8b954](https://github.com/alibaba/lowcode-engine/commit/2f8b9545de0210260001a832b52f608238ac4191)) -* add expanded to shell SettingPropEntry ([534e294](https://github.com/alibaba/lowcode-engine/commit/534e29429d445d97c71d95d4c4e492868527bb6b)) -* add flag createIfNode for ShellNode#getProp ([152a24d](https://github.com/alibaba/lowcode-engine/commit/152a24d65528d0a3b7990c9aa87e6d8d09aa9b2a)) -* add getComponentsMap() for DocumentModel ([f956645](https://github.com/alibaba/lowcode-engine/commit/f9566454ef83eb4c48b68d63a766c3d0ff927c73)) -* add getExtraPropValue setExtraPropValue to shell SettingPropEntry ([70e7c1c](https://github.com/alibaba/lowcode-engine/commit/70e7c1c2e8998e80d58447759efdf651105724a9)) -* add id setter for DocumentModel ([941ae05](https://github.com/alibaba/lowcode-engine/commit/941ae0592586334694c48197aaa6692d49cefbce)) -* add importSchema event for documentModel ([4b8ec09](https://github.com/alibaba/lowcode-engine/commit/4b8ec09e86e3950a9d4066c28e681a59273b4c93)) -* add isGroup & items to shell SettingPropEntry ([7b76ff3](https://github.com/alibaba/lowcode-engine/commit/7b76ff357e4e638454c31a9b1324fb68966ec522)) -* add mergeChldren API for shell node ([a47d4ee](https://github.com/alibaba/lowcode-engine/commit/a47d4eea28cf4479e3b3a2bd1d194a6433666825)) -* add onMountNode event for DocumentModel ([dcc247c](https://github.com/alibaba/lowcode-engine/commit/dcc247c7d54f6af2ed36d46bfd79c7eacf7bd604)) -* add renderer for simulatorHost ([1cfc8d6](https://github.com/alibaba/lowcode-engine/commit/1cfc8d668b8897ef3a53c11520312cc6d18338f9)) -* add script for synchronizing packages to intranet registry ([b4f463e](https://github.com/alibaba/lowcode-engine/commit/b4f463e7d45f7b476de04bd4d98ad9f74d53cf13)) -* add scrollToNode for simulator host ([#1075](https://github.com/alibaba/lowcode-engine/issues/1075)) ([0bcd9ff](https://github.com/alibaba/lowcode-engine/commit/0bcd9ff78227aeddaf2fdc22d10fbd662fed91d3)) -* add setVisible for Node ([ba90327](https://github.com/alibaba/lowcode-engine/commit/ba90327eac0f5f82f6349bb9a7684bf51259e9c9)) -* add showArea & hideArea method for skeleton ([8f6b53e](https://github.com/alibaba/lowcode-engine/commit/8f6b53e67d89ee7af754132f0994a759522b3821)) -* add slotNode for shell prop ([d9a44c5](https://github.com/alibaba/lowcode-engine/commit/d9a44c5de7861e9180567b4afb787e381cefac61)) -* add some features ([18d1a4f](https://github.com/alibaba/lowcode-engine/commit/18d1a4fe1d952bcd4715e693def09fee94da49a5)) -* add some necessary methods and attributes ([4fd7f27](https://github.com/alibaba/lowcode-engine/commit/4fd7f27f8eb33b66324ede279b412940fc1f7032)) -* add some params for onDragstart & onDrag & onDragend ([d1c9838](https://github.com/alibaba/lowcode-engine/commit/d1c9838343ba1bdd4c02c1cfbf1f920dd8c87e7d)) -* add top attrbute for Shell SettingPropEntry ([51aca3d](https://github.com/alibaba/lowcode-engine/commit/51aca3d330b6483c05b71867f1b362a9f5db6cfe)) -* added lowcode engine standard specs ([f25feba](https://github.com/alibaba/lowcode-engine/commit/f25feba63f181efa83f1a8dff530e1c39ab1b34c)) -* added lowcode engine standard specs ([57df803](https://github.com/alibaba/lowcode-engine/commit/57df803179ca9cec4e8ab1dac1be577175732e65)) -* added thisRequiredInJSE API to control whether JSExpression expression access context must use this ([#702](https://github.com/alibaba/lowcode-engine/issues/702)) ([da7f77e](https://github.com/alibaba/lowcode-engine/commit/da7f77ee91b3bf441a4a57614872df32d6a1d041)) -* assetLoader loda scripts with async=false ([f6ad4a1](https://github.com/alibaba/lowcode-engine/commit/f6ad4a157df8c0ff7db327f4770f454998693d9a)) -* change loop sertter config, set defaultValue prop to JsonSetter ([aa6b9c8](https://github.com/alibaba/lowcode-engine/commit/aa6b9c8f7a5353771af9f46216310f044e57c533)) -* cp dist files of simulator-renderer to that of engine ([03c5397](https://github.com/alibaba/lowcode-engine/commit/03c53971df6de8c35620fd77743ac4f57a82d323)) -* export nodeChildrenSymbol && remove some unnecessary editor.set ([e83adce](https://github.com/alibaba/lowcode-engine/commit/e83adcee815eea73b6b1ed4f43f4d684c11818ca)) -* fix render-core leaf hoc component condition config should get from leaf exportSchema fn ([85704c3](https://github.com/alibaba/lowcode-engine/commit/85704c36946191a1b88db789cfac59e9d027a371)) -* low-code components support lifecycle and function execution ([176583f](https://github.com/alibaba/lowcode-engine/commit/176583f48af573d30c0d2c36faa3d901b0541c06)) -* **material-parser:** check module before install it; fix default value issue in ts parser ([fc452f7](https://github.com/alibaba/lowcode-engine/commit/fc452f7166f02acfba6076c1a9425e6f5880b5f6)) -* modify the output method of rendering module parsing errors ([8255b79](https://github.com/alibaba/lowcode-engine/commit/8255b7945836ee5d25fae73913faa6d0af7b3ff3)) -* pass e to customizeIgnoreSelectors ([900b239](https://github.com/alibaba/lowcode-engine/commit/900b2394323e85f0dce5df83dfc773f96da23e24)) -* refine nesting drawer ([4c032d0](https://github.com/alibaba/lowcode-engine/commit/4c032d0d0ead9731c038bd62dccc4a7d96435183)) -* refine nesting drawer ([94a211e](https://github.com/alibaba/lowcode-engine/commit/94a211e2795f74721cfd2ae3ff38a1d3607e9cd0)) -* refine pop drawer ([abf8fae](https://github.com/alibaba/lowcode-engine/commit/abf8fae3ef4d62b5688362e1b98f1b508a207029)) -* requestHandlersMap should be optional ([ee7160e](https://github.com/alibaba/lowcode-engine/commit/ee7160ea3c625d421c07730ef51711b8f14392a0)) -* return unbind function for onChangeDetecting & onChangeSelection ([30267cb](https://github.com/alibaba/lowcode-engine/commit/30267cb173fca2cd80a61450b9f2fe2bceac0f06)) -* support for hiding settings tabs when there is only one item ([#669](https://github.com/alibaba/lowcode-engine/issues/669)) ([cbd95a1](https://github.com/alibaba/lowcode-engine/commit/cbd95a1778415406670f37507ce957af6b3ecd4a)) -* support for NotFoundComponent design state is optional ([#1013](https://github.com/alibaba/lowcode-engine/issues/1013)) ([d3c891e](https://github.com/alibaba/lowcode-engine/commit/d3c891e2a46d138e31c81a7f9b804a8240154df5)) -* support opening document with id ([3f7c0cd](https://github.com/alibaba/lowcode-engine/commit/3f7c0cd5191b7924f2630c58e6439f4d4a936ac9)) -* support SPA mode ([1f9150e](https://github.com/alibaba/lowcode-engine/commit/1f9150e4b260d522bd7cb31497069b700a1e8576)) -* sync utils/constants ([#506](https://github.com/alibaba/lowcode-engine/issues/506)) ([2871b5b](https://github.com/alibaba/lowcode-engine/commit/2871b5ba4c3dbf1ed76bf4d6359fb457190a9b22)) -* the tips when dragging a component from the component panel same with the moving component ([dbe0764](https://github.com/alibaba/lowcode-engine/commit/dbe0764ff4901450f03ca56b62167fbc87d2524a)) - +- 🎸 设计态支持数据源引擎配置 ([04631f8](https://github.com/fe-lce/lowcode-engine/commit/04631f813782dbf6d175f51c40ccc75ca4c099d2)) +- 大纲树支持节点过滤 ([f30db20](https://github.com/fe-lce/lowcode-engine/commit/f30db20606f5f2fdac0017305b1dda7ab2258c4b)) +- 为 renderer 追加 displayName，以支持后续的反射功能 ([6399cce](https://github.com/fe-lce/lowcode-engine/commit/6399cce05ae494dac6facf4366949b0b97576079)) +- 资产包支持一个package从另一个package异步导出 ([#1150](https://github.com/fe-lce/lowcode-engine/issues/1150)) ([6b78157](https://github.com/fe-lce/lowcode-engine/commit/6b78157b211d6eabf60297b9ce980a3e10cc8272)) +- add availableActions for ComponentMeta ([de1f60b](https://github.com/fe-lce/lowcode-engine/commit/de1f60bbee157267e2c2212df1077cc49ce506f4)) +- add code coverage action ([ed3ddcf](https://github.com/fe-lce/lowcode-engine/commit/ed3ddcf5c942a8e78e1f247e41d4159da97e75a8)) +- add componentMeta getter for setingPropEntry ([2f8b954](https://github.com/fe-lce/lowcode-engine/commit/2f8b9545de0210260001a832b52f608238ac4191)) +- add expanded to shell SettingPropEntry ([534e294](https://github.com/fe-lce/lowcode-engine/commit/534e29429d445d97c71d95d4c4e492868527bb6b)) +- add flag createIfNode for ShellNode#getProp ([152a24d](https://github.com/fe-lce/lowcode-engine/commit/152a24d65528d0a3b7990c9aa87e6d8d09aa9b2a)) +- add getComponentsMap() for DocumentModel ([f956645](https://github.com/fe-lce/lowcode-engine/commit/f9566454ef83eb4c48b68d63a766c3d0ff927c73)) +- add getExtraPropValue setExtraPropValue to shell SettingPropEntry ([70e7c1c](https://github.com/fe-lce/lowcode-engine/commit/70e7c1c2e8998e80d58447759efdf651105724a9)) +- add id setter for DocumentModel ([941ae05](https://github.com/fe-lce/lowcode-engine/commit/941ae0592586334694c48197aaa6692d49cefbce)) +- add importSchema event for documentModel ([4b8ec09](https://github.com/fe-lce/lowcode-engine/commit/4b8ec09e86e3950a9d4066c28e681a59273b4c93)) +- add isGroup & items to shell SettingPropEntry ([7b76ff3](https://github.com/fe-lce/lowcode-engine/commit/7b76ff357e4e638454c31a9b1324fb68966ec522)) +- add mergeChldren API for shell node ([a47d4ee](https://github.com/fe-lce/lowcode-engine/commit/a47d4eea28cf4479e3b3a2bd1d194a6433666825)) +- add onMountNode event for DocumentModel ([dcc247c](https://github.com/fe-lce/lowcode-engine/commit/dcc247c7d54f6af2ed36d46bfd79c7eacf7bd604)) +- add renderer for simulatorHost ([1cfc8d6](https://github.com/fe-lce/lowcode-engine/commit/1cfc8d668b8897ef3a53c11520312cc6d18338f9)) +- add script for synchronizing packages to intranet registry ([b4f463e](https://github.com/fe-lce/lowcode-engine/commit/b4f463e7d45f7b476de04bd4d98ad9f74d53cf13)) +- add scrollToNode for simulator host ([#1075](https://github.com/fe-lce/lowcode-engine/issues/1075)) ([0bcd9ff](https://github.com/fe-lce/lowcode-engine/commit/0bcd9ff78227aeddaf2fdc22d10fbd662fed91d3)) +- add setVisible for Node ([ba90327](https://github.com/fe-lce/lowcode-engine/commit/ba90327eac0f5f82f6349bb9a7684bf51259e9c9)) +- add showArea & hideArea method for skeleton ([8f6b53e](https://github.com/fe-lce/lowcode-engine/commit/8f6b53e67d89ee7af754132f0994a759522b3821)) +- add slotNode for shell prop ([d9a44c5](https://github.com/fe-lce/lowcode-engine/commit/d9a44c5de7861e9180567b4afb787e381cefac61)) +- add some features ([18d1a4f](https://github.com/fe-lce/lowcode-engine/commit/18d1a4fe1d952bcd4715e693def09fee94da49a5)) +- add some necessary methods and attributes ([4fd7f27](https://github.com/fe-lce/lowcode-engine/commit/4fd7f27f8eb33b66324ede279b412940fc1f7032)) +- add some params for onDragstart & onDrag & onDragend ([d1c9838](https://github.com/fe-lce/lowcode-engine/commit/d1c9838343ba1bdd4c02c1cfbf1f920dd8c87e7d)) +- add top attrbute for Shell SettingPropEntry ([51aca3d](https://github.com/fe-lce/lowcode-engine/commit/51aca3d330b6483c05b71867f1b362a9f5db6cfe)) +- added lowcode engine standard specs ([f25feba](https://github.com/fe-lce/lowcode-engine/commit/f25feba63f181efa83f1a8dff530e1c39ab1b34c)) +- added lowcode engine standard specs ([57df803](https://github.com/fe-lce/lowcode-engine/commit/57df803179ca9cec4e8ab1dac1be577175732e65)) +- added thisRequiredInJSE API to control whether JSExpression expression access context must use this ([#702](https://github.com/fe-lce/lowcode-engine/issues/702)) ([da7f77e](https://github.com/fe-lce/lowcode-engine/commit/da7f77ee91b3bf441a4a57614872df32d6a1d041)) +- assetLoader loda scripts with async=false ([f6ad4a1](https://github.com/fe-lce/lowcode-engine/commit/f6ad4a157df8c0ff7db327f4770f454998693d9a)) +- change loop sertter config, set defaultValue prop to JsonSetter ([aa6b9c8](https://github.com/fe-lce/lowcode-engine/commit/aa6b9c8f7a5353771af9f46216310f044e57c533)) +- cp dist files of simulator-renderer to that of engine ([03c5397](https://github.com/fe-lce/lowcode-engine/commit/03c53971df6de8c35620fd77743ac4f57a82d323)) +- export nodeChildrenSymbol && remove some unnecessary editor.set ([e83adce](https://github.com/fe-lce/lowcode-engine/commit/e83adcee815eea73b6b1ed4f43f4d684c11818ca)) +- fix render-core leaf hoc component condition config should get from leaf exportSchema fn ([85704c3](https://github.com/fe-lce/lowcode-engine/commit/85704c36946191a1b88db789cfac59e9d027a371)) +- low-code components support lifecycle and function execution ([176583f](https://github.com/fe-lce/lowcode-engine/commit/176583f48af573d30c0d2c36faa3d901b0541c06)) +- **material-parser:** check module before install it; fix default value issue in ts parser ([fc452f7](https://github.com/fe-lce/lowcode-engine/commit/fc452f7166f02acfba6076c1a9425e6f5880b5f6)) +- modify the output method of rendering module parsing errors ([8255b79](https://github.com/fe-lce/lowcode-engine/commit/8255b7945836ee5d25fae73913faa6d0af7b3ff3)) +- pass e to customizeIgnoreSelectors ([900b239](https://github.com/fe-lce/lowcode-engine/commit/900b2394323e85f0dce5df83dfc773f96da23e24)) +- refine nesting drawer ([4c032d0](https://github.com/fe-lce/lowcode-engine/commit/4c032d0d0ead9731c038bd62dccc4a7d96435183)) +- refine nesting drawer ([94a211e](https://github.com/fe-lce/lowcode-engine/commit/94a211e2795f74721cfd2ae3ff38a1d3607e9cd0)) +- refine pop drawer ([abf8fae](https://github.com/fe-lce/lowcode-engine/commit/abf8fae3ef4d62b5688362e1b98f1b508a207029)) +- requestHandlersMap should be optional ([ee7160e](https://github.com/fe-lce/lowcode-engine/commit/ee7160ea3c625d421c07730ef51711b8f14392a0)) +- return unbind function for onChangeDetecting & onChangeSelection ([30267cb](https://github.com/fe-lce/lowcode-engine/commit/30267cb173fca2cd80a61450b9f2fe2bceac0f06)) +- support for hiding settings tabs when there is only one item ([#669](https://github.com/fe-lce/lowcode-engine/issues/669)) ([cbd95a1](https://github.com/fe-lce/lowcode-engine/commit/cbd95a1778415406670f37507ce957af6b3ecd4a)) +- support for NotFoundComponent design state is optional ([#1013](https://github.com/fe-lce/lowcode-engine/issues/1013)) ([d3c891e](https://github.com/fe-lce/lowcode-engine/commit/d3c891e2a46d138e31c81a7f9b804a8240154df5)) +- support opening document with id ([3f7c0cd](https://github.com/fe-lce/lowcode-engine/commit/3f7c0cd5191b7924f2630c58e6439f4d4a936ac9)) +- support SPA mode ([1f9150e](https://github.com/fe-lce/lowcode-engine/commit/1f9150e4b260d522bd7cb31497069b700a1e8576)) +- sync utils/constants ([#506](https://github.com/fe-lce/lowcode-engine/issues/506)) ([2871b5b](https://github.com/fe-lce/lowcode-engine/commit/2871b5ba4c3dbf1ed76bf4d6359fb457190a9b22)) +- the tips when dragging a component from the component panel same with the moving component ([dbe0764](https://github.com/fe-lce/lowcode-engine/commit/dbe0764ff4901450f03ca56b62167fbc87d2524a)) ### Bug Fixes -* 🐛 解决 react 中 jsx 出码的时候对于循环数据漏包 __$evalArray 的问题 ([3b9b177](https://github.com/alibaba/lowcode-engine/commit/3b9b177b052169cd0c1078cf8b488f04cb374dac)) -* 🐛 解决出码缺乏对于 i18n 数据的 params 的处理的问题 ([2cf788c](https://github.com/alibaba/lowcode-engine/commit/2cf788c1716ae63fef20004348c59a5a65c6b3d2)), closes [#288](https://github.com/alibaba/lowcode-engine/issues/288) -* 🐛 解决小程序环境没有 window, 而 rax 出码中却默认在 __$eval 中用到 window 的问题 ([ce531ae](https://github.com/alibaba/lowcode-engine/commit/ce531aeb457711fac92d828b431cfc3d643b3682)) -* 🐛 修复数据源引擎请求处理器映射严格模式下被过滤的问题 ([75626d8](https://github.com/alibaba/lowcode-engine/commit/75626d877db017b8862b1d5e64d75f3af7ff667a)) -* 🐛 修正 i18n 里面的一个参数命名问题 ([20c6fca](https://github.com/alibaba/lowcode-engine/commit/20c6fca03e99b11fa5c257cbbda0d4d23f410090)) -* 新元素无法在大纲树拖拽 ([3d41fd5](https://github.com/alibaba/lowcode-engine/commit/3d41fd5d0783048a7cfb54c6f80d058856153d25)) -* 修复React17选中组件bug ([750d282](https://github.com/alibaba/lowcode-engine/commit/750d282c03a880204fefdef01e180510465b82f8)) -* 修正 react 框架出码中在严格模式对 methods 和 context 的处理 ([b1a6100](https://github.com/alibaba/lowcode-engine/commit/b1a61006bba4292790899c7c49c9c611a9384472)) -* 左侧抽屉固定模式层级不足 ([c657cee](https://github.com/alibaba/lowcode-engine/commit/c657cee0694e3126dee89588a2aa17c4e118f786)) -* add lowcode-designer, lowcode-utils dependencies ([d250242](https://github.com/alibaba/lowcode-engine/commit/d2502427ca988881747a35bd8da49f024939b833)) -* add support for jsx expression ([1043ef8](https://github.com/alibaba/lowcode-engine/commit/1043ef82b1e9ceefc3b74fd21eb28e9a740bd1db)) -* addon-combine affect metadata unexpectedly ([fc5fbc6](https://github.com/alibaba/lowcode-engine/commit/fc5fbc63a04a32bc887754f32e74c76149d74b05)) -* adjust synchronize-order of packages ([81a7304](https://github.com/alibaba/lowcode-engine/commit/81a73049bd848524e1156761ded08ddf325863ba)) -* change typescript type export to export type ([50e4a03](https://github.com/alibaba/lowcode-engine/commit/50e4a03b7d810131ce413cc057b43d4a726f1ebe)) -* change typescript type export to export type ([573504b](https://github.com/alibaba/lowcode-engine/commit/573504b0e3537ca60d234ce2b2f3feedb323405e)) -* declare parameter appHelper for valid engine options ([058a842](https://github.com/alibaba/lowcode-engine/commit/058a84226af8ca19d8c7d63599d80d0cdf70281c)) -* defaultValue should be evaluated inspite of condition result is falsy, fixes [#1045](https://github.com/alibaba/lowcode-engine/issues/1045) ([fcfce3c](https://github.com/alibaba/lowcode-engine/commit/fcfce3cbeb5a53600c40aea07ffef19c9c9591c4)) -* delete the defaultValue configuration outside the loop ([acf7449](https://github.com/alibaba/lowcode-engine/commit/acf7449ca231d45e8ed7e1d9416817ea11b1266f)) -* delete unused typescript types ([63f5d2c](https://github.com/alibaba/lowcode-engine/commit/63f5d2ca3e0bda92898fd0df28c9500707812082)) -* delete unused typescript types ([2432aed](https://github.com/alibaba/lowcode-engine/commit/2432aed83d55407d2f8b5f94910ada7ea78bb59e)) -* designer/loadIncrementalAssets await Sequential ([#841](https://github.com/alibaba/lowcode-engine/issues/841)) ([8232424](https://github.com/alibaba/lowcode-engine/commit/823242469743d235923b3b946ec7d2db70887ead)) -* error thrown when triggering undo after save schema on SchemaPane ([9be46e7](https://github.com/alibaba/lowcode-engine/commit/9be46e7b34e3a40cbc489dbae4bfd0915c2090e3)) -* fallback focusNode to root if empty ([a9a118f](https://github.com/alibaba/lowcode-engine/commit/a9a118fe6e79080245c6eea42ed26772b7c784ca)) -* **filter:** unique key prop warning ([3fe6e41](https://github.com/alibaba/lowcode-engine/commit/3fe6e41536cd3a9b9c7eaca5b353de4bd1f91b11)) -* **filter:** unique key prop warning ([06e6920](https://github.com/alibaba/lowcode-engine/commit/06e6920602bdf21b6e1ffe5cfa3dfe4856e7c57e)) -* fix css resources with parameters not loading correctly ([f859752](https://github.com/alibaba/lowcode-engine/commit/f85975211814147d40ae5330a76cb21cb6c66916)) -* fix css resources with parameters not loading correctly ([9a5a04a](https://github.com/alibaba/lowcode-engine/commit/9a5a04ac9560fb6a51bf4e0ed8ea446381d39c35)) -* fix dataSource needs to be compatible due to empty schema ([98bc477](https://github.com/alibaba/lowcode-engine/commit/98bc477d80dbf7993f89befdb42762d78a55fb1b)) -* fix displayName spell mistake ([2b2bcbd](https://github.com/alibaba/lowcode-engine/commit/2b2bcbdaebde6a3ce974072f586386ef7ef3497c)) -* fix internal project.getSchema default stage is error ([0d40db2](https://github.com/alibaba/lowcode-engine/commit/0d40db2581f4fe5a9e22f763f21aec641e366c34)) -* fix lint issues for renderer-core/renderer/base ([d85437d](https://github.com/alibaba/lowcode-engine/commit/d85437d4af1043371e27dfde98cecf914b93a126)) -* fix lint issues for renderer-core/renderer/base ([4b59190](https://github.com/alibaba/lowcode-engine/commit/4b59190c7f9d518bc7efac44b7eeee73f1b5d177)) -* fix low-code component rendering problems: 1. thisRequiredInJSE does not take effect 2. jsx components cannot obtain source components ([5dd4625](https://github.com/alibaba/lowcode-engine/commit/5dd462544fbbbccfa97165f2bcfeed8629fab2a3)) -* fix material-spec demo ([438cccd](https://github.com/alibaba/lowcode-engine/commit/438cccd58e4341638070c1d8b2d4e78e4e20e3fb)) -* fix misused doc urls ([16a8857](https://github.com/alibaba/lowcode-engine/commit/16a88578634b9da2f04698df5ca5a5e69151bb97)) -* fix monitor utils incorrect assignment method ([bf280c6](https://github.com/alibaba/lowcode-engine/commit/bf280c6fa1e46d084fc8f20323164816fad4076f)) -* fix outline-pane invisible occasionally when dragging tree node ([031c7f2](https://github.com/alibaba/lowcode-engine/commit/031c7f25f10a6cfebfc7929c9226f4e4167a359f)) -* fix outline-tree initialization failed ([a2d5c6f](https://github.com/alibaba/lowcode-engine/commit/a2d5c6fd90ca0226bbbfea01a4b28c8b8d307a78)) -* fix render module state expression initialization exception ([5bd68ee](https://github.com/alibaba/lowcode-engine/commit/5bd68ee6b448fa58b022870b3f8175d8b77febde)) -* fix render module state expression initialization exception ([9c545cc](https://github.com/alibaba/lowcode-engine/commit/9c545cca6004f65e2f206ea001cefa3fa3cfa807)) -* fix setter hooks error ([8a3a0b8](https://github.com/alibaba/lowcode-engine/commit/8a3a0b824162e25a930711c6fef511b4b369e897)) -* fix test case failures of designer ([4b0521a](https://github.com/alibaba/lowcode-engine/commit/4b0521a47494f78e120f75021e0a076fb00ce53e)) -* Fix the conversion failure of some props expressions under Slot props of low-code components ([7db5461](https://github.com/alibaba/lowcode-engine/commit/7db5461706c739fac673b2466bc2fda7661242e4)) -* fix the leaf hoc component fails to monitor Node changes, and modify the logic for get node ([6ee6b07](https://github.com/alibaba/lowcode-engine/commit/6ee6b07a10ba4aac583def52d8ff1fa78d111d0b)) -* fix the leaf hoc component fails to monitor Node changes, and modify the logic for get node ([f400172](https://github.com/alibaba/lowcode-engine/commit/f4001728259047b09db75d76a8c3ef1e1bcb4e0a)) -* fix the problem that material.getComponentMetasMap returns the wrong result ([e02933c](https://github.com/alibaba/lowcode-engine/commit/e02933c18bc15519b2eba8ad946282502a509611)) -* Fix the rendering error caused by incorrect key value when configuring the loop ([1026763](https://github.com/alibaba/lowcode-engine/commit/1026763dc5a77d4395a1e86e5a0084ab4fb4230c)) -* fix the unit test failure problem caused by thisRequiredInJSE modification ([c2c59b7](https://github.com/alibaba/lowcode-engine/commit/c2c59b7ff72ba06156bbcdb952262739d6188209)) -* fix unnecessary props calculation ([f1fed75](https://github.com/alibaba/lowcode-engine/commit/f1fed75f39be8289ede1ec558b04428a69e25b5f)) -* fixed an issue where materials would be rendered multiple times ([9d187cc](https://github.com/alibaba/lowcode-engine/commit/9d187ccb7de55857e861d3fc881c610506872d03)) -* fixed an issue where materials would be rendered multiple times ([64cc328](https://github.com/alibaba/lowcode-engine/commit/64cc3283c15342151a8f93c46a276681f3575153)) -* fixed focusNodeSelector configuration not taking effect ([9beae9c](https://github.com/alibaba/lowcode-engine/commit/9beae9c3269901bf03a29033121c7d480571bce5)) -* fixed the issue that thisRequiredInJSE did not take effect in some scenarios ([7e5a919](https://github.com/alibaba/lowcode-engine/commit/7e5a919f9352397f11741fd911495996469c0256)) -* in ES require changed to import ([b4d7d6d](https://github.com/alibaba/lowcode-engine/commit/b4d7d6d8c290a335a2c1f60731d4417b23444941)) -* in ES require changed to import ([7c8cd36](https://github.com/alibaba/lowcode-engine/commit/7c8cd36a10a7caa61de31a15abd93ab8a97fbe08)) -* leaf should be type of ShellNode other than InnerNode ([5bb8cf5](https://github.com/alibaba/lowcode-engine/commit/5bb8cf5d12d38d70b69fa28deb2f8aa0afa9b9b9)) -* lowcode component exec lifecycle has error ([f99a47e](https://github.com/alibaba/lowcode-engine/commit/f99a47e502080134454795f5e361cfa4fba3f03b)) -* lowcode component leaf dont have export prop, exec leaf.export make error ([9d51dcd](https://github.com/alibaba/lowcode-engine/commit/9d51dcdae38850be0206861f2cae74ca68805c25)) -* missing engine options config info ([a79875c](https://github.com/alibaba/lowcode-engine/commit/a79875cf8698d3912b50526d97f6ac72e9a21fc9)) -* missing engine options config info ([9ccded0](https://github.com/alibaba/lowcode-engine/commit/9ccded006ef44cd538abaa140250e519243bf090)) -* npm run clean error in windows ([a176e9d](https://github.com/alibaba/lowcode-engine/commit/a176e9d245981fb5718c8d144f477202b3796be6)) -* project event listeners will not be invoked sometimes ([a0c772f](https://github.com/alibaba/lowcode-engine/commit/a0c772fb903cf5eb9e0b811b64bbe3846d4ba8ac)) -* project.exportSchema api lack stage param & setAssets should be a async fn ([0ea76a7](https://github.com/alibaba/lowcode-engine/commit/0ea76a746fac8ea8e7b999d42434c468c85d6372)) -* project.exportSchema should export componentsMap of all documents ([969a130](https://github.com/alibaba/lowcode-engine/commit/969a130b373fb028f8051e96cb9d79f1de0a2a1c)) -* removed incorrectly calling childWhitelist hook logic during drag and drop ([#1141](https://github.com/alibaba/lowcode-engine/issues/1141)) ([6576346](https://github.com/alibaba/lowcode-engine/commit/6576346b9185bedb090be9c84129e077cf5389b3)) -* renderer not rendering correct components when loading components with loadAsyncLibrary api ([9b3b4f9](https://github.com/alibaba/lowcode-engine/commit/9b3b4f9b0e35ef3ea2f0117f0cdb2254e15d5389)) -* should pass index param when creating a Prop instance under a list type Prop instance, fix [#780](https://github.com/alibaba/lowcode-engine/issues/780) ([a8de3f2](https://github.com/alibaba/lowcode-engine/commit/a8de3f299c7b26fa939d2b2ea1428143e2b5fb01)) -* simulator eclipses setting area [#773](https://github.com/alibaba/lowcode-engine/issues/773) ([b4b30a3](https://github.com/alibaba/lowcode-engine/commit/b4b30a359932f5c0e8fde1b28f54a883c87901d8)) -* spec typo ([#1064](https://github.com/alibaba/lowcode-engine/issues/1064)) ([ecb9dca](https://github.com/alibaba/lowcode-engine/commit/ecb9dca2b9386ef6fadfd009d161a9203b9b9558)) -* try catch calculation of dynamic setter ([f61e2a2](https://github.com/alibaba/lowcode-engine/commit/f61e2a2b8a3d8d6754474cd392bc259917c7eb10)) -* type=legao dont make request ([98ececa](https://github.com/alibaba/lowcode-engine/commit/98ececa9c11f93e5f849b201b5b5e7ff453733d7)) -* **types:** rrror declaration of the children prop ([951d1cb](https://github.com/alibaba/lowcode-engine/commit/951d1cb103fa46c0e7926d6138657c7d10cc4f88)) -* use the original object if it is not a shell object ([5ea53f7](https://github.com/alibaba/lowcode-engine/commit/5ea53f706b6571946bcfa56b8655b55717381771)) -* use the outer documentation url of unique key, fixes [#868](https://github.com/alibaba/lowcode-engine/issues/868) ([d770007](https://github.com/alibaba/lowcode-engine/commit/d770007ff8c39e6cf527e07a7d6468dbb88c776d)) -* use the outer documentation url of unique key, fixes [#868](https://github.com/alibaba/lowcode-engine/issues/868) ([912ee22](https://github.com/alibaba/lowcode-engine/commit/912ee22180a424f63298c319c62fb481513af904)) -* use uppercase resize trigger names based on material spec ([7fda0ef](https://github.com/alibaba/lowcode-engine/commit/7fda0efe131e0e2e3141849cf3f87307e7ce1b36)) -* when designMode is not design, the hidden attribute does not take effect ([3dd0b6d](https://github.com/alibaba/lowcode-engine/commit/3dd0b6d0a86267e3029c176ff49aff793ce3e186)) - -### [1.0.4](https://github.com/alibaba/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.4-beta.0...@lce/lowcode-code-generator@1.0.4) (2022-04-12) - +- 🐛 解决 react 中 jsx 出码的时候对于循环数据漏包 \_\_$evalArray 的问题 ([3b9b177](https://github.com/fe-lce/lowcode-engine/commit/3b9b177b052169cd0c1078cf8b488f04cb374dac)) +- 🐛 解决出码缺乏对于 i18n 数据的 params 的处理的问题 ([2cf788c](https://github.com/fe-lce/lowcode-engine/commit/2cf788c1716ae63fef20004348c59a5a65c6b3d2)), closes [#288](https://github.com/fe-lce/lowcode-engine/issues/288) +- 🐛 解决小程序环境没有 window, 而 rax 出码中却默认在 \_\_$eval 中用到 window 的问题 ([ce531ae](https://github.com/fe-lce/lowcode-engine/commit/ce531aeb457711fac92d828b431cfc3d643b3682)) +- 🐛 修复数据源引擎请求处理器映射严格模式下被过滤的问题 ([75626d8](https://github.com/fe-lce/lowcode-engine/commit/75626d877db017b8862b1d5e64d75f3af7ff667a)) +- 🐛 修正 i18n 里面的一个参数命名问题 ([20c6fca](https://github.com/fe-lce/lowcode-engine/commit/20c6fca03e99b11fa5c257cbbda0d4d23f410090)) +- 新元素无法在大纲树拖拽 ([3d41fd5](https://github.com/fe-lce/lowcode-engine/commit/3d41fd5d0783048a7cfb54c6f80d058856153d25)) +- 修复React17选中组件bug ([750d282](https://github.com/fe-lce/lowcode-engine/commit/750d282c03a880204fefdef01e180510465b82f8)) +- 修正 react 框架出码中在严格模式对 methods 和 context 的处理 ([b1a6100](https://github.com/fe-lce/lowcode-engine/commit/b1a61006bba4292790899c7c49c9c611a9384472)) +- 左侧抽屉固定模式层级不足 ([c657cee](https://github.com/fe-lce/lowcode-engine/commit/c657cee0694e3126dee89588a2aa17c4e118f786)) +- add lowcode-designer, lowcode-utils dependencies ([d250242](https://github.com/fe-lce/lowcode-engine/commit/d2502427ca988881747a35bd8da49f024939b833)) +- add support for jsx expression ([1043ef8](https://github.com/fe-lce/lowcode-engine/commit/1043ef82b1e9ceefc3b74fd21eb28e9a740bd1db)) +- addon-combine affect metadata unexpectedly ([fc5fbc6](https://github.com/fe-lce/lowcode-engine/commit/fc5fbc63a04a32bc887754f32e74c76149d74b05)) +- adjust synchronize-order of packages ([81a7304](https://github.com/fe-lce/lowcode-engine/commit/81a73049bd848524e1156761ded08ddf325863ba)) +- change typescript type export to export type ([50e4a03](https://github.com/fe-lce/lowcode-engine/commit/50e4a03b7d810131ce413cc057b43d4a726f1ebe)) +- change typescript type export to export type ([573504b](https://github.com/fe-lce/lowcode-engine/commit/573504b0e3537ca60d234ce2b2f3feedb323405e)) +- declare parameter appHelper for valid engine options ([058a842](https://github.com/fe-lce/lowcode-engine/commit/058a84226af8ca19d8c7d63599d80d0cdf70281c)) +- defaultValue should be evaluated inspite of condition result is falsy, fixes [#1045](https://github.com/fe-lce/lowcode-engine/issues/1045) ([fcfce3c](https://github.com/fe-lce/lowcode-engine/commit/fcfce3cbeb5a53600c40aea07ffef19c9c9591c4)) +- delete the defaultValue configuration outside the loop ([acf7449](https://github.com/fe-lce/lowcode-engine/commit/acf7449ca231d45e8ed7e1d9416817ea11b1266f)) +- delete unused typescript types ([63f5d2c](https://github.com/fe-lce/lowcode-engine/commit/63f5d2ca3e0bda92898fd0df28c9500707812082)) +- delete unused typescript types ([2432aed](https://github.com/fe-lce/lowcode-engine/commit/2432aed83d55407d2f8b5f94910ada7ea78bb59e)) +- designer/loadIncrementalAssets await Sequential ([#841](https://github.com/fe-lce/lowcode-engine/issues/841)) ([8232424](https://github.com/fe-lce/lowcode-engine/commit/823242469743d235923b3b946ec7d2db70887ead)) +- error thrown when triggering undo after save schema on SchemaPane ([9be46e7](https://github.com/fe-lce/lowcode-engine/commit/9be46e7b34e3a40cbc489dbae4bfd0915c2090e3)) +- fallback focusNode to root if empty ([a9a118f](https://github.com/fe-lce/lowcode-engine/commit/a9a118fe6e79080245c6eea42ed26772b7c784ca)) +- **filter:** unique key prop warning ([3fe6e41](https://github.com/fe-lce/lowcode-engine/commit/3fe6e41536cd3a9b9c7eaca5b353de4bd1f91b11)) +- **filter:** unique key prop warning ([06e6920](https://github.com/fe-lce/lowcode-engine/commit/06e6920602bdf21b6e1ffe5cfa3dfe4856e7c57e)) +- fix css resources with parameters not loading correctly ([f859752](https://github.com/fe-lce/lowcode-engine/commit/f85975211814147d40ae5330a76cb21cb6c66916)) +- fix css resources with parameters not loading correctly ([9a5a04a](https://github.com/fe-lce/lowcode-engine/commit/9a5a04ac9560fb6a51bf4e0ed8ea446381d39c35)) +- fix dataSource needs to be compatible due to empty schema ([98bc477](https://github.com/fe-lce/lowcode-engine/commit/98bc477d80dbf7993f89befdb42762d78a55fb1b)) +- fix displayName spell mistake ([2b2bcbd](https://github.com/fe-lce/lowcode-engine/commit/2b2bcbdaebde6a3ce974072f586386ef7ef3497c)) +- fix internal project.getSchema default stage is error ([0d40db2](https://github.com/fe-lce/lowcode-engine/commit/0d40db2581f4fe5a9e22f763f21aec641e366c34)) +- fix lint issues for renderer-core/renderer/base ([d85437d](https://github.com/fe-lce/lowcode-engine/commit/d85437d4af1043371e27dfde98cecf914b93a126)) +- fix lint issues for renderer-core/renderer/base ([4b59190](https://github.com/fe-lce/lowcode-engine/commit/4b59190c7f9d518bc7efac44b7eeee73f1b5d177)) +- fix low-code component rendering problems: 1. thisRequiredInJSE does not take effect 2. jsx components cannot obtain source components ([5dd4625](https://github.com/fe-lce/lowcode-engine/commit/5dd462544fbbbccfa97165f2bcfeed8629fab2a3)) +- fix material-spec demo ([438cccd](https://github.com/fe-lce/lowcode-engine/commit/438cccd58e4341638070c1d8b2d4e78e4e20e3fb)) +- fix misused doc urls ([16a8857](https://github.com/fe-lce/lowcode-engine/commit/16a88578634b9da2f04698df5ca5a5e69151bb97)) +- fix monitor utils incorrect assignment method ([bf280c6](https://github.com/fe-lce/lowcode-engine/commit/bf280c6fa1e46d084fc8f20323164816fad4076f)) +- fix outline-pane invisible occasionally when dragging tree node ([031c7f2](https://github.com/fe-lce/lowcode-engine/commit/031c7f25f10a6cfebfc7929c9226f4e4167a359f)) +- fix outline-tree initialization failed ([a2d5c6f](https://github.com/fe-lce/lowcode-engine/commit/a2d5c6fd90ca0226bbbfea01a4b28c8b8d307a78)) +- fix render module state expression initialization exception ([5bd68ee](https://github.com/fe-lce/lowcode-engine/commit/5bd68ee6b448fa58b022870b3f8175d8b77febde)) +- fix render module state expression initialization exception ([9c545cc](https://github.com/fe-lce/lowcode-engine/commit/9c545cca6004f65e2f206ea001cefa3fa3cfa807)) +- fix setter hooks error ([8a3a0b8](https://github.com/fe-lce/lowcode-engine/commit/8a3a0b824162e25a930711c6fef511b4b369e897)) +- fix test case failures of designer ([4b0521a](https://github.com/fe-lce/lowcode-engine/commit/4b0521a47494f78e120f75021e0a076fb00ce53e)) +- Fix the conversion failure of some props expressions under Slot props of low-code components ([7db5461](https://github.com/fe-lce/lowcode-engine/commit/7db5461706c739fac673b2466bc2fda7661242e4)) +- fix the leaf hoc component fails to monitor Node changes, and modify the logic for get node ([6ee6b07](https://github.com/fe-lce/lowcode-engine/commit/6ee6b07a10ba4aac583def52d8ff1fa78d111d0b)) +- fix the leaf hoc component fails to monitor Node changes, and modify the logic for get node ([f400172](https://github.com/fe-lce/lowcode-engine/commit/f4001728259047b09db75d76a8c3ef1e1bcb4e0a)) +- fix the problem that material.getComponentMetasMap returns the wrong result ([e02933c](https://github.com/fe-lce/lowcode-engine/commit/e02933c18bc15519b2eba8ad946282502a509611)) +- Fix the rendering error caused by incorrect key value when configuring the loop ([1026763](https://github.com/fe-lce/lowcode-engine/commit/1026763dc5a77d4395a1e86e5a0084ab4fb4230c)) +- fix the unit test failure problem caused by thisRequiredInJSE modification ([c2c59b7](https://github.com/fe-lce/lowcode-engine/commit/c2c59b7ff72ba06156bbcdb952262739d6188209)) +- fix unnecessary props calculation ([f1fed75](https://github.com/fe-lce/lowcode-engine/commit/f1fed75f39be8289ede1ec558b04428a69e25b5f)) +- fixed an issue where materials would be rendered multiple times ([9d187cc](https://github.com/fe-lce/lowcode-engine/commit/9d187ccb7de55857e861d3fc881c610506872d03)) +- fixed an issue where materials would be rendered multiple times ([64cc328](https://github.com/fe-lce/lowcode-engine/commit/64cc3283c15342151a8f93c46a276681f3575153)) +- fixed focusNodeSelector configuration not taking effect ([9beae9c](https://github.com/fe-lce/lowcode-engine/commit/9beae9c3269901bf03a29033121c7d480571bce5)) +- fixed the issue that thisRequiredInJSE did not take effect in some scenarios ([7e5a919](https://github.com/fe-lce/lowcode-engine/commit/7e5a919f9352397f11741fd911495996469c0256)) +- in ES require changed to import ([b4d7d6d](https://github.com/fe-lce/lowcode-engine/commit/b4d7d6d8c290a335a2c1f60731d4417b23444941)) +- in ES require changed to import ([7c8cd36](https://github.com/fe-lce/lowcode-engine/commit/7c8cd36a10a7caa61de31a15abd93ab8a97fbe08)) +- leaf should be type of ShellNode other than InnerNode ([5bb8cf5](https://github.com/fe-lce/lowcode-engine/commit/5bb8cf5d12d38d70b69fa28deb2f8aa0afa9b9b9)) +- lowcode component exec lifecycle has error ([f99a47e](https://github.com/fe-lce/lowcode-engine/commit/f99a47e502080134454795f5e361cfa4fba3f03b)) +- lowcode component leaf dont have export prop, exec leaf.export make error ([9d51dcd](https://github.com/fe-lce/lowcode-engine/commit/9d51dcdae38850be0206861f2cae74ca68805c25)) +- missing engine options config info ([a79875c](https://github.com/fe-lce/lowcode-engine/commit/a79875cf8698d3912b50526d97f6ac72e9a21fc9)) +- missing engine options config info ([9ccded0](https://github.com/fe-lce/lowcode-engine/commit/9ccded006ef44cd538abaa140250e519243bf090)) +- npm run clean error in windows ([a176e9d](https://github.com/fe-lce/lowcode-engine/commit/a176e9d245981fb5718c8d144f477202b3796be6)) +- project event listeners will not be invoked sometimes ([a0c772f](https://github.com/fe-lce/lowcode-engine/commit/a0c772fb903cf5eb9e0b811b64bbe3846d4ba8ac)) +- project.exportSchema api lack stage param & setAssets should be a async fn ([0ea76a7](https://github.com/fe-lce/lowcode-engine/commit/0ea76a746fac8ea8e7b999d42434c468c85d6372)) +- project.exportSchema should export componentsMap of all documents ([969a130](https://github.com/fe-lce/lowcode-engine/commit/969a130b373fb028f8051e96cb9d79f1de0a2a1c)) +- removed incorrectly calling childWhitelist hook logic during drag and drop ([#1141](https://github.com/fe-lce/lowcode-engine/issues/1141)) ([6576346](https://github.com/fe-lce/lowcode-engine/commit/6576346b9185bedb090be9c84129e077cf5389b3)) +- renderer not rendering correct components when loading components with loadAsyncLibrary api ([9b3b4f9](https://github.com/fe-lce/lowcode-engine/commit/9b3b4f9b0e35ef3ea2f0117f0cdb2254e15d5389)) +- should pass index param when creating a Prop instance under a list type Prop instance, fix [#780](https://github.com/fe-lce/lowcode-engine/issues/780) ([a8de3f2](https://github.com/fe-lce/lowcode-engine/commit/a8de3f299c7b26fa939d2b2ea1428143e2b5fb01)) +- simulator eclipses setting area [#773](https://github.com/fe-lce/lowcode-engine/issues/773) ([b4b30a3](https://github.com/fe-lce/lowcode-engine/commit/b4b30a359932f5c0e8fde1b28f54a883c87901d8)) +- spec typo ([#1064](https://github.com/fe-lce/lowcode-engine/issues/1064)) ([ecb9dca](https://github.com/fe-lce/lowcode-engine/commit/ecb9dca2b9386ef6fadfd009d161a9203b9b9558)) +- try catch calculation of dynamic setter ([f61e2a2](https://github.com/fe-lce/lowcode-engine/commit/f61e2a2b8a3d8d6754474cd392bc259917c7eb10)) +- type=legao dont make request ([98ececa](https://github.com/fe-lce/lowcode-engine/commit/98ececa9c11f93e5f849b201b5b5e7ff453733d7)) +- **types:** rrror declaration of the children prop ([951d1cb](https://github.com/fe-lce/lowcode-engine/commit/951d1cb103fa46c0e7926d6138657c7d10cc4f88)) +- use the original object if it is not a shell object ([5ea53f7](https://github.com/fe-lce/lowcode-engine/commit/5ea53f706b6571946bcfa56b8655b55717381771)) +- use the outer documentation url of unique key, fixes [#868](https://github.com/fe-lce/lowcode-engine/issues/868) ([d770007](https://github.com/fe-lce/lowcode-engine/commit/d770007ff8c39e6cf527e07a7d6468dbb88c776d)) +- use the outer documentation url of unique key, fixes [#868](https://github.com/fe-lce/lowcode-engine/issues/868) ([912ee22](https://github.com/fe-lce/lowcode-engine/commit/912ee22180a424f63298c319c62fb481513af904)) +- use uppercase resize trigger names based on material spec ([7fda0ef](https://github.com/fe-lce/lowcode-engine/commit/7fda0efe131e0e2e3141849cf3f87307e7ce1b36)) +- when designMode is not design, the hidden attribute does not take effect ([3dd0b6d](https://github.com/fe-lce/lowcode-engine/commit/3dd0b6d0a86267e3029c176ff49aff793ce3e186)) + +### [1.0.4](https://github.com/fe-lce/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.4-beta.0...@lce/lowcode-code-generator@1.0.4) (2022-04-12) ### Bug Fixes -* 🐛 解决 react 中 jsx 出码的时候对于循环数据漏包 __$evalArray 的问题 ([eb4cc69](https://github.com/alibaba/lowcode-engine/commit/eb4cc693f5dbcae54546c569eb8fa331d074e062)) - -### [1.0.4-beta.1](https://github.com/alibaba/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.4-beta.0...@lce/lowcode-code-generator@1.0.4-beta.1) (2022-04-11) +- 🐛 解决 react 中 jsx 出码的时候对于循环数据漏包 \_\_$evalArray 的问题 ([eb4cc69](https://github.com/fe-lce/lowcode-engine/commit/eb4cc693f5dbcae54546c569eb8fa331d074e062)) +### [1.0.4-beta.1](https://github.com/fe-lce/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.4-beta.0...@lce/lowcode-code-generator@1.0.4-beta.1) (2022-04-11) ### Bug Fixes -* 🐛 解决 react 中 jsx 出码的时候对于循环数据漏包 __$evalArray 的问题 ([987f4ce](https://github.com/alibaba/lowcode-engine/commit/987f4cea54ef8a75d0b63a0268b5a20b2938b8a7)) - -### [1.0.4-beta.0](https://github.com/alibaba/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.3...@lce/lowcode-code-generator@1.0.4-beta.0) (2022-04-10) +- 🐛 解决 react 中 jsx 出码的时候对于循环数据漏包 \_\_$evalArray 的问题 ([987f4ce](https://github.com/fe-lce/lowcode-engine/commit/987f4cea54ef8a75d0b63a0268b5a20b2938b8a7)) +### [1.0.4-beta.0](https://github.com/fe-lce/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.3...@lce/lowcode-code-generator@1.0.4-beta.0) (2022-04-10) ### Features -* **material-parser:** check module before install it; fix default value issue in ts parser ([fc452f7](https://github.com/alibaba/lowcode-engine/commit/fc452f7166f02acfba6076c1a9425e6f5880b5f6)) - +- **material-parser:** check module before install it; fix default value issue in ts parser ([fc452f7](https://github.com/fe-lce/lowcode-engine/commit/fc452f7166f02acfba6076c1a9425e6f5880b5f6)) ### Bug Fixes -* 🐛 修正 i18n 里面的一个参数命名问题 ([1e9e388](https://github.com/alibaba/lowcode-engine/commit/1e9e388ce9104d76c4f6d9bc513c57e5059d7982)) -* 🐛 解决出码缺乏对于 i18n 数据的 params 的处理的问题 ([1eb9add](https://github.com/alibaba/lowcode-engine/commit/1eb9addd8df2323f9aabac87af32ac2efcd6bf22)), closes [#288](https://github.com/alibaba/lowcode-engine/issues/288) -* 🐛 解决小程序环境没有 window, 而 rax 出码中却默认在 __$eval 中用到 window 的问题 ([67dabb0](https://github.com/alibaba/lowcode-engine/commit/67dabb04beb32b6e94eb1276222e53b416e47c9d)) -* Fix the conversion failure of some props expressions under Slot props of low-code components ([7db5461](https://github.com/alibaba/lowcode-engine/commit/7db5461706c739fac673b2466bc2fda7661242e4)) -* fix unnecessary props calculation ([f1fed75](https://github.com/alibaba/lowcode-engine/commit/f1fed75f39be8289ede1ec558b04428a69e25b5f)) -* 修正 react 框架出码中在严格模式对 methods 和 context 的处理 ([79db4ac](https://github.com/alibaba/lowcode-engine/commit/79db4ac97f34f24b7f7460fb3fc67521967f8cc5)) - -### [1.0.3](https://github.com/alibaba/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.2...@lce/lowcode-code-generator@1.0.3) (2022-03-29) +- 🐛 修正 i18n 里面的一个参数命名问题 ([1e9e388](https://github.com/fe-lce/lowcode-engine/commit/1e9e388ce9104d76c4f6d9bc513c57e5059d7982)) +- 🐛 解决出码缺乏对于 i18n 数据的 params 的处理的问题 ([1eb9add](https://github.com/fe-lce/lowcode-engine/commit/1eb9addd8df2323f9aabac87af32ac2efcd6bf22)), closes [#288](https://github.com/fe-lce/lowcode-engine/issues/288) +- 🐛 解决小程序环境没有 window, 而 rax 出码中却默认在 \_\_$eval 中用到 window 的问题 ([67dabb0](https://github.com/fe-lce/lowcode-engine/commit/67dabb04beb32b6e94eb1276222e53b416e47c9d)) +- Fix the conversion failure of some props expressions under Slot props of low-code components ([7db5461](https://github.com/fe-lce/lowcode-engine/commit/7db5461706c739fac673b2466bc2fda7661242e4)) +- fix unnecessary props calculation ([f1fed75](https://github.com/fe-lce/lowcode-engine/commit/f1fed75f39be8289ede1ec558b04428a69e25b5f)) +- 修正 react 框架出码中在严格模式对 methods 和 context 的处理 ([79db4ac](https://github.com/fe-lce/lowcode-engine/commit/79db4ac97f34f24b7f7460fb3fc67521967f8cc5)) +### [1.0.3](https://github.com/fe-lce/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.2...@lce/lowcode-code-generator@1.0.3) (2022-03-29) ### Features -* add getConvertedExtraKey / getOriginalExtraKey to utils ([8e7bb9d](https://github.com/alibaba/lowcode-engine/commit/8e7bb9d4b86454dd77c6928eb769cd764cad8630)) - +- add getConvertedExtraKey / getOriginalExtraKey to utils ([8e7bb9d](https://github.com/fe-lce/lowcode-engine/commit/8e7bb9d4b86454dd77c6928eb769cd764cad8630)) ### Bug Fixes -* 🐛 出码: 解决 componentName 和 exportName 不一致时生成的 import 语句的问题 ([eefc091](https://github.com/alibaba/lowcode-engine/commit/eefc091ee7e86d6214d20d486212cb5aff237946)) -* component cannot be redisplayed by configuration after rendering is closed ([c54f369](https://github.com/alibaba/lowcode-engine/commit/c54f369e1860d818479dda9d6429f851c0b08fa6)) -* fix loop configuration auto fill empty array issue ([d087092](https://github.com/alibaba/lowcode-engine/commit/d087092fd712eff0556adacda692d3ff6f2f9f22)) -* make important true by default ([c63b6e1](https://github.com/alibaba/lowcode-engine/commit/c63b6e1bfadc3fc87ed41840952e02ffbff24fab)) -* make insertAfter & insertBefore work ([70fd372](https://github.com/alibaba/lowcode-engine/commit/70fd3720d098d6e227acb9281ee22feee66b9c0b)) -* npm源 ([437adcc](https://github.com/alibaba/lowcode-engine/commit/437adccf5f2dbb400de6e2bef10cfc4b65286f2b)) -* prop should return undefined when all items are undefined ([5bb9ec7](https://github.com/alibaba/lowcode-engine/commit/5bb9ec7a1dfaabfdb5369226b54d5f63a7999e59)) -* should not create new prop while querying fileName ([19c207d](https://github.com/alibaba/lowcode-engine/commit/19c207d29de045f473ba73baaf34e7294d40261a)) -* variable binding lost after modify the mock value ([ef95b56](https://github.com/alibaba/lowcode-engine/commit/ef95b5683273d8302bde1582de8afe3d87a808d8)) -* Workbench should receive the original skeleton other than shell skeleton ([d5c3ca1](https://github.com/alibaba/lowcode-engine/commit/d5c3ca1068ce2c2140980bd059d0da333574dc34)) - -### [1.0.2](https://github.com/alibaba/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.2-beta.1...@lce/lowcode-code-generator@1.0.2) (2022-03-08) +- 🐛 出码: 解决 componentName 和 exportName 不一致时生成的 import 语句的问题 ([eefc091](https://github.com/fe-lce/lowcode-engine/commit/eefc091ee7e86d6214d20d486212cb5aff237946)) +- component cannot be redisplayed by configuration after rendering is closed ([c54f369](https://github.com/fe-lce/lowcode-engine/commit/c54f369e1860d818479dda9d6429f851c0b08fa6)) +- fix loop configuration auto fill empty array issue ([d087092](https://github.com/fe-lce/lowcode-engine/commit/d087092fd712eff0556adacda692d3ff6f2f9f22)) +- make important true by default ([c63b6e1](https://github.com/fe-lce/lowcode-engine/commit/c63b6e1bfadc3fc87ed41840952e02ffbff24fab)) +- make insertAfter & insertBefore work ([70fd372](https://github.com/fe-lce/lowcode-engine/commit/70fd3720d098d6e227acb9281ee22feee66b9c0b)) +- npm源 ([437adcc](https://github.com/fe-lce/lowcode-engine/commit/437adccf5f2dbb400de6e2bef10cfc4b65286f2b)) +- prop should return undefined when all items are undefined ([5bb9ec7](https://github.com/fe-lce/lowcode-engine/commit/5bb9ec7a1dfaabfdb5369226b54d5f63a7999e59)) +- should not create new prop while querying fileName ([19c207d](https://github.com/fe-lce/lowcode-engine/commit/19c207d29de045f473ba73baaf34e7294d40261a)) +- variable binding lost after modify the mock value ([ef95b56](https://github.com/fe-lce/lowcode-engine/commit/ef95b5683273d8302bde1582de8afe3d87a808d8)) +- Workbench should receive the original skeleton other than shell skeleton ([d5c3ca1](https://github.com/fe-lce/lowcode-engine/commit/d5c3ca1068ce2c2140980bd059d0da333574dc34)) -### [1.0.2-beta.1](https://github.com/alibaba/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.2-beta.0...@lce/lowcode-code-generator@1.0.2-beta.1) (2022-03-08) +### [1.0.2](https://github.com/fe-lce/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.2-beta.1...@lce/lowcode-code-generator@1.0.2) (2022-03-08) +### [1.0.2-beta.1](https://github.com/fe-lce/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.2-beta.0...@lce/lowcode-code-generator@1.0.2-beta.1) (2022-03-08) ### Bug Fixes -* 🐛 补充 icejs 模板中缺失的依赖包 ([a94553e](https://github.com/alibaba/lowcode-engine/commit/a94553e503d439b67478df6a34950d9e3d15a063)) - -### [1.0.2-beta.0](https://github.com/alibaba/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.0...@lce/lowcode-code-generator@1.0.2-beta.0) (2022-03-08) +- 🐛 补充 icejs 模板中缺失的依赖包 ([a94553e](https://github.com/fe-lce/lowcode-engine/commit/a94553e503d439b67478df6a34950d9e3d15a063)) +### [1.0.2-beta.0](https://github.com/fe-lce/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.0...@lce/lowcode-code-generator@1.0.2-beta.0) (2022-03-08) ### Features -* 在 skeleton 增加几个方法和事件 ([a7d436a](https://github.com/alibaba/lowcode-engine/commit/a7d436a0525a0ce0c7229710077111f283b452f4)) -* modify npm private control & version ([ee55d02](https://github.com/alibaba/lowcode-engine/commit/ee55d024a7f964ccf35a0efabec817364cea8041)) -* modify yuque link in README ([d522034](https://github.com/alibaba/lowcode-engine/commit/d522034879d20a7b5ed12f8fe02a30662a2ea7c6)) -* remove CHANGELOG.md ([b996414](https://github.com/alibaba/lowcode-engine/commit/b996414c436b5d2439c8368eb4e001cdbcd02892)) -* remove module field in material-parser package.json ([6141c27](https://github.com/alibaba/lowcode-engine/commit/6141c273c9c32eea22b5374679fe625e6ea15394)) -* rename build:umd ([23c7959](https://github.com/alibaba/lowcode-engine/commit/23c795931e1d5cf43e9c21cd902441c69c1ecc63)) -* replace tnpm with npm ([36caf0f](https://github.com/alibaba/lowcode-engine/commit/36caf0f18980c16f7ebb82ac845ad6b33e033567)) -* support UMD packageing for react-renderer ([982d0d6](https://github.com/alibaba/lowcode-engine/commit/982d0d676b3dfbfc10a2190c0040126d6925ed37)) - +- 在 skeleton 增加几个方法和事件 ([a7d436a](https://github.com/fe-lce/lowcode-engine/commit/a7d436a0525a0ce0c7229710077111f283b452f4)) +- modify npm private control & version ([ee55d02](https://github.com/fe-lce/lowcode-engine/commit/ee55d024a7f964ccf35a0efabec817364cea8041)) +- modify yuque link in README ([d522034](https://github.com/fe-lce/lowcode-engine/commit/d522034879d20a7b5ed12f8fe02a30662a2ea7c6)) +- remove CHANGELOG.md ([b996414](https://github.com/fe-lce/lowcode-engine/commit/b996414c436b5d2439c8368eb4e001cdbcd02892)) +- remove module field in material-parser package.json ([6141c27](https://github.com/fe-lce/lowcode-engine/commit/6141c273c9c32eea22b5374679fe625e6ea15394)) +- rename build:umd ([23c7959](https://github.com/fe-lce/lowcode-engine/commit/23c795931e1d5cf43e9c21cd902441c69c1ecc63)) +- replace tnpm with npm ([36caf0f](https://github.com/fe-lce/lowcode-engine/commit/36caf0f18980c16f7ebb82ac845ad6b33e033567)) +- support UMD packageing for react-renderer ([982d0d6](https://github.com/fe-lce/lowcode-engine/commit/982d0d676b3dfbfc10a2190c0040126d6925ed37)) ### Bug Fixes -* 🐛 去掉 npm 上没有的依赖 ([#68](https://github.com/alibaba/lowcode-engine/issues/68)) ([e7ce779](https://github.com/alibaba/lowcode-engine/commit/e7ce77987eb05871dd1675d2a88367c5569bfbff)) -* 兼容 setters 为空的情况 ([56b459a](https://github.com/alibaba/lowcode-engine/commit/56b459a017a8350a911ef20f0166d1e62b6390e4)) -* 解决 package.json 中误添加了没有用到的数据源类型的 handler 的包的问题 ([#56](https://github.com/alibaba/lowcode-engine/issues/56)) ([76341c8](https://github.com/alibaba/lowcode-engine/commit/76341c8456b227192bb65537dc3d16033db0b3a1)) -* 解决出码的一些问题 ([#87](https://github.com/alibaba/lowcode-engine/issues/87)) ([4a01c97](https://github.com/alibaba/lowcode-engine/commit/4a01c97ea6bf23eb677888ba1aba54e5c9f4f630)) -* 修复 setup 的逻辑 ([1cfb15a](https://github.com/alibaba/lowcode-engine/commit/1cfb15aebea9796af23b2135f2aa4409d81283d7)) -* 修正一些对内的地址 ([07cc1f2](https://github.com/alibaba/lowcode-engine/commit/07cc1f2954530c64a1a3d260e8d532c9e19892e8)) -* 增加必要的方法 ([1b38a81](https://github.com/alibaba/lowcode-engine/commit/1b38a812653656aa02100a3b1b2a581188d1b3ef)) -* fix tsconfig of material-parser ([46725cb](https://github.com/alibaba/lowcode-engine/commit/46725cb9f3166912c8f5b42f1e0b1177158c1ee3)) -* lint&fix auto generated types.ts ([7dde970](https://github.com/alibaba/lowcode-engine/commit/7dde9701c7960b29523abddf32421cdbac47016d)) -* The outline tree does not display the loop flag when the loop is an empty array ([191e284](https://github.com/alibaba/lowcode-engine/commit/191e284f2fa190c2b3aecb4df31849b2bdc99d38)) - -### [1.0.1](https://github.com/alibaba/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.0...@lce/lowcode-code-generator@1.0.1) (2022-03-08) +- 🐛 去掉 npm 上没有的依赖 ([#68](https://github.com/fe-lce/lowcode-engine/issues/68)) ([e7ce779](https://github.com/fe-lce/lowcode-engine/commit/e7ce77987eb05871dd1675d2a88367c5569bfbff)) +- 兼容 setters 为空的情况 ([56b459a](https://github.com/fe-lce/lowcode-engine/commit/56b459a017a8350a911ef20f0166d1e62b6390e4)) +- 解决 package.json 中误添加了没有用到的数据源类型的 handler 的包的问题 ([#56](https://github.com/fe-lce/lowcode-engine/issues/56)) ([76341c8](https://github.com/fe-lce/lowcode-engine/commit/76341c8456b227192bb65537dc3d16033db0b3a1)) +- 解决出码的一些问题 ([#87](https://github.com/fe-lce/lowcode-engine/issues/87)) ([4a01c97](https://github.com/fe-lce/lowcode-engine/commit/4a01c97ea6bf23eb677888ba1aba54e5c9f4f630)) +- 修复 setup 的逻辑 ([1cfb15a](https://github.com/fe-lce/lowcode-engine/commit/1cfb15aebea9796af23b2135f2aa4409d81283d7)) +- 修正一些对内的地址 ([07cc1f2](https://github.com/fe-lce/lowcode-engine/commit/07cc1f2954530c64a1a3d260e8d532c9e19892e8)) +- 增加必要的方法 ([1b38a81](https://github.com/fe-lce/lowcode-engine/commit/1b38a812653656aa02100a3b1b2a581188d1b3ef)) +- fix tsconfig of material-parser ([46725cb](https://github.com/fe-lce/lowcode-engine/commit/46725cb9f3166912c8f5b42f1e0b1177158c1ee3)) +- lint&fix auto generated types.ts ([7dde970](https://github.com/fe-lce/lowcode-engine/commit/7dde9701c7960b29523abddf32421cdbac47016d)) +- The outline tree does not display the loop flag when the loop is an empty array ([191e284](https://github.com/fe-lce/lowcode-engine/commit/191e284f2fa190c2b3aecb4df31849b2bdc99d38)) +### [1.0.1](https://github.com/fe-lce/lowcode-engine/compare/@lce/lowcode-code-generator@1.0.0...@lce/lowcode-code-generator@1.0.1) (2022-03-08) ### Features -* 在 skeleton 增加几个方法和事件 ([a7d436a](https://github.com/alibaba/lowcode-engine/commit/a7d436a0525a0ce0c7229710077111f283b452f4)) -* modify npm private control & version ([ee55d02](https://github.com/alibaba/lowcode-engine/commit/ee55d024a7f964ccf35a0efabec817364cea8041)) -* modify yuque link in README ([d522034](https://github.com/alibaba/lowcode-engine/commit/d522034879d20a7b5ed12f8fe02a30662a2ea7c6)) -* remove CHANGELOG.md ([b996414](https://github.com/alibaba/lowcode-engine/commit/b996414c436b5d2439c8368eb4e001cdbcd02892)) -* remove module field in material-parser package.json ([6141c27](https://github.com/alibaba/lowcode-engine/commit/6141c273c9c32eea22b5374679fe625e6ea15394)) -* rename build:umd ([23c7959](https://github.com/alibaba/lowcode-engine/commit/23c795931e1d5cf43e9c21cd902441c69c1ecc63)) -* replace tnpm with npm ([36caf0f](https://github.com/alibaba/lowcode-engine/commit/36caf0f18980c16f7ebb82ac845ad6b33e033567)) -* support UMD packageing for react-renderer ([982d0d6](https://github.com/alibaba/lowcode-engine/commit/982d0d676b3dfbfc10a2190c0040126d6925ed37)) - +- 在 skeleton 增加几个方法和事件 ([a7d436a](https://github.com/fe-lce/lowcode-engine/commit/a7d436a0525a0ce0c7229710077111f283b452f4)) +- modify npm private control & version ([ee55d02](https://github.com/fe-lce/lowcode-engine/commit/ee55d024a7f964ccf35a0efabec817364cea8041)) +- modify yuque link in README ([d522034](https://github.com/fe-lce/lowcode-engine/commit/d522034879d20a7b5ed12f8fe02a30662a2ea7c6)) +- remove CHANGELOG.md ([b996414](https://github.com/fe-lce/lowcode-engine/commit/b996414c436b5d2439c8368eb4e001cdbcd02892)) +- remove module field in material-parser package.json ([6141c27](https://github.com/fe-lce/lowcode-engine/commit/6141c273c9c32eea22b5374679fe625e6ea15394)) +- rename build:umd ([23c7959](https://github.com/fe-lce/lowcode-engine/commit/23c795931e1d5cf43e9c21cd902441c69c1ecc63)) +- replace tnpm with npm ([36caf0f](https://github.com/fe-lce/lowcode-engine/commit/36caf0f18980c16f7ebb82ac845ad6b33e033567)) +- support UMD packageing for react-renderer ([982d0d6](https://github.com/fe-lce/lowcode-engine/commit/982d0d676b3dfbfc10a2190c0040126d6925ed37)) ### Bug Fixes -* 🐛 修正一些示例地址 ([8d21283](https://github.com/alibaba/lowcode-engine/commit/8d212832e77a1ec763db668683917705774acd0d)) -* 兼容 setters 为空的情况 ([56b459a](https://github.com/alibaba/lowcode-engine/commit/56b459a017a8350a911ef20f0166d1e62b6390e4)) -* 修复 setup 的逻辑 ([1cfb15a](https://github.com/alibaba/lowcode-engine/commit/1cfb15aebea9796af23b2135f2aa4409d81283d7)) -* 修正一些对内的地址 ([07cc1f2](https://github.com/alibaba/lowcode-engine/commit/07cc1f2954530c64a1a3d260e8d532c9e19892e8)) -* 增加必要的方法 ([1b38a81](https://github.com/alibaba/lowcode-engine/commit/1b38a812653656aa02100a3b1b2a581188d1b3ef)) -* fix tsconfig of material-parser ([46725cb](https://github.com/alibaba/lowcode-engine/commit/46725cb9f3166912c8f5b42f1e0b1177158c1ee3)) -* lint&fix auto generated types.ts ([7dde970](https://github.com/alibaba/lowcode-engine/commit/7dde9701c7960b29523abddf32421cdbac47016d)) -* The outline tree does not display the loop flag when the loop is an empty array ([191e284](https://github.com/alibaba/lowcode-engine/commit/191e284f2fa190c2b3aecb4df31849b2bdc99d38)) +- 🐛 修正一些示例地址 ([8d21283](https://github.com/fe-lce/lowcode-engine/commit/8d212832e77a1ec763db668683917705774acd0d)) +- 兼容 setters 为空的情况 ([56b459a](https://github.com/fe-lce/lowcode-engine/commit/56b459a017a8350a911ef20f0166d1e62b6390e4)) +- 修复 setup 的逻辑 ([1cfb15a](https://github.com/fe-lce/lowcode-engine/commit/1cfb15aebea9796af23b2135f2aa4409d81283d7)) +- 修正一些对内的地址 ([07cc1f2](https://github.com/fe-lce/lowcode-engine/commit/07cc1f2954530c64a1a3d260e8d532c9e19892e8)) +- 增加必要的方法 ([1b38a81](https://github.com/fe-lce/lowcode-engine/commit/1b38a812653656aa02100a3b1b2a581188d1b3ef)) +- fix tsconfig of material-parser ([46725cb](https://github.com/fe-lce/lowcode-engine/commit/46725cb9f3166912c8f5b42f1e0b1177158c1ee3)) +- lint&fix auto generated types.ts ([7dde970](https://github.com/fe-lce/lowcode-engine/commit/7dde9701c7960b29523abddf32421cdbac47016d)) +- The outline tree does not display the loop flag when the loop is an empty array ([191e284](https://github.com/fe-lce/lowcode-engine/commit/191e284f2fa190c2b3aecb4df31849b2bdc99d38)) ## 1.0.0 (2022-02-17) - ### Features -* first commit - genesis ([4f4ac51](https://github.com/alibaba/lowcode-engine/commit/4f4ac5115d18357a7399632860808f6cffc33fad)) +- first commit - genesis ([4f4ac51](https://github.com/fe-lce/lowcode-engine/commit/4f4ac5115d18357a7399632860808f6cffc33fad)) diff --git a/modules/code-generator/README.md b/modules/code-generator/README.md index b9f818af3e..2adf685733 100644 --- a/modules/code-generator/README.md +++ b/modules/code-generator/README.md @@ -120,4 +120,4 @@ await CodeGenerator.publishers.zip().publish({ ## 参与共建 -欢迎参与共建，如何共建请参阅：[./CONTRIBUTING.md](https://github.com/alibaba/lowcode-engine/blob/main/modules/code-generator/CONTRIBUTING.md) +欢迎参与共建，如何共建请参阅：[./CONTRIBUTING.md](https://github.com/fe-lce/lowcode-engine/blob/main/modules/code-generator/CONTRIBUTING.md) diff --git a/modules/code-generator/package.json b/modules/code-generator/package.json index 7d3101f706..7b2b89d878 100644 --- a/modules/code-generator/package.json +++ b/modules/code-generator/package.json @@ -148,8 +148,8 @@ }, "repository": { "type": "http", - "url": "https://github.com/alibaba/lowcode-engine/tree/main/modules/code-generator" + "url": "https://github.com/fe-lce/lowcode-engine/tree/main/modules/code-generator" }, - "bugs": "https://github.com/alibaba/lowcode-engine/issues", - "homepage": "https://github.com/alibaba/lowcode-engine/#readme" + "bugs": "https://github.com/fe-lce/lowcode-engine/issues", + "homepage": "https://github.com/fe-lce/lowcode-engine/#readme" } diff --git a/modules/material-parser/package.json b/modules/material-parser/package.json index 332739cff1..a85dd846e6 100644 --- a/modules/material-parser/package.json +++ b/modules/material-parser/package.json @@ -69,8 +69,8 @@ }, "repository": { "type": "http", - "url": "https://github.com/alibaba/lowcode-engine/tree/main/modules/material-parser" + "url": "https://github.com/fe-lce/lowcode-engine/tree/main/modules/material-parser" }, - "bugs": "https://github.com/alibaba/lowcode-engine/issues", - "homepage": "https://github.com/alibaba/lowcode-engine/#readme" + "bugs": "https://github.com/fe-lce/lowcode-engine/issues", + "homepage": "https://github.com/fe-lce/lowcode-engine/#readme" } diff --git a/packages/designer/package.json b/packages/designer/package.json index 0db9ea5301..e411c50a0a 100644 --- a/packages/designer/package.json +++ b/packages/designer/package.json @@ -50,9 +50,9 @@ }, "repository": { "type": "http", - "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/designer" + "url": "https://github.com/fe-lce/lowcode-engine/tree/main/packages/designer" }, "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6", - "bugs": "https://github.com/alibaba/lowcode-engine/issues", - "homepage": "https://github.com/alibaba/lowcode-engine/#readme" + "bugs": "https://github.com/fe-lce/lowcode-engine/issues", + "homepage": "https://github.com/fe-lce/lowcode-engine/#readme" } diff --git a/packages/designer/tests/fixtures/component-metadata/abcgroup.ts b/packages/designer/tests/fixtures/component-metadata/abcgroup.ts index abce5577be..f9ff8afaf0 100644 --- a/packages/designer/tests/fixtures/component-metadata/abcgroup.ts +++ b/packages/designer/tests/fixtures/component-metadata/abcgroup.ts @@ -6,7 +6,7 @@ export default { componentName: 'Div', }, title: { label: '容器' }, - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/abcitem.ts b/packages/designer/tests/fixtures/component-metadata/abcitem.ts index 4608e4f68e..0a4e688e6e 100644 --- a/packages/designer/tests/fixtures/component-metadata/abcitem.ts +++ b/packages/designer/tests/fixtures/component-metadata/abcitem.ts @@ -6,7 +6,7 @@ export default { componentName: 'Div', }, title: { label: '容器' }, - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/abcnode.ts b/packages/designer/tests/fixtures/component-metadata/abcnode.ts index a8cbd629e4..db86ead5d0 100644 --- a/packages/designer/tests/fixtures/component-metadata/abcnode.ts +++ b/packages/designer/tests/fixtures/component-metadata/abcnode.ts @@ -6,7 +6,7 @@ export default { componentName: 'Div', }, title: { label: '容器' }, - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/abcoption.ts b/packages/designer/tests/fixtures/component-metadata/abcoption.ts index 2a62a48450..be14c0165c 100644 --- a/packages/designer/tests/fixtures/component-metadata/abcoption.ts +++ b/packages/designer/tests/fixtures/component-metadata/abcoption.ts @@ -6,7 +6,7 @@ export default { componentName: 'Div', }, title: { label: '容器' }, - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/button.ts b/packages/designer/tests/fixtures/component-metadata/button.ts index 3d9f151934..786020ac0b 100644 --- a/packages/designer/tests/fixtures/component-metadata/button.ts +++ b/packages/designer/tests/fixtures/component-metadata/button.ts @@ -6,7 +6,7 @@ export default { componentName: 'Button', }, title: '按钮', - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/dialog.ts b/packages/designer/tests/fixtures/component-metadata/dialog.ts index bc638de3c3..827d353a53 100644 --- a/packages/designer/tests/fixtures/component-metadata/dialog.ts +++ b/packages/designer/tests/fixtures/component-metadata/dialog.ts @@ -6,7 +6,7 @@ export default { componentName: 'Dialog', }, title: '容器', - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/div.ts b/packages/designer/tests/fixtures/component-metadata/div.ts index 71d877bf78..265f5517f4 100644 --- a/packages/designer/tests/fixtures/component-metadata/div.ts +++ b/packages/designer/tests/fixtures/component-metadata/div.ts @@ -6,7 +6,7 @@ export default { componentName: 'Div', }, title: '容器', - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/div10.ts b/packages/designer/tests/fixtures/component-metadata/div10.ts index 44180a6256..6d9c0177e6 100644 --- a/packages/designer/tests/fixtures/component-metadata/div10.ts +++ b/packages/designer/tests/fixtures/component-metadata/div10.ts @@ -2,7 +2,7 @@ import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Div', title: '容器', - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/div2.ts b/packages/designer/tests/fixtures/component-metadata/div2.ts index 166603b889..bb8da59ada 100644 --- a/packages/designer/tests/fixtures/component-metadata/div2.ts +++ b/packages/designer/tests/fixtures/component-metadata/div2.ts @@ -6,7 +6,7 @@ export default { componentName: 'Div', }, title: { label: '容器' }, - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/div3.ts b/packages/designer/tests/fixtures/component-metadata/div3.ts index ffb6508cf8..dd3489bc7c 100644 --- a/packages/designer/tests/fixtures/component-metadata/div3.ts +++ b/packages/designer/tests/fixtures/component-metadata/div3.ts @@ -5,7 +5,7 @@ export default { package: '@ali/vc-div', componentName: 'Div', }, - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/div4.ts b/packages/designer/tests/fixtures/component-metadata/div4.ts index 2d3491efcd..e0f4c88273 100644 --- a/packages/designer/tests/fixtures/component-metadata/div4.ts +++ b/packages/designer/tests/fixtures/component-metadata/div4.ts @@ -5,7 +5,7 @@ export default { package: '@ali/vc-div', componentName: 'Div', }, - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: [ diff --git a/packages/designer/tests/fixtures/component-metadata/div5.ts b/packages/designer/tests/fixtures/component-metadata/div5.ts index cd20bd5f44..5baa1f28c4 100644 --- a/packages/designer/tests/fixtures/component-metadata/div5.ts +++ b/packages/designer/tests/fixtures/component-metadata/div5.ts @@ -5,7 +5,7 @@ export default { package: '@ali/vc-div', componentName: 'Div', }, - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/div6.ts b/packages/designer/tests/fixtures/component-metadata/div6.ts index 19d99bbd8e..49d4b9cea7 100644 --- a/packages/designer/tests/fixtures/component-metadata/div6.ts +++ b/packages/designer/tests/fixtures/component-metadata/div6.ts @@ -5,7 +5,7 @@ export default { package: '@ali/vc-div', componentName: 'Div', }, - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/div7.ts b/packages/designer/tests/fixtures/component-metadata/div7.ts index a76dd136c3..610b5bd92c 100644 --- a/packages/designer/tests/fixtures/component-metadata/div7.ts +++ b/packages/designer/tests/fixtures/component-metadata/div7.ts @@ -6,7 +6,7 @@ export default { componentName: 'Div', }, title: '容器', - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/div8.ts b/packages/designer/tests/fixtures/component-metadata/div8.ts index f20c3f22c7..eef017d2f1 100644 --- a/packages/designer/tests/fixtures/component-metadata/div8.ts +++ b/packages/designer/tests/fixtures/component-metadata/div8.ts @@ -6,7 +6,7 @@ export default { componentName: 'Div', }, title: '容器', - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], } as IPublicTypeComponentMetadata; diff --git a/packages/designer/tests/fixtures/component-metadata/div9.ts b/packages/designer/tests/fixtures/component-metadata/div9.ts index bdf37737b9..576fc7e5fe 100644 --- a/packages/designer/tests/fixtures/component-metadata/div9.ts +++ b/packages/designer/tests/fixtures/component-metadata/div9.ts @@ -2,7 +2,7 @@ import { IPublicTypeComponentMetadata } from '@lce/lowcode-types'; export default { componentName: 'Div', title: '容器', - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], } as IPublicTypeComponentMetadata; diff --git a/packages/designer/tests/fixtures/component-metadata/form.ts b/packages/designer/tests/fixtures/component-metadata/form.ts index 23a18e35fd..ba7f431131 100644 --- a/packages/designer/tests/fixtures/component-metadata/form.ts +++ b/packages/designer/tests/fixtures/component-metadata/form.ts @@ -5,7 +5,7 @@ export default { package: '@ali/vc-form', }, title: '表单', - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/other.ts b/packages/designer/tests/fixtures/component-metadata/other.ts index 9145073631..dabf90c36e 100644 --- a/packages/designer/tests/fixtures/component-metadata/other.ts +++ b/packages/designer/tests/fixtures/component-metadata/other.ts @@ -5,7 +5,7 @@ export default { package: '@ali/vc-other', }, title: '容器', - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/page.ts b/packages/designer/tests/fixtures/component-metadata/page.ts index 23b9ff04f9..80d7a925df 100644 --- a/packages/designer/tests/fixtures/component-metadata/page.ts +++ b/packages/designer/tests/fixtures/component-metadata/page.ts @@ -5,7 +5,7 @@ export default { package: '@ali/vc-page', }, title: '容器', - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/page2.ts b/packages/designer/tests/fixtures/component-metadata/page2.ts index 23b9ff04f9..80d7a925df 100644 --- a/packages/designer/tests/fixtures/component-metadata/page2.ts +++ b/packages/designer/tests/fixtures/component-metadata/page2.ts @@ -5,7 +5,7 @@ export default { package: '@ali/vc-page', }, title: '容器', - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/root-content.ts b/packages/designer/tests/fixtures/component-metadata/root-content.ts index 89dafd4005..43bf014d9c 100644 --- a/packages/designer/tests/fixtures/component-metadata/root-content.ts +++ b/packages/designer/tests/fixtures/component-metadata/root-content.ts @@ -5,7 +5,7 @@ export default { package: '@ali/vc-page', }, title: '容器', - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/root-footer.ts b/packages/designer/tests/fixtures/component-metadata/root-footer.ts index ac9828b7c9..4dae535d2d 100644 --- a/packages/designer/tests/fixtures/component-metadata/root-footer.ts +++ b/packages/designer/tests/fixtures/component-metadata/root-footer.ts @@ -5,7 +5,7 @@ export default { package: '@ali/vc-page', }, title: '容器', - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/designer/tests/fixtures/component-metadata/root-header.ts b/packages/designer/tests/fixtures/component-metadata/root-header.ts index d4bf551a12..6d0e4d8708 100644 --- a/packages/designer/tests/fixtures/component-metadata/root-header.ts +++ b/packages/designer/tests/fixtures/component-metadata/root-header.ts @@ -5,7 +5,7 @@ export default { package: '@ali/vc-page', }, title: '容器', - docUrl: 'https://github.com/alibaba/lowcode-materials/tree/main/docs', + docUrl: 'https://github.com/fe-lce/lowcode-materials/tree/main/docs', devMode: 'proCode', tags: ['布局'], configure: { diff --git a/packages/editor-core/package.json b/packages/editor-core/package.json index 4f7f77c5a6..651f40ca28 100644 --- a/packages/editor-core/package.json +++ b/packages/editor-core/package.json @@ -47,9 +47,9 @@ }, "repository": { "type": "http", - "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/editor-core" + "url": "https://github.com/fe-lce/lowcode-engine/tree/main/packages/editor-core" }, "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6", - "bugs": "https://github.com/alibaba/lowcode-engine/issues", - "homepage": "https://github.com/alibaba/lowcode-engine/#readme" + "bugs": "https://github.com/fe-lce/lowcode-engine/issues", + "homepage": "https://github.com/fe-lce/lowcode-engine/#readme" } diff --git a/packages/editor-skeleton/package.json b/packages/editor-skeleton/package.json index ed3dcb0216..0a97a9cdc9 100644 --- a/packages/editor-skeleton/package.json +++ b/packages/editor-skeleton/package.json @@ -40,9 +40,9 @@ }, "repository": { "type": "http", - "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/editor-skeleton" + "url": "https://github.com/fe-lce/lowcode-engine/tree/main/packages/editor-skeleton" }, "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6", - "bugs": "https://github.com/alibaba/lowcode-engine/issues", - "homepage": "https://github.com/alibaba/lowcode-engine/#readme" + "bugs": "https://github.com/fe-lce/lowcode-engine/issues", + "homepage": "https://github.com/fe-lce/lowcode-engine/#readme" } diff --git a/packages/engine/README-zh_CN.md b/packages/engine/README-zh_CN.md index 82e84f9c7a..8959a1ca70 100644 --- a/packages/engine/README-zh_CN.md +++ b/packages/engine/README-zh_CN.md @@ -25,6 +25,7 @@ - 修复积压问题 ## 联系方式 + 微信搜索 kunsile-002 添加我的微信，或者扫码加群： <img src="https://jxxg-wangjian.oss-cn-beijing.aliyuncs.com/static/lce-group-qrcode.jpg" width="200" /> @@ -47,12 +48,12 @@ [npm-url]: http://npmjs.org/package/@lce/lowcode-engine [download-image]: https://img.shields.io/npm/dm/@lce/lowcode-engine.svg?style=flat-square [download-url]: https://npmjs.org/package/@lce/lowcode-engine -[help-wanted-image]: https://flat.badgen.net/github/label-issues/alibaba/lowcode-engine/help%20wanted/open -[help-wanted-url]: https://github.com/alibaba/lowcode-engine/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22 +[help-wanted-image]: https://flat.badgen.net/github/label-issues/fe-lce/lowcode-engine/help%20wanted/open +[help-wanted-url]: https://github.com/fe-lce/lowcode-engine/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22 [issues-helper-image]: https://img.shields.io/badge/using-issues--helper-orange?style=flat-square [issues-helper-url]: https://github.com/actions-cool/issues-helper -[codecov-image-url]: https://codecov.io/gh/alibaba/lowcode-engine/branch/main/graph/badge.svg -[codecov-url]: https://codecov.io/gh/alibaba/lowcode-engine +[codecov-image-url]: https://codecov.io/gh/fe-lce/lowcode-engine/branch/main/graph/badge.svg +[codecov-url]: https://codecov.io/gh/fe-lce/lowcode-engine </div> @@ -148,8 +149,8 @@ https://cdn.jsdelivr.net/npm/@lce/lowcode-react-simulator-renderer@1.0.18/dist/j ## 🔗 相关链接 - [官网首页](https://lowcode-engine.cn/) -- [Demo 马上玩](https://lowcode-engine.cn/demo) | [引擎 Demo 仓库](https://github.com/alibaba/lowcode-demo) -- [阿里物料](https://github.com/alibaba/lowcode-materials) +- [Demo 马上玩](https://lowcode-engine.cn/demo) | [引擎 Demo 仓库](https://github.com/fe-lce/lowcode-demo) +- [阿里物料](https://github.com/fe-lce/lowcode-materials) - [官方设置器（setter）](https://github.com/zboMa/lowcode-engine-ext) - [官方插件（plugin）](https://github.com/zboMa/lowcode-plugins) - [生态元素（物料、setter、插件）工具链](https://lowcode-engine.cn/site/docs/guide/expand/editor/cli) @@ -172,7 +173,7 @@ $ npm start > > 📢 windows 环境必须使用 [WSL](https://docs.microsoft.com/zh-cn/windows/wsl/install)，其他终端不保证能正常运行 -lowcode-engine 启动后，提供了几个 umd 文件，可以结合 [lowcode-demo](https://github.com/alibaba/lowcode-demo) 项目做调试，文件代理规则参考[这里](https://lowcode-engine.cn/site/docs/participate/prepare#2-配置资源代理)。 +lowcode-engine 启动后，提供了几个 umd 文件，可以结合 [lowcode-demo](https://github.com/fe-lce/lowcode-demo) 项目做调试，文件代理规则参考[这里](https://lowcode-engine.cn/site/docs/participate/prepare#2-配置资源代理)。 ## 🤝 参与共建 diff --git a/packages/engine/README.md b/packages/engine/README.md index ad91e13f5f..cf3b747b91 100644 --- a/packages/engine/README.md +++ b/packages/engine/README.md @@ -26,12 +26,12 @@ An enterprise-class low-code technology stack with scale-out design [npm-url]: http://npmjs.org/package/@lce/lowcode-engine [download-image]: https://img.shields.io/npm/dm/@lce/lowcode-engine.svg?style=flat-square [download-url]: https://npmjs.org/package/@lce/lowcode-engine -[help-wanted-image]: https://flat.badgen.net/github/label-issues/alibaba/lowcode-engine/help%20wanted/open -[help-wanted-url]: https://github.com/alibaba/lowcode-engine/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22 +[help-wanted-image]: https://flat.badgen.net/github/label-issues/fe-lce/lowcode-engine/help%20wanted/open +[help-wanted-url]: https://github.com/fe-lce/lowcode-engine/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22 [issues-helper-image]: https://img.shields.io/badge/using-issues--helper-orange?style=flat-square [issues-helper-url]: https://github.com/actions-cool/issues-helper -[codecov-image-url]: https://codecov.io/gh/alibaba/lowcode-engine/branch/main/graph/badge.svg -[codecov-url]: https://codecov.io/gh/alibaba/lowcode-engine +[codecov-image-url]: https://codecov.io/gh/fe-lce/lowcode-engine/branch/main/graph/badge.svg +[codecov-url]: https://codecov.io/gh/fe-lce/lowcode-engine </div> @@ -134,10 +134,10 @@ Pass the files under packages/engine/dist and packages/react-simulator-renderer/ ## 🔗 Related Links - [Official website home page](http://lowcode-engine.cn/) -- [Demo Play Now](http://lowcode-engine.cn/demo) | [Engine Demo Repository](https://github.com/alibaba/lowcode-demo) -- [Official Materials](https://github.com/alibaba/lowcode-materials) -- [official setter](https://github.com/alibaba/lowcode-engine-ext) -- [Official plugin (plugin)](https://github.com/alibaba/lowcode-plugins) +- [Demo Play Now](http://lowcode-engine.cn/demo) | [Engine Demo Repository](https://github.com/fe-lce/lowcode-demo) +- [Official Materials](https://github.com/fe-lce/lowcode-materials) +- [official setter](https://github.com/fe-lce/lowcode-engine-ext) +- [Official plugin (plugin)](https://github.com/fe-lce/lowcode-plugins) - [Ecological elements (materials, setters, plugins) toolchain](https://lowcode-engine.cn/site/docs/guide/expand/editor/cli) - [User Documentation](http://lowcode-engine.cn/doc) - [API](https://lowcode-engine.cn/site/docs/api/) @@ -147,7 +147,7 @@ This [awesome-lowcode-engine](https://github.com/lowcode-workspace/awesome-lowco ## 💻 Local debugging ```bash -$ git clone git@github.com:alibaba/lowcode-engine.git +$ git clone git@github.com:fe-lce/lowcode-engine.git $ cd lowcode-engine $ npm install $ npm run setup @@ -158,7 +158,7 @@ $ npm start > > 📢 Windows environment must use [WSL](https://docs.microsoft.com/en-us/windows/wsl/install), other terminals are not guaranteed to work normally -After lowcode-engine is started, several umd files are provided, which can be debugged in combination with the [lowcode-demo](https://github.com/alibaba/lowcode-demo) project. Refer to the file proxy rules [here](https://lowcode-engine.cn/site/docs/participate/prepare). +After lowcode-engine is started, several umd files are provided, which can be debugged in combination with the [lowcode-demo](https://github.com/fe-lce/lowcode-demo) project. Refer to the file proxy rules [here](https://lowcode-engine.cn/site/docs/participate/prepare). ## 🤝 Participation @@ -179,5 +179,5 @@ About Pull Request: Special thanks to everyone who contributed to this project. <p> -<a href="https://github.com/alibaba/lowcode-engine/graphs/contributors"><img src="https://contrib.rocks/image?repo=alibaba/lowcode-engine" /></a> +<a href="https://github.com/fe-lce/lowcode-engine/graphs/contributors"><img src="https://contrib.rocks/image?repo=fe-lce/lowcode-engine" /></a> </p> diff --git a/packages/engine/package.json b/packages/engine/package.json index 77bbf7d25d..0f8787713b 100644 --- a/packages/engine/package.json +++ b/packages/engine/package.json @@ -52,9 +52,9 @@ }, "repository": { "type": "http", - "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/engine" + "url": "https://github.com/fe-lce/lowcode-engine/tree/main/packages/engine" }, "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6", - "bugs": "https://github.com/alibaba/lowcode-engine/issues", - "homepage": "https://github.com/alibaba/lowcode-engine/#readme" + "bugs": "https://github.com/fe-lce/lowcode-engine/issues", + "homepage": "https://github.com/fe-lce/lowcode-engine/#readme" } diff --git a/packages/ignitor/package.json b/packages/ignitor/package.json index 29c891fb22..12dc65add2 100644 --- a/packages/ignitor/package.json +++ b/packages/ignitor/package.json @@ -19,8 +19,8 @@ }, "repository": { "type": "http", - "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/ignitor" + "url": "https://github.com/fe-lce/lowcode-engine/tree/main/packages/ignitor" }, - "bugs": "https://github.com/alibaba/lowcode-engine/issues", - "homepage": "https://github.com/alibaba/lowcode-engine/#readme" + "bugs": "https://github.com/fe-lce/lowcode-engine/issues", + "homepage": "https://github.com/fe-lce/lowcode-engine/#readme" } diff --git a/packages/ignitor/public/index.html b/packages/ignitor/public/index.html index 147fe334d9..b53e23b215 100644 --- a/packages/ignitor/public/index.html +++ b/packages/ignitor/public/index.html @@ -1,20 +1,23 @@ <!DOCTYPE html> <html> - <head> - <meta charset="utf-8" /> - <meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1" /> - <meta name="viewport" content="width=device-width" /> - <title>LowCodeEngine Editor DEMO - - -

- This project only provides engine resource files. For usage, go for - Lowcode Demo -

- For local debugging of lowcode engine, please visit - proxy documentation - to get more information. -

- - + + + + + + LowCodeEngine Editor DEMO + + + +

+ This project only provides engine resource files. For usage, go for + Lowcode Demo +

+ For local debugging of lowcode engine, please visit + proxy documentation + to get more information. +

+ + + \ No newline at end of file diff --git a/packages/plugin-command/package.json b/packages/plugin-command/package.json index cc5bccb725..1e17bc8914 100644 --- a/packages/plugin-command/package.json +++ b/packages/plugin-command/package.json @@ -3,7 +3,7 @@ "version": "1.3.2", "description": "> TODO: description", "author": "liujuping ", - "homepage": "https://github.com/alibaba/lowcode-engine#readme", + "homepage": "https://github.com/fe-lce/lowcode-engine#readme", "license": "ISC", "main": "lib/index.js", "module": "es/index.js", @@ -20,14 +20,14 @@ }, "repository": { "type": "git", - "url": "git+https://github.com/alibaba/lowcode-engine.git" + "url": "git+https://github.com/fe-lce/lowcode-engine.git" }, "scripts": { "test": "build-scripts test --config build.test.json --jest-passWithNoTests", "build": "build-scripts build" }, "bugs": { - "url": "https://github.com/alibaba/lowcode-engine/issues" + "url": "https://github.com/fe-lce/lowcode-engine/issues" }, "dependencies": { "@lce/lowcode-types": "1.3.2", diff --git a/packages/plugin-designer/package.json b/packages/plugin-designer/package.json index 9d8be798dd..8038e7a3bf 100644 --- a/packages/plugin-designer/package.json +++ b/packages/plugin-designer/package.json @@ -35,9 +35,9 @@ }, "repository": { "type": "http", - "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/plugin-designer" + "url": "https://github.com/fe-lce/lowcode-engine/tree/main/packages/plugin-designer" }, "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6", - "bugs": "https://github.com/alibaba/lowcode-engine/issues", - "homepage": "https://github.com/alibaba/lowcode-engine/#readme" + "bugs": "https://github.com/fe-lce/lowcode-engine/issues", + "homepage": "https://github.com/fe-lce/lowcode-engine/#readme" } diff --git a/packages/plugin-outline-pane/package.json b/packages/plugin-outline-pane/package.json index 2bd507fb4b..c44d25f87a 100644 --- a/packages/plugin-outline-pane/package.json +++ b/packages/plugin-outline-pane/package.json @@ -36,9 +36,9 @@ }, "repository": { "type": "http", - "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/plugin-outline-pane" + "url": "https://github.com/fe-lce/lowcode-engine/tree/main/packages/plugin-outline-pane" }, "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6", - "bugs": "https://github.com/alibaba/lowcode-engine/issues", - "homepage": "https://github.com/alibaba/lowcode-engine/#readme" + "bugs": "https://github.com/fe-lce/lowcode-engine/issues", + "homepage": "https://github.com/fe-lce/lowcode-engine/#readme" } diff --git a/packages/react-renderer/package.json b/packages/react-renderer/package.json index a65cd2ac4f..e7e997a742 100644 --- a/packages/react-renderer/package.json +++ b/packages/react-renderer/package.json @@ -39,9 +39,9 @@ }, "repository": { "type": "http", - "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/react-renderer" + "url": "https://github.com/fe-lce/lowcode-engine/tree/main/packages/react-renderer" }, - "homepage": "https://github.com/alibaba/lowcode-engine/#readme", + "homepage": "https://github.com/fe-lce/lowcode-engine/#readme", "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6", - "bugs": "https://github.com/alibaba/lowcode-engine/issues" + "bugs": "https://github.com/fe-lce/lowcode-engine/issues" } diff --git a/packages/react-simulator-renderer/package.json b/packages/react-simulator-renderer/package.json index a97a6ab88e..a43ba02ee1 100644 --- a/packages/react-simulator-renderer/package.json +++ b/packages/react-simulator-renderer/package.json @@ -41,9 +41,9 @@ }, "repository": { "type": "http", - "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/react-simulator-renderer" + "url": "https://github.com/fe-lce/lowcode-engine/tree/main/packages/react-simulator-renderer" }, "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6", - "bugs": "https://github.com/alibaba/lowcode-engine/issues", - "homepage": "https://github.com/alibaba/lowcode-engine/#readme" + "bugs": "https://github.com/fe-lce/lowcode-engine/issues", + "homepage": "https://github.com/fe-lce/lowcode-engine/#readme" } diff --git a/packages/renderer-core/package.json b/packages/renderer-core/package.json index 8b44f32224..b6963311b9 100644 --- a/packages/renderer-core/package.json +++ b/packages/renderer-core/package.json @@ -53,9 +53,9 @@ }, "repository": { "type": "http", - "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/renderer-core" + "url": "https://github.com/fe-lce/lowcode-engine/tree/main/packages/renderer-core" }, "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6", - "bugs": "https://github.com/alibaba/lowcode-engine/issues", - "homepage": "https://github.com/alibaba/lowcode-engine/#readme" + "bugs": "https://github.com/fe-lce/lowcode-engine/issues", + "homepage": "https://github.com/fe-lce/lowcode-engine/#readme" } diff --git a/packages/renderer-core/src/hoc/index.tsx b/packages/renderer-core/src/hoc/index.tsx index f77403e007..96c7489916 100644 --- a/packages/renderer-core/src/hoc/index.tsx +++ b/packages/renderer-core/src/hoc/index.tsx @@ -14,7 +14,7 @@ function patchDidCatch(Comp: any, { baseRenderer }: Options) { Comp.patchedCatch = true; const { PureComponent } = adapter.getRuntime(); // Rax 的 getDerivedStateFromError 有 BUG，这里先用 componentDidCatch 来替代 - // @see https://github.com/alibaba/rax/issues/2211 + // @see https://github.com/fe-lce/rax/issues/2211 const originalDidCatch = Comp.prototype.componentDidCatch; Comp.prototype.componentDidCatch = function didCatch(this: any, error: Error, errorInfo: any) { this.setState({ engineRenderError: true, error }); diff --git a/packages/shell/package.json b/packages/shell/package.json index 9828bb53d9..6eda172edd 100644 --- a/packages/shell/package.json +++ b/packages/shell/package.json @@ -47,9 +47,9 @@ }, "repository": { "type": "http", - "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/shell" + "url": "https://github.com/fe-lce/lowcode-engine/tree/main/packages/shell" }, "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6", - "bugs": "https://github.com/alibaba/lowcode-engine/issues", - "homepage": "https://github.com/alibaba/lowcode-engine/#readme" + "bugs": "https://github.com/fe-lce/lowcode-engine/issues", + "homepage": "https://github.com/fe-lce/lowcode-engine/#readme" } diff --git a/packages/shell/src/api/common.tsx b/packages/shell/src/api/common.tsx index e8fa01b716..f1e2f53472 100644 --- a/packages/shell/src/api/common.tsx +++ b/packages/shell/src/api/common.tsx @@ -129,7 +129,7 @@ class DesignerCabin implements IPublicApiCommonDesignerCabin { /** * 转换类型枚举对象，包含 init / upgrade / render 等类型 - * [参考](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/transform-stage.ts) + * [参考](https://github.com/fe-lce/lowcode-engine/blob/main/packages/types/src/transform-stage.ts) * @deprecated use { TransformStage } from '@lce/lowcode-types' instead */ get TransformStage() { diff --git a/packages/shell/src/api/project.ts b/packages/shell/src/api/project.ts index c4431e9bcf..743e78d798 100644 --- a/packages/shell/src/api/project.ts +++ b/packages/shell/src/api/project.ts @@ -43,7 +43,10 @@ export class Project implements IPublicApiProject { return this[projectSymbol]?.designer.editor; } - constructor(project: InnerProject, public workspaceMode: boolean = false) { + constructor( + project: InnerProject, + public workspaceMode: boolean = false, + ) { this[innerProjectSymbol] = project; } @@ -215,7 +218,7 @@ export class Project implements IPublicApiProject { /** * 设置多语言语料 - * 数据格式参考 https://github.com/alibaba/lowcode-engine/blob/main/specs/lowcode-spec.md#2434%E5%9B%BD%E9%99%85%E5%8C%96%E5%A4%9A%E8%AF%AD%E8%A8%80%E7%B1%BB%E5%9E%8Baa + * 数据格式参考 https://github.com/fe-lce/lowcode-engine/blob/main/specs/lowcode-spec.md#2434%E5%9B%BD%E9%99%85%E5%8C%96%E5%A4%9A%E8%AF%AD%E8%A8%80%E7%B1%BB%E5%9E%8Baa * @param value object * @returns */ diff --git a/packages/types/package.json b/packages/types/package.json index 86b78941af..98e7c000ce 100644 --- a/packages/types/package.json +++ b/packages/types/package.json @@ -27,9 +27,9 @@ }, "repository": { "type": "http", - "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/types" + "url": "https://github.com/fe-lce/lowcode-engine/tree/main/packages/types" }, "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6", - "bugs": "https://github.com/alibaba/lowcode-engine/issues", - "homepage": "https://github.com/alibaba/lowcode-engine/#readme" + "bugs": "https://github.com/fe-lce/lowcode-engine/issues", + "homepage": "https://github.com/fe-lce/lowcode-engine/#readme" } diff --git a/packages/types/src/shell/api/project.ts b/packages/types/src/shell/api/project.ts index 662f302ccc..f01d15f601 100644 --- a/packages/types/src/shell/api/project.ts +++ b/packages/types/src/shell/api/project.ts @@ -1,12 +1,15 @@ -import { IPublicTypeProjectSchema, IPublicTypeDisposable, IPublicTypeRootSchema, IPublicTypePropsTransducer, IPublicTypeAppConfig } from '../type'; +import { + IPublicTypeProjectSchema, + IPublicTypeDisposable, + IPublicTypeRootSchema, + IPublicTypePropsTransducer, + IPublicTypeAppConfig, +} from '../type'; import { IPublicEnumTransformStage } from '../enum'; import { IPublicApiSimulatorHost } from './'; import { IPublicModelDocumentModel } from '../model'; -export interface IBaseApiProject< - DocumentModel -> { - +export interface IBaseApiProject { /** * 获取当前的 document * get current document @@ -32,7 +35,9 @@ export interface IBaseApiProject< * @param doc * @returns */ - openDocument(doc?: string | IPublicTypeRootSchema | undefined): DocumentModel | null; + openDocument( + doc?: string | IPublicTypeRootSchema | undefined, + ): DocumentModel | null; /** * 创建一个 document @@ -93,9 +98,9 @@ export interface IBaseApiProject< * @param stage */ addPropsTransducer( - transducer: IPublicTypePropsTransducer, - stage: IPublicEnumTransformStage, - ): void; + transducer: IPublicTypePropsTransducer, + stage: IPublicEnumTransformStage, + ): void; /** * 绑定删除文档事件 @@ -115,7 +120,9 @@ export interface IBaseApiProject< * 当前 project 的模拟器 ready 事件 * set callback for event onSimulatorHostReady */ - onSimulatorHostReady(fn: (host: IPublicApiSimulatorHost) => void): IPublicTypeDisposable; + onSimulatorHostReady( + fn: (host: IPublicApiSimulatorHost) => void, + ): IPublicTypeDisposable; /** * 当前 project 的渲染器 ready 事件 @@ -125,7 +132,7 @@ export interface IBaseApiProject< /** * 设置多语言语料 - * 数据格式参考 https://github.com/alibaba/lowcode-engine/blob/main/specs/lowcode-spec.md#2434%E5%9B%BD%E9%99%85%E5%8C%96%E5%A4%9A%E8%AF%AD%E8%A8%80%E7%B1%BB%E5%9E%8Baa + * 数据格式参考 https://github.com/fe-lce/lowcode-engine/blob/main/specs/lowcode-spec.md#2434%E5%9B%BD%E9%99%85%E5%8C%96%E5%A4%9A%E8%AF%AD%E8%A8%80%E7%B1%BB%E5%9E%8Baa * * set I18n data for this project * @param value object @@ -140,8 +147,12 @@ export interface IBaseApiProject< * @param value object * @since v1.1.4 */ - setConfig(key: T, value: IPublicTypeAppConfig[T]): void; + setConfig( + key: T, + value: IPublicTypeAppConfig[T], + ): void; setConfig(value: IPublicTypeAppConfig): void; } -export interface IPublicApiProject extends IBaseApiProject {} +export interface IPublicApiProject + extends IBaseApiProject {} diff --git a/packages/utils/package.json b/packages/utils/package.json index 0f774a28ea..b31f968006 100644 --- a/packages/utils/package.json +++ b/packages/utils/package.json @@ -34,9 +34,9 @@ }, "repository": { "type": "http", - "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/utils" + "url": "https://github.com/fe-lce/lowcode-engine/tree/main/packages/utils" }, "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6", - "bugs": "https://github.com/alibaba/lowcode-engine/issues", - "homepage": "https://github.com/alibaba/lowcode-engine/#readme" + "bugs": "https://github.com/fe-lce/lowcode-engine/issues", + "homepage": "https://github.com/fe-lce/lowcode-engine/#readme" } diff --git a/packages/workspace/package.json b/packages/workspace/package.json index 5d5e21d75f..abc4eccab3 100644 --- a/packages/workspace/package.json +++ b/packages/workspace/package.json @@ -47,9 +47,9 @@ }, "repository": { "type": "http", - "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/workspace" + "url": "https://github.com/fe-lce/lowcode-engine/tree/main/packages/workspace" }, "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6", - "bugs": "https://github.com/alibaba/lowcode-engine/issues", - "homepage": "https://github.com/alibaba/lowcode-engine/#readme" + "bugs": "https://github.com/fe-lce/lowcode-engine/issues", + "homepage": "https://github.com/fe-lce/lowcode-engine/#readme" } diff --git a/scripts/set-repo.js b/scripts/set-repo.js index 9bae66d053..d856274afb 100644 --- a/scripts/set-repo.js +++ b/scripts/set-repo.js @@ -4,42 +4,42 @@ const path = require('path'); const fs = require('fs-extra'); (async () => { - const root = path.join(__dirname, '../'); - const workspaces = ['modules', 'packages']; - for (const workspace of workspaces) { - const pkgDir = path.join(root, workspace); - const pkgs = await fs.readdir(pkgDir); - for (const pkg of pkgs) { - if (pkg.charAt(0) === '.') continue; - if (!(await fs.statSync(path.join(pkgDir, pkg))).isDirectory()) continue; - await setRepo({ - workspace, - pkgDir, - pkg, - }); - } + const root = path.join(__dirname, '../'); + const workspaces = ['modules', 'packages']; + for (const workspace of workspaces) { + const pkgDir = path.join(root, workspace); + const pkgs = await fs.readdir(pkgDir); + for (const pkg of pkgs) { + if (pkg.charAt(0) === '.') continue; + if (!(await fs.statSync(path.join(pkgDir, pkg))).isDirectory()) continue; + await setRepo({ + workspace, + pkgDir, + pkg, + }); } + } - async function setRepo(opts) { - const pkgDir = path.join(opts.pkgDir, opts.pkg); - const pkgPkgJSONPath = path.join(pkgDir, 'package.json'); - if (!fs.existsSync(pkgPkgJSONPath)) { - console.log(`${opts.pkg} exists`); - } else { - const pkgPkgJSON = require(pkgPkgJSONPath); - fs.writeJSONSync( - pkgPkgJSONPath, - Object.assign(pkgPkgJSON, { - repository: { - type: 'http', - url: `https://github.com/alibaba/lowcode-engine/tree/main/${opts.workspace}/${opts.pkg}`, - }, - bugs: 'https://github.com/alibaba/lowcode-engine/issues', - homepage: 'https://github.com/alibaba/lowcode-engine/#readme', - }), - { spaces: ' ' }, - ); - console.log(`[Write] ${opts.pkg}`); - } + async function setRepo(opts) { + const pkgDir = path.join(opts.pkgDir, opts.pkg); + const pkgPkgJSONPath = path.join(pkgDir, 'package.json'); + if (!fs.existsSync(pkgPkgJSONPath)) { + console.log(`${opts.pkg} exists`); + } else { + const pkgPkgJSON = require(pkgPkgJSONPath); + fs.writeJSONSync( + pkgPkgJSONPath, + Object.assign(pkgPkgJSON, { + repository: { + type: 'http', + url: `https://github.com/fe-lce/lowcode-engine/tree/main/${opts.workspace}/${opts.pkg}`, + }, + bugs: 'https://github.com/fe-lce/lowcode-engine/issues', + homepage: 'https://github.com/fe-lce/lowcode-engine/#readme', + }), + { spaces: ' ' }, + ); + console.log(`[Write] ${opts.pkg}`); } + } })(); From ffe7e5e7b7236adf2616ab5cf61100c2d50a0ae2 Mon Sep 17 00:00:00 2001 From: taojiu Date: Mon, 7 Oct 2024 10:43:30 +0800 Subject: [PATCH 08/19] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=B9=BD?= =?UTF-8?q?=E7=81=B5=E4=BE=9D=E8=B5=96=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/types/package.json | 3 ++- packages/utils/package.json | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/types/package.json b/packages/types/package.json index 98e7c000ce..6b6f5013ad 100644 --- a/packages/types/package.json +++ b/packages/types/package.json @@ -14,7 +14,8 @@ "dependencies": { "@alilc/lowcode-datasource-types": "^1.0.0", "react": "^16.9", - "strict-event-emitter-types": "^2.0.0" + "strict-event-emitter-types": "^2.0.0", + "@alifd/next": "^1.20.12" }, "devDependencies": { "@alib/build-scripts": "^0.1.18", diff --git a/packages/utils/package.json b/packages/utils/package.json index b31f968006..a0dcfab2a4 100644 --- a/packages/utils/package.json +++ b/packages/utils/package.json @@ -18,7 +18,8 @@ "lodash": "^4.17.21", "mobx": "^6.3.0", "prop-types": "^15.8.1", - "react": "^16" + "react": "^16", + "events": "^3.3.0" }, "devDependencies": { "@alib/build-scripts": "^0.1.18", From b8db0b4dfbc72c60bf9ace29db393a45e1b8f3e5 Mon Sep 17 00:00:00 2001 From: taojiu Date: Mon, 7 Oct 2024 11:36:04 +0800 Subject: [PATCH 09/19] =?UTF-8?q?chore:=20=E5=88=A0=E9=99=A4tnpm=EF=BC=8C?= =?UTF-8?q?=E8=B0=83=E6=95=B4repository?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/package.json b/package.json index eccd6b2534..279400551f 100644 --- a/package.json +++ b/package.json @@ -59,13 +59,9 @@ "typescript": "4.6.2", "yarn": "^1.22.17" }, - "tnpm": { - "mode": "yarn", - "lockfile": "enable" - }, "resolutions": { "typescript": "4.6.2", "react-error-overlay": "6.0.9" }, - "repository": "git@github.com:zboma/lowcode-engine.git" + "repository": "git@github.com:fe-lce/lowcode-engine.git" } From 0f7378a3a9d4e4023f1f4dfc0bd39765505b8a31 Mon Sep 17 00:00:00 2001 From: taojiu Date: Mon, 7 Oct 2024 11:36:42 +0800 Subject: [PATCH 10/19] =?UTF-8?q?chore:=20=E7=BB=9F=E4=B8=80@alifd/next?= =?UTF-8?q?=E7=89=88=E6=9C=AC=E5=88=B01.26.0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/editor-core/package.json | 2 +- packages/editor-skeleton/package.json | 2 +- packages/engine/package.json | 2 +- packages/plugin-outline-pane/package.json | 2 +- packages/react-renderer/package.json | 3 +-- packages/shell/package.json | 2 +- packages/types/package.json | 2 +- packages/utils/package.json | 2 +- 8 files changed, 8 insertions(+), 9 deletions(-) diff --git a/packages/editor-core/package.json b/packages/editor-core/package.json index 651f40ca28..6f6dbd46bf 100644 --- a/packages/editor-core/package.json +++ b/packages/editor-core/package.json @@ -15,7 +15,7 @@ "test:cov": "build-scripts test --config build.test.json --jest-coverage" }, "dependencies": { - "@alifd/next": "^1.19.16", + "@alifd/next": "^1.26.0", "@lce/lowcode-types": "1.3.2", "@lce/lowcode-utils": "1.3.2", "classnames": "^2.2.6", diff --git a/packages/editor-skeleton/package.json b/packages/editor-skeleton/package.json index 0a97a9cdc9..94ca13c6c0 100644 --- a/packages/editor-skeleton/package.json +++ b/packages/editor-skeleton/package.json @@ -18,7 +18,7 @@ "editor" ], "dependencies": { - "@alifd/next": "^1.20.12", + "@alifd/next": "^1.26.0", "@lce/lowcode-designer": "1.3.2", "@lce/lowcode-editor-core": "1.3.2", "@lce/lowcode-types": "1.3.2", diff --git a/packages/engine/package.json b/packages/engine/package.json index 0f8787713b..bce7477759 100644 --- a/packages/engine/package.json +++ b/packages/engine/package.json @@ -18,7 +18,7 @@ }, "license": "MIT", "dependencies": { - "@alifd/next": "^1.19.12", + "@alifd/next": "^1.26.0", "@lce/lowcode-designer": "1.3.2", "@lce/lowcode-editor-core": "1.3.2", "@lce/lowcode-editor-skeleton": "1.3.2", diff --git a/packages/plugin-outline-pane/package.json b/packages/plugin-outline-pane/package.json index c44d25f87a..c34ef245de 100644 --- a/packages/plugin-outline-pane/package.json +++ b/packages/plugin-outline-pane/package.json @@ -12,7 +12,7 @@ "build": "build-scripts build" }, "dependencies": { - "@alifd/next": "^1.19.16", + "@alifd/next": "^1.26.0", "@lce/lowcode-types": "1.3.2", "@lce/lowcode-utils": "1.3.2", "classnames": "^2.2.6", diff --git a/packages/react-renderer/package.json b/packages/react-renderer/package.json index e7e997a742..46a83a5641 100644 --- a/packages/react-renderer/package.json +++ b/packages/react-renderer/package.json @@ -21,12 +21,11 @@ "react" ], "dependencies": { - "@alifd/next": "^1.21.16", + "@alifd/next": "^1.26.0", "@lce/lowcode-renderer-core": "1.3.2" }, "devDependencies": { "@alib/build-scripts": "^0.1.18", - "@alifd/next": "^1.19.17", "build-plugin-fusion": "^0.1.0", "build-plugin-moment-locales": "^0.1.0", "react": "^16.4.1", diff --git a/packages/shell/package.json b/packages/shell/package.json index 6eda172edd..ccb422fba2 100644 --- a/packages/shell/package.json +++ b/packages/shell/package.json @@ -19,7 +19,7 @@ "@lce/lowcode-types": "1.3.2", "@lce/lowcode-utils": "1.3.2", "@lce/lowcode-workspace": "1.3.2", - "@alifd/next": "^1.20.12", + "@alifd/next": "^1.26.0", "classnames": "^2.2.6", "enzyme": "^3.11.0", "enzyme-adapter-react-16": "^1.15.5", diff --git a/packages/types/package.json b/packages/types/package.json index 6b6f5013ad..fdf7d9d52e 100644 --- a/packages/types/package.json +++ b/packages/types/package.json @@ -15,7 +15,7 @@ "@alilc/lowcode-datasource-types": "^1.0.0", "react": "^16.9", "strict-event-emitter-types": "^2.0.0", - "@alifd/next": "^1.20.12" + "@alifd/next": "^1.26.0" }, "devDependencies": { "@alib/build-scripts": "^0.1.18", diff --git a/packages/utils/package.json b/packages/utils/package.json index a0dcfab2a4..146c6677a7 100644 --- a/packages/utils/package.json +++ b/packages/utils/package.json @@ -13,7 +13,7 @@ "build": "build-scripts build" }, "dependencies": { - "@alifd/next": "^1.19.16", + "@alifd/next": "^1.26.0", "@lce/lowcode-types": "1.3.2", "lodash": "^4.17.21", "mobx": "^6.3.0", From 2a337190d2926a9291fbda78fc341f1ac254a080 Mon Sep 17 00:00:00 2001 From: taojiu Date: Mon, 7 Oct 2024 11:36:55 +0800 Subject: [PATCH 11/19] =?UTF-8?q?chore:=20shell=E6=B7=BB=E5=8A=A0tsconfig?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/shell/tsconfig.json | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 packages/shell/tsconfig.json diff --git a/packages/shell/tsconfig.json b/packages/shell/tsconfig.json new file mode 100644 index 0000000000..c37b76ecc6 --- /dev/null +++ b/packages/shell/tsconfig.json @@ -0,0 +1,9 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "outDir": "lib" + }, + "include": [ + "./src/" + ] +} From 1019cdbb924c4e8f649c1cc99e507dc7cc5d91ec Mon Sep 17 00:00:00 2001 From: taojiu Date: Wed, 9 Oct 2024 10:44:03 +0800 Subject: [PATCH 12/19] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=B1=BB?= =?UTF-8?q?=E5=9E=8B=E5=A4=96=E9=83=A8=E5=BC=95=E7=94=A8=E9=94=99=E8=AF=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/shell/src/api/commonUI.tsx | 54 ++++++++++++++--------------- 1 file changed, 27 insertions(+), 27 deletions(-) diff --git a/packages/shell/src/api/commonUI.tsx b/packages/shell/src/api/commonUI.tsx index 1dfd999e9c..e97d8cb1c1 100644 --- a/packages/shell/src/api/commonUI.tsx +++ b/packages/shell/src/api/commonUI.tsx @@ -40,33 +40,33 @@ import { ReactElement } from 'react'; export class CommonUI implements IPublicApiCommonUI { [editorSymbol]: IEditor; - Balloon = Balloon; - Breadcrumb = Breadcrumb; - Button = Button; - Card = Card; - Checkbox = Checkbox; - DatePicker = DatePicker; - Dialog = Dialog; - Dropdown = Dropdown; - Form = Form; - Icon = Icon; - Input = Input; - Loading = Loading as any; - Message = Message; - Overlay = Overlay; - Pagination = Pagination; - Radio = Radio; - Search = Search; - Select = Select; - SplitButton = SplitButton; - Step = Step; - Switch = Switch; - Tab = Tab; - Table = Table; - Tree = Tree; - TreeSelect = TreeSelect; - Upload = Upload; - Divider = Divider; + Balloon: typeof Balloon = Balloon; + Breadcrumb: typeof Breadcrumb = Breadcrumb; + Button: typeof Button = Button; + Card: typeof Card = Card; + Checkbox: typeof Checkbox = Checkbox; + DatePicker: typeof DatePicker = DatePicker; + Dialog: typeof Dialog = Dialog; + Dropdown: typeof Dropdown = Dropdown; + Form: typeof Form = Form; + Icon: typeof Icon = Icon; + Input: typeof Input = Input; + Loading: typeof Loading = Loading; + Message: typeof Message = Message; + Overlay: typeof Overlay = Overlay; + Pagination: typeof Pagination = Pagination; + Radio: typeof Radio = Radio; + Search: typeof Search = Search; + Select: typeof Select = Select; + SplitButton: typeof SplitButton = SplitButton; + Step: typeof Step = Step; + Switch: typeof Switch = Switch; + Tab: typeof Tab = Tab; + Table: typeof Table = Table; + Tree: typeof Tree = Tree; + TreeSelect: typeof TreeSelect = TreeSelect; + Upload: typeof Upload = Upload; + Divider: typeof Divider = Divider; ContextMenu: ((props: { menus: IPublicTypeContextMenuAction[]; From 36edf20d00630bcdd166d0cd81b1cd6d89327898 Mon Sep 17 00:00:00 2001 From: taojiu Date: Thu, 10 Oct 2024 00:06:37 +0800 Subject: [PATCH 13/19] =?UTF-8?q?refactor:=20=E4=BF=AE=E6=94=B9@lce?= =?UTF-8?q?=E4=B8=BA@felce?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/docs/api/common.md | 6 +- docs/docs/api/config.md | 14 +- docs/docs/api/configOptions.md | 4 +- docs/docs/api/event.md | 4 +- docs/docs/api/hotkey.md | 2 +- docs/docs/api/init.md | 6 +- docs/docs/api/logger.md | 2 +- docs/docs/api/material.md | 34 ++--- docs/docs/api/model/dragon.md | 2 +- docs/docs/api/plugins.md | 18 +-- docs/docs/api/project.md | 6 +- docs/docs/api/setters.md | 6 +- docs/docs/api/skeleton.md | 12 +- docs/docs/demoUsage/panels/datasource.md | 8 +- docs/docs/demoUsage/panels/settings.md | 2 +- docs/docs/faq/faq009.md | 2 +- docs/docs/faq/faq013.md | 6 +- docs/docs/faq/faq024.md | 4 +- docs/docs/guide/appendix/npms.md | 28 ++-- docs/docs/guide/create/useEditor.md | 12 +- docs/docs/guide/create/useRenderer.md | 2 +- docs/docs/guide/design/generator.md | 2 +- docs/docs/guide/design/materialParser.md | 2 +- docs/docs/guide/design/renderer.md | 2 +- docs/docs/guide/expand/editor/cli.md | 2 +- docs/docs/guide/expand/editor/material.md | 8 +- docs/docs/guide/expand/editor/metaSpec.md | 6 +- .../guide/expand/editor/parts/partsassets.md | 8 +- .../guide/expand/editor/pluginContextMenu.md | 8 +- docs/docs/guide/expand/editor/pluginWidget.md | 10 +- docs/docs/guide/expand/editor/setter.md | 4 +- docs/docs/guide/expand/editor/summary.md | 12 +- .../guide/expand/runtime/codeGeneration.md | 16 +-- docs/docs/guide/expand/runtime/renderer.md | 12 +- docs/docs/guide/quickStart/start.md | 2 +- docs/docs/participate/index.md | 8 +- docs/package.json | 2 +- modules/code-generator/CHANGELOG.md | 24 ++-- modules/code-generator/CONTRIBUTING.md | 2 +- modules/code-generator/README.md | 14 +- modules/code-generator/package.json | 10 +- modules/code-generator/scripts/build-cli.js | 2 +- .../scripts/build-standalone-worker.js | 2 +- .../scripts/build-standalone.js | 2 +- .../scripts/build-template-static-files.js | 4 +- .../src/analyzer/componentAnalyzer.ts | 2 +- modules/code-generator/src/cli/run.ts | 17 ++- .../src/cli/solutions/example-solution.ts | 10 +- .../src/generator/ModuleBuilder.ts | 6 +- .../src/generator/ProjectBuilder.ts | 8 +- .../code-generator/src/parser/SchemaParser.ts | 17 ++- .../rax/containerInjectDataSourceEngine.ts | 9 +- .../component/rax/containerLifeCycle.ts | 2 +- .../src/plugins/component/rax/jsx.ts | 5 +- .../react/containerInjectDataSourceEngine.ts | 8 +- .../component/react/containerLifeCycle.ts | 122 +++++++++--------- .../src/plugins/component/react/jsx.ts | 2 +- .../framework/icejs/plugins/packageJSON.ts | 2 +- .../icejs/template/files/README.md.ts | 2 +- .../icejs/template/files/abc.json.ts | 2 +- .../icejs/template/files/build.json.ts | 2 +- .../icejs/template/files/editorconfig.ts | 2 +- .../icejs/template/files/eslintignore.ts | 2 +- .../icejs/template/files/eslintrc.js.ts | 2 +- .../icejs/template/files/gitignore.ts | 2 +- .../icejs/template/files/jsconfig.json.ts | 2 +- .../icejs/template/files/prettierignore.ts | 2 +- .../icejs/template/files/prettierrc.js.ts | 2 +- .../components/Footer/index.jsx.ts | 2 +- .../components/Footer/index.style.ts | 2 +- .../BasicLayout/components/Logo/index.jsx.ts | 2 +- .../components/Logo/index.style.ts | 2 +- .../components/PageNav/index.jsx.ts | 2 +- .../src/layouts/BasicLayout/index.jsx.ts | 2 +- .../src/layouts/BasicLayout/menuConfig.js.ts | 2 +- .../icejs/template/files/stylelintignore.ts | 2 +- .../icejs/template/files/stylelintrc.js.ts | 2 +- .../icejs/template/files/tsconfig.json.ts | 2 +- .../project/framework/icejs/template/index.ts | 2 +- .../framework/icejs/template/static-files.ts | 2 +- .../framework/icejs3/plugins/buildConfig.ts | 18 +-- .../framework/icejs3/plugins/packageJSON.ts | 4 +- .../icejs3/template/files/README.md.ts | 2 +- .../icejs3/template/files/browserslistrc.ts | 2 +- .../icejs3/template/files/document.ts | 2 +- .../icejs3/template/files/gitignore.ts | 2 +- .../components/Footer/index.jsx.ts | 2 +- .../components/Footer/index.style.ts | 2 +- .../BasicLayout/components/Logo/index.jsx.ts | 2 +- .../components/Logo/index.style.ts | 2 +- .../components/PageNav/index.jsx.ts | 2 +- .../src/layouts/BasicLayout/index.jsx.ts | 2 +- .../src/layouts/BasicLayout/menuConfig.js.ts | 2 +- .../icejs3/template/files/tsconfig.ts | 2 +- .../icejs3/template/files/typings.ts | 2 +- .../framework/icejs3/template/static-files.ts | 2 +- .../framework/rax/plugins/packageJSON.ts | 2 +- .../rax/template/files/.eslintignore.ts | 2 +- .../rax/template/files/.eslintrc.js.ts | 2 +- .../rax/template/files/.gitignore.ts | 2 +- .../rax/template/files/.prettierignore.ts | 2 +- .../rax/template/files/.prettierrc.js.ts | 2 +- .../rax/template/files/.stylelintignore.ts | 2 +- .../rax/template/files/.stylelintrc.js.ts | 2 +- .../framework/rax/template/files/README.md.ts | 2 +- .../rax/template/files/jsconfig.json.ts | 2 +- .../rax/template/files/tsconfig.json.ts | 2 +- .../project/framework/rax/template/index.ts | 2 +- .../framework/rax/template/static-files.ts | 2 +- .../src/publisher/disk/index.ts | 2 +- .../src/publisher/disk/utils.ts | 2 +- .../code-generator/src/publisher/zip/index.ts | 2 +- .../code-generator/src/publisher/zip/utils.ts | 2 +- .../code-generator/src/standalone-loader.ts | 4 +- .../code-generator/src/standalone-worker.ts | 8 +- modules/code-generator/src/types/analyze.ts | 2 +- modules/code-generator/src/types/core.ts | 23 ++-- .../code-generator/src/types/intermediate.ts | 3 +- modules/code-generator/src/types/jsx.ts | 2 +- modules/code-generator/src/types/publisher.ts | 2 +- modules/code-generator/src/utils/common.ts | 12 +- .../code-generator/src/utils/compositeType.ts | 8 +- .../code-generator/src/utils/jsExpression.ts | 11 +- modules/code-generator/src/utils/jsSlot.ts | 2 +- modules/code-generator/src/utils/nodeToJSX.ts | 17 ++- .../code-generator/src/utils/resultHelper.ts | 2 +- modules/code-generator/src/utils/schema.ts | 10 +- .../src/utils/templateHelper.ts | 2 +- .../tests/bugfix/i18n-with-params.test.ts | 2 +- .../bugfix/icejs-import-wrong-naming.test.ts | 20 +-- .../bugfix/strict-mode-context-1.test.ts | 2 +- .../tolerate-eval-errors-1-loop.test.ts | 2 +- ...tolerate-eval-errors-2-nested-loop.test.ts | 2 +- .../expected/demo-project/ice.config.mts | 3 +- .../expected/demo-project/ice.config.mts | 3 +- .../expected/demo-project/ice.config.mts | 3 +- .../expected/demo-project/ice.config.mts | 3 +- .../expected/demo-project/ice.config.mts | 3 +- .../expected/demo-project/ice.config.mts | 3 +- .../expected/demo-project/ice.config.mts | 3 +- .../expected/demo-project/ice.config.mts | 3 +- .../expected/demo-project/ice.config.mts | 3 +- .../expected/demo-project/ice.config.mts | 3 +- .../expected/demo-project/ice.config.mts | 3 +- .../expected/demo-project/ice.config.mts | 3 +- .../public/SchemaParser/p0-basic.test.ts | 2 +- .../tests/public/publisher/disk/disk.test.ts | 2 +- .../tests/public/solutions/icejs3-app.test.ts | 8 +- .../tests/public/solutions/rax-app.test.ts | 8 +- .../tests/public/solutions/react-app.test.ts | 8 +- .../resultHelper/removeDirsFromResult.test.ts | 2 +- .../removeFilesFromResult.test.ts | 2 +- .../tests/utils/schema/handleSubNodes.test.ts | 2 +- modules/material-parser/README.md | 2 +- modules/material-parser/package.json | 2 +- packages/designer/jest.config.js | 2 +- packages/designer/package.json | 8 +- .../bem-tools/border-container.tsx | 6 +- .../bem-tools/border-detecting.tsx | 6 +- .../bem-tools/border-resizing.tsx | 2 +- .../bem-tools/border-selecting.tsx | 6 +- .../bem-tools/drag-resize-engine.ts | 4 +- .../src/builtin-simulator/bem-tools/index.tsx | 2 +- .../builtin-simulator/bem-tools/insertion.tsx | 6 +- .../src/builtin-simulator/create-simulator.ts | 2 +- .../src/builtin-simulator/host-view.tsx | 2 +- .../designer/src/builtin-simulator/host.ts | 6 +- .../live-editing/live-editing.ts | 4 +- .../builtin-simulator/node-selector/index.tsx | 6 +- .../src/builtin-simulator/renderer.ts | 2 +- .../builtin-simulator/resource-consumer.ts | 7 +- .../src/builtin-simulator/utils/clickable.ts | 2 +- .../builtin-simulator/utils/parse-metadata.ts | 4 +- .../src/builtin-simulator/viewport.ts | 2 +- packages/designer/src/component-actions.ts | 4 +- packages/designer/src/component-meta.ts | 11 +- packages/designer/src/context-menu-actions.ts | 6 +- .../designer/src/designer/active-tracker.ts | 6 +- packages/designer/src/designer/clipboard.ts | 2 +- packages/designer/src/designer/designer.ts | 6 +- packages/designer/src/designer/detecting.ts | 4 +- .../src/designer/drag-ghost/index.tsx | 4 +- packages/designer/src/designer/dragon.ts | 12 +- packages/designer/src/designer/location.ts | 6 +- .../designer/src/designer/offset-observer.ts | 4 +- packages/designer/src/designer/scroller.ts | 4 +- .../designer/setting/setting-entry-type.ts | 2 +- .../src/designer/setting/setting-field.ts | 12 +- .../designer/setting/setting-prop-entry.ts | 6 +- .../src/designer/setting/setting-top-entry.ts | 11 +- .../designer/src/designer/setting/utils.ts | 4 +- .../designer/src/document/document-model.ts | 10 +- .../designer/src/document/document-view.tsx | 2 +- packages/designer/src/document/history.ts | 12 +- .../src/document/node/exclusive-group.ts | 11 +- .../src/document/node/modal-nodes-manager.ts | 4 +- .../src/document/node/node-children.ts | 6 +- packages/designer/src/document/node/node.ts | 13 +- .../designer/src/document/node/props/prop.ts | 8 +- .../designer/src/document/node/props/props.ts | 8 +- .../src/document/node/transform-stage.ts | 2 +- packages/designer/src/document/selection.ts | 4 +- packages/designer/src/icons/clone.tsx | 2 +- packages/designer/src/icons/component.tsx | 2 +- packages/designer/src/icons/container.tsx | 2 +- packages/designer/src/icons/hidden.tsx | 2 +- packages/designer/src/icons/lock.tsx | 2 +- packages/designer/src/icons/page.tsx | 2 +- packages/designer/src/icons/remove.tsx | 2 +- packages/designer/src/icons/setting.tsx | 2 +- packages/designer/src/icons/unlock.tsx | 2 +- packages/designer/src/locale/index.ts | 2 +- .../designer/src/plugin/plugin-context.ts | 4 +- .../designer/src/plugin/plugin-manager.ts | 6 +- packages/designer/src/plugin/plugin-types.ts | 2 +- packages/designer/src/plugin/plugin-utils.ts | 5 +- packages/designer/src/plugin/plugin.ts | 4 +- .../designer/src/project/project-view.tsx | 2 +- packages/designer/src/project/project.ts | 8 +- packages/designer/src/simulator.ts | 2 +- packages/designer/src/transducers/index.ts | 2 +- packages/designer/src/types/index.ts | 2 +- .../tests/bugs/prop-variable-jse.test.ts | 6 +- .../bem-tools/drag-resize-engine.test.ts | 2 +- .../bem-tools/manager.test.tsx | 2 +- .../tests/builtin-simulator/host.test.ts | 14 +- .../tests/builtin-simulator/renderer.test.tsx | 2 +- .../tests/builtin-simulator/viewport.test.ts | 2 +- .../tests/designer/builtin-hotkey.test.ts | 10 +- .../designer/tests/designer/designer.test.ts | 4 +- .../designer/tests/designer/dragon.test.ts | 4 +- .../designer/tests/designer/scroller.test.ts | 2 +- .../designer/setting/setting-field.test.ts | 4 +- .../setting/setting-prop-entry.test.ts | 2 +- .../setting/setting-top-entry.test.ts | 2 +- .../document-model/document-model.test.ts | 2 +- .../tests/document/history/history.test.ts | 4 +- .../document/node/modal-nodes-manager.test.ts | 2 +- .../tests/document/node/node-children.test.ts | 2 +- .../designer/tests/document/node/node.test.ts | 8 +- .../tests/document/node/props/prop.test.ts | 4 +- .../tests/document/node/props/props.test.ts | 4 +- .../fixtures/component-metadata/abcgroup.ts | 2 +- .../fixtures/component-metadata/abcitem.ts | 2 +- .../fixtures/component-metadata/abcnode.ts | 2 +- .../fixtures/component-metadata/abcoption.ts | 2 +- .../fixtures/component-metadata/button.ts | 2 +- .../fixtures/component-metadata/dialog.ts | 2 +- .../tests/fixtures/component-metadata/div.ts | 2 +- .../fixtures/component-metadata/div10.ts | 2 +- .../tests/fixtures/component-metadata/div2.ts | 2 +- .../tests/fixtures/component-metadata/div3.ts | 2 +- .../tests/fixtures/component-metadata/div4.ts | 2 +- .../tests/fixtures/component-metadata/div5.ts | 2 +- .../tests/fixtures/component-metadata/div6.ts | 2 +- .../tests/fixtures/component-metadata/div7.ts | 2 +- .../tests/fixtures/component-metadata/div8.ts | 2 +- .../tests/fixtures/component-metadata/div9.ts | 2 +- .../tests/fixtures/component-metadata/form.ts | 2 +- .../fixtures/component-metadata/other.ts | 2 +- .../tests/fixtures/component-metadata/page.ts | 2 +- .../fixtures/component-metadata/page2.ts | 2 +- .../component-metadata/root-content.ts | 2 +- .../component-metadata/root-footer.ts | 2 +- .../component-metadata/root-header.ts | 2 +- .../tests/plugin/plugin-manager.test.ts | 4 +- .../tests/project/project-methods.test.ts | 2 +- .../designer/tests/project/project.test.ts | 2 +- packages/editor-core/jest.config.js | 2 +- packages/editor-core/package.json | 6 +- packages/editor-core/src/command.ts | 4 +- packages/editor-core/src/config.ts | 4 +- packages/editor-core/src/di/setter.ts | 4 +- packages/editor-core/src/editor.ts | 9 +- packages/editor-core/src/event-bus.ts | 4 +- packages/editor-core/src/hotkey.ts | 2 +- .../editor-core/src/intl/global-locale.ts | 2 +- packages/editor-core/src/intl/index.ts | 4 +- .../editor-core/src/utils/assets-transform.ts | 2 +- packages/editor-core/src/utils/logger.ts | 2 +- packages/editor-core/src/utils/preference.ts | 2 +- .../editor-core/src/widgets/tip/help-tips.tsx | 2 +- .../src/widgets/tip/tip-handler.ts | 2 +- .../editor-core/src/widgets/tip/tip-item.tsx | 2 +- packages/editor-core/src/widgets/tip/tip.tsx | 4 +- .../editor-core/src/widgets/title/index.tsx | 4 +- packages/editor-skeleton/jest.config.js | 2 +- packages/editor-skeleton/package.json | 10 +- packages/editor-skeleton/src/area.ts | 6 +- .../src/components/field/fields.tsx | 6 +- .../src/components/field/index.ts | 2 +- .../src/components/popup/index.tsx | 4 +- .../src/components/settings/main.ts | 12 +- .../src/components/settings/settings-pane.tsx | 10 +- .../settings/settings-primary-pane.tsx | 6 +- .../src/components/stage-box/stage-box.tsx | 2 +- .../src/components/stage-box/stage-chain.ts | 2 +- .../src/components/stage-box/stage.tsx | 2 +- .../src/components/widget-views/index.tsx | 2 +- .../widget-views/panel-operation-row.tsx | 2 +- packages/editor-skeleton/src/icons/arrow.tsx | 2 +- packages/editor-skeleton/src/icons/clear.tsx | 2 +- .../editor-skeleton/src/icons/convert.tsx | 2 +- packages/editor-skeleton/src/icons/exit.tsx | 2 +- packages/editor-skeleton/src/icons/fix.tsx | 2 +- packages/editor-skeleton/src/icons/float.tsx | 2 +- packages/editor-skeleton/src/icons/slot.tsx | 2 +- .../editor-skeleton/src/icons/variable.tsx | 2 +- .../src/layouts/bottom-area.tsx | 2 +- .../editor-skeleton/src/layouts/left-area.tsx | 2 +- .../src/layouts/left-fixed-pane.tsx | 4 +- .../src/layouts/left-float-pane.tsx | 4 +- .../editor-skeleton/src/layouts/main-area.tsx | 2 +- .../src/layouts/right-area.tsx | 2 +- .../src/layouts/sub-top-area.tsx | 4 +- .../editor-skeleton/src/layouts/toolbar.tsx | 2 +- .../editor-skeleton/src/layouts/top-area.tsx | 2 +- .../editor-skeleton/src/layouts/workbench.tsx | 4 +- packages/editor-skeleton/src/locale/index.ts | 2 +- .../editor-skeleton/src/register-defaults.ts | 2 +- packages/editor-skeleton/src/skeleton.ts | 11 +- .../src/transducers/addon-combine.ts | 4 +- .../src/transducers/parse-func.ts | 4 +- .../src/transducers/parse-props.ts | 2 +- packages/editor-skeleton/src/types.ts | 2 +- packages/editor-skeleton/src/widget/dock.ts | 11 +- .../editor-skeleton/src/widget/panel-dock.ts | 9 +- packages/editor-skeleton/src/widget/panel.ts | 13 +- packages/editor-skeleton/src/widget/stage.ts | 2 +- packages/editor-skeleton/src/widget/utils.ts | 4 +- .../src/widget/widget-container.ts | 4 +- packages/editor-skeleton/src/widget/widget.ts | 13 +- packages/engine/README-zh_CN.md | 26 ++-- packages/engine/README.md | 30 ++--- packages/engine/package.json | 20 +-- packages/engine/src/engine-core.ts | 18 +-- .../src/inner-plugins/builtin-hotkey.ts | 4 +- .../inner-plugins/component-meta-parser.ts | 2 +- .../src/inner-plugins/default-context-menu.ts | 4 +- .../inner-plugins/default-panel-registry.tsx | 6 +- .../src/inner-plugins/setter-registry.ts | 2 +- packages/engine/src/locale/index.ts | 2 +- packages/engine/src/modules/classes.ts | 4 +- packages/engine/src/modules/designer-types.ts | 2 +- packages/engine/src/modules/live-editing.ts | 4 +- packages/engine/src/modules/lowcode-types.ts | 2 +- .../engine/src/modules/shell-model-factory.ts | 6 +- packages/engine/src/modules/skeleton-types.ts | 2 +- packages/engine/src/modules/symbols.ts | 2 +- packages/ignitor/build.json | 2 +- packages/ignitor/jest.config.js | 2 +- packages/ignitor/package.json | 2 +- .../__tests__/node-command.test.ts | 2 +- packages/plugin-command/jest.config.js | 2 +- packages/plugin-command/package.json | 6 +- .../plugin-command/src/history-command.ts | 2 +- packages/plugin-command/src/index.ts | 2 +- packages/plugin-command/src/node-command.ts | 4 +- packages/plugin-designer/package.json | 8 +- packages/plugin-designer/src/index.tsx | 6 +- packages/plugin-outline-pane/package.json | 6 +- .../src/controllers/pane-controller.ts | 4 +- .../src/controllers/tree-master.ts | 4 +- .../src/controllers/tree-node.ts | 4 +- .../src/controllers/tree.ts | 2 +- .../src/helper/dwell-timer.ts | 4 +- .../src/helper/indent-track.ts | 4 +- .../src/icons/arrow-right.tsx | 2 +- .../plugin-outline-pane/src/icons/cond.tsx | 2 +- .../plugin-outline-pane/src/icons/delete.tsx | 2 +- .../src/icons/eye-close.tsx | 2 +- .../plugin-outline-pane/src/icons/eye.tsx | 2 +- .../plugin-outline-pane/src/icons/filter.tsx | 2 +- .../plugin-outline-pane/src/icons/lock.tsx | 2 +- .../plugin-outline-pane/src/icons/loop.tsx | 2 +- .../plugin-outline-pane/src/icons/outline.tsx | 2 +- .../src/icons/radio-active.tsx | 2 +- .../plugin-outline-pane/src/icons/radio.tsx | 2 +- .../plugin-outline-pane/src/icons/setting.tsx | 2 +- .../plugin-outline-pane/src/icons/unlock.tsx | 2 +- packages/plugin-outline-pane/src/index.tsx | 2 +- .../plugin-outline-pane/src/views/pane.tsx | 2 +- .../src/views/tree-branches.tsx | 2 +- .../src/views/tree-node.tsx | 2 +- .../src/views/tree-title.tsx | 4 +- .../plugin-outline-pane/src/views/tree.tsx | 4 +- packages/react-renderer/demo/compose.md | 2 +- packages/react-renderer/demo/dataSource.md | 2 +- packages/react-renderer/demo/i18n.md | 2 +- packages/react-renderer/demo/list.md | 2 +- packages/react-renderer/demo/table.md | 2 +- packages/react-renderer/jest.config.js | 2 +- packages/react-renderer/package.json | 4 +- packages/react-renderer/src/index.ts | 2 +- .../react-simulator-renderer/jest.config.js | 2 +- .../react-simulator-renderer/package.json | 10 +- packages/react-simulator-renderer/src/host.ts | 2 +- .../src/renderer-view.tsx | 12 +- .../react-simulator-renderer/src/renderer.ts | 18 ++- .../src/utils/get-client-rects.ts | 2 +- .../src/utils/react-find-dom-nodes.ts | 2 +- packages/renderer-core/jest.config.js | 2 +- packages/renderer-core/package.json | 8 +- packages/renderer-core/src/hoc/index.tsx | 2 +- packages/renderer-core/src/hoc/leaf.tsx | 11 +- packages/renderer-core/src/renderer/base.tsx | 4 +- packages/renderer-core/src/renderer/page.tsx | 2 +- .../renderer-core/src/renderer/renderer.tsx | 2 +- packages/renderer-core/src/types/index.ts | 9 +- packages/renderer-core/src/utils/common.ts | 4 +- .../renderer-core/src/utils/data-helper.ts | 2 +- .../renderer-core/src/utils/is-use-loop.ts | 4 +- packages/renderer-core/src/utils/logger.ts | 2 +- packages/shell/package.json | 14 +- packages/shell/src/api/canvas.ts | 9 +- packages/shell/src/api/command.ts | 4 +- packages/shell/src/api/common.tsx | 16 +-- packages/shell/src/api/commonUI.tsx | 4 +- packages/shell/src/api/config.ts | 4 +- packages/shell/src/api/event.ts | 12 +- packages/shell/src/api/hotkey.ts | 9 +- packages/shell/src/api/logger.ts | 4 +- packages/shell/src/api/material.ts | 15 ++- packages/shell/src/api/plugins.ts | 11 +- packages/shell/src/api/project.ts | 8 +- packages/shell/src/api/setters.ts | 11 +- packages/shell/src/api/simulator-host.ts | 4 +- packages/shell/src/api/skeleton.ts | 14 +- packages/shell/src/api/workspace.ts | 4 +- .../shell/src/components/context-menu.tsx | 6 +- packages/shell/src/model/active-tracker.ts | 4 +- packages/shell/src/model/clipboard.ts | 4 +- packages/shell/src/model/component-meta.ts | 4 +- packages/shell/src/model/condition-group.ts | 4 +- packages/shell/src/model/detecting.ts | 8 +- packages/shell/src/model/document-model.ts | 6 +- packages/shell/src/model/drag-object.ts | 2 +- packages/shell/src/model/dragon.ts | 11 +- packages/shell/src/model/drop-location.ts | 4 +- packages/shell/src/model/editor-view.ts | 4 +- packages/shell/src/model/history.ts | 4 +- packages/shell/src/model/locate-event.ts | 4 +- .../shell/src/model/modal-nodes-manager.ts | 4 +- packages/shell/src/model/node-children.ts | 4 +- packages/shell/src/model/node.ts | 4 +- packages/shell/src/model/plugin-instance.ts | 4 +- packages/shell/src/model/prop.ts | 4 +- packages/shell/src/model/props.ts | 4 +- packages/shell/src/model/resource.ts | 4 +- packages/shell/src/model/selection.ts | 8 +- packages/shell/src/model/setting-field.ts | 6 +- packages/shell/src/model/setting-top-entry.ts | 4 +- packages/shell/src/model/simulator-render.ts | 4 +- packages/shell/src/model/skeleton-item.ts | 4 +- packages/shell/src/model/window.ts | 4 +- packages/types/package.json | 2 +- .../src/deprecated/isActionContentObject.ts | 2 +- packages/types/src/deprecated/isCustomView.ts | 2 +- packages/types/src/deprecated/isDOMText.ts | 2 +- .../types/src/deprecated/isDynamicSetter.ts | 2 +- packages/types/src/deprecated/isI18nData.ts | 2 +- packages/types/src/deprecated/isJSBlock.ts | 2 +- .../types/src/deprecated/isJSExpression.ts | 2 +- packages/types/src/deprecated/isJSFunction.ts | 2 +- packages/types/src/deprecated/isJSSlot.ts | 2 +- .../src/deprecated/isLowCodeComponentType.ts | 2 +- packages/types/src/deprecated/isNodeSchema.ts | 2 +- .../types/src/deprecated/isPlainObject.ts | 2 +- .../src/deprecated/isProCodeComponentType.ts | 2 +- .../types/src/deprecated/isProjectSchema.ts | 2 +- packages/types/src/deprecated/isReactClass.ts | 2 +- .../types/src/deprecated/isReactComponent.ts | 2 +- .../types/src/deprecated/isSetterConfig.ts | 2 +- .../types/src/deprecated/isTitleConfig.ts | 2 +- packages/types/src/shell/api/material.ts | 4 +- packages/types/src/shell/api/workspace.ts | 2 +- .../types/src/shell/model/document-model.ts | 2 +- packages/utils/jest.config.js | 2 +- packages/utils/package.json | 4 +- packages/utils/src/asset.ts | 8 +- packages/utils/src/build-components.ts | 2 +- packages/utils/src/check-prop-types.ts | 2 +- packages/utils/src/check-types/index.ts | 2 +- .../check-types/is-action-content-object.ts | 2 +- .../src/check-types/is-basic-prop-type.ts | 2 +- .../src/check-types/is-component-schema.ts | 2 +- .../utils/src/check-types/is-custom-view.ts | 2 +- .../src/check-types/is-drag-any-object.ts | 2 +- .../check-types/is-drag-node-data-object.ts | 2 +- .../src/check-types/is-drag-node-object.ts | 2 +- .../src/check-types/is-dynamic-setter.ts | 2 +- .../utils/src/check-types/is-i18n-data.ts | 2 +- .../utils/src/check-types/is-isfunction.ts | 2 +- packages/utils/src/check-types/is-jsblock.ts | 2 +- .../utils/src/check-types/is-jsexpression.ts | 2 +- packages/utils/src/check-types/is-jsslot.ts | 2 +- .../is-location-children-detail.ts | 2 +- .../utils/src/check-types/is-location-data.ts | 2 +- .../check-types/is-lowcode-component-type.ts | 2 +- .../check-types/is-lowcode-project-schema.ts | 2 +- .../utils/src/check-types/is-node-schema.ts | 2 +- packages/utils/src/check-types/is-node.ts | 2 +- .../check-types/is-procode-component-type.ts | 2 +- .../src/check-types/is-project-schema.ts | 2 +- .../src/check-types/is-required-prop-type.ts | 2 +- .../utils/src/check-types/is-setter-config.ts | 2 +- .../utils/src/check-types/is-setting-field.ts | 2 +- .../utils/src/check-types/is-title-config.ts | 2 +- packages/utils/src/context-menu.tsx | 4 +- packages/utils/src/create-icon.tsx | 2 +- packages/utils/src/misc.ts | 2 +- packages/utils/src/node-helper.ts | 2 +- packages/utils/src/schema.ts | 2 +- packages/utils/src/transaction-manager.ts | 2 +- packages/utils/src/workspace.tsx | 2 +- .../src/check-types/is-custom-view.test.tsx | 2 +- .../check-types/is-drag-any-object.test.ts | 2 +- .../is-drag-node-data-object.test.ts | 2 +- .../check-types/is-drag-node-object.test.ts | 2 +- .../test/src/check-types/is-i18n-data.test.ts | 2 +- .../test/src/check-types/is-jsslot.test.ts | 2 +- .../is-location-children-detail.test.ts | 2 +- .../src/check-types/is-location-data.test.ts | 2 +- .../is-lowcode-component-type.test.ts | 2 +- .../src/check-types/is-project-schema.test.ts | 2 +- packages/utils/test/src/misc.test.ts | 2 +- packages/utils/test/src/schema.test.ts | 2 +- .../test/src/transaction-manager.test.ts | 2 +- packages/workspace/package.json | 12 +- .../workspace/src/context/base-context.ts | 12 +- .../workspace/src/context/view-context.ts | 4 +- .../workspace/src/inner-plugins/webview.tsx | 2 +- packages/workspace/src/layouts/workbench.tsx | 6 +- packages/workspace/src/resource-type.ts | 2 +- packages/workspace/src/resource.ts | 6 +- packages/workspace/src/view/editor-view.tsx | 6 +- packages/workspace/src/view/resource-view.tsx | 4 +- packages/workspace/src/view/window-view.tsx | 4 +- packages/workspace/src/window.ts | 6 +- packages/workspace/src/workspace.ts | 8 +- scripts/build.sh | 34 ++--- scripts/setup-for-test.sh | 6 +- scripts/start.js | 2 +- scripts/start.sh | 2 +- scripts/sync.sh | 28 ++-- tsconfig.json | 2 +- 546 files changed, 1329 insertions(+), 1207 deletions(-) diff --git a/docs/docs/api/common.md b/docs/docs/api/common.md index e0304722e7..97064ef726 100644 --- a/docs/docs/api/common.md +++ b/docs/docs/api/common.md @@ -97,8 +97,8 @@ executeTransaction(fn: () => void, type: IPublicEnumTransitionType): void; **示例** ```typescript -import { common } from '@lce/lowcode-engine'; -import { IPublicEnumTransitionType } from '@lce/lowcode-types'; +import { common } from '@felce/lowcode-engine'; +import { IPublicEnumTransitionType } from '@felce/lowcode-types'; common.utils.startTransaction(() => { node1.setProps(); @@ -150,7 +150,7 @@ createIntl(instance: string | object): { **示例** ```typescript -import { common } from '@lce/lowcode-engine'; +import { common } from '@felce/lowcode-engine'; import enUS from './en-US.json'; import zhCN from './zh-CN.json'; diff --git a/docs/docs/api/config.md b/docs/docs/api/config.md index 90abb2c970..c06a80ba98 100644 --- a/docs/docs/api/config.md +++ b/docs/docs/api/config.md @@ -29,7 +29,7 @@ get(key: string, defaultValue?: any): any; **示例** ```typescript -import { config } from '@lce/lowcode-engine'; +import { config } from '@felce/lowcode-engine'; config.get('keyA', true); config.get('keyB', { a: 1 }); @@ -52,7 +52,7 @@ set(key: string, value: any): void; **示例** ```typescript -import { config } from '@lce/lowcode-engine'; +import { config } from '@felce/lowcode-engine'; config.set('keyC', 1); ``` @@ -74,7 +74,7 @@ has(key: string): boolean; **示例** ```typescript -import { config } from '@lce/lowcode-engine'; +import { config } from '@felce/lowcode-engine'; config.has('keyD'); ``` @@ -95,7 +95,7 @@ setConfig(config: { [key: string]: any }): void; **示例** ```typescript -import { config } from '@lce/lowcode-engine'; +import { config } from '@felce/lowcode-engine'; config.setConfig({ keyA: false, keyB: 2 }); ``` @@ -122,7 +122,7 @@ getPreference(): IPublicModelPreference; 示例 ```javascript -import { config } from '@lce/lowcode-engine'; +import { config } from '@felce/lowcode-engine'; const panelName = 'outline-master-pane'; @@ -152,7 +152,7 @@ onceGot(key: string): Promise; **示例** ```typescript -import { config } from '@lce/lowcode-engine'; +import { config } from '@felce/lowcode-engine'; config.onceGot('keyA').then((value) => { console.log(`The value of keyA is ${value}`); @@ -181,7 +181,7 @@ const value = await config.onceGot('keyA'); **示例** ```typescript -import { config } from '@lce/lowcode-engine'; +import { config } from '@felce/lowcode-engine'; config.onGot('keyA', (value) => { console.log(`The value of keyA is ${value}`); diff --git a/docs/docs/api/configOptions.md b/docs/docs/api/configOptions.md index b2beb1f5ba..6571e6af8b 100644 --- a/docs/docs/api/configOptions.md +++ b/docs/docs/api/configOptions.md @@ -10,7 +10,7 @@ sidebar_position: 5 #### init API ```javascript -import { init } from '@lce/lowcode-engine'; +import { init } from '@felce/lowcode-engine'; init(document.getElementById('engine'), { enableCondition: false, @@ -22,7 +22,7 @@ init(document.getElementById('engine'), { #### config API ```javascript -import { config } from '@lce/lowcode-engine'; +import { config } from '@felce/lowcode-engine'; config.set('enableCondition', false); ``` diff --git a/docs/docs/api/event.md b/docs/docs/api/event.md index bfe9fcdd51..ad60a6cee7 100644 --- a/docs/docs/api/event.md +++ b/docs/docs/api/event.md @@ -91,7 +91,7 @@ event.emit(eventName); 在 A setter 中进行事件注册： ```typescript -import { event } from '@lce/lowcode-engine'; +import { event } from '@felce/lowcode-engine'; const SETTER_NAME = 'SetterA'; @@ -116,7 +116,7 @@ class SetterA extends React.Component { 在 B setter 中触发事件，来完成通信： ```typescript -import { event } from '@lce/lowcode-engine'; +import { event } from '@felce/lowcode-engine'; class SetterB extends React.Component { bindFunction = () => { diff --git a/docs/docs/api/hotkey.md b/docs/docs/api/hotkey.md index e65c80f71a..f8a0bc0aeb 100644 --- a/docs/docs/api/hotkey.md +++ b/docs/docs/api/hotkey.md @@ -59,7 +59,7 @@ hotkey.bind(['command+s', 'command+c'], (e) => { ### 保存快捷键配置 ```typescript -import { hotkey } from '@lce/lowcode-engine'; +import { hotkey } from '@felce/lowcode-engine'; function saveSchema(schema) { // 保存 schema 相关操作 diff --git a/docs/docs/api/init.md b/docs/docs/api/init.md index e21a4aff26..2ee89029bd 100644 --- a/docs/docs/api/init.md +++ b/docs/docs/api/init.md @@ -26,7 +26,7 @@ function init(container?: Element, options?: IPublicTypeEngineOptions): void; ## 使用示例 ```typescript -import { init } from '@lce/lowcode-engine'; +import { init } from '@felce/lowcode-engine'; init(document.getElementById('engine'), { enableCondition: false, @@ -36,7 +36,7 @@ init(document.getElementById('engine'), { ### 默认打开移动端画布 ```typescript -import { init } from '@lce/lowcode-engine'; +import { init } from '@felce/lowcode-engine'; init({ device: 'mobile', @@ -46,7 +46,7 @@ init({ ### 使用 utils 第三方工具扩展 ```json -import { init } from '@lce/lowcode-engine'; +import { init } from '@felce/lowcode-engine'; init({ device: 'mobile', diff --git a/docs/docs/api/logger.md b/docs/docs/api/logger.md index c3b6d453d0..ce4aa2fea6 100644 --- a/docs/docs/api/logger.md +++ b/docs/docs/api/logger.md @@ -46,7 +46,7 @@ log(...args: any | any[]): void; ## 输出示例 ```typescript -import { Logger } from '@lce/lowcode-utils'; +import { Logger } from '@felce/lowcode-utils'; const logger = new Logger({ level: 'warn', bizName: 'myPlugin:moduleA' }); logger.log('Awesome Low-Code Engine'); ``` diff --git a/docs/docs/api/material.md b/docs/docs/api/material.md index 5d8b3969aa..4493433499 100644 --- a/docs/docs/api/material.md +++ b/docs/docs/api/material.md @@ -48,7 +48,7 @@ setAssets(assets: IPublicTypeAssetsJson): void; 直接在项目中引用 npm 包 ```javascript -import { material } from '@lce/lowcode-engine'; +import { material } from '@felce/lowcode-engine'; import assets from '@alilc/mc-assets-/assets.json'; material.setAssets(assets); @@ -57,8 +57,8 @@ material.setAssets(assets); 通过接口动态引入资产包 ```typescript -import { material, plugins } from '@lce/lowcode-engine'; -import { IPublicModelPluginContext } from '@lce/lowcode-types'; +import { material, plugins } from '@felce/lowcode-engine'; +import { IPublicModelPluginContext } from '@felce/lowcode-types'; // 动态加载 assets plugins @@ -100,7 +100,7 @@ getAssets(): IPublicTypeAssetsJson; **示例** ```typescript -import { material } from '@lce/lowcode-engine'; +import { material } from '@felce/lowcode-engine'; material.getAssets(); ``` @@ -124,7 +124,7 @@ loadIncrementalAssets(incrementalAssets: IPublicTypeAssetsJson): Promise; **示例** ```typescript -import { material } from '@lce/lowcode-engine'; +import { material } from '@felce/lowcode-engine'; import assets1 from '@alilc/mc-assets-/assets.json'; import assets2 from '@alilc/mc-assets-/assets.json'; @@ -135,7 +135,7 @@ material.loadIncrementalAssets(assets2); 更新特定物料的描述文件 ```typescript -import { material } from '@lce/lowcode-engine'; +import { material } from '@felce/lowcode-engine'; material.loadIncrementalAssets({ version: '', components: [ @@ -168,7 +168,7 @@ addBuiltinComponentAction(action: IPublicTypeComponentAction): void; 新增设计扩展位，并绑定事件 ```typescript -import { material } from '@lce/lowcode-engine'; +import { material } from '@felce/lowcode-engine'; material.addBuiltinComponentAction({ name: 'myIconName', @@ -210,7 +210,7 @@ removeBuiltinComponentAction(name: string): void; **示例** ```typescript -import { material } from '@lce/lowcode-engine'; +import { material } from '@felce/lowcode-engine'; material.removeBuiltinComponentAction('myIconName'); ``` @@ -246,7 +246,7 @@ modifyBuiltinComponentAction( 给原始的 remove 扩展时间添加执行前后的日志 ```typescript -import { material } from '@lce/lowcode-engine'; +import { material } from '@felce/lowcode-engine'; material.modifyBuiltinComponentAction('remove', (action) => { const originAction = action.content.action; @@ -275,7 +275,7 @@ addContextMenuOption(action: IPublicTypeContextMenuAction): void; 示例 ```typescript -import { IPublicEnumContextMenuType } from '@lce/lowcode-types'; +import { IPublicEnumContextMenuType } from '@felce/lowcode-types'; material.addContextMenuOption({ name: 'parentItem', @@ -362,7 +362,7 @@ getComponentMeta(componentName: string): IPublicModelComponentMeta | null; **示例** ```typescript -import { material } from '@lce/lowcode-engine'; +import { material } from '@felce/lowcode-engine'; material.getComponentMeta('Input'); ``` @@ -385,7 +385,7 @@ material.getComponentMeta('Input'); **示例** ```typescript -import { material } from '@lce/lowcode-engine'; +import { material } from '@felce/lowcode-engine'; material.getComponentMetasMap(); ``` @@ -426,7 +426,7 @@ registerMetadataTransducer( 给每一个组件的配置添加高级配置面板，其中有一个是否渲染配置项 ```typescript -import { material } from '@lce/lowcode-engine'; +import { material } from '@felce/lowcode-engine'; function addonCombine(metadata: TransformedComponentMetadata) { const { componentName, configure = {} } = metadata; @@ -471,8 +471,8 @@ material.registerMetadataTransducer(addonCombine, 1, 'parse-func'); 删除高级 Tab ```typescript -import { material } from '@lce/lowcode-engine'; -import { IPublicTypeFieldConfig } from '@lce/lowcode-types'; +import { material } from '@felce/lowcode-engine'; +import { IPublicTypeFieldConfig } from '@felce/lowcode-types'; material.registerMetadataTransducer( (transducer) => { @@ -513,7 +513,7 @@ getRegisteredMetadataTransducers(): IPublicTypeMetadataTransducer[]; **示例** ```typescript -import { material } from '@lce/lowcode-engine'; +import { material } from '@felce/lowcode-engine'; material.getRegisteredMetadataTransducers(); ``` @@ -538,7 +538,7 @@ onChangeAssets(fn: () => void): IPublicTypeDisposable; **示例** ```typescript -import { material } from '@lce/lowcode-engine'; +import { material } from '@felce/lowcode-engine'; material.onChangeAssets(() => { console.log('asset changed'); diff --git a/docs/docs/api/model/dragon.md b/docs/docs/api/model/dragon.md index 26dec5aaf5..e1de1505d9 100644 --- a/docs/docs/api/model/dragon.md +++ b/docs/docs/api/model/dragon.md @@ -12,7 +12,7 @@ sidebar_position: 99 ### 对应接口 ```typescript -import { IPublicModelDragon } from '@lce/lowcode-types'; +import { IPublicModelDragon } from '@felce/lowcode-types'; ``` ### 支持版本 diff --git a/docs/docs/api/plugins.md b/docs/docs/api/plugins.md index e30e0d9b76..a330c89445 100644 --- a/docs/docs/api/plugins.md +++ b/docs/docs/api/plugins.md @@ -32,8 +32,8 @@ async function register( #### 简单示例 ```typescript -import { plugins } from '@lce/lowcode-engine'; -import { IPublicModelPluginContext } from '@lce/lowcode-types'; +import { plugins } from '@felce/lowcode-engine'; +import { IPublicModelPluginContext } from '@felce/lowcode-types'; const builtinPluginRegistry = (ctx: IPublicModelPluginContext) => { return { @@ -67,8 +67,8 @@ await plugins.register(builtinPluginRegistry); #### 使用 exports 示例 ```typescript -import { plugins } from '@lce/lowcode-engine'; -import { IPublicModelPluginContext } from '@lce/lowcode-types'; +import { plugins } from '@felce/lowcode-engine'; +import { IPublicModelPluginContext } from '@felce/lowcode-types'; const PluginA = (ctx: IPublicModelPluginContext) => { return { @@ -102,8 +102,8 @@ await plugins.register(PluginB); #### 设置兼容引擎版本示例 ```typescript -import { plugins } from '@lce/lowcode-engine'; -import { IPublicModelPluginContext } from '@lce/lowcode-types'; +import { plugins } from '@felce/lowcode-engine'; +import { IPublicModelPluginContext } from '@felce/lowcode-types'; const BuiltinPluginRegistry = (ctx: IPublicModelPluginContext) => { return { @@ -124,8 +124,8 @@ await plugins.register(BuiltinPluginRegistry); #### 设置插件参数版本示例 ```typescript -import { plugins } from '@lce/lowcode-engine'; -import { IPublicModelPluginContext } from '@lce/lowcode-types'; +import { plugins } from '@felce/lowcode-engine'; +import { IPublicModelPluginContext } from '@felce/lowcode-types'; const BuiltinPluginRegistry = (ctx: IPublicModelPluginContext, options: any) => { return { @@ -249,7 +249,7 @@ your-plugin/package.json ```json { - "name": "@lce/lowcode-plugin-debug", + "name": "@felce/lowcode-plugin-debug", "lcMeta": { "pluginName": "debug", "meta": { diff --git a/docs/docs/api/project.md b/docs/docs/api/project.md index ce52891da9..3fbdca7ed0 100644 --- a/docs/docs/api/project.md +++ b/docs/docs/api/project.md @@ -217,12 +217,12 @@ addPropsTransducer( 在保存的时候删除每一个组件的 props.hidden ```typescript -import { project } from '@lce/lowcode-engine'; +import { project } from '@felce/lowcode-engine'; import { IPublicTypeCompositeObject, IPublicEnumTransformStage, IPublicModelPluginContext, -} from '@lce/lowcode-types'; +} from '@felce/lowcode-types'; export const DeleteHiddenTransducer = (ctx: IPublicModelPluginContext) => { return { @@ -281,7 +281,7 @@ setI18n(value: object): void; ```typescript // shims.d.ts -declare module '@lce/lowcode-types' { +declare module '@felce/lowcode-types' { export interface IPublicTypeAppConfig { customProp: CustomPropType; } diff --git a/docs/docs/api/setters.md b/docs/docs/api/setters.md index ca79d1b605..9b3c9d705d 100644 --- a/docs/docs/api/setters.md +++ b/docs/docs/api/setters.md @@ -72,9 +72,9 @@ registerSetter( ### 注册官方内置 Setter 到设计器中 ```typescript -import { setters, skeleton } from '@lce/lowcode-engine'; +import { setters, skeleton } from '@felce/lowcode-engine'; import { setterMap, pluginMap } from '@alilc/lowcode-engine-ext'; -import { IPublicModelPluginContext } from '@lce/lowcode-types'; +import { IPublicModelPluginContext } from '@felce/lowcode-types'; const SetterRegistry = (ctx: IPublicModelPluginContext) => { return { @@ -155,7 +155,7 @@ export default class AltStringSetter extends React.PureComponent ## 使用示例 ```typescript -import { skeleton } from '@lce/lowcode-engine'; +import { skeleton } from '@felce/lowcode-engine'; skeleton.add({ name: 'logo', @@ -553,7 +553,7 @@ skeleton.disableWidget('sourceEditor'); ### bottomArea 示例 ```typescript -import { skeleton } from '@lce/lowcode-engine'; +import { skeleton } from '@felce/lowcode-engine'; skeleton.add({ name: 'bottomAreaPanelName', diff --git a/docs/docs/demoUsage/panels/datasource.md b/docs/docs/demoUsage/panels/datasource.md index f198adc724..29a0b0900e 100644 --- a/docs/docs/demoUsage/panels/datasource.md +++ b/docs/docs/demoUsage/panels/datasource.md @@ -97,7 +97,7 @@ export function createAxiosFetchHandler(config?: Record) { ```tsx import React, { memo } from 'react'; -import ReactRenderer from '@lce/lowcode-react-renderer'; +import ReactRenderer from '@felce/lowcode-react-renderer'; const SamplePreview = memo(() => { return ( @@ -124,7 +124,7 @@ const SamplePreview = memo(() => { > 默认情况下设计态没有开启数据源引擎，我们可以在设计器 init 的时候来传递`requstHandlersMap`来开启；具体代码如下： ```javascript -import { init, plugins } from '@lce/lowcode-engine'; +import { init, plugins } from '@felce/lowcode-engine'; import { RequestHandlersMap } from '@alilc/lowcode-datasource-types'; const preference = new Map(); @@ -143,8 +143,8 @@ const preference = new Map(); // simulatorUrl 在当 engine-core.js 同一个父路径下时是不需要配置的！！！ // 这里因为用的是 alifd cdn，在不同 npm 包，engine-core.js 和 react-simulator-renderer.js 是不同路径 simulatorUrl: [ - 'https://alifd.alicdn.com/npm/@lce/lowcode-react-simulator-renderer@latest/dist/css/react-simulator-renderer.css', - 'https://alifd.alicdn.com/npm/@lce/lowcode-react-simulator-renderer@latest/dist/js/react-simulator-renderer.js' + 'https://alifd.alicdn.com/npm/@felce/lowcode-react-simulator-renderer@latest/dist/css/react-simulator-renderer.css', + 'https://alifd.alicdn.com/npm/@felce/lowcode-react-simulator-renderer@latest/dist/js/react-simulator-renderer.js' ], requestHandlersMap: { fetch: createAxiosFetchHandler() diff --git a/docs/docs/demoUsage/panels/settings.md b/docs/docs/demoUsage/panels/settings.md index 5806bf170f..79e50a85f3 100644 --- a/docs/docs/demoUsage/panels/settings.md +++ b/docs/docs/demoUsage/panels/settings.md @@ -151,7 +151,7 @@ bindFunction = () => { ```javascript import AltStringSetter from './AltStringSetter'; -import { setters } from '@lce/lowcode-engine'; +import { setters } from '@felce/lowcode-engine'; setters.registerSetter({ AltStringSetter: { component: AltStringSetter, diff --git a/docs/docs/faq/faq009.md b/docs/docs/faq/faq009.md index d1375b100c..8b58786758 100644 --- a/docs/docs/faq/faq009.md +++ b/docs/docs/faq/faq009.md @@ -7,7 +7,7 @@ tags: [FAQ] ## 预览态，antd 资产包按顺序加载，但是没有按顺序执行资产包按顺序加载，但是没有按顺序执行，导致部分 js 执行的时候，依赖的资源没有准备好，报错了。 -传给 @lce/lowcode-react-renderer 的 components 值为空。 +传给 @felce/lowcode-react-renderer 的 components 值为空。 **解决方案** LowCodeEngine 升级到 1.0.8 diff --git a/docs/docs/faq/faq013.md b/docs/docs/faq/faq013.md index 23b83e93bb..303a32e31d 100644 --- a/docs/docs/faq/faq013.md +++ b/docs/docs/faq/faq013.md @@ -21,8 +21,8 @@ tags: [FAQ] 通过新增 Save 态的 propsReducer，将 hidden props 去掉。可以参考下面的代码： ```typescript -import { project } from '@lce/lowcode-engine'; -import { IPublicEnumTransformStage } from '@lce/lowcode-types'; +import { project } from '@felce/lowcode-engine'; +import { IPublicEnumTransformStage } from '@felce/lowcode-types'; export const deleteHiddenTransducer = (ctx: any) => { return { @@ -42,7 +42,7 @@ deleteHiddenTransducer.pluginName = 'deleteHiddenTransducer'; ### 导出 schema 使用 Save 态 ```typescript -import { TransformStage } from '@lce/lowcode-types'; +import { TransformStage } from '@felce/lowcode-types'; const schema = project.exportSchema(TransformStage.Save); ``` diff --git a/docs/docs/faq/faq024.md b/docs/docs/faq/faq024.md index d386650e74..4dfc4acbfa 100644 --- a/docs/docs/faq/faq024.md +++ b/docs/docs/faq/faq024.md @@ -28,14 +28,14 @@ tags: [FAQ] #### 如何在全局插件中获取视图的上下文？ -- 在阿里低代码引擎的全局插件中获取视图的上下文，可以通过使用 **ProvideViewPluginContext** 函数实现。这个函数来自 **@lce/lowcode-utils** 库，它使得您的 React 组件能够接收 **pluginContext** 作为 props，进而访问和操作当前视图的状态和属性。 +- 在阿里低代码引擎的全局插件中获取视图的上下文，可以通过使用 **ProvideViewPluginContext** 函数实现。这个函数来自 **@felce/lowcode-utils** 库，它使得您的 React 组件能够接收 **pluginContext** 作为 props，进而访问和操作当前视图的状态和属性。 **步骤** **引入依赖**：首先，确保您的插件文件中已经引入了 **ProvideViewPluginContext** 以及其他必要的依赖。 ``` -import { ProvideViewPluginContext } from '@lce/lowcode-utils +import { ProvideViewPluginContext } from '@felce/lowcode-utils ``` **定义 React 组件**：创建一个 React 组件，它将使用来自 **ProvideViewPluginContext** 的 **pluginContext**。 diff --git a/docs/docs/guide/appendix/npms.md b/docs/docs/guide/appendix/npms.md index e1f016ae34..71b8e8ff59 100644 --- a/docs/docs/guide/appendix/npms.md +++ b/docs/docs/guide/appendix/npms.md @@ -5,20 +5,20 @@ sidebar_position: 3 | 包名 | 仓库 | 路径 | | -------------------------------------------------- | -------------------------------------------------------------------------------------------- | ------------------------------------------ | -| @lce/lowcode-code-generator | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | modules/code-generator | -| @lce/lowcode-material-parser | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | modules/material-parser | -| @lce/lowcode-designer | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/designer | -| @lce/lowcode-editor-core | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/editor-core | -| @lce/lowcode-editor-skeleton | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/editor-skeleton | -| @lce/lowcode-engine | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/engine | -| @lce/lowcode-plugin-designer | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/plugin-designer | -| @lce/lowcode-plugin-outline-pane | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/plugin-outline-pane | -| @lce/lowcode-react-renderer | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/react-renderer | -| @lce/lowcode-react-simulator-renderer | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/react-simulator-renderer | -| @lce/lowcode-renderer-core | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/renderer-core | -| @lce/lowcode-shell | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/shell | -| @lce/lowcode-types | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/types | -| @lce/lowcode-utils | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/utils | +| @felce/lowcode-code-generator | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | modules/code-generator | +| @felce/lowcode-material-parser | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | modules/material-parser | +| @felce/lowcode-designer | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/designer | +| @felce/lowcode-editor-core | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/editor-core | +| @felce/lowcode-editor-skeleton | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/editor-skeleton | +| @felce/lowcode-engine | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/engine | +| @felce/lowcode-plugin-designer | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/plugin-designer | +| @felce/lowcode-plugin-outline-pane | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/plugin-outline-pane | +| @felce/lowcode-react-renderer | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/react-renderer | +| @felce/lowcode-react-simulator-renderer | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/react-simulator-renderer | +| @felce/lowcode-renderer-core | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/renderer-core | +| @felce/lowcode-shell | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/shell | +| @felce/lowcode-types | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/types | +| @felce/lowcode-utils | [https://github.com/fe-lce/lowcode-engine](https://github.com/fe-lce/lowcode-engine) | packages/utils | | @alilc/lowcode-datasource-engine | [https://github.com/fe-lce/lowcode-datasource](https://github.com/fe-lce/lowcode-datasource) | packages/datasource-engine | | @alilc/lowcode-datasource-fetch-handler | [https://github.com/fe-lce/lowcode-datasource](https://github.com/fe-lce/lowcode-datasource) | packages/datasource-fetch-handler | | @alilc/lowcode-datasource-jsonp-handler | [https://github.com/fe-lce/lowcode-datasource](https://github.com/fe-lce/lowcode-datasource) | packages/datasource-jsonp-handler | diff --git a/docs/docs/guide/create/useEditor.md b/docs/docs/guide/create/useEditor.md index 5c8bb646aa..151e6cd5af 100644 --- a/docs/docs/guide/create/useEditor.md +++ b/docs/docs/guide/create/useEditor.md @@ -60,7 +60,7 @@ sidebar_position: 0 @@ -91,7 +91,7 @@ sidebar_position: 0