From 04ff764a8221dc275d20f99cfbe216597ccaa732 Mon Sep 17 00:00:00 2001
From: hufeixiong <673632758@qq.com>
Date: Tue, 13 Jul 2021 11:21:55 +0800
Subject: [PATCH] add nanoid

---
 lerna.json                                    |  4 +-
 packages/dooringx-doc/src/changelog/1.1.md    | 49 ++++++++++++++
 .../dooringx-doc/src/lib/Header/index.svelte  |  4 ++
 .../src/routes/changelog/index.json.ts        | 18 ++++++
 .../src/routes/changelog/index.svelte         | 64 +++++++++++++++++++
 .../plugin/formComponents/actionButton.tsx    |  3 +-
 packages/dooringx-lib/README.md               |  9 ++-
 packages/dooringx-lib/package.json            | 25 ++++----
 .../dooringx-lib/src/components/control.tsx   | 11 +++-
 .../src/components/wrapperMove/index.tsx      |  5 +-
 packages/dooringx-lib/src/config/index.tsx    |  3 +-
 packages/dooringx-lib/src/core/utils/index.ts |  6 +-
 12 files changed, 175 insertions(+), 26 deletions(-)
 create mode 100644 packages/dooringx-doc/src/changelog/1.1.md
 create mode 100644 packages/dooringx-doc/src/routes/changelog/index.json.ts
 create mode 100644 packages/dooringx-doc/src/routes/changelog/index.svelte

diff --git a/lerna.json b/lerna.json
index eed5d41..205d6b0 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,4 +1,6 @@
 {
 	"packages": ["packages/*"],
-	"version": "0.0.0"
+	"version": "0.0.0",
+	"npmClient": "yarn",
+	"useWorkspaces": true
 }
diff --git a/packages/dooringx-doc/src/changelog/1.1.md b/packages/dooringx-doc/src/changelog/1.1.md
new file mode 100644
index 0000000..9053ba9
--- /dev/null
+++ b/packages/dooringx-doc/src/changelog/1.1.md
@@ -0,0 +1,49 @@
+---
+title: CHANGELOG
+order: 1
+---
+
+
+## 0.3.1
+
+1、由uuid更换为nanoid。
+
+2、control组件增加标尺控制。
+
+## 0.3.0 
+
+1、增加标尺，ContainerWrapper需要传递config才可使用。
+
+2、修改容器最小拖动667。修复画布缩放下拖拽时与鼠标距离不一致。
+
+3、innerContainerDragUp需要传递config。
+
+## 0.2.0 
+
+commander的传递进行修改，可以获得config了，commander不再从index中导出 ，需要使用时从config中获取。增加左侧类名，方便自定义。
+
+## 0.1.10 
+
+修改eslint依赖推荐
+
+
+## 0.1.9 
+
+增加全局body设置
+
+## 0.1.8 
+
+增加弹窗设置，移除modalContainer
+
+## 0.1.7 
+
+修改预览特殊条件显示，删除console
+## 0.1.6 
+
+调整初始缩放，画布初始比例，增加回正画布功能。
+## 0.1.5 
+
+删除未作按钮，增加fixed配置
+## 0.1.4 
+
+基础功能
\ No newline at end of file
diff --git a/packages/dooringx-doc/src/lib/Header/index.svelte b/packages/dooringx-doc/src/lib/Header/index.svelte
index 2947efb..b2cf1fb 100644
--- a/packages/dooringx-doc/src/lib/Header/index.svelte
+++ b/packages/dooringx-doc/src/lib/Header/index.svelte
@@ -14,6 +14,7 @@
 	const home = base + '/';
 	const docs = base + '/docs';
 	const api = base + '/api';
+	const changelog = base +'/changelog'
 </script>
 
 <header>
@@ -32,6 +33,9 @@
 			<div class:active={$page.path === '/api'}>
 				<Button href={api} color={$page.path === '/api' ? '#4569d4' : '#4d5164'}>API</Button>
 			</div>
+			<div class:active={$page.path === '/changelog'}>
+				<Button href={changelog} color={$page.path === '/changelog' ? '#4569d4' : '#4d5164'}>更新</Button>
+			</div>
 			<div class:active={$page.path === '/about'}>
 				<Button>Github</Button>
 			</div>
diff --git a/packages/dooringx-doc/src/routes/changelog/index.json.ts b/packages/dooringx-doc/src/routes/changelog/index.json.ts
new file mode 100644
index 0000000..d310dd0
--- /dev/null
+++ b/packages/dooringx-doc/src/routes/changelog/index.json.ts
@@ -0,0 +1,18 @@
+/*
+ * @Author: yehuozhili
+ * @Date: 2021-07-13 11:11:17
+ * @LastEditors: yehuozhili
+ * @LastEditTime: 2021-07-13 11:11:42
+ * @FilePath: \dooringx\packages\dooringx-doc\src\routes\changelog\index.json.ts
+ */
+
+// 必须建立json否则不生成json文件
+import type { RequestHandler } from '@sveltejs/kit';
+import { api } from '../docs/_api';
+
+export const get: RequestHandler = async (request) => {
+	const param = request.query;
+	const name = param.get('name');
+	const response = await api(name);
+	return response;
+};
diff --git a/packages/dooringx-doc/src/routes/changelog/index.svelte b/packages/dooringx-doc/src/routes/changelog/index.svelte
new file mode 100644
index 0000000..a32f614
--- /dev/null
+++ b/packages/dooringx-doc/src/routes/changelog/index.svelte
@@ -0,0 +1,64 @@
+<script context="module" lang="ts">
+	import type { Load } from '@sveltejs/kit';
+	import type { MarkDownItemProps } from '../docs/_api';
+	import { base } from '$app/paths';
+	export const load: Load = async ({ fetch }) => {
+		const path = `${base}/api.json?name=changelog`;
+		const res = await fetch(path);
+		if (res.ok) {
+			const files: MarkDownItemProps[] = await res.json();
+			return {
+				props: { files: files }
+			};
+		}
+		const { message } = await res.json();
+
+		return {
+			error: new Error(message)
+		};
+	};
+</script>
+
+<script lang="ts">
+	import DocRender from '$lib/DocRender/index.svelte';
+	import { getContext } from 'svelte';
+	import type { Writable } from 'svelte/store';
+	export let files: MarkDownItemProps[];
+	const lang = getContext<Writable<string>>('lang');
+	let sections = new Map<string, MarkDownItemProps[]>();
+	lang.subscribe((la) => {
+		sections = new Map<string, MarkDownItemProps[]>();
+		let tmp = files.filter((v) => {
+			const name = v.file;
+			const sp = name.split('.');
+			if (Array.isArray(sp) && sp.length > 1 && sp[sp.length - 2] === 'EN') {
+				return la === 'en';
+			} else {
+				return la === 'cn';
+			}
+		});
+		tmp.forEach((v) => {
+			const stitle = v.sTitle || 'default';
+			const value = sections.get(stitle);
+			if (value) {
+				value.push(v);
+			} else {
+				sections.set(stitle, [v]);
+			}
+		});
+	});
+
+	let active = '';
+</script>
+
+<svelte:head>
+	<title>API Docs • Svelte</title>
+	<meta name="twitter:title" content="Svelte API docs" />
+	<meta name="twitter:description" content="Cybernetically enhanced web apps" />
+	<meta name="Description" content="Cybernetically enhanced web apps" />
+</svelte:head>
+
+<DocRender {active} {sections} />
+
+<style lang="scss">
+</style>
diff --git a/packages/dooringx-example/src/plugin/formComponents/actionButton.tsx b/packages/dooringx-example/src/plugin/formComponents/actionButton.tsx
index 73c766e..386e4a5 100644
--- a/packages/dooringx-example/src/plugin/formComponents/actionButton.tsx
+++ b/packages/dooringx-example/src/plugin/formComponents/actionButton.tsx
@@ -2,7 +2,7 @@
  * @Author: yehuozhili
  * @Date: 2021-07-07 14:46:01
  * @LastEditors: yehuozhili
- * @LastEditTime: 2021-07-10 18:33:35
+ * @LastEditTime: 2021-07-13 10:17:28
  * @FilePath: \dooringx\packages\dooringx-example\src\plugin\formComponents\actionButton.tsx
  */
 
@@ -381,6 +381,7 @@ function ActionButton(props: ActionButtonProps) {
 										<Col span={6}>选择函数：</Col>
 										<Col span={14}>
 											<Select
+												showSearch
 												value={current?.value || ''}
 												style={{ width: '100%' }}
 												optionFilterProp="children"
diff --git a/packages/dooringx-lib/README.md b/packages/dooringx-lib/README.md
index e71372f..a109841 100644
--- a/packages/dooringx-lib/README.md
+++ b/packages/dooringx-lib/README.md
@@ -2,13 +2,17 @@
  * @Author: yehuozhili
  * @Date: 2021-01-31 20:44:16
  * @LastEditors: yehuozhili
- * @LastEditTime: 2021-07-12 21:00:48
+ * @LastEditTime: 2021-07-13 11:10:00
  * @FilePath: \dooringx\packages\dooringx-lib\README.md
 -->
 
 ## Dooringx-lib 
 ## changelog
 
+- 0.3.1
+1、由uuid更换为nanoid。
+2、control组件增加标尺控制。
+
 - 0.3.0 
 1、增加标尺，ContainerWrapper需要传递config才可使用。
 2、修改容器最小拖动667。修复画布缩放下拖拽时与鼠标距离不一致。
@@ -26,5 +30,4 @@
 
 ## todo
 
-1、制作标尺
-2、重构拖拽，优化性能与config传递。
\ No newline at end of file
+1、重构拖拽，优化性能与config传递。
\ No newline at end of file
diff --git a/packages/dooringx-lib/package.json b/packages/dooringx-lib/package.json
index 1754d8d..112df4d 100644
--- a/packages/dooringx-lib/package.json
+++ b/packages/dooringx-lib/package.json
@@ -1,5 +1,5 @@
 {
-	"version": "0.3.0",
+	"version": "0.3.1",
 	"license": "MIT",
 	"main": "dist/index.js",
 	"typings": "dist/index.d.ts",
@@ -17,32 +17,33 @@
 		"prepare": "tsdx build"
 	},
 	"peerDependencies": {
-		"react": ">=16.8",
+		"animate.css": ">=4",
 		"antd": ">=4",
-		"animate.css": ">=4"
+		"react": ">=16.8"
 	},
 	"name": "dooringx-lib",
 	"author": "yehuozhili",
 	"devDependencies": {
 		"@ant-design/icons": "^4.6.2",
+		"@types/react": "^17.0.0",
+		"@types/react-color": "^3.0.4",
+		"@types/react-dom": "^17.0.0",
+		"@types/uuid": "^8.3.0",
 		"antd": "^4.15.2",
-		"postcss-modules": "^4.0.0",
 		"babel-plugin-import": "^1.13.3",
 		"babel-plugin-import-v2": "^1.0.0",
-		"@types/react-color": "^3.0.4",
-		"@types/react": "^17.0.0",
-		"@types/react-dom": "^17.0.0",
-		"size-limit": "^4.10.1",
-		"tsdx": "^0.14.1",
+		"less": "^4.1.1",
+		"postcss": "^8.2.8",
+		"postcss-modules": "^4.0.0",
 		"react": "17.x",
 		"react-dom": "17.x",
-		"postcss": "^8.2.8",
-		"less": "^4.1.1",
 		"rollup-plugin-postcss": "^4.0.0",
-		"@types/uuid": "^8.3.0"
+		"size-limit": "^4.10.1",
+		"tsdx": "^0.14.1"
 	},
 	"dependencies": {
 		"deepcopy": "^2.1.0",
+		"nanoid": "^3.1.23",
 		"react-color": "^2.19.3",
 		"react-sortable-hoc": "^2.0.0",
 		"uuid": "^8.3.2"
diff --git a/packages/dooringx-lib/src/components/control.tsx b/packages/dooringx-lib/src/components/control.tsx
index 38488cb..72af9bc 100644
--- a/packages/dooringx-lib/src/components/control.tsx
+++ b/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={
diff --git a/packages/dooringx-lib/src/components/wrapperMove/index.tsx b/packages/dooringx-lib/src/components/wrapperMove/index.tsx
index 6656788..82932d1 100644
--- a/packages/dooringx-lib/src/components/wrapperMove/index.tsx
+++ b/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>
 	);
 }
diff --git a/packages/dooringx-lib/src/config/index.tsx b/packages/dooringx-lib/src/config/index.tsx
index bf5aa82..51bb7df 100644
--- a/packages/dooringx-lib/src/config/index.tsx
+++ b/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;
diff --git a/packages/dooringx-lib/src/core/utils/index.ts b/packages/dooringx-lib/src/core/utils/index.ts
index d69a3c6..8cff256 100644
--- a/packages/dooringx-lib/src/core/utils/index.ts
+++ b/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();
 	}
 }