mirror of
https://gitee.com/dromara/go-view.git
synced 2025-02-23 15:52:49 +08:00
feat: 去除部分流程内容
This commit is contained in:
奔跑的面条
parent
0c9ee29d02
commit
7d5af8f4f1
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
BIN
src/assets/images/chart/decorates/flow-circle.png
Normal file
BIN
src/assets/images/chart/decorates/flow-circle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
src/assets/images/chart/decorates/flow-pingxing.png
Normal file
BIN
src/assets/images/chart/decorates/flow-pingxing.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
src/assets/images/chart/decorates/flow-wubianxing.png
Normal file
BIN
src/assets/images/chart/decorates/flow-wubianxing.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
src/assets/images/chart/decorates/flow-zhexian.png
Normal file
BIN
src/assets/images/chart/decorates/flow-zhexian.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 891 B |
@ -10,5 +10,5 @@ export const FlowChart01Config: ConfigType = {
|
||||
categoryName: ChatCategoryEnumName.FlowChart,
|
||||
package: PackagesCategoryEnum.DECORATES,
|
||||
chartFrame: ChartFrameEnum.STATIC,
|
||||
image: 'zhexian.png'
|
||||
image: 'flow-zhexian.png'
|
||||
}
|
||||
|
||||
@ -10,5 +10,5 @@ export const FlowChart02Config: ConfigType = {
|
||||
categoryName: ChatCategoryEnumName.FlowChart,
|
||||
package: PackagesCategoryEnum.DECORATES,
|
||||
chartFrame: ChartFrameEnum.STATIC,
|
||||
image: 'wubianxing.png'
|
||||
image: 'flow-wubianxing.png'
|
||||
}
|
||||
|
||||
@ -1,20 +1,22 @@
|
||||
import { PublicConfigClass } from '@/packages/public'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { FlowChart03Config} from './index'
|
||||
import { FlowChart03Config } from './index'
|
||||
import cloneDeep from 'lodash/cloneDeep'
|
||||
import { chartInitConfig } from '@/settings/designSetting'
|
||||
|
||||
export const option = {
|
||||
boxWidth:300,
|
||||
boxHeight:100,
|
||||
outBorderColor:'#045da2',
|
||||
inBorderColor:'#045da2',
|
||||
startColor:'#025596',
|
||||
endColor:'#052339',
|
||||
borderWidth:3
|
||||
boxWidth: 300,
|
||||
boxHeight: 100,
|
||||
outBorderColor: '#045da2',
|
||||
inBorderColor: '#045da2',
|
||||
startColor: '#025596',
|
||||
endColor: '#052339',
|
||||
borderWidth: 3
|
||||
}
|
||||
|
||||
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||
public key = FlowChart03Config.key
|
||||
public chartConfig = cloneDeep(FlowChart03Config)
|
||||
public option = cloneDeep(option)
|
||||
public key = FlowChart03Config.key
|
||||
public attr = { ...chartInitConfig, w: 390, h: 120, zIndex: 1 }
|
||||
public chartConfig = cloneDeep(FlowChart03Config)
|
||||
public option = cloneDeep(option)
|
||||
}
|
||||
|
||||
@ -10,5 +10,5 @@ export const FlowChart03Config: ConfigType = {
|
||||
categoryName: ChatCategoryEnumName.FlowChart,
|
||||
package: PackagesCategoryEnum.DECORATES,
|
||||
chartFrame: ChartFrameEnum.STATIC,
|
||||
image: 'pingxing.png'
|
||||
image: 'flow-pingxing.png'
|
||||
}
|
||||
|
||||
@ -1,18 +1,20 @@
|
||||
import { PublicConfigClass } from '@/packages/public'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { FlowChart04Config} from './index'
|
||||
import { FlowChart04Config } from './index'
|
||||
import cloneDeep from 'lodash/cloneDeep'
|
||||
import { chartInitConfig } from '@/settings/designSetting'
|
||||
|
||||
export const option = {
|
||||
outCircle:15,
|
||||
inCircle:5,
|
||||
outCircleColor:'#3f5261',
|
||||
inCircleColor:'#fff',
|
||||
outCircleWidth:2
|
||||
outCircle: 15,
|
||||
inCircle: 5,
|
||||
outCircleColor: '#3f5261',
|
||||
inCircleColor: '#fff',
|
||||
outCircleWidth: 2
|
||||
}
|
||||
|
||||
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||
public key = FlowChart04Config.key
|
||||
public chartConfig = cloneDeep(FlowChart04Config)
|
||||
public option = cloneDeep(option)
|
||||
public key = FlowChart04Config.key
|
||||
public attr = { ...chartInitConfig, w: 97, h: 97, zIndex: 1 }
|
||||
public chartConfig = cloneDeep(FlowChart04Config)
|
||||
public option = cloneDeep(option)
|
||||
}
|
||||
|
||||
@ -10,5 +10,5 @@ export const FlowChart04Config: ConfigType = {
|
||||
categoryName: ChatCategoryEnumName.FlowChart,
|
||||
package: PackagesCategoryEnum.DECORATES,
|
||||
chartFrame: ChartFrameEnum.STATIC,
|
||||
image: 'circle.png'
|
||||
image: 'flow-circle.png'
|
||||
}
|
||||
|
||||
@ -1,16 +0,0 @@
|
||||
import { PublicConfigClass } from '@/packages/public'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { FlowChart05Config} from './index'
|
||||
import cloneDeep from 'lodash/cloneDeep'
|
||||
|
||||
export const option = {
|
||||
outRect:80,
|
||||
outRectColor:'#2b93c6',
|
||||
backColor:'#0e457b'
|
||||
}
|
||||
|
||||
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||
public key = FlowChart05Config.key
|
||||
public chartConfig = cloneDeep(FlowChart05Config)
|
||||
public option = cloneDeep(option)
|
||||
}
|
||||
@ -1,40 +0,0 @@
|
||||
<template>
|
||||
<CollapseItem name="线条" :expanded="true">
|
||||
<SettingItemBox name="具体">
|
||||
<SettingItem name="大小">
|
||||
<n-input-number
|
||||
size="small"
|
||||
v-model:value="optionData.outRect"
|
||||
></n-input-number>
|
||||
</SettingItem>
|
||||
<SettingItem name="外边框颜色">
|
||||
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.outRectColor"></n-color-picker>
|
||||
</SettingItem>
|
||||
|
||||
<SettingItem name="斜线背景颜色">
|
||||
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.backColor"></n-color-picker>
|
||||
</SettingItem>
|
||||
|
||||
</SettingItemBox>
|
||||
|
||||
</CollapseItem>
|
||||
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType } from 'vue'
|
||||
import {
|
||||
CollapseItem,
|
||||
SettingItemBox,
|
||||
SettingItem
|
||||
} from '@/components/Pages/ChartItemSetting'
|
||||
import { option } from './config'
|
||||
|
||||
const props = defineProps({
|
||||
optionData: {
|
||||
type: Object as PropType<typeof option>,
|
||||
required: true
|
||||
}
|
||||
})
|
||||
|
||||
</script>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
@ -1,14 +0,0 @@
|
||||
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
|
||||
import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
|
||||
|
||||
export const FlowChart05Config: ConfigType = {
|
||||
key: 'FlowChart05',
|
||||
chartKey: 'VFlowChart05',
|
||||
conKey: 'VCFlowChart05',
|
||||
title: '流程-icon01',
|
||||
category: ChatCategoryEnum.FlowChart,
|
||||
categoryName: ChatCategoryEnumName.FlowChart,
|
||||
package: PackagesCategoryEnum.DECORATES,
|
||||
chartFrame: ChartFrameEnum.STATIC,
|
||||
image: 'icon1.png'
|
||||
}
|
||||
@ -1,35 +0,0 @@
|
||||
<template>
|
||||
<svg :width="w" :height="h">
|
||||
<!-- 外部圆角正方形 -->
|
||||
<rect x="10" y="10" :width="outRect" :height="outRect" rx="20" fill="none" :stroke="outRectColor" stroke-width="3"/>
|
||||
|
||||
<!-- 斜线背景 -->
|
||||
<pattern :id="id" patternUnits="userSpaceOnUse" width="8" height="8" >
|
||||
<path d="M-1,1 l2,2 M0,0 l8,8 M7,9 l2,2" :stroke="backColor" stroke-width="1" />
|
||||
</pattern>
|
||||
<rect x="12" y="12" :width="outRect - 5" :height="outRect - 5" rx="20" :fill="`url(#${id})`" />
|
||||
|
||||
<!-- 图标 -->
|
||||
<foreignObject :x="10 + outRect / 4" :y="10 + outRect / 4" :width="outRect / 2" :height="outRect / 2">
|
||||
<img src="./icon1.png" alt="图标" style="width: 100%; height: 100%;" />
|
||||
</foreignObject>
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType, toRefs } from 'vue'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { getUUID } from '@/utils'
|
||||
|
||||
const id = getUUID();
|
||||
const props = defineProps({
|
||||
chartConfig: {
|
||||
type: Object as PropType<CreateComponentType>,
|
||||
required: true,
|
||||
},
|
||||
})
|
||||
const { w, h } = toRefs(props.chartConfig.attr)
|
||||
const { outRect,outRectColor,backColor} = toRefs(props.chartConfig.option)
|
||||
|
||||
</script>
|
||||
|
||||
@ -1,16 +0,0 @@
|
||||
import { PublicConfigClass } from '@/packages/public'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { FlowChart06Config} from './index'
|
||||
import cloneDeep from 'lodash/cloneDeep'
|
||||
|
||||
export const option = {
|
||||
outRect:80,
|
||||
outRectColor:'#2b93c6',
|
||||
backColor:'#0e457b'
|
||||
}
|
||||
|
||||
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||
public key = FlowChart06Config.key
|
||||
public chartConfig = cloneDeep(FlowChart06Config)
|
||||
public option = cloneDeep(option)
|
||||
}
|
||||
@ -1,40 +0,0 @@
|
||||
<template>
|
||||
<CollapseItem name="线条" :expanded="true">
|
||||
<SettingItemBox name="具体">
|
||||
<SettingItem name="大小">
|
||||
<n-input-number
|
||||
size="small"
|
||||
v-model:value="optionData.outRect"
|
||||
></n-input-number>
|
||||
</SettingItem>
|
||||
<SettingItem name="外边框颜色">
|
||||
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.outRectColor"></n-color-picker>
|
||||
</SettingItem>
|
||||
|
||||
<SettingItem name="斜线背景颜色">
|
||||
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.backColor"></n-color-picker>
|
||||
</SettingItem>
|
||||
|
||||
</SettingItemBox>
|
||||
|
||||
</CollapseItem>
|
||||
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType } from 'vue'
|
||||
import {
|
||||
CollapseItem,
|
||||
SettingItemBox,
|
||||
SettingItem
|
||||
} from '@/components/Pages/ChartItemSetting'
|
||||
import { option } from './config'
|
||||
|
||||
const props = defineProps({
|
||||
optionData: {
|
||||
type: Object as PropType<typeof option>,
|
||||
required: true
|
||||
}
|
||||
})
|
||||
|
||||
</script>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
@ -1,14 +0,0 @@
|
||||
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
|
||||
import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
|
||||
|
||||
export const FlowChart06Config: ConfigType = {
|
||||
key: 'FlowChart06',
|
||||
chartKey: 'VFlowChart06',
|
||||
conKey: 'VCFlowChart06',
|
||||
title: '流程-icon02',
|
||||
category: ChatCategoryEnum.FlowChart,
|
||||
categoryName: ChatCategoryEnumName.FlowChart,
|
||||
package: PackagesCategoryEnum.DECORATES,
|
||||
chartFrame: ChartFrameEnum.STATIC,
|
||||
image: 'icon2.png'
|
||||
}
|
||||
@ -1,35 +0,0 @@
|
||||
<template>
|
||||
<svg :width="w" :height="h">
|
||||
<!-- 外部圆角正方形 -->
|
||||
<rect x="10" y="10" :width="outRect" :height="outRect" rx="20" fill="none" :stroke="outRectColor" stroke-width="3"/>
|
||||
|
||||
<!-- 斜线背景 -->
|
||||
<pattern :id="id" patternUnits="userSpaceOnUse" width="8" height="8" >
|
||||
<path d="M-1,1 l2,2 M0,0 l8,8 M7,9 l2,2" :stroke="backColor" stroke-width="1" />
|
||||
</pattern>
|
||||
<rect x="12" y="12" :width="outRect - 5" :height="outRect - 5" rx="20" :fill="`url(#${id})`" />
|
||||
|
||||
<!-- 图标 -->
|
||||
<foreignObject :x="10 + outRect / 4" :y="10 + outRect / 4" :width="outRect / 2" :height="outRect / 2">
|
||||
<img src="./icon02.png" alt="图标" style="width: 100%; height: 100%;" />
|
||||
</foreignObject>
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType, toRefs } from 'vue'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { getUUID } from '@/utils'
|
||||
|
||||
const id = getUUID();
|
||||
const props = defineProps({
|
||||
chartConfig: {
|
||||
type: Object as PropType<CreateComponentType>,
|
||||
required: true,
|
||||
},
|
||||
})
|
||||
const { w, h } = toRefs(props.chartConfig.attr)
|
||||
const { outRect,outRectColor,backColor} = toRefs(props.chartConfig.option)
|
||||
|
||||
</script>
|
||||
|
||||
@ -1,16 +0,0 @@
|
||||
import { PublicConfigClass } from '@/packages/public'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { FlowChart07Config} from './index'
|
||||
import cloneDeep from 'lodash/cloneDeep'
|
||||
|
||||
export const option = {
|
||||
outRect:80,
|
||||
outRectColor:'#2b93c6',
|
||||
backColor:'#0e457b'
|
||||
}
|
||||
|
||||
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||
public key = FlowChart07Config.key
|
||||
public chartConfig = cloneDeep(FlowChart07Config)
|
||||
public option = cloneDeep(option)
|
||||
}
|
||||
@ -1,40 +0,0 @@
|
||||
<template>
|
||||
<CollapseItem name="线条" :expanded="true">
|
||||
<SettingItemBox name="具体">
|
||||
<SettingItem name="大小">
|
||||
<n-input-number
|
||||
size="small"
|
||||
v-model:value="optionData.outRect"
|
||||
></n-input-number>
|
||||
</SettingItem>
|
||||
<SettingItem name="外边框颜色">
|
||||
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.outRectColor"></n-color-picker>
|
||||
</SettingItem>
|
||||
|
||||
<SettingItem name="斜线背景颜色">
|
||||
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.backColor"></n-color-picker>
|
||||
</SettingItem>
|
||||
|
||||
</SettingItemBox>
|
||||
|
||||
</CollapseItem>
|
||||
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType } from 'vue'
|
||||
import {
|
||||
CollapseItem,
|
||||
SettingItemBox,
|
||||
SettingItem
|
||||
} from '@/components/Pages/ChartItemSetting'
|
||||
import { option } from './config'
|
||||
|
||||
const props = defineProps({
|
||||
optionData: {
|
||||
type: Object as PropType<typeof option>,
|
||||
required: true
|
||||
}
|
||||
})
|
||||
|
||||
</script>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
@ -1,14 +0,0 @@
|
||||
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
|
||||
import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
|
||||
|
||||
export const FlowChart07Config: ConfigType = {
|
||||
key: 'FlowChart07',
|
||||
chartKey: 'VFlowChart07',
|
||||
conKey: 'VCFlowChart07',
|
||||
title: '流程-icon03',
|
||||
category: ChatCategoryEnum.FlowChart,
|
||||
categoryName: ChatCategoryEnumName.FlowChart,
|
||||
package: PackagesCategoryEnum.DECORATES,
|
||||
chartFrame: ChartFrameEnum.STATIC,
|
||||
image: 'icon3.png'
|
||||
}
|
||||
@ -1,35 +0,0 @@
|
||||
<template>
|
||||
<svg :width="w" :height="h">
|
||||
<!-- 外部圆角正方形 -->
|
||||
<rect x="10" y="10" :width="outRect" :height="outRect" rx="20" fill="none" :stroke="outRectColor" stroke-width="3"/>
|
||||
|
||||
<!-- 斜线背景 -->
|
||||
<pattern :id="id" patternUnits="userSpaceOnUse" width="8" height="8" >
|
||||
<path d="M-1,1 l2,2 M0,0 l8,8 M7,9 l2,2" :stroke="backColor" stroke-width="1" />
|
||||
</pattern>
|
||||
<rect x="12" y="12" :width="outRect - 5" :height="outRect - 5" rx="20" :fill="`url(#${id})`" />
|
||||
|
||||
<!-- 图标 -->
|
||||
<foreignObject :x="10 + outRect / 4" :y="10 + outRect / 4" :width="outRect / 2" :height="outRect / 2">
|
||||
<img src="./icon03.png" alt="图标" style="width: 100%; height: 100%;" />
|
||||
</foreignObject>
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType, toRefs } from 'vue'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { getUUID } from '@/utils'
|
||||
|
||||
const id = getUUID();
|
||||
const props = defineProps({
|
||||
chartConfig: {
|
||||
type: Object as PropType<CreateComponentType>,
|
||||
required: true,
|
||||
},
|
||||
})
|
||||
const { w, h } = toRefs(props.chartConfig.attr)
|
||||
const { outRect,outRectColor,backColor} = toRefs(props.chartConfig.option)
|
||||
|
||||
</script>
|
||||
|
||||
@ -1,17 +0,0 @@
|
||||
import { PublicConfigClass } from '@/packages/public'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { FlowChart08Config} from './index'
|
||||
import cloneDeep from 'lodash/cloneDeep'
|
||||
|
||||
export const option = {
|
||||
outRect:80,
|
||||
outRectColor:'#2b93c6',
|
||||
backColor:'#0e457b'
|
||||
}
|
||||
|
||||
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||
public key = FlowChart08Config.key
|
||||
public chartConfig = cloneDeep(FlowChart08Config)
|
||||
public option = cloneDeep(option)
|
||||
}
|
||||
|
||||
@ -1,40 +0,0 @@
|
||||
<template>
|
||||
<CollapseItem name="线条" :expanded="true">
|
||||
<SettingItemBox name="具体">
|
||||
<SettingItem name="大小">
|
||||
<n-input-number
|
||||
size="small"
|
||||
v-model:value="optionData.outRect"
|
||||
></n-input-number>
|
||||
</SettingItem>
|
||||
<SettingItem name="外边框颜色">
|
||||
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.outRectColor"></n-color-picker>
|
||||
</SettingItem>
|
||||
|
||||
<SettingItem name="斜线背景颜色">
|
||||
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.backColor"></n-color-picker>
|
||||
</SettingItem>
|
||||
|
||||
</SettingItemBox>
|
||||
|
||||
</CollapseItem>
|
||||
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType } from 'vue'
|
||||
import {
|
||||
CollapseItem,
|
||||
SettingItemBox,
|
||||
SettingItem
|
||||
} from '@/components/Pages/ChartItemSetting'
|
||||
import { option } from './config'
|
||||
|
||||
const props = defineProps({
|
||||
optionData: {
|
||||
type: Object as PropType<typeof option>,
|
||||
required: true
|
||||
}
|
||||
})
|
||||
|
||||
</script>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
@ -1,14 +0,0 @@
|
||||
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
|
||||
import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
|
||||
|
||||
export const FlowChart08Config: ConfigType = {
|
||||
key: 'FlowChart08',
|
||||
chartKey: 'VFlowChart08',
|
||||
conKey: 'VCFlowChart08',
|
||||
title: '流程-icon04',
|
||||
category: ChatCategoryEnum.FlowChart,
|
||||
categoryName: ChatCategoryEnumName.FlowChart,
|
||||
package: PackagesCategoryEnum.DECORATES,
|
||||
chartFrame: ChartFrameEnum.STATIC,
|
||||
image: 'icon4.png'
|
||||
}
|
||||
@ -1,35 +0,0 @@
|
||||
<template>
|
||||
<svg :width="w" :height="h">
|
||||
<!-- 外部圆角正方形 -->
|
||||
<rect x="10" y="10" :width="outRect" :height="outRect" rx="20" fill="none" :stroke="outRectColor" stroke-width="3"/>
|
||||
|
||||
<!-- 斜线背景 -->
|
||||
<pattern :id="id" patternUnits="userSpaceOnUse" width="8" height="8" >
|
||||
<path d="M-1,1 l2,2 M0,0 l8,8 M7,9 l2,2" :stroke="backColor" stroke-width="1" />
|
||||
</pattern>
|
||||
<rect x="12" y="12" :width="outRect - 5" :height="outRect - 5" rx="20" :fill="`url(#${id})`" />
|
||||
|
||||
<!-- 图标 -->
|
||||
<foreignObject :x="10 + outRect / 4" :y="10 + outRect / 4" :width="outRect / 2" :height="outRect / 2">
|
||||
<img src="./icon4.png" alt="图标" style="width: 100%; height: 100%;" />
|
||||
</foreignObject>
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType, toRefs } from 'vue'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { getUUID } from '@/utils'
|
||||
|
||||
const id = getUUID();
|
||||
const props = defineProps({
|
||||
chartConfig: {
|
||||
type: Object as PropType<CreateComponentType>,
|
||||
required: true,
|
||||
},
|
||||
})
|
||||
const { w, h } = toRefs(props.chartConfig.attr)
|
||||
const { outRect,outRectColor,backColor} = toRefs(props.chartConfig.option)
|
||||
|
||||
</script>
|
||||
|
||||
@ -1,17 +0,0 @@
|
||||
import { PublicConfigClass } from '@/packages/public'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { FlowChart09Config} from './index'
|
||||
import cloneDeep from 'lodash/cloneDeep'
|
||||
|
||||
export const option = {
|
||||
outRect:80,
|
||||
outRectColor:'#2b93c6',
|
||||
backColor:'#0e457b'
|
||||
}
|
||||
|
||||
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||
public key = FlowChart09Config.key
|
||||
public chartConfig = cloneDeep(FlowChart09Config)
|
||||
public option = cloneDeep(option)
|
||||
}
|
||||
|
||||
@ -1,40 +0,0 @@
|
||||
<template>
|
||||
<CollapseItem name="线条" :expanded="true">
|
||||
<SettingItemBox name="具体">
|
||||
<SettingItem name="大小">
|
||||
<n-input-number
|
||||
size="small"
|
||||
v-model:value="optionData.outRect"
|
||||
></n-input-number>
|
||||
</SettingItem>
|
||||
<SettingItem name="外边框颜色">
|
||||
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.outRectColor"></n-color-picker>
|
||||
</SettingItem>
|
||||
|
||||
<SettingItem name="斜线背景颜色">
|
||||
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.backColor"></n-color-picker>
|
||||
</SettingItem>
|
||||
|
||||
</SettingItemBox>
|
||||
|
||||
</CollapseItem>
|
||||
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType } from 'vue'
|
||||
import {
|
||||
CollapseItem,
|
||||
SettingItemBox,
|
||||
SettingItem
|
||||
} from '@/components/Pages/ChartItemSetting'
|
||||
import { option } from './config'
|
||||
|
||||
const props = defineProps({
|
||||
optionData: {
|
||||
type: Object as PropType<typeof option>,
|
||||
required: true
|
||||
}
|
||||
})
|
||||
|
||||
</script>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
@ -1,14 +0,0 @@
|
||||
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
|
||||
import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
|
||||
|
||||
export const FlowChart09Config: ConfigType = {
|
||||
key: 'FlowChart09',
|
||||
chartKey: 'VFlowChart09',
|
||||
conKey: 'VCFlowChart09',
|
||||
title: '流程-icon05',
|
||||
category: ChatCategoryEnum.FlowChart,
|
||||
categoryName: ChatCategoryEnumName.FlowChart,
|
||||
package: PackagesCategoryEnum.DECORATES,
|
||||
chartFrame: ChartFrameEnum.STATIC,
|
||||
image: 'icon5.png'
|
||||
}
|
||||
@ -1,35 +0,0 @@
|
||||
<template>
|
||||
<svg :width="w" :height="h">
|
||||
<!-- 外部圆角正方形 -->
|
||||
<rect x="10" y="10" :width="outRect" :height="outRect" rx="20" fill="none" :stroke="outRectColor" stroke-width="3"/>
|
||||
|
||||
<!-- 斜线背景 -->
|
||||
<pattern :id="id" patternUnits="userSpaceOnUse" width="8" height="8" >
|
||||
<path d="M-1,1 l2,2 M0,0 l8,8 M7,9 l2,2" :stroke="backColor" stroke-width="1" />
|
||||
</pattern>
|
||||
<rect x="12" y="12" :width="outRect - 5" :height="outRect - 5" rx="20" :fill="`url(#${id})`" />
|
||||
|
||||
<!-- 图标 -->
|
||||
<foreignObject :x="10 + outRect / 4" :y="10 + outRect / 4" :width="outRect / 2" :height="outRect / 2">
|
||||
<img src="./icon05.png" alt="图标" style="width: 100%; height: 100%;" />
|
||||
</foreignObject>
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType, toRefs } from 'vue'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { getUUID } from '@/utils'
|
||||
|
||||
const id = getUUID();
|
||||
const props = defineProps({
|
||||
chartConfig: {
|
||||
type: Object as PropType<CreateComponentType>,
|
||||
required: true,
|
||||
},
|
||||
})
|
||||
const { w, h } = toRefs(props.chartConfig.attr)
|
||||
const { outRect,outRectColor,backColor} = toRefs(props.chartConfig.option)
|
||||
|
||||
</script>
|
||||
|
||||
@ -1,17 +0,0 @@
|
||||
import { PublicConfigClass } from '@/packages/public'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { FlowChart10Config} from './index'
|
||||
import cloneDeep from 'lodash/cloneDeep'
|
||||
|
||||
export const option = {
|
||||
outRect:80,
|
||||
outRectColor:'#2b93c6',
|
||||
backColor:'#0e457b'
|
||||
}
|
||||
|
||||
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||
public key = FlowChart10Config.key
|
||||
public chartConfig = cloneDeep(FlowChart10Config)
|
||||
public option = cloneDeep(option)
|
||||
}
|
||||
|
||||
@ -1,40 +0,0 @@
|
||||
<template>
|
||||
<CollapseItem name="线条" :expanded="true">
|
||||
<SettingItemBox name="具体">
|
||||
<SettingItem name="大小">
|
||||
<n-input-number
|
||||
size="small"
|
||||
v-model:value="optionData.outRect"
|
||||
></n-input-number>
|
||||
</SettingItem>
|
||||
<SettingItem name="外边框颜色">
|
||||
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.outRectColor"></n-color-picker>
|
||||
</SettingItem>
|
||||
|
||||
<SettingItem name="斜线背景颜色">
|
||||
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.backColor"></n-color-picker>
|
||||
</SettingItem>
|
||||
|
||||
</SettingItemBox>
|
||||
|
||||
</CollapseItem>
|
||||
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType } from 'vue'
|
||||
import {
|
||||
CollapseItem,
|
||||
SettingItemBox,
|
||||
SettingItem
|
||||
} from '@/components/Pages/ChartItemSetting'
|
||||
import { option } from './config'
|
||||
|
||||
const props = defineProps({
|
||||
optionData: {
|
||||
type: Object as PropType<typeof option>,
|
||||
required: true
|
||||
}
|
||||
})
|
||||
|
||||
</script>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
@ -1,14 +0,0 @@
|
||||
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
|
||||
import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
|
||||
|
||||
export const FlowChart10Config: ConfigType = {
|
||||
key: 'FlowChart10',
|
||||
chartKey: 'VFlowChart10',
|
||||
conKey: 'VCFlowChart10',
|
||||
title: '流程-icon06',
|
||||
category: ChatCategoryEnum.FlowChart,
|
||||
categoryName: ChatCategoryEnumName.FlowChart,
|
||||
package: PackagesCategoryEnum.DECORATES,
|
||||
chartFrame: ChartFrameEnum.STATIC,
|
||||
image: 'icon6.png'
|
||||
}
|
||||
@ -1,35 +0,0 @@
|
||||
<template>
|
||||
<svg :width="w" :height="h">
|
||||
<!-- 外部圆角正方形 -->
|
||||
<rect x="10" y="10" :width="outRect" :height="outRect" rx="20" fill="none" :stroke="outRectColor" stroke-width="3"/>
|
||||
|
||||
<!-- 斜线背景 -->
|
||||
<pattern :id="id" patternUnits="userSpaceOnUse" width="8" height="8" >
|
||||
<path d="M-1,1 l2,2 M0,0 l8,8 M7,9 l2,2" :stroke="backColor" stroke-width="1" />
|
||||
</pattern>
|
||||
<rect x="12" y="12" :width="outRect - 5" :height="outRect - 5" rx="20" :fill="`url(#${id})`" />
|
||||
|
||||
<!-- 图标 -->
|
||||
<foreignObject :x="10 + outRect / 4" :y="10 + outRect / 4" :width="outRect / 2" :height="outRect / 2">
|
||||
<img src="./icon06.png" alt="图标" style="width: 100%; height: 100%;" />
|
||||
</foreignObject>
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType, toRefs } from 'vue'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { getUUID } from '@/utils'
|
||||
|
||||
const id = getUUID();
|
||||
const props = defineProps({
|
||||
chartConfig: {
|
||||
type: Object as PropType<CreateComponentType>,
|
||||
required: true,
|
||||
},
|
||||
})
|
||||
const { w, h } = toRefs(props.chartConfig.attr)
|
||||
const { outRect,outRectColor,backColor} = toRefs(props.chartConfig.option)
|
||||
|
||||
</script>
|
||||
|
||||
@ -1,17 +0,0 @@
|
||||
import { PublicConfigClass } from '@/packages/public'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { FlowChart11Config} from './index'
|
||||
import cloneDeep from 'lodash/cloneDeep'
|
||||
|
||||
export const option = {
|
||||
outRect:80,
|
||||
outRectColor:'#2b93c6',
|
||||
backColor:'#0e457b'
|
||||
}
|
||||
|
||||
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||
public key = FlowChart11Config.key
|
||||
public chartConfig = cloneDeep(FlowChart11Config)
|
||||
public option = cloneDeep(option)
|
||||
}
|
||||
|
||||
@ -1,40 +0,0 @@
|
||||
<template>
|
||||
<CollapseItem name="线条" :expanded="true">
|
||||
<SettingItemBox name="具体">
|
||||
<SettingItem name="大小">
|
||||
<n-input-number
|
||||
size="small"
|
||||
v-model:value="optionData.outRect"
|
||||
></n-input-number>
|
||||
</SettingItem>
|
||||
<SettingItem name="外边框颜色">
|
||||
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.outRectColor"></n-color-picker>
|
||||
</SettingItem>
|
||||
|
||||
<SettingItem name="斜线背景颜色">
|
||||
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.backColor"></n-color-picker>
|
||||
</SettingItem>
|
||||
|
||||
</SettingItemBox>
|
||||
|
||||
</CollapseItem>
|
||||
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType } from 'vue'
|
||||
import {
|
||||
CollapseItem,
|
||||
SettingItemBox,
|
||||
SettingItem
|
||||
} from '@/components/Pages/ChartItemSetting'
|
||||
import { option } from './config'
|
||||
|
||||
const props = defineProps({
|
||||
optionData: {
|
||||
type: Object as PropType<typeof option>,
|
||||
required: true
|
||||
}
|
||||
})
|
||||
|
||||
</script>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
@ -1,14 +0,0 @@
|
||||
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
|
||||
import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
|
||||
|
||||
export const FlowChart11Config: ConfigType = {
|
||||
key: 'FlowChart11',
|
||||
chartKey: 'VFlowChart11',
|
||||
conKey: 'VCFlowChart11',
|
||||
title: '流程-icon07',
|
||||
category: ChatCategoryEnum.FlowChart,
|
||||
categoryName: ChatCategoryEnumName.FlowChart,
|
||||
package: PackagesCategoryEnum.DECORATES,
|
||||
chartFrame: ChartFrameEnum.STATIC,
|
||||
image: 'icon7.png'
|
||||
}
|
||||
@ -1,36 +0,0 @@
|
||||
<template>
|
||||
<svg :width="w" :height="h">
|
||||
<!-- 外部圆角正方形 -->
|
||||
<rect x="10" y="10" :width="outRect" :height="outRect" rx="20" fill="none" :stroke="outRectColor" stroke-width="3"/>
|
||||
|
||||
<!-- 斜线背景 -->
|
||||
<pattern :id="id" patternUnits="userSpaceOnUse" width="8" height="8" >
|
||||
<path d="M-1,1 l2,2 M0,0 l8,8 M7,9 l2,2" :stroke="backColor" stroke-width="1" />
|
||||
</pattern>
|
||||
<rect x="12" y="12" :width="outRect - 5" :height="outRect - 5" rx="20" :fill="`url(#${id})`" />
|
||||
|
||||
<!-- 图标 -->
|
||||
<foreignObject :x="10 + outRect / 4" :y="10 + outRect / 4" :width="outRect / 2" :height="outRect / 2">
|
||||
<img src="./icon07.png" alt="图标" style="width: 100%; height: 100%;" />
|
||||
</foreignObject>
|
||||
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType, toRefs } from 'vue'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { getUUID } from '@/utils'
|
||||
|
||||
const id = getUUID();
|
||||
const props = defineProps({
|
||||
chartConfig: {
|
||||
type: Object as PropType<CreateComponentType>,
|
||||
required: true,
|
||||
},
|
||||
})
|
||||
const { w, h } = toRefs(props.chartConfig.attr)
|
||||
const { outRect,outRectColor,backColor} = toRefs(props.chartConfig.option)
|
||||
|
||||
</script>
|
||||
|
||||
@ -1,17 +0,0 @@
|
||||
import { PublicConfigClass } from '@/packages/public'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { FlowChart12Config} from './index'
|
||||
import cloneDeep from 'lodash/cloneDeep'
|
||||
|
||||
export const option = {
|
||||
outRect:80,
|
||||
outRectColor:'#2b93c6',
|
||||
backColor:'#0e457b'
|
||||
}
|
||||
|
||||
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||
public key = FlowChart12Config.key
|
||||
public chartConfig = cloneDeep(FlowChart12Config)
|
||||
public option = cloneDeep(option)
|
||||
}
|
||||
|
||||
@ -1,40 +0,0 @@
|
||||
<template>
|
||||
<CollapseItem name="线条" :expanded="true">
|
||||
<SettingItemBox name="具体">
|
||||
<SettingItem name="大小">
|
||||
<n-input-number
|
||||
size="small"
|
||||
v-model:value="optionData.outRect"
|
||||
></n-input-number>
|
||||
</SettingItem>
|
||||
<SettingItem name="外边框颜色">
|
||||
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.outRectColor"></n-color-picker>
|
||||
</SettingItem>
|
||||
|
||||
<SettingItem name="斜线背景颜色">
|
||||
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.backColor"></n-color-picker>
|
||||
</SettingItem>
|
||||
|
||||
</SettingItemBox>
|
||||
|
||||
</CollapseItem>
|
||||
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType } from 'vue'
|
||||
import {
|
||||
CollapseItem,
|
||||
SettingItemBox,
|
||||
SettingItem
|
||||
} from '@/components/Pages/ChartItemSetting'
|
||||
import { option } from './config'
|
||||
|
||||
const props = defineProps({
|
||||
optionData: {
|
||||
type: Object as PropType<typeof option>,
|
||||
required: true
|
||||
}
|
||||
})
|
||||
|
||||
</script>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
@ -1,14 +0,0 @@
|
||||
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
|
||||
import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
|
||||
|
||||
export const FlowChart12Config: ConfigType = {
|
||||
key: 'FlowChart12',
|
||||
chartKey: 'VFlowChart12',
|
||||
conKey: 'VCFlowChart12',
|
||||
title: '流程-icon08',
|
||||
category: ChatCategoryEnum.FlowChart,
|
||||
categoryName: ChatCategoryEnumName.FlowChart,
|
||||
package: PackagesCategoryEnum.DECORATES,
|
||||
chartFrame: ChartFrameEnum.STATIC,
|
||||
image: 'icon8.png'
|
||||
}
|
||||
@ -1,35 +0,0 @@
|
||||
<template>
|
||||
<svg :width="w" :height="h">
|
||||
<!-- 外部圆角正方形 -->
|
||||
<rect x="10" y="10" :width="outRect" :height="outRect" rx="20" fill="none" :stroke="outRectColor" stroke-width="3"/>
|
||||
|
||||
<!-- 斜线背景 -->
|
||||
<pattern :id="id" patternUnits="userSpaceOnUse" width="8" height="8" >
|
||||
<path d="M-1,1 l2,2 M0,0 l8,8 M7,9 l2,2" :stroke="backColor" stroke-width="1" />
|
||||
</pattern>
|
||||
<rect x="12" y="12" :width="outRect - 5" :height="outRect - 5" rx="20" :fill="`url(#${id})`" />
|
||||
|
||||
<!-- 图标 -->
|
||||
<foreignObject :x="10 + outRect / 4" :y="10 + outRect / 4" :width="outRect / 2" :height="outRect / 2">
|
||||
<img src="./icon08.png" alt="图标" style="width: 100%; height: 100%;" />
|
||||
</foreignObject>
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType, toRefs } from 'vue'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { getUUID } from '@/utils'
|
||||
|
||||
const id = getUUID();
|
||||
const props = defineProps({
|
||||
chartConfig: {
|
||||
type: Object as PropType<CreateComponentType>,
|
||||
required: true,
|
||||
},
|
||||
})
|
||||
const { w, h } = toRefs(props.chartConfig.attr)
|
||||
const { outRect,outRectColor,backColor} = toRefs(props.chartConfig.option)
|
||||
|
||||
</script>
|
||||
|
||||
@ -1,27 +1,6 @@
|
||||
import { FlowChart01Config } from "./FlowChart01/index";
|
||||
import { FlowChart02Config } from "./FlowChart02/index";
|
||||
import { FlowChart03Config } from "./FlowChart03/index";
|
||||
import { FlowChart04Config } from "./FlowChart04/index";
|
||||
import { FlowChart05Config } from "./FlowChart05/index";
|
||||
import { FlowChart06Config } from "./FlowChart06/index";
|
||||
import { FlowChart07Config } from "./FlowChart07/index";
|
||||
import { FlowChart08Config } from "./FlowChart08/index";
|
||||
import { FlowChart09Config } from "./FlowChart09/index";
|
||||
import { FlowChart10Config } from "./FlowChart10/index";
|
||||
import { FlowChart11Config } from "./FlowChart11/index";
|
||||
import { FlowChart12Config } from "./FlowChart12/index";
|
||||
import { FlowChart01Config } from './FlowChart01/index'
|
||||
import { FlowChart02Config } from './FlowChart02/index'
|
||||
import { FlowChart03Config } from './FlowChart03/index'
|
||||
import { FlowChart04Config } from './FlowChart04/index'
|
||||
|
||||
export default [
|
||||
FlowChart01Config,
|
||||
FlowChart02Config,
|
||||
FlowChart03Config,
|
||||
FlowChart04Config,
|
||||
FlowChart05Config,
|
||||
FlowChart06Config,
|
||||
FlowChart07Config,
|
||||
FlowChart08Config,
|
||||
FlowChart09Config,
|
||||
FlowChart10Config,
|
||||
FlowChart11Config,
|
||||
FlowChart12Config
|
||||
]
|
||||
export default [FlowChart01Config, FlowChart02Config, FlowChart03Config, FlowChart04Config]
|
||||
|
||||
Loading…
Reference in New Issue
Block a user