de
This commit is contained in:
12
.github/FUNDING.yml
vendored
12
.github/FUNDING.yml
vendored
@@ -1,12 +0,0 @@
|
|||||||
# These are supported funding model platforms
|
|
||||||
|
|
||||||
github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
|
|
||||||
patreon: # Replace with a single Patreon username
|
|
||||||
open_collective: h5-dooring
|
|
||||||
ko_fi: # Replace with a single Ko-fi username
|
|
||||||
tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
|
|
||||||
community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
|
|
||||||
liberapay: # Replace with a single Liberapay username
|
|
||||||
issuehunt: # Replace with a single IssueHunt username
|
|
||||||
otechie: # Replace with a single Otechie username
|
|
||||||
custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
|
|
||||||
23
.github/workflows/main.yml
vendored
23
.github/workflows/main.yml
vendored
@@ -1,23 +0,0 @@
|
|||||||
name: build
|
|
||||||
on:
|
|
||||||
push:
|
|
||||||
branches:
|
|
||||||
- main
|
|
||||||
jobs:
|
|
||||||
build-and-deploy:
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
steps:
|
|
||||||
- name: Checkout 🛎️
|
|
||||||
uses: actions/checkout@v2 # If you're using actions/checkout@v2 you must set persist-credentials to false in most cases for the deployment to work correctly.
|
|
||||||
with:
|
|
||||||
persist-credentials: false
|
|
||||||
- name: Install and Build 🔧 # This example project is built using npm and outputs the result to the 'build' folder. Replace with the commands required to build your project, or remove this step entirely if your site is pre-built.
|
|
||||||
run: |
|
|
||||||
yarn install
|
|
||||||
npm run deploy
|
|
||||||
- name: Deploy 🚀
|
|
||||||
uses: JamesIves/github-pages-deploy-action@releases/v3
|
|
||||||
with:
|
|
||||||
GITHUB_TOKEN: ${{secrets.ACCESS_TOKEN}}
|
|
||||||
BRANCH: gh-pages # The branch the action should deploy to.
|
|
||||||
FOLDER: packages/dooringx-dumi-doc/docs-dist # The folder the action should deploy.
|
|
||||||
@@ -1,120 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
@@ -1,120 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
@@ -1,120 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
@@ -1,120 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
@@ -1,120 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
Reference in New Issue
Block a user