Commit 6405055f92f41f4999e8d2a55398abf36af5d1e6

Authored by fengwotao
1 parent 29a160b4

fix(src/packages/): 小组件装饰新增装饰12

  1 +import { PublicConfigClass } from '@/packages/public'
  2 +import { CreateComponentType } from '@/packages/index.d'
  3 +import { Decorates12Config } from './index'
  4 +import cloneDeep from 'lodash/cloneDeep'
  5 +import { chartInitConfig } from '@/settings/designSetting'
  6 +
  7 +export const option = {
  8 + dataset: '',
  9 + attribute: {
  10 + bgColor1:'#FF8045',
  11 + bgColor2:'#FFFFFF',
  12 + }
  13 +}
  14 +
  15 +export default class Config extends PublicConfigClass implements CreateComponentType {
  16 + public key = Decorates12Config.key
  17 + public attr = { ...chartInitConfig, zIndex: 1, w: 200, h: 200 }
  18 + public chartConfig = cloneDeep(Decorates12Config)
  19 + public option = cloneDeep(option)
  20 +}
... ...
  1 +<template>
  2 + <CollapseItem name="配置" :expanded="true">
  3 + <SettingItemBox :name="`装饰1`">
  4 + <SettingItem name="颜色">
  5 + <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.attribute.bgColor1"></n-color-picker>
  6 + </SettingItem>
  7 + <SettingItem>
  8 + <n-button size="small" @click="optionData.attribute.bgColor1 = '#FF8045'"> 恢复默认 </n-button>
  9 + </SettingItem>
  10 + </SettingItemBox>
  11 + <SettingItemBox :name="`装饰2`">
  12 + <SettingItem name="颜色">
  13 + <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.attribute.bgColor2"></n-color-picker>
  14 + </SettingItem>
  15 + <SettingItem>
  16 + <n-button size="small" @click="optionData.attribute.bgColor2 = '#FFFFFF'"> 恢复默认 </n-button>
  17 + </SettingItem>
  18 + </SettingItemBox>
  19 + </CollapseItem>
  20 +</template>
  21 +
  22 +<script setup lang="ts">
  23 +import { PropType } from 'vue'
  24 +import { option } from './config'
  25 +import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
  26 +
  27 +defineProps({
  28 + optionData: {
  29 + type: Object as PropType<typeof option>,
  30 + required: true
  31 + }
  32 +})
  33 +</script>
... ...
  1 +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
  2 +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
  3 +import { useWidgetKey } from '@/packages/external/useWidgetKey'
  4 +
  5 +const { key, chartKey, conKey } = useWidgetKey('Decorates12',true)
  6 +
  7 +export const Decorates12Config: ConfigType = {
  8 + key,
  9 + chartKey,
  10 + conKey,
  11 + title: '装饰12',
  12 + category: ChatCategoryEnum.DECORATE,
  13 + categoryName: ChatCategoryEnumName.DECORATE,
  14 + package: PackagesCategoryEnum.DECORATES,
  15 + chartFrame: ChartFrameEnum.COMMON,
  16 + image: 'decorates10.png',
  17 +}
... ...
  1 +<template>
  2 + <div class="go-content-box">
  3 + <svg
  4 + xmlns="http://www.w3.org/2000/svg"
  5 + xmlns:xlink="http://www.w3.org/1999/xlink"
  6 + :width="w"
  7 + :height="h"
  8 + viewBox="0 0 224 376"
  9 + fill="none"
  10 + >
  11 + <g opacity="1" transform="translate(0 0.001220703125) rotate(0)">
  12 + <g opacity="1" transform="translate(0 0) rotate(0)">
  13 + <path
  14 + id="矩形"
  15 + fill-rule="evenodd"
  16 + fill="url(#decorates12_linear_0)"
  17 + opacity="0.46"
  18 + d="M46.9482 38.8088L46.9482 264.179L46.9482 264.179C88.0582 280.529 133.868 280.469 174.938 264.029L178.038 262.789L178.038 38.2088C178.038 17.1688 160.868 0.178779 139.828 0.408779L84.3382 1.00878C63.6182 1.22878 46.9482 18.0888 46.9482 38.8088Z"
  19 + />
  20 + <path
  21 + id="矩形"
  22 + fill-rule="evenodd"
  23 + fill="url(#decorates12_linear_1)"
  24 + opacity="0.46"
  25 + d="M5.23877 39.1888L5.23877 299.189L7.29877 300.619C71.6488 345.299 157.469 343.369 219.749 295.849L219.749 295.849L219.749 38.0988C219.749 17.1088 202.639 0.128779 181.649 0.298779L42.7388 1.38878C21.9788 1.54878 5.23877 18.4288 5.23877 39.1888Z"
  26 + />
  27 + <path
  28 + id="椭圆形"
  29 + style="fill: url(#linear_2); opacity: 100"
  30 + d="M176.132,255.616c0,-0.672 -0.19567,-1.38533 -0.587,-2.14c-0.53133,-1.026 -1.384,-2.08767 -2.558,-3.185c-1.36533,-1.276 -3.085,-2.52067 -5.159,-3.734c-2.202,-1.28867 -4.727,-2.49567 -7.575,-3.621c-2.936,-1.16133 -6.13933,-2.20533 -9.61,-3.132c-3.556,-0.95 -7.31467,-1.75633 -11.276,-2.419c-8.324,-1.39267 -17.059,-2.089 -26.205,-2.089c-9.1442,0 -17.87737,0.69633 -26.1995,2.089c-3.96093,0.66267 -7.7192,1.469 -11.2748,2.419c-3.47027,0.92667 -6.6732,1.97033 -9.6088,3.131c-2.84733,1.126 -5.37187,2.33333 -7.5736,3.622c-2.07413,1.21333 -3.79387,2.458 -5.1592,3.734c-1.174,1.09733 -2.02673,2.159 -2.5582,3.185c-0.39087,0.75467 -0.5863,1.468 -0.5863,2.14c0,0.674 0.1956,1.38867 0.5868,2.144c0.53153,1.02733 1.38423,2.08933 2.5581,3.186c1.36513,1.276 3.08467,2.52067 5.1586,3.734c2.20153,1.288 4.72593,2.495 7.5732,3.621c2.9354,1.16 6.1383,2.20333 9.6087,3.13c3.55547,0.95 7.31373,1.756 11.2748,2.418c8.3216,1.39133 17.055,2.087 26.2002,2.087c9.14733,0 17.88233,-0.69567 26.205,-2.087c3.962,-0.662 7.721,-1.468 11.277,-2.418c3.47067,-0.92667 6.674,-1.97 9.61,-3.13c2.84733,-1.126 5.372,-2.333 7.574,-3.621c2.074,-1.21333 3.79367,-2.458 5.159,-3.734c1.174,-1.09733 2.02667,-2.15933 2.558,-3.186c0.39133,-0.75533 0.587,-1.47 0.587,-2.144zM191.252,255.616c0,3.128 -0.76,6.15967 -2.28,9.095c-1.33067,2.57067 -3.21767,4.998 -5.661,7.282c-2.18733,2.04333 -4.80333,3.956 -7.848,5.738c-2.868,1.678 -6.085,3.22167 -9.651,4.631c-3.478,1.37467 -7.23367,2.60067 -11.267,3.678c-4.02067,1.07333 -8.24867,1.98067 -12.684,2.722c-9.14867,1.52933 -18.715,2.294 -28.699,2.294c-9.98207,0 -19.54663,-0.76467 -28.6937,-2.294c-4.4352,-0.74133 -8.66273,-1.649 -12.6826,-2.723c-4.03327,-1.07667 -7.78853,-2.30233 -11.2658,-3.677c-3.5656,-1.40933 -6.7825,-2.95333 -9.6507,-4.632c-3.04447,-1.78133 -5.66007,-3.69367 -7.8468,-5.737c-2.4438,-2.284 -4.331,-4.71133 -5.6616,-7.282c-1.51947,-2.93533 -2.2792,-5.967 -2.2792,-9.095c0,-3.12667 0.7599,-6.15767 2.2797,-9.093c1.3306,-2.56933 3.21777,-4.99567 5.6615,-7.279c2.1866,-2.04333 4.80203,-3.95567 7.8463,-5.737c2.86813,-1.67867 6.08487,-3.22267 9.6502,-4.632c3.47733,-1.37533 7.23257,-2.60167 11.2657,-3.679c4.02007,-1.074 8.2476,-1.982 12.6826,-2.724c9.14807,-1.53067 18.71287,-2.296 28.6944,-2.296c9.98333,0 19.54967,0.76533 28.699,2.296c4.436,0.742 8.66433,1.65 12.685,2.724c4.03333,1.07733 7.78867,2.30367 11.266,3.679c3.566,1.40933 6.783,2.95333 9.651,4.632c3.04467,1.78133 5.66033,3.69367 7.847,5.737c2.444,2.28333 4.33133,4.70967 5.662,7.279c1.52,2.93533 2.28,5.96633 2.28,9.093z"
  31 + />
  32 + <path
  33 + id="椭圆形"
  34 + style="fill: url(#linear_3); opacity: 100"
  35 + d="M215.49,294.977c0,-1.79467 -0.47533,-3.614 -1.426,-5.458c-1.07467,-2.08467 -2.72567,-4.17233 -4.953,-6.263c-2.398,-2.25067 -5.378,-4.42267 -8.94,-6.516c-3.67533,-2.15933 -7.86867,-4.17433 -12.58,-6.045c-4.79867,-1.90533 -10.02367,-3.616 -15.675,-5.132c-5.75733,-1.54467 -11.83667,-2.85467 -18.238,-3.93c-6.55067,-1.1 -13.31567,-1.93367 -20.295,-2.501c-7.178,-0.58333 -14.46567,-0.875 -21.863,-0.875c-7.396,0 -14.68253,0.29167 -21.8596,0.875c-6.9786,0.56733 -13.74263,1.401 -20.2921,2.501c-6.4008,1.07533 -12.47963,2.38533 -18.2365,3.93c-5.65067,1.516 -10.87547,3.22667 -15.6744,5.132c-4.71073,1.87067 -8.9035,3.88567 -12.5783,6.045c-3.56193,2.09333 -6.54197,4.26533 -8.9401,6.516c-2.22753,2.09067 -3.87861,4.17833 -4.95323,6.263c-0.95051,1.844 -1.42577,3.66333 -1.42577,5.458c0,1.79533 0.47526,3.615 1.42577,5.459c1.07462,2.084 2.7257,4.17133 4.95323,6.262c2.39813,2.25133 5.37817,4.42367 8.9401,6.517c3.6748,2.15933 7.86757,4.17433 12.5783,6.045c4.79893,1.90533 10.02373,3.616 15.6744,5.132c5.75687,1.544 11.8357,2.85367 18.2365,3.929c6.5494,1.1 13.31343,1.93367 20.2921,2.501c7.17707,0.58333 14.4636,0.875 21.8596,0.875c7.39733,0 14.685,-0.29167 21.863,-0.875c6.97933,-0.56733 13.74433,-1.401 20.295,-2.501c6.40133,-1.07533 12.48067,-2.385 18.238,-3.929c5.65133,-1.516 10.87633,-3.22667 15.675,-5.132c4.71133,-1.87067 8.90467,-3.886 12.58,-6.046c3.562,-2.09267 6.542,-4.26467 8.94,-6.516c2.22733,-2.09067 3.87833,-4.178 4.953,-6.262c0.95067,-1.844 1.426,-3.66367 1.426,-5.459zM230.61,294.977c0,4.24067 -1.03567,8.36967 -3.107,12.387c-1.87,3.62733 -4.55167,7.08033 -8.045,10.359c-3.21867,3.02133 -7.09433,5.86367 -11.627,8.527c-4.34267,2.552 -9.22933,4.906 -14.66,7.062c-5.34267,2.12133 -11.122,4.01567 -17.338,5.683c-6.22333,1.67 -12.77367,3.08233 -19.651,4.237c-6.97467,1.172 -14.166,2.059 -21.574,2.661c-7.586,0.616 -15.282,0.924 -23.088,0.924c-7.80507,0 -15.4999,-0.308 -23.0845,-0.924c-7.40747,-0.602 -14.5981,-1.489 -21.5719,-2.661c-6.8768,-1.15467 -13.4267,-2.567 -19.6497,-4.237c-6.21533,-1.66733 -11.9941,-3.56167 -17.3363,-5.683c-5.4304,-2.156 -10.3168,-4.51 -14.6592,-7.062c-4.53237,-2.66333 -8.40797,-5.50567 -11.62682,-8.527c-3.49333,-3.27867 -6.17502,-6.73167 -8.04508,-10.359c-2.071,-4.01733 -3.1065,-8.14633 -3.1065,-12.387c0,-4.24 1.0355,-8.36867 3.1065,-12.386c1.87006,-3.628 4.55175,-7.08133 8.04508,-10.36c3.21885,-3.02067 7.09446,-5.863 11.62682,-8.527c4.3424,-2.552 9.2288,-4.906 14.6592,-7.062c5.34227,-2.12133 11.12103,-4.01567 17.3363,-5.683c6.22307,-1.66933 12.77297,-3.08167 19.6497,-4.237c6.9738,-1.17133 14.16443,-2.058 21.5719,-2.66c7.5846,-0.61667 15.27943,-0.925 23.0845,-0.925c7.806,0 15.502,0.30833 23.088,0.925c7.408,0.602 14.59933,1.48867 21.574,2.66c6.87733,1.15533 13.42767,2.56767 19.651,4.237c6.216,1.66733 11.99533,3.56167 17.338,5.683c5.43067,2.156 10.31733,4.51 14.66,7.062c4.53267,2.664 8.40833,5.50633 11.627,8.527c3.49333,3.27867 6.175,6.732 8.045,10.36c2.07133,4.01733 3.107,8.146 3.107,12.386z"
  36 + />
  37 + </g>
  38 + </g>
  39 + <defs>
  40 + <linearGradient
  41 + id="decorates12_linear_0"
  42 + x1="50%"
  43 + y1="11.74083535829661%"
  44 + x2="51%"
  45 + y2="97.23011363636364%"
  46 + gradientUnits="objectBoundingBox"
  47 + >
  48 + <stop offset="0" :stop-color="attribute.bgColor1" stop-opacity="0" />
  49 + <stop offset="1" :stop-color="attribute.bgColor1" stop-opacity="1" />
  50 + </linearGradient>
  51 + <linearGradient
  52 + id="decorates12_linear_1"
  53 + x1="50%"
  54 + y1="10.347697845478384%"
  55 + x2="51%"
  56 + y2="97.23011363636364%"
  57 + gradientUnits="objectBoundingBox"
  58 + >
  59 + <stop offset="0" :stop-color="attribute.bgColor1" stop-opacity="0" />
  60 + <stop offset="0.5286331641542819" :stop-color="attribute.bgColor1" stop-opacity="0.53" />
  61 + <stop offset="1" :stop-color="attribute.bgColor1" stop-opacity="1" />
  62 + </linearGradient>
  63 + <linearGradient
  64 + id="linear_2"
  65 + x1="50%"
  66 + y1="11.147280092598066%"
  67 + x2="51%"
  68 + y2="39.858217592598066%"
  69 + gradientUnits="objectBoundingBox"
  70 + >
  71 + <stop offset="0" :stop-color="attribute.bgColor1" stop-opacity="1" />
  72 + <stop offset="1" :stop-color="attribute.bgColor1" stop-opacity="1" />
  73 + </linearGradient>
  74 + <linearGradient
  75 + id="linear_3"
  76 + x1="50%"
  77 + y1="12.028811281136091%"
  78 + x2="51%"
  79 + y2="39.57430808169881%"
  80 + gradientUnits="objectBoundingBox"
  81 + >
  82 + <stop offset="0" :stop-color="attribute.bgColor2" stop-opacity="0.15" />
  83 + <stop offset="1" :stop-color="attribute.bgColor1" stop-opacity="1" />
  84 + </linearGradient>
  85 + </defs>
  86 + </svg>
  87 + </div>
  88 +</template>
  89 +<script setup lang="ts">
  90 +import { PropType, toRefs } from 'vue'
  91 +import { CreateComponentType } from '@/packages/index.d'
  92 +
  93 +const props = defineProps({
  94 + chartConfig: {
  95 + type: Object as PropType<CreateComponentType>,
  96 + required: true
  97 + }
  98 +})
  99 +
  100 +const { attribute } = toRefs(props.chartConfig.option)
  101 +
  102 +const { w, h } = toRefs(props.chartConfig.attr)
  103 +</script>
  104 +
  105 +<style lang="scss" scoped>
  106 +.go-content-box {
  107 + width: v-bind('w+"px"');
  108 + height: v-bind('h+"px"');
  109 + display: flex;
  110 + align-items: center;
  111 + justify-content: center;
  112 +}
  113 +</style>
... ...
... ... @@ -39,6 +39,7 @@ import { Decorates08Config } from '@/packages/components/external/Decorates/Deco
39 39 import { Decorates09Config } from '@/packages/components/external/Decorates/Decorates/Decorates09'
40 40 import { Decorates10Config } from '@/packages/components/external/Decorates/Decorates/Decorates10'
41 41 import { Decorates11Config } from '@/packages/components/external/Decorates/Decorates/Decorates11'
  42 +import { Decorates12Config } from '@/packages/components/external/Decorates/Decorates/Decorates12'
42 43 import { CameraConfig } from '@/packages/components/external/Informations/Mores/Camera'
43 44 import { SingleCameraConfig } from '@/packages/components/external/Informations/Mores/SingleCamera'
44 45 import { OverrideILoadConfigurationframeConfig } from '@/packages/components/external/Informations/Mores/OverrideILoadConfigurationframe'
... ... @@ -69,6 +70,7 @@ export function useInjectLib(packagesList: EPackagesType) {
69 70 addWidgetToCategoryByCategoryName(packagesList, PackagesCategoryEnum.DECORATES, Decorates09Config)//新增装饰09
70 71 addWidgetToCategoryByCategoryName(packagesList, PackagesCategoryEnum.DECORATES, Decorates10Config)//新增装饰10
71 72 addWidgetToCategoryByCategoryName(packagesList, PackagesCategoryEnum.DECORATES, Decorates11Config)//新增装饰11
  73 + addWidgetToCategoryByCategoryName(packagesList, PackagesCategoryEnum.DECORATES, Decorates12Config)//新增装饰12
72 74 //
73 75
74 76 //信息
... ...