From 7d744bb621f4757a4570254773ad25917187e767 Mon Sep 17 00:00:00 2001
From: MTrun <1262327911@qq.com>
Date: Sat, 26 Mar 2022 21:46:41 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=96=B0=E5=A2=9E=E8=BE=B9=E6=A1=866?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../images/chart/decorates/border06.png       | Bin 0 -> 2881 bytes
 .../Decorates/Borders/Border05/config.ts      |   5 --
 .../Decorates/Borders/Border06/config.ts      |  14 +++
 .../Decorates/Borders/Border06/config.vue     |  42 +++++++++
 .../Decorates/Borders/Border06/index.ts       |  14 +++
 .../Decorates/Borders/Border06/index.vue      |  80 ++++++++++++++++++
 .../components/Decorates/Borders/index.ts     |   4 +-
 7 files changed, 153 insertions(+), 6 deletions(-)
 create mode 100644 src/assets/images/chart/decorates/border06.png
 create mode 100644 src/packages/components/Decorates/Borders/Border06/config.ts
 create mode 100644 src/packages/components/Decorates/Borders/Border06/config.vue
 create mode 100644 src/packages/components/Decorates/Borders/Border06/index.ts
 create mode 100644 src/packages/components/Decorates/Borders/Border06/index.vue

diff --git a/src/assets/images/chart/decorates/border06.png b/src/assets/images/chart/decorates/border06.png
new file mode 100644
index 0000000000000000000000000000000000000000..5beb77dcabd87a9ff5b56335970b6dd711ce514e
GIT binary patch
literal 2881
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
Y;=~^=5kh+ZvG!9-bnznGz#UBZ7ZOm|WdHyG

literal 0
HcmV?d00001

diff --git a/src/packages/components/Decorates/Borders/Border05/config.ts b/src/packages/components/Decorates/Borders/Border05/config.ts
index 10cbf28b..b4ddb1b3 100644
--- a/src/packages/components/Decorates/Borders/Border05/config.ts
+++ b/src/packages/components/Decorates/Borders/Border05/config.ts
@@ -4,11 +4,6 @@ import { Border05Config } from './index'
 import cloneDeep from 'lodash/cloneDeep'
 
 export const option = {
-  borderTitle: '边框-04',
-  borderTitleWidth: 250,
-  borderTitleHeight: 32,
-  borderTitleSize: 18,
-  borderTitleColor: '#fff',
   colors: ['#1d48c4', '#d3e1f8']
 }
 
diff --git a/src/packages/components/Decorates/Borders/Border06/config.ts b/src/packages/components/Decorates/Borders/Border06/config.ts
new file mode 100644
index 00000000..003d026f
--- /dev/null
+++ b/src/packages/components/Decorates/Borders/Border06/config.ts
@@ -0,0 +1,14 @@
+import { publicConfig } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { Border06Config } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+export const option = {
+  colors: ['#3140ad', '#1089ff']
+}
+
+export default class Config extends publicConfig implements CreateComponentType {
+  public key = Border06Config.key
+  public chartConfig = cloneDeep(Border06Config)
+  public option = option
+}
diff --git a/src/packages/components/Decorates/Borders/Border06/config.vue b/src/packages/components/Decorates/Borders/Border06/config.vue
new file mode 100644
index 00000000..5657b6a0
--- /dev/null
+++ b/src/packages/components/Decorates/Borders/Border06/config.vue
@@ -0,0 +1,42 @@
+<template>
+  <CollapseItem name="边框" :expanded="true">
+    <SettingItemBox
+      :name="`颜色-${index + 1}`"
+      v-for="(item, index) in optionData.colors"
+      :key="index"
+    >
+      <SettingItem name="颜色">
+        <n-color-picker
+          size="small"
+          :modes="['hex']"
+          v-model:value="optionData.colors[index]"
+        ></n-color-picker>
+      </SettingItem>
+      <SettingItem>
+        <n-button
+          size="small"
+          @click="optionData.colors[index] = option.colors[index]"
+        >
+          恢复默认
+        </n-button>
+      </SettingItem>
+    </SettingItemBox>
+  </CollapseItem>
+</template>
+
+<script setup lang="ts">
+import { PropType } from 'vue'
+import {
+  CollapseItem,
+  SettingItemBox,
+  SettingItem
+} from '@/components/ChartItemSetting/index'
+import { option } from './config'
+
+const props = defineProps({
+  optionData: {
+    type: Object as PropType<typeof option>,
+    required: true
+  }
+})
+</script>
diff --git a/src/packages/components/Decorates/Borders/Border06/index.ts b/src/packages/components/Decorates/Borders/Border06/index.ts
new file mode 100644
index 00000000..cb73818e
--- /dev/null
+++ b/src/packages/components/Decorates/Borders/Border06/index.ts
@@ -0,0 +1,14 @@
+import image from '@/assets/images/chart/decorates/border06.png'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const Border06Config: ConfigType = {
+  key: 'Border06',
+  chartKey: 'VBorder06',
+  conKey: 'VCBorder06',
+  title: '边框-06',
+  category: ChatCategoryEnum.BORDER,
+  categoryName: ChatCategoryEnumName.BORDER,
+  package: PackagesCategoryEnum.DECORATES,
+  image
+}
diff --git a/src/packages/components/Decorates/Borders/Border06/index.vue b/src/packages/components/Decorates/Borders/Border06/index.vue
new file mode 100644
index 00000000..98865939
--- /dev/null
+++ b/src/packages/components/Decorates/Borders/Border06/index.vue
@@ -0,0 +1,80 @@
+<template>
+  <div
+    class="go-border-box"
+    :style="`box-shadow: inset 0 0 40px ${colors[0]}; border: 1px solid ${colors[1]};`"
+  >
+    <svg :width="w" :height="h">
+      <polyline
+        class="go-border-line-w-2"
+        :stroke="colors[0]"
+        :points="`0, 25 0, 0 25, 0`"
+      />
+      <polyline
+        class="go-border-line-w-2"
+        :stroke="colors[0]"
+        :points="`${w - 25}, 0 ${w}, 0 ${w}, 25`"
+      />
+      <polyline
+        class="go-border-line-w-2"
+        :stroke="colors[0]"
+        :points="`${w - 25}, ${h} ${w}, ${h} ${w}, ${h - 25}`"
+      />
+      <polyline
+        class="go-border-line-w-2"
+        :stroke="colors[0]"
+        :points="`0, ${h - 25} 0, ${h} 25, ${h}`"
+      />
+
+      <polyline
+        class="go-border-line-w-5"
+        :stroke="colors[1]"
+        :points="`0, 10 0, 0 10, 0`"
+      />
+      <polyline
+        class="go-border-line-w-5"
+        :stroke="colors[1]"
+        :points="`${w - 10}, 0 ${w}, 0 ${w}, 10`"
+      />
+      <polyline
+        class="go-border-line-w-5"
+        :stroke="colors[1]"
+        :points="`${w - 10}, ${h} ${w}, ${h} ${w}, ${h - 10}`"
+      />
+      <polyline
+        class="go-border-line-w-5"
+        :stroke="colors[1]"
+        :points="`0, ${h - 10} 0, ${h} 10, ${h}`"
+      />
+    </svg>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { PropType, ref, toRefs } from 'vue'
+import { CreateComponentType } from '@/packages/index.d'
+
+const props = defineProps({
+  chartConfig: {
+    type: Object as PropType<CreateComponentType>,
+    required: true
+  }
+})
+
+const { w, h } = toRefs(props.chartConfig.attr)
+const { colors } = toRefs(props.chartConfig.option)
+</script>
+
+<style lang="scss" scoped>
+@include go('border-box') {
+  polyline {
+    fill: none;
+    stroke-linecap: round;
+  }
+  .go-border-line-w-2 {
+    stroke-width: 2;
+  }
+  .go-border-line-w-5 {
+    stroke-width: 5;
+  }
+}
+</style>
diff --git a/src/packages/components/Decorates/Borders/index.ts b/src/packages/components/Decorates/Borders/index.ts
index f48c1327..e7a6a4da 100644
--- a/src/packages/components/Decorates/Borders/index.ts
+++ b/src/packages/components/Decorates/Borders/index.ts
@@ -3,11 +3,13 @@ import { Border02Config } from './Border02/index'
 import { Border03Config } from './Border03/index'
 import { Border04Config } from './Border04/index'
 import { Border05Config } from './Border05/index'
+import { Border06Config } from './Border06/index'
 
 export default [
   Border01Config,
   Border02Config,
   Border03Config,
   Border04Config,
-  Border05Config
+  Border05Config,
+  Border06Config
 ]