From 19295bb040a470581e94c8ecdb4b746b5e386e2b Mon Sep 17 00:00:00 2001
From: "lihao.ylh" <lihao.ylh@alibaba-inc.com>
Date: Mon, 27 Dec 2021 10:41:31 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E8=A1=A5=E5=85=85=20SettingField=20?=
 =?UTF-8?q?=E9=83=A8=E5=88=86=20API?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/engine/src/engine-core.ts            | 13 +++-------
 packages/engine/src/modules/designer-cabin.ts |  4 +++
 packages/engine/src/modules/editor-cabin.ts   | 12 +++++++++
 packages/engine/src/modules/skeleton-cabin.ts |  6 +++++
 packages/shell/src/setting-prop-entry.ts      | 26 +++++++++++++++----
 5 files changed, 47 insertions(+), 14 deletions(-)
 create mode 100644 packages/engine/src/modules/designer-cabin.ts
 create mode 100644 packages/engine/src/modules/editor-cabin.ts
 create mode 100644 packages/engine/src/modules/skeleton-cabin.ts

diff --git a/packages/engine/src/engine-core.ts b/packages/engine/src/engine-core.ts
index 396283e8f..bf7c8f9e6 100644
--- a/packages/engine/src/engine-core.ts
+++ b/packages/engine/src/engine-core.ts
@@ -1,16 +1,14 @@
 import { createElement } from 'react';
 import { render } from 'react-dom';
 import { globalContext, Editor, engineConfig, EngineOptions } from '@ali/lowcode-editor-core';
-import * as editorCabin from '@ali/lowcode-editor-core';
 import {
   Designer,
   LowCodePluginManager,
   ILowCodePluginContext,
   // Setters,
 } from '@ali/lowcode-designer';
-import * as designerCabin from '@ali/lowcode-designer';
 import { Skeleton as InnerSkeleton, SettingsPrimaryPane, registerDefaults } from '@ali/lowcode-editor-skeleton';
-import * as skeletonCabin from '@ali/lowcode-editor-skeleton';
+
 import Outline, { OutlineBackupPane, getTreeMaster } from '@ali/lowcode-plugin-outline-pane';
 import DesignerPlugin from '@ali/lowcode-plugin-designer';
 import {
@@ -20,20 +18,19 @@ import {
   Setters,
   Material,
   Event,
-  editorSymbol,
-  designerSymbol,
-  skeletonSymbol,
 } from '@ali/lowcode-shell';
 import { getLogger, Logger, isPlainObject } from '@ali/lowcode-utils';
 import './modules/live-editing';
 import utils from './modules/utils';
+import * as editorCabin from './modules/editor-cabin';
+import * as skeletonCabin from './modules/skeleton-cabin';
+import * as designerCabin from './modules/designer-cabin';
 
 export * from './modules/editor-types';
 export * from './modules/skeleton-types';
 export * from './modules/designer-types';
 export * from './modules/lowcode-types';
 
-const { monitor } = editorCabin;
 registerDefaults();
 
 const editor = new Editor();
@@ -88,7 +85,6 @@ export {
    */
   // store,
   // hotkey,
-  monitor,
   utils,
   // engineConfig,
 };
@@ -124,7 +120,6 @@ const getSelection = () => designer.currentDocument?.selection;
    */
   // store,
   // hotkey,
-  monitor,
   init,
   utils,
   config,
diff --git a/packages/engine/src/modules/designer-cabin.ts b/packages/engine/src/modules/designer-cabin.ts
new file mode 100644
index 000000000..471d63dd7
--- /dev/null
+++ b/packages/engine/src/modules/designer-cabin.ts
@@ -0,0 +1,4 @@
+export {
+  SettingField,
+  isSettingField,
+} from '@ali/lowcode-designer';
\ No newline at end of file
diff --git a/packages/engine/src/modules/editor-cabin.ts b/packages/engine/src/modules/editor-cabin.ts
new file mode 100644
index 000000000..162ae5537
--- /dev/null
+++ b/packages/engine/src/modules/editor-cabin.ts
@@ -0,0 +1,12 @@
+export {
+  Title,
+  shallowIntl,
+  createIntl,
+  createSetterContent,
+  // TODO: To be deleted
+  obx,
+  computed,
+  observer,
+  getSetter,
+  getSettersMap,
+} from '@ali/lowcode-editor-core';
\ No newline at end of file
diff --git a/packages/engine/src/modules/skeleton-cabin.ts b/packages/engine/src/modules/skeleton-cabin.ts
new file mode 100644
index 000000000..3d15edda6
--- /dev/null
+++ b/packages/engine/src/modules/skeleton-cabin.ts
@@ -0,0 +1,6 @@
+export {
+  createSettingFieldView,
+  PopupContext,
+  PopupPipe,
+  Workbench,
+} from '@ali/lowcode-editor-skeleton';
\ No newline at end of file
diff --git a/packages/shell/src/setting-prop-entry.ts b/packages/shell/src/setting-prop-entry.ts
index 8236cf321..66b8519b9 100644
--- a/packages/shell/src/setting-prop-entry.ts
+++ b/packages/shell/src/setting-prop-entry.ts
@@ -1,17 +1,17 @@
-import { SettingEntry } from '@ali/lowcode-designer';
-import { CompositeValue, SettingTarget } from '@ali/lowcode-types';
+import { SettingField } from '@ali/lowcode-designer';
+import { CompositeValue, FieldConfig } from '@ali/lowcode-types';
 import { settingPropEntrySymbol } from './symbols';
 import Node from './node';
 import SettingTopEntry from './setting-top-entry';
 
 export default class SettingPropEntry {
-  private readonly [settingPropEntrySymbol]: SettingEntry;
+  private readonly [settingPropEntrySymbol]: SettingField;
 
-  constructor(prop: SettingEntry) {
+  constructor(prop: SettingField) {
     this[settingPropEntrySymbol] = prop;
   }
 
-  static create(prop: SettingEntry) {
+  static create(prop: SettingField) {
     return new SettingPropEntry(prop);
   }
 
@@ -37,4 +37,20 @@ export default class SettingPropEntry {
   getProps() {
     return SettingTopEntry.create(this[settingPropEntrySymbol].getProps() as SettingEntry) as any;
   }
+
+  isUseVariable() {
+    return this[settingPropEntrySymbol].isUseVariable();
+  }
+
+  setUseVariable(flag: boolean) {
+    this[settingPropEntrySymbol].setUseVariable(flag);
+  }
+
+  createField(config: FieldConfig) {
+    return SettingPropEntry.create(this[settingPropEntrySymbol].createField(config));
+  }
+
+  getMockOrValue() {
+    return this[settingPropEntrySymbol].getMockOrValue();
+  }
 }
\ No newline at end of file