diff --git a/src/assets/images/chart/units/titlebtnleft.png b/src/assets/images/chart/units/titlebtnleft.png
new file mode 100644
index 0000000..9852a49
Binary files /dev/null and b/src/assets/images/chart/units/titlebtnleft.png differ
diff --git a/src/assets/images/chart/units/titlebtnleftactive.png b/src/assets/images/chart/units/titlebtnleftactive.png
new file mode 100644
index 0000000..1ac8110
Binary files /dev/null and b/src/assets/images/chart/units/titlebtnleftactive.png differ
diff --git a/src/assets/images/chart/units/titlebtnright.png b/src/assets/images/chart/units/titlebtnright.png
new file mode 100644
index 0000000..7a3b470
Binary files /dev/null and b/src/assets/images/chart/units/titlebtnright.png differ
diff --git a/src/assets/images/chart/units/titlebtnrightactive.png b/src/assets/images/chart/units/titlebtnrightactive.png
new file mode 100644
index 0000000..6a43503
Binary files /dev/null and b/src/assets/images/chart/units/titlebtnrightactive.png differ
diff --git a/src/assets/images/chart/units/toptitle.png b/src/assets/images/chart/units/toptitle.png
new file mode 100644
index 0000000..653fb37
Binary files /dev/null and b/src/assets/images/chart/units/toptitle.png differ
diff --git a/src/packages/components/Decorates/Titles/Titles02/config.ts b/src/packages/components/Decorates/Titles/Titles02/config.ts
index 160f07e..fc42424 100644
--- a/src/packages/components/Decorates/Titles/Titles02/config.ts
+++ b/src/packages/components/Decorates/Titles/Titles02/config.ts
@@ -5,7 +5,7 @@ import { Titles02Config } from './index'
import cloneDeep from 'lodash/cloneDeep'
export const option = {
- dur: 0.5,
+ boxId: 'linearGradientColorLeft',
borderTitle: '电子沙盘',
borderTitleWidth: 456,
borderTitleHeight: 190,
diff --git a/src/packages/components/Decorates/Titles/Titles02/config.vue b/src/packages/components/Decorates/Titles/Titles02/config.vue
index d04779e..9258aa5 100644
--- a/src/packages/components/Decorates/Titles/Titles02/config.vue
+++ b/src/packages/components/Decorates/Titles/Titles02/config.vue
@@ -1,5 +1,14 @@
+
+
+
@@ -58,7 +86,7 @@ const filterId = `border-box-04-filterId-${getUUID()}`
const { w, h } = toRefs(props.chartConfig.attr)
const {
colors,
- dur,
+ boxId,
borderTitle,
borderTitleColor,
borderTitleSize,
@@ -79,15 +107,6 @@ const {
position: absolute;
z-index: -1;
}
- .fill {
- fill: v-bind('colors[0]');
- }
- .fill-none {
- fill: none;
- }
- .stroke {
- stroke: v-bind('colors[1]');
- }
.text {
color: v-bind('borderTitleColor');
font-size: v-bind('borderTitleSize+"px"');
diff --git a/src/packages/components/Decorates/Titles/Titles03/config.ts b/src/packages/components/Decorates/Titles/Titles03/config.ts
index 129333e..2372cf2 100644
--- a/src/packages/components/Decorates/Titles/Titles03/config.ts
+++ b/src/packages/components/Decorates/Titles/Titles03/config.ts
@@ -5,8 +5,8 @@ import { Titles03Config } from './index'
import cloneDeep from 'lodash/cloneDeep'
export const option = {
- dur: 0.5,
- borderTitle: '数据中心',
+ boxId: "linearGradientColorRight",
+ borderTitle: '',
borderTitleWidth: 456,
borderTitleHeight: 190,
borderTitleSize: 18,
diff --git a/src/packages/components/Decorates/Titles/Titles03/config.vue b/src/packages/components/Decorates/Titles/Titles03/config.vue
index d04779e..9258aa5 100644
--- a/src/packages/components/Decorates/Titles/Titles03/config.vue
+++ b/src/packages/components/Decorates/Titles/Titles03/config.vue
@@ -1,5 +1,14 @@
+
+
+
图形-右@2x
-
+
-
+
-
+
-
+
-
+
@@ -28,13 +28,13 @@
-
-
-
-
+
+
+
+
-
-
+
+
@@ -58,6 +58,7 @@ const props = defineProps({
const filterId = `border-box-04-filterId-${getUUID()}`
const { w, h } = toRefs(props.chartConfig.attr)
const {
+ boxId,
colors,
borderTitle,
borderTitleColor,
diff --git a/src/packages/components/Units/Titles/TitlesBtn/config.ts b/src/packages/components/Units/Titles/TitlesBtn/config.ts
new file mode 100644
index 0000000..ac8184b
--- /dev/null
+++ b/src/packages/components/Units/Titles/TitlesBtn/config.ts
@@ -0,0 +1,23 @@
+import { PublicConfigClass } from '@/packages/public'
+import { chartInitConfig } from '@/settings/designSetting'
+import { CreateComponentType } from '@/packages/index.d'
+import { TitlesBtnConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+export const option = {
+ dur: 0.5,
+ borderTitle: '按钮',
+ borderTitleWidth: 124,
+ borderTitleHeight: 30,
+ borderTitleSize: 18,
+ borderTitleColor: '#fff',
+ colors: ['#0E8A6D', '#02261C'],
+ backgroundColor: '#00000000'
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = TitlesBtnConfig.key
+ public attr = { ...chartInitConfig, w: 124, h: 30, zIndex: 1 }
+ public chartConfig = cloneDeep(TitlesBtnConfig)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Units/Titles/TitlesBtn/config.vue b/src/packages/components/Units/Titles/TitlesBtn/config.vue
new file mode 100644
index 0000000..d04779e
--- /dev/null
+++ b/src/packages/components/Units/Titles/TitlesBtn/config.vue
@@ -0,0 +1,111 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 恢复默认
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Units/Titles/TitlesBtn/index.ts b/src/packages/components/Units/Titles/TitlesBtn/index.ts
new file mode 100644
index 0000000..52a74d5
--- /dev/null
+++ b/src/packages/components/Units/Titles/TitlesBtn/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d';
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d';
+
+export const TitlesBtnConfig: ConfigType = {
+ key: 'TitlesBtn',
+ chartKey: 'VTitlesBtn',
+ conKey: 'VCTitlesBtn',
+ title: '标题按钮',
+ category: ChatCategoryEnum.TITLE,
+ categoryName: ChatCategoryEnumName.TITLE,
+ package: PackagesCategoryEnum.UNITS,
+ chartFrame: ChartFrameEnum.STATIC,
+ image: 'titlebtnleft.png',
+};
diff --git a/src/packages/components/Units/Titles/TitlesBtn/index.vue b/src/packages/components/Units/Titles/TitlesBtn/index.vue
new file mode 100644
index 0000000..e5c3277
--- /dev/null
+++ b/src/packages/components/Units/Titles/TitlesBtn/index.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Units/Titles/TitlesBtnActive/config.ts b/src/packages/components/Units/Titles/TitlesBtnActive/config.ts
new file mode 100644
index 0000000..5d26bef
--- /dev/null
+++ b/src/packages/components/Units/Titles/TitlesBtnActive/config.ts
@@ -0,0 +1,23 @@
+import { PublicConfigClass } from '@/packages/public'
+import { chartInitConfig } from '@/settings/designSetting'
+import { CreateComponentType } from '@/packages/index.d'
+import { TitlesBtnActiveConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+export const option = {
+ dur: 0.5,
+ borderTitle: '按钮选中',
+ borderTitleWidth: 124,
+ borderTitleHeight: 30,
+ borderTitleSize: 18,
+ borderTitleColor: '#fff',
+ colors: ['#0E8A6D', '#02261C'],
+ backgroundColor: '#00000000'
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = TitlesBtnActiveConfig.key
+ public attr = { ...chartInitConfig, w: 124, h: 30, zIndex: 1 }
+ public chartConfig = cloneDeep(TitlesBtnActiveConfig)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Units/Titles/TitlesBtnActive/config.vue b/src/packages/components/Units/Titles/TitlesBtnActive/config.vue
new file mode 100644
index 0000000..d04779e
--- /dev/null
+++ b/src/packages/components/Units/Titles/TitlesBtnActive/config.vue
@@ -0,0 +1,111 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 恢复默认
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Units/Titles/TitlesBtnActive/index.ts b/src/packages/components/Units/Titles/TitlesBtnActive/index.ts
new file mode 100644
index 0000000..e884252
--- /dev/null
+++ b/src/packages/components/Units/Titles/TitlesBtnActive/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d';
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d';
+
+export const TitlesBtnActiveConfig: ConfigType = {
+ key: 'TitlesBtnActive',
+ chartKey: 'VTitlesBtnActive',
+ conKey: 'VCTitlesBtnActive',
+ title: '标题按钮',
+ category: ChatCategoryEnum.TITLE,
+ categoryName: ChatCategoryEnumName.TITLE,
+ package: PackagesCategoryEnum.UNITS,
+ chartFrame: ChartFrameEnum.STATIC,
+ image: 'titlebtnleftactive.png',
+};
diff --git a/src/packages/components/Units/Titles/TitlesBtnActive/index.vue b/src/packages/components/Units/Titles/TitlesBtnActive/index.vue
new file mode 100644
index 0000000..e5c3277
--- /dev/null
+++ b/src/packages/components/Units/Titles/TitlesBtnActive/index.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Units/Titles/TopTitles/config.ts b/src/packages/components/Units/Titles/TopTitles/config.ts
new file mode 100644
index 0000000..bbfd553
--- /dev/null
+++ b/src/packages/components/Units/Titles/TopTitles/config.ts
@@ -0,0 +1,16 @@
+import { PublicConfigClass } from '@/packages/public'
+import { chartInitConfig } from '@/settings/designSetting'
+import { CreateComponentType } from '@/packages/index.d'
+import { TopTitlesConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+export const option = {
+
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = TopTitlesConfig.key
+ public attr = { ...chartInitConfig, w: 1920, h: 98, zIndex: 1 }
+ public chartConfig = cloneDeep(TopTitlesConfig)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Units/Titles/TopTitles/config.vue b/src/packages/components/Units/Titles/TopTitles/config.vue
new file mode 100644
index 0000000..eef053d
--- /dev/null
+++ b/src/packages/components/Units/Titles/TopTitles/config.vue
@@ -0,0 +1,7 @@
+
+
+
+
+
diff --git a/src/packages/components/Units/Titles/TopTitles/index.ts b/src/packages/components/Units/Titles/TopTitles/index.ts
new file mode 100644
index 0000000..b4caebd
--- /dev/null
+++ b/src/packages/components/Units/Titles/TopTitles/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d';
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d';
+
+export const TopTitlesConfig: ConfigType = {
+ key: 'TopTitles',
+ chartKey: 'VTopTitles',
+ conKey: 'VCTopTitles',
+ title: '标题',
+ category: ChatCategoryEnum.TITLE,
+ categoryName: ChatCategoryEnumName.TITLE,
+ package: PackagesCategoryEnum.UNITS,
+ chartFrame: ChartFrameEnum.STATIC,
+ image: 'toptitle.png',
+};
diff --git a/src/packages/components/Units/Titles/TopTitles/index.vue b/src/packages/components/Units/Titles/TopTitles/index.vue
new file mode 100644
index 0000000..3bbfcb9
--- /dev/null
+++ b/src/packages/components/Units/Titles/TopTitles/index.vue
@@ -0,0 +1,34 @@
+
+
+

+
+
+
+
+
+
diff --git a/src/packages/components/Units/Titles/index.ts b/src/packages/components/Units/Titles/index.ts
new file mode 100644
index 0000000..8d74092
--- /dev/null
+++ b/src/packages/components/Units/Titles/index.ts
@@ -0,0 +1,9 @@
+import { TopTitlesConfig } from './TopTitles/index';
+import { TitlesBtnConfig } from './TitlesBtn/index';
+import { TitlesBtnActiveConfig } from './TitlesBtnActive/index';
+
+export default [
+ TopTitlesConfig,
+ TitlesBtnConfig,
+ TitlesBtnActiveConfig
+];
diff --git a/src/packages/components/Units/index.d.ts b/src/packages/components/Units/index.d.ts
new file mode 100644
index 0000000..34d1476
--- /dev/null
+++ b/src/packages/components/Units/index.d.ts
@@ -0,0 +1,7 @@
+export enum ChatCategoryEnum {
+ TITLE = 'Titles',
+}
+
+export enum ChatCategoryEnumName {
+ TITLE = '标题',
+}
diff --git a/src/packages/components/Units/index.ts b/src/packages/components/Units/index.ts
new file mode 100644
index 0000000..0b5be58
--- /dev/null
+++ b/src/packages/components/Units/index.ts
@@ -0,0 +1,3 @@
+import Titles from './Titles'
+
+export const UnitsList = [...Titles]
diff --git a/src/packages/index.d.ts b/src/packages/index.d.ts
index 9605463..a4567e7 100644
--- a/src/packages/index.d.ts
+++ b/src/packages/index.d.ts
@@ -201,6 +201,7 @@ export enum PackagesCategoryEnum {
DECORATES = 'Decorates',
CUSTOM = 'Custom',
DIY = 'Diy',
+ UNITS = 'Units',
}
// 包分类名称
@@ -214,6 +215,7 @@ export enum PackagesCategoryName {
DECORATES = '小组件',
CUSTOM = '预警信息',
DIY = 'DIY',
+ UNITS = '组件'
}
// 获取组件
@@ -233,4 +235,5 @@ export type PackagesType = {
[PackagesCategoryEnum.DECORATES]: ConfigType[];
[PackagesCategoryEnum.CUSTOM]: ConfigType[];
[PackagesCategoryEnum.DIY]: ConfigType[];
+ [PackagesCategoryEnum.UNITS]: ConfigType[];
};
diff --git a/src/packages/index.ts b/src/packages/index.ts
index 18b706e..4834aac 100644
--- a/src/packages/index.ts
+++ b/src/packages/index.ts
@@ -5,6 +5,7 @@ import { TableList } from '@/packages/components/Tables/index'
import { PhotoList } from '@/packages/components/Photos/index'
import { IconList } from '@/packages/components/Icons/index'
import { DiyList } from '@/packages/components/Diy/index'
+import { UnitsList } from '@/packages/components/Units/index'
import { PackagesCategoryEnum, PackagesType, ConfigType, FetchComFlagType } from '@/packages/index.d'
const configModules: Record = import.meta.glob('./components/**/config.vue', {
@@ -25,7 +26,8 @@ export let packagesList: PackagesType = {
[PackagesCategoryEnum.DECORATES]: DecorateList,
[PackagesCategoryEnum.PHOTOS]: PhotoList,
[PackagesCategoryEnum.ICONS]: IconList,
- [PackagesCategoryEnum.DIY]: DiyList
+ [PackagesCategoryEnum.DIY]: DiyList,
+ [PackagesCategoryEnum.UNITS]: UnitsList
}
// 组件缓存, 可以大幅度提升组件加载速度
diff --git a/src/views/chart/ContentCharts/hooks/useAside.hook.ts b/src/views/chart/ContentCharts/hooks/useAside.hook.ts
index 97f72ca..ddd8e86 100644
--- a/src/views/chart/ContentCharts/hooks/useAside.hook.ts
+++ b/src/views/chart/ContentCharts/hooks/useAside.hook.ts
@@ -53,6 +53,10 @@ const packagesListObj = {
[PackagesCategoryEnum.DIY]: {
icon: renderIcon(AirPlaneOutlineIcon),
label: PackagesCategoryName.DIY
+ },
+ [PackagesCategoryEnum.UNITS]: {
+ icon: renderIcon(AirPlaneOutlineIcon),
+ label: PackagesCategoryName.UNITS
}
}