add nanoid

packages/dooringx-lib/src/components/control.tsx

@@ -4,6 +4,7 @@ import {
 	FullscreenExitOutlined,
 	FullscreenOutlined,
 	GatewayOutlined,
+	LayoutOutlined,
 	MenuOutlined,
 	SyncOutlined,
 	UnorderedListOutlined,
@@ -13,7 +14,6 @@ import React, { CSSProperties, PropsWithChildren, useState } from 'react';
 import { UserConfig } from '..';
 import { IBlockType, IStoreData } from '../core/store/storetype';
 import { deepCopy, arrayMove, changeItem, changeLayer, focusEle } from '../core/utils';
-
 import { SortEnd, SortableContainer, SortableElement, SortableHandle } from 'react-sortable-hoc';
 import { wrapperMoveState } from './wrapperMove/event';
 export interface ControlProps {
@@ -151,8 +151,13 @@ export function Control(props: PropsWithChildren<ControlProps>) {
 				<Popover style={{ minWidth: '208px' }} content={content} trigger="click">
 					<Button icon={<UnorderedListOutlined />}></Button>
 				</Popover>
-
-				{/* <Button icon={<FolderOpenOutlined />}></Button> */}
+				<Button
+					icon={<LayoutOutlined />}
+					onClick={() => {
+						props.config.ticker = !props.config.ticker;
+						props.config.getStore().forceUpdate();
+					}}
+				></Button>
 				<Popover
 					placement="left"
 					content={

packages/dooringx-lib/src/components/wrapperMove/index.tsx

@@ -2,7 +2,7 @@
  * @Author: yehuozhili
  * @Date: 2021-03-14 04:29:09
  * @LastEditors: yehuozhili
- * @LastEditTime: 2021-07-12 19:47:39
+ * @LastEditTime: 2021-07-13 10:49:33
  * @FilePath: \dooringx\packages\dooringx-lib\src\components\wrapperMove\index.tsx
  */
 import { AllHTMLAttributes, CSSProperties, PropsWithChildren, useRef } from 'react';
@@ -21,6 +21,7 @@ export interface ContainerWrapperProps extends AllHTMLAttributes<HTMLDivElement>
 function ContainerWrapper(props: PropsWithChildren<ContainerWrapperProps>) {
 	const { children, style, classNames, ...rest } = props;
 	const ref = useRef<HTMLDivElement>(null);
+	const ticker = props.config.ticker;
 	return (
 		<div
 			className={`ant-menu ${classNames ? classNames : ''}`}
@@ -41,7 +42,7 @@ function ContainerWrapper(props: PropsWithChildren<ContainerWrapperProps>) {
 			{...rest}
 		>
 			{children}
-			<Ticker config={props.config}></Ticker>
+			{ticker && <Ticker config={props.config}></Ticker>}
 		</div>
 	);
 }

packages/dooringx-lib/src/config/index.tsx

@@ -2,7 +2,7 @@
  * @Author: yehuozhili
  * @Date: 2021-02-25 21:16:58
  * @LastEditors: yehuozhili
- * @LastEditTime: 2021-07-12 16:49:46
+ * @LastEditTime: 2021-07-13 10:48:14
  * @FilePath: \dooringx\packages\dooringx-lib\src\config\index.tsx
  */
 import { IBlockType, IStoreData } from '../core/store/storetype';
@@ -322,6 +322,7 @@ export class UserConfig {
 	public dataCenter: DataCenter;
 	public scaleState = scaleState;
 	public collapsed = false;
+	public ticker = true;
 	constructor(initConfig?: Partial<InitConfig>) {
 		const mergeConfig = userConfigMerge(defaultConfig, initConfig);
 		this.initConfig = mergeConfig;

packages/dooringx-lib/src/core/utils/index.ts

@@ -1,6 +1,6 @@
 import { message } from 'antd';
 import { RGBColor } from 'react-color';
-import * as uuid from 'uuid';
+import { nanoid } from 'nanoid';
 import Store from '../store';
 import { IBlockType, IStoreData } from '../store/storetype';
 import { specialCoList } from './special';
@@ -31,9 +31,9 @@ export function rgba2Obj(rgba = '') {
 
 export function createUid(name?: string) {
 	if (name) {
-		return name + '-' + uuid.v4();
+		return name + '-' + nanoid();
 	} else {
-		return uuid.v4();
+		return nanoid();
 	}
 }