JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-06 03:57:56 +08:00
Code Issues Projects Releases Wiki Activity

refactor(editor): service中state改完使用shallowReactive

Browse Source
This commit is contained in:
roymondchen 2025-01-09 20:43:54 +08:00
parent 1bcefdb1e8
commit 552df3a614
4 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/editor/src/services/componentList.ts
View File

@ -16,14 +16,14 @@
* limitations under the License. * limitations under the License.
*/ */
import { reactive } from 'vue'; import { shallowReactive } from 'vue';
import type { ComponentGroup, ComponentGroupState } from '@editor/type'; import type { ComponentGroup, ComponentGroupState } from '@editor/type';
import BaseService from './BaseService'; import BaseService from './BaseService';
class ComponentList extends BaseService { class ComponentList extends BaseService {
private state = reactive<ComponentGroupState>({ private state = shallowReactive<ComponentGroupState>({
list: [], list: [],
}); });

4
packages/editor/src/services/dep.ts
View File

@ -15,7 +15,7 @@
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
*/ */
import { reactive } from 'vue'; import { reactive, shallowReactive } from 'vue';
import type { DepExtendedData, Id, MNode, Target, TargetNode } from '@tmagic/core'; import type { DepExtendedData, Id, MNode, Target, TargetNode } from '@tmagic/core';
import { DepTargetType, Watcher } from '@tmagic/core'; import { DepTargetType, Watcher } from '@tmagic/core';
@ -40,7 +40,7 @@ type StateKey = keyof State;
const idleTask = new IdleTask<{ node: TargetNode; deep: boolean; target: Target }>(); const idleTask = new IdleTask<{ node: TargetNode; deep: boolean; target: Target }>();
class Dep extends BaseService { class Dep extends BaseService {
private state = reactive<State>({ private state = shallowReactive<State>({
collecting: false, collecting: false,
}); });

4
packages/editor/src/services/stageOverlay.ts
View File

@ -1,4 +1,4 @@
import { reactive } from 'vue'; import { shallowReactive } from 'vue';
import type { Writable } from 'type-fest'; import type { Writable } from 'type-fest';
import StageCore from '@tmagic/stage'; import StageCore from '@tmagic/stage';
@ -17,7 +17,7 @@ const canUsePluginMethods = {
type SyncMethodName = Writable<(typeof canUsePluginMethods)['sync']>; type SyncMethodName = Writable<(typeof canUsePluginMethods)['sync']>;
class StageOverlay extends BaseService { class StageOverlay extends BaseService {
private state: StageOverlayState = reactive({ private state: StageOverlayState = shallowReactive({
wrapDiv: document.createElement('div'), wrapDiv: document.createElement('div'),
sourceEl: null, sourceEl: null,
contentEl: null, contentEl: null,

4
packages/editor/src/services/ui.ts
View File

@ -16,7 +16,7 @@
* limitations under the License. * limitations under the License.
*/ */
import { reactive } from 'vue'; import { shallowReactive } from 'vue';
import type { Writable } from 'type-fest'; import type { Writable } from 'type-fest';
import { convertToNumber } from '@tmagic/utils'; import { convertToNumber } from '@tmagic/utils';
@ -26,7 +26,7 @@ import type { AsyncHookPlugin, StageRect, UiState } from '@editor/type';
import BaseService from './BaseService'; import BaseService from './BaseService';
const state = reactive<UiState>({ const state = shallowReactive<UiState>({
uiSelectMode: false, uiSelectMode: false,
showSrc: false, showSrc: false,
showStylePanel: true, showStylePanel: true,