fix: 修改图表数据接口的hooks

src/packages/components/Decorates/Borders/borderCommon/index.vue

@@ -1,13 +1,70 @@
 <template>
-  <div>
-    边框
-  </div>
+<div></div>
+  <!-- <div class="bv-border-box-13" ref="domRef">
+    <svg class="bv-border-svg-container" :width="width" :height="height">
+      <path
+        :fill="backgroundColor"
+        :stroke="mergedColor[0]"
+        :d="`
+          M 5 20 L 5 10 L 12 3  L 60 3 L 68 10
+          L ${width - 20} 10 L ${width - 5} 25
+          L ${width - 5} ${height - 5} L 20 ${height - 5}
+          L 5 ${height - 20} L 5 20
+        `"
+      />
+
+      <path
+        fill="transparent"
+        stroke-width="3"
+        stroke-linecap="round"
+        stroke-dasharray="10, 5"
+        :stroke="mergedColor[0]"
+        :d="`M 16 9 L 61 9`"
+      />
+
+      <path
+        fill="transparent"
+        :stroke="mergedColor[1]"
+        :d="`M 5 20 L 5 10 L 12 3  L 60 3 L 68 10`"
+      />
+
+      <path
+        fill="transparent"
+        :stroke="mergedColor[1]"
+        :d="`M ${width - 5} ${height - 30} L ${width - 5} ${height - 5} L ${
+          width - 30
+        } ${height - 5}`"
+      />
+    </svg>
+
+    <div class="border-box-content">
+      <slot></slot>
+    </div>
+  </div> -->
 </template>
 
 <script setup lang="ts">
+// import { useBorderBox } from '@/hooks'
+// const props = defineProps({
+//   width: {
+//     type: Number,
+//     default: 200
+//   },
+//   height: {
+//     type: Number,
+//     default: 200
+//   },
+//   color: {
+//     type: Array,
+//     default: () => []
+//   },
+//   backgroundColor: {
+//     type: String,
+//     default: 'transparent'
+//   }
+// })
 
+//  const {defaultColor, mergedColor} = useBorderBox(props, ['#6586ec', '#2cf7fe'])
 </script>
 
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>