first

.history/packages/dooringx-example/src/plugin/index_20230428173931.tsx

@@ -0,0 +1,120 @@
+/*
+ * @Author: yehuozhili
+ * @Date: 2021-02-27 21:33:36
+ * @LastEditors: yehuozhili
+ * @LastEditTime: 2022-04-29 23:35:58
+ * @FilePath: \dooringx\packages\dooringx-example\src\plugin\index.tsx
+ */
+
+import { InitConfig, LeftDataPannel } from 'dooringx-lib';
+import { LeftRegistComponentMapItem } from 'dooringx-lib/dist/core/crossDrag';
+import { ContainerOutlined, PlayCircleOutlined, HighlightOutlined } from '@ant-design/icons';
+import commandModules from './commanderModules';
+import { functionMap } from './functionMap';
+import { Formmodules } from './formComponentModules';
+import InputCo from './registComponents/inputCo';
+
+const LeftRegistMap: LeftRegistComponentMapItem[] = [
+	{
+		type: 'basic',
+		component: 'button',
+		img: 'icon-anniu',
+		imgCustom: <PlayCircleOutlined />,
+		displayName: '按钮',
+		urlFn: () => import('./registComponents/button'),
+	},
+	{
+		type: 'basic',
+		component: 'button',
+		img: 'https://img.guguzhu.com/d/file/android/ico/2021/09/08/rytzi2w34tm.png',
+		imgCustom: <PlayCircleOutlined />,
+		displayName: '按钮',
+		urlFn: () => import('./registComponents/button'),
+	},
+	{
+		type: 'basic',
+		component: 'input',
+		img: 'https://img.guguzhu.com/d/file/android/ico/2021/09/08/rytzi2w34tm.png',
+		displayName: '输入框',
+	},
+	{
+		type: 'basic',
+		component: 'testco',
+		img: 'icon-anniu',
+		imgCustom: <PlayCircleOutlined />,
+		displayName: '测试按钮',
+		urlFn: () => import('./registComponents/testco'),
+	},
+];
+
+export const defaultConfig: Partial<InitConfig> = {
+	leftAllRegistMap: LeftRegistMap,
+	leftRenderListCategory: [
+		{
+			type: 'basic',
+			icon: <HighlightOutlined />,
+			displayName: '基础',
+		},
+		{
+			type: 'media',
+			icon: <PlayCircleOutlined />,
+			displayName: '媒体组件',
+		},
+		{
+			type: 'datax',
+			icon: <ContainerOutlined />,
+			custom: true,
+			displayName: '数据源',
+			customRender: (config) => <LeftDataPannel config={config}></LeftDataPannel>,
+		},
+		{
+			type: 'xxc',
+			icon: <ContainerOutlined />,
+			custom: true,
+			displayName: '自定义',
+			customRender: () => <div>我是自定义渲染</div>,
+		},
+	],
+	initComponentCache: {
+		input: { component: InputCo },
+	},
+	rightRenderListCategory: [
+		{
+			type: 'style',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					外观
+				</div>
+			),
+		},
+		{
+			type: 'animate',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					动画
+				</div>
+			),
+		},
+		{
+			type: 'fn',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					函数
+				</div>
+			),
+		},
+		{
+			type: 'actions',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					事件
+				</div>
+			),
+		},
+	],
+	initFunctionMap: functionMap,
+	initCommandModule: commandModules,
+	initFormComponents: Formmodules,
+};
+
+export default defaultConfig;

.history/packages/dooringx-example/src/plugin/index_20230428173933.tsx

@@ -0,0 +1,120 @@
+/*
+ * @Author: yehuozhili
+ * @Date: 2021-02-27 21:33:36
+ * @LastEditors: guoshujing gsj2501015228@163.com
+ * @LastEditTime: 2023-04-28 17:39:33
+ * @FilePath: \dooringx\packages\dooringx-example\src\plugin\index.tsx
+ */
+
+import { InitConfig, LeftDataPannel } from 'dooringx-lib';
+import { LeftRegistComponentMapItem } from 'dooringx-lib/dist/core/crossDrag';
+import { ContainerOutlined, PlayCircleOutlined, HighlightOutlined } from '@ant-design/icons';
+import commandModules from './commanderModules';
+import { functionMap } from './functionMap';
+import { Formmodules } from './formComponentModules';
+import InputCo from './registComponents/inputCo';
+
+const LeftRegistMap: LeftRegistComponentMapItem[] = [
+	{
+		type: 'basic',
+		component: 'button',
+		img: 'icon-anniu',
+		imgCustom: <PlayCircleOutlined />,
+		displayName: '按钮',
+		urlFn: () => import('./registComponents/button'),
+	},
+	{
+		type: 'basic',
+		component: 'button',
+		img: 'https://img.guguzhu.com/d/file/android/ico/2021/09/08/rytzi2w34tm.png',
+		imgCustom: <PlayCircleOutlined />,
+		displayName: '按钮',
+		urlFn: () => import('./registComponents/button'),
+	},
+	{
+		type: 'basic',
+		component: 'input',
+		img: 'https://img.guguzhu.com/d/file/android/ico/2021/09/08/rytzi2w34tm.png',
+		displayName: '输入框',
+	},
+	{
+		type: 'basic',
+		component: 'testco',
+		img: 'icon-anniu',
+		imgCustom: <PlayCircleOutlined />,
+		displayName: '测试按钮',
+		urlFn: () => import('./registComponents/testco'),
+	},
+];
+
+export const defaultConfig: Partial<InitConfig> = {
+	leftAllRegistMap: LeftRegistMap,
+	leftRenderListCategory: [
+		{
+			type: 'basic',
+			icon: <HighlightOutlined />,
+			displayName: '基础',
+		},
+		{
+			type: 'media',
+			icon: <PlayCircleOutlined />,
+			displayName: '媒体组件',
+		},
+		{
+			type: 'datax',
+			icon: <ContainerOutlined />,
+			custom: true,
+			displayName: '数据源',
+			customRender: (config) => <LeftDataPannel config={config}></LeftDataPannel>,
+		},
+		{
+			type: 'xxc',
+			icon: <ContainerOutlined />,
+			custom: true,
+			displayName: '自定义',
+			customRender: () => <div>我是自定义渲染</div>,
+		},
+	],
+	initComponentCache: {
+		input: { component: InputCo },
+	},
+	rightRenderListCategory: [
+		{
+			type: 'style',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					外观
+				</div>
+			),
+		},
+		{
+			type: 'animate',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					动画
+				</div>
+			),
+		},
+		{
+			type: 'fn',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					函数
+				</div>
+			),
+		},
+		{
+			type: 'actions',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					事件
+				</div>
+			),
+		},
+	],
+	initFunctionMap: functionMap,
+	initCommandModule: commandModules,
+	initFormComponents: Formmodules,
+};
+
+export default defaultConfig;

.history/packages/dooringx-example/src/plugin/index_20230428174201.tsx

@@ -0,0 +1,120 @@
+/*
+ * @Author: yehuozhili
+ * @Date: 2021-02-27 21:33:36
+ * @LastEditors: guoshujing gsj2501015228@163.com
+ * @LastEditTime: 2023-04-28 17:42:01
+ * @FilePath: \dooringx\packages\dooringx-example\src\plugin\index.tsx
+ */
+
+import { InitConfig, LeftDataPannel } from 'dooringx-lib';
+import { LeftRegistComponentMapItem } from 'dooringx-lib/dist/core/crossDrag';
+import { ContainerOutlined, PlayCircleOutlined, HighlightOutlined,PictureTwoTone } from '@ant-design/icons';
+import commandModules from './commanderModules';
+import { functionMap } from './functionMap';
+import { Formmodules } from './formComponentModules';
+import InputCo from './registComponents/inputCo';
+
+const LeftRegistMap: LeftRegistComponentMapItem[] = [
+	{
+		type: 'basic',
+		component: 'button',
+		img: 'icon-anniu',
+		imgCustom: <PlayCircleOutlined />,
+		displayName: '按钮',
+		urlFn: () => import('./registComponents/button'),
+	},
+	{
+		type: 'basic',
+		component: 'button',
+		img: 'icon-anniu',
+		imgCustom: <PictureTwoTone />,
+		displayName: '图片',
+		urlFn: () => import('./registComponents/button'),
+	},
+	{
+		type: 'basic',
+		component: 'input',
+		img: 'https://img.guguzhu.com/d/file/android/ico/2021/09/08/rytzi2w34tm.png',
+		displayName: '输入框',
+	},
+	{
+		type: 'basic',
+		component: 'testco',
+		img: 'icon-anniu',
+		imgCustom: <PlayCircleOutlined />,
+		displayName: '测试按钮',
+		urlFn: () => import('./registComponents/testco'),
+	},
+];
+
+export const defaultConfig: Partial<InitConfig> = {
+	leftAllRegistMap: LeftRegistMap,
+	leftRenderListCategory: [
+		{
+			type: 'basic',
+			icon: <HighlightOutlined />,
+			displayName: '基础',
+		},
+		{
+			type: 'media',
+			icon: <PlayCircleOutlined />,
+			displayName: '媒体组件',
+		},
+		{
+			type: 'datax',
+			icon: <ContainerOutlined />,
+			custom: true,
+			displayName: '数据源',
+			customRender: (config) => <LeftDataPannel config={config}></LeftDataPannel>,
+		},
+		{
+			type: 'xxc',
+			icon: <ContainerOutlined />,
+			custom: true,
+			displayName: '自定义',
+			customRender: () => <div>我是自定义渲染</div>,
+		},
+	],
+	initComponentCache: {
+		input: { component: InputCo },
+	},
+	rightRenderListCategory: [
+		{
+			type: 'style',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					外观
+				</div>
+			),
+		},
+		{
+			type: 'animate',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					动画
+				</div>
+			),
+		},
+		{
+			type: 'fn',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					函数
+				</div>
+			),
+		},
+		{
+			type: 'actions',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					事件
+				</div>
+			),
+		},
+	],
+	initFunctionMap: functionMap,
+	initCommandModule: commandModules,
+	initFormComponents: Formmodules,
+};
+
+export default defaultConfig;

.history/packages/dooringx-example/src/plugin/index_20230428175555.tsx

@@ -0,0 +1,120 @@
+/*
+ * @Author: yehuozhili
+ * @Date: 2021-02-27 21:33:36
+ * @LastEditors: guoshujing gsj2501015228@163.com
+ * @LastEditTime: 2023-04-28 17:55:55
+ * @FilePath: \dooringx\packages\dooringx-example\src\plugin\index.tsx
+ */
+
+import { InitConfig, LeftDataPannel } from 'dooringx-lib';
+import { LeftRegistComponentMapItem } from 'dooringx-lib/dist/core/crossDrag';
+import { ContainerOutlined, PlayCircleOutlined, HighlightOutlined,PictureTwoTone } from '@ant-design/icons';
+import commandModules from './commanderModules';
+import { functionMap } from './functionMap';
+import { Formmodules } from './formComponentModules';
+import InputCo from './registComponents/inputCo';
+
+const LeftRegistMap: LeftRegistComponentMapItem[] = [
+	{
+		type: 'basic',
+		component: 'button',
+		img: 'icon-anniu',
+		imgCustom: <PlayCircleOutlined />,
+		displayName: '按钮',
+		urlFn: () => import('./registComponents/button'),
+	},
+	{
+		type: 'basic',
+		component: 'button',
+		img: 'icon-anniu',
+		imgCustom: <PictureTwoTone />,
+		displayName: '图片',
+		urlFn: () => import('../../../dooringx-lib/src/components/colorPicker/index'),
+	},
+	{
+		type: 'basic',
+		component: 'input',
+		img: 'https://img.guguzhu.com/d/file/android/ico/2021/09/08/rytzi2w34tm.png',
+		displayName: '输入框',
+	},
+	{
+		type: 'basic',
+		component: 'testco',
+		img: 'icon-anniu',
+		imgCustom: <PlayCircleOutlined />,
+		displayName: '测试按钮',
+		urlFn: () => import('./registComponents/testco'),
+	},
+];
+
+export const defaultConfig: Partial<InitConfig> = {
+	leftAllRegistMap: LeftRegistMap,
+	leftRenderListCategory: [
+		{
+			type: 'basic',
+			icon: <HighlightOutlined />,
+			displayName: '基础',
+		},
+		{
+			type: 'media',
+			icon: <PlayCircleOutlined />,
+			displayName: '媒体组件',
+		},
+		{
+			type: 'datax',
+			icon: <ContainerOutlined />,
+			custom: true,
+			displayName: '数据源',
+			customRender: (config) => <LeftDataPannel config={config}></LeftDataPannel>,
+		},
+		{
+			type: 'xxc',
+			icon: <ContainerOutlined />,
+			custom: true,
+			displayName: '自定义',
+			customRender: () => <div>我是自定义渲染</div>,
+		},
+	],
+	initComponentCache: {
+		input: { component: InputCo },
+	},
+	rightRenderListCategory: [
+		{
+			type: 'style',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					外观
+				</div>
+			),
+		},
+		{
+			type: 'animate',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					动画
+				</div>
+			),
+		},
+		{
+			type: 'fn',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					函数
+				</div>
+			),
+		},
+		{
+			type: 'actions',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					事件
+				</div>
+			),
+		},
+	],
+	initFunctionMap: functionMap,
+	initCommandModule: commandModules,
+	initFormComponents: Formmodules,
+};
+
+export default defaultConfig;

.history/packages/dooringx-example/src/plugin/index_20230428175637.tsx

@@ -0,0 +1,120 @@
+/*
+ * @Author: yehuozhili
+ * @Date: 2021-02-27 21:33:36
+ * @LastEditors: guoshujing gsj2501015228@163.com
+ * @LastEditTime: 2023-04-28 17:55:55
+ * @FilePath: \dooringx\packages\dooringx-example\src\plugin\index.tsx
+ */
+
+import { InitConfig, LeftDataPannel } from 'dooringx-lib';
+import { LeftRegistComponentMapItem } from 'dooringx-lib/dist/core/crossDrag';
+import { ContainerOutlined, PlayCircleOutlined, HighlightOutlined,PictureTwoTone } from '@ant-design/icons';
+import commandModules from './commanderModules';
+import { functionMap } from './functionMap';
+import { Formmodules } from './formComponentModules';
+import InputCo from './registComponents/inputCo';
+
+const LeftRegistMap: LeftRegistComponentMapItem[] = [
+	{
+		type: 'basic',
+		component: 'button',
+		img: 'icon-anniu',
+		imgCustom: <PlayCircleOutlined />,
+		displayName: '按钮',
+		urlFn: () => import('./registComponents/button'),
+	},
+	// {
+	// 	type: 'basic',
+	// 	component: 'button',
+	// 	img: 'icon-anniu',
+	// 	imgCustom: <PictureTwoTone />,
+	// 	displayName: '图片',
+	// 	urlFn: () => import('.'),
+	// },
+	{
+		type: 'basic',
+		component: 'input',
+		img: 'https://img.guguzhu.com/d/file/android/ico/2021/09/08/rytzi2w34tm.png',
+		displayName: '输入框',
+	},
+	{
+		type: 'basic',
+		component: 'testco',
+		img: 'icon-anniu',
+		imgCustom: <PlayCircleOutlined />,
+		displayName: '测试按钮',
+		urlFn: () => import('./registComponents/testco'),
+	},
+];
+
+export const defaultConfig: Partial<InitConfig> = {
+	leftAllRegistMap: LeftRegistMap,
+	leftRenderListCategory: [
+		{
+			type: 'basic',
+			icon: <HighlightOutlined />,
+			displayName: '基础',
+		},
+		{
+			type: 'media',
+			icon: <PlayCircleOutlined />,
+			displayName: '媒体组件',
+		},
+		{
+			type: 'datax',
+			icon: <ContainerOutlined />,
+			custom: true,
+			displayName: '数据源',
+			customRender: (config) => <LeftDataPannel config={config}></LeftDataPannel>,
+		},
+		{
+			type: 'xxc',
+			icon: <ContainerOutlined />,
+			custom: true,
+			displayName: '自定义',
+			customRender: () => <div>我是自定义渲染</div>,
+		},
+	],
+	initComponentCache: {
+		input: { component: InputCo },
+	},
+	rightRenderListCategory: [
+		{
+			type: 'style',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					外观
+				</div>
+			),
+		},
+		{
+			type: 'animate',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					动画
+				</div>
+			),
+		},
+		{
+			type: 'fn',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					函数
+				</div>
+			),
+		},
+		{
+			type: 'actions',
+			icon: (
+				<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}>
+					事件
+				</div>
+			),
+		},
+	],
+	initFunctionMap: functionMap,
+	initCommandModule: commandModules,
+	initFormComponents: Formmodules,
+};
+
+export default defaultConfig;

package.json

@@ -9,7 +9,7 @@
 		"start:doc": "lerna exec npm run start --scope=dooringx-dumi-doc",
 		"build": "lerna exec npm run build --scope=dooringx-lib",
 		"deploy": "lerna exec npm run docs:build --scope=dooringx-dumi-doc",
-    "build:cli":"lerna exec npm run build --scope=dooringx-cli",
+		"build:cli": "lerna exec npm run build --scope=dooringx-cli",
 		"pub": "node ./script/publish.js",
 		"changelog": "node ./script/changelog.js",
 		"translate": "node ./script/translate.js",
@@ -41,10 +41,12 @@
 			"git add ."
 		]
 	},
-	"dependencies": {},
+	"dependencies": {
-  "resolutions": {
+		"dooringx-lib": "^1.0.0"
-    "**/@typescript-eslint/eslint-plugin": "^4.11.1",
+	},
-    "**/@typescript-eslint/parser": "^4.11.1",
+	"resolutions": {
-    "**/typescript": "^4.1.3"
+		"**/@typescript-eslint/eslint-plugin": "^4.11.1",
-  }
+		"**/@typescript-eslint/parser": "^4.11.1",
+		"**/typescript": "^4.1.3"
+	}
 }

packages/dooringx-example/src/plugin/index.tsx

@@ -1,14 +1,14 @@
 /*
  * @Author: yehuozhili
  * @Date: 2021-02-27 21:33:36
- * @LastEditors: yehuozhili
+ * @LastEditors: guoshujing gsj2501015228@163.com
- * @LastEditTime: 2022-04-29 23:35:58
+ * @LastEditTime: 2023-04-28 17:55:55
  * @FilePath: \dooringx\packages\dooringx-example\src\plugin\index.tsx
  */
 
 import { InitConfig, LeftDataPannel } from 'dooringx-lib';
 import { LeftRegistComponentMapItem } from 'dooringx-lib/dist/core/crossDrag';
-import { ContainerOutlined, PlayCircleOutlined, HighlightOutlined } from '@ant-design/icons';
+import { ContainerOutlined, PlayCircleOutlined, HighlightOutlined,PictureTwoTone } from '@ant-design/icons';
 import commandModules from './commanderModules';
 import { functionMap } from './functionMap';
 import { Formmodules } from './formComponentModules';
@@ -23,6 +23,14 @@ const LeftRegistMap: LeftRegistComponentMapItem[] = [
 		displayName: '按钮',
 		urlFn: () => import('./registComponents/button'),
 	},
+	// {
+	// 	type: 'basic',
+	// 	component: 'button',
+	// 	img: 'icon-anniu',
+	// 	imgCustom: <PictureTwoTone />,
+	// 	displayName: '图片',
+	// 	urlFn: () => import('.'),
+	// },
 	{
 		type: 'basic',
 		component: 'input',