update dist and lib

lib/components/borderBox1/src/main.vue

@@ -8,36 +8,36 @@
       :class="`${item} border`"
     >
       <polygon
-        fill="#4fd2dd"
+        :fill="mergedColor[0]"
         points="6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63"
       >
         <animate
           attributeName="fill"
-          values="#4fd2dd;#235fa7;#4fd2dd"
+          :values="`${mergedColor[0]};${mergedColor[1]};${mergedColor[0]}`"
           dur="0.5s"
           begin="0s"
           repeatCount="indefinite"
         />
       </polygon>
       <polygon
-        fill="#235fa7"
+        :fill="mergedColor[1]"
         points="27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8"
       >
         <animate
           attributeName="fill"
-          values="#235fa7;#4fd2dd;#235fa7"
+          :values="`${mergedColor[1]};${mergedColor[0]};${mergedColor[1]}`"
           dur="0.5s"
           begin="0s"
           repeatCount="indefinite"
         />
       </polygon>
       <polygon
-        fill="#4fd2dd"
+        :fill="mergedColor[0]"
         points="9,54 9,63 7.199999999999999,66 7.199999999999999,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54"
       >
         <animate
           attributeName="fill"
-          values="#4fd2dd;#235fa7;transparent"
+          :values="`${mergedColor[0]};${mergedColor[1]};transparent`"
           dur="1s"
           begin="0s"
           repeatCount="indefinite"
@@ -52,12 +52,45 @@
 </template>
 
 <script>
+import { deepMerge } from '@jiaminghi/charts/lib/util/index'
+
+import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
+
 export default {
   name: 'DvBorderBox1',
+  props: {
+    color: {
+      type: Array,
+      default: () => ([])
+    }
+  },
   data () {
     return {
-      border: ['left-top', 'right-top', 'left-bottom', 'right-bottom']
+      border: ['left-top', 'right-top', 'left-bottom', 'right-bottom'],
+
+      defaultColor: ['#4fd2dd', '#235fa7'],
+
+      mergedColor: []
     }
+  },
+  watch: {
+    color () {
+      const { mergeColor } = this
+
+      mergeColor()
+    }
+  },
+  methods: {
+    mergeColor () {
+      const { color, defaultColor } = this
+
+      this.mergedColor = deepMerge(deepClone(defaultColor, true), color || [])
+    }
+  },
+  mounted () {
+    const { mergeColor } = this
+
+    mergeColor()
   }
 }
 </script>