feat: 添加color-picker组件透明度属性

src/views/components/FileProps.vue

@@ -54,6 +54,7 @@
             <t-color-picker
               class="w-full"
               format="CSS"
+              :enable-alpha="true"
               :color-modes="['monochrome']"
               :show-primary-color-preview="false"
               :value="data.meta2dData.background"

src/views/components/PenProps.vue

@@ -178,6 +178,7 @@
                   <t-color-picker
                     class="simple mt-8 mr-4"
                     format="CSS"
+                    :enable-alpha="true"
                     :color-modes="['monochrome']"
                     :show-primary-color-preview="false"
                     v-model="data.pen.hoverColor"
@@ -188,6 +189,7 @@
                   <t-color-picker
                     class="simple mt-8 mr-4"
                     format="CSS"
+                    :enable-alpha="true"
                     :color-modes="['monochrome']"
                     :show-primary-color-preview="false"
                     v-model="data.pen.activeColor"
@@ -452,6 +454,7 @@
                       v-if="data.pen.shadow"
                       class="simple"
                       format="CSS"
+                      :enable-alpha="true"
                       :color-modes="['monochrome']"
                       :show-primary-color-preview="false"
                       v-model="data.pen.shadowColor"
@@ -633,6 +636,7 @@
                   <t-color-picker
                     class="simple mt-8 mr-4"
                     format="CSS"
+                    :enable-alpha="true"
                     :color-modes="['monochrome']"
                     :show-primary-color-preview="false"
                     v-model="data.pen.textBackground"
@@ -643,6 +647,7 @@
                   <t-color-picker
                     class="simple mt-8 mr-4"
                     format="CSS"
+                    :enable-alpha="true"
                     :color-modes="['monochrome']"
                     :show-primary-color-preview="false"
                     v-model="data.pen.hoverTextColor"
@@ -653,6 +658,7 @@
                   <t-color-picker
                     class="simple mt-8 mr-4"
                     format="CSS"
+                    :enable-alpha="true"
                     :color-modes="['monochrome']"
                     :show-primary-color-preview="false"
                     v-model="data.pen.activeTextColor"
@@ -894,6 +900,7 @@
                   <t-color-picker
                     class="w-full"
                     v-else-if="item.type === 'color'"
+                    :enable-alpha="true"
                     format="CSS"
                     :color-modes="['monochrome']"
                     :show-primary-color-preview="false"

src/views/components/PensProps.vue

@@ -128,6 +128,7 @@
                   <t-color-picker
                     class="simple mt-8 mr-4"
                     format="CSS"
+                    :enable-alpha="true"
                     :color-modes="['monochrome']"
                     :show-primary-color-preview="false"
                     v-model="data.hoverColor"
@@ -138,6 +139,7 @@
                   <t-color-picker
                     class="simple mt-8 mr-4"
                     format="CSS"
+                    :enable-alpha="true"
                     :color-modes="['monochrome']"
                     :show-primary-color-preview="false"
                     v-model="data.activeColor"
@@ -354,6 +356,7 @@
                       <t-color-picker
                         class="w-full"
                         format="CSS"
+                        :enable-alpha="true"
                         :color-modes="['linear-gradient']"
                         :show-primary-color-preview="false"
                         v-model="data.gradientColors"
@@ -364,6 +367,7 @@
                       <t-color-picker
                         class="simple"
                         format="CSS"
+                        :enable-alpha="true"
                         :color-modes="['linear-gradient']"
                         :show-primary-color-preview="false"
                         v-model="data.gradientColors"
@@ -396,6 +400,7 @@
                       v-if="data.shadow"
                       class="simple"
                       format="CSS"
+                      :enable-alpha="true"
                       :color-modes="['monochrome']"
                       :show-primary-color-preview="false"
                       v-model="data.shadowColor"
@@ -572,6 +577,7 @@
                   <label style="width: 44px">前景</label>
                   <t-color-picker
                     class="simple mt-8 mr-4"
+                    :enable-alpha="true"
                     format="CSS"
                     :color-modes="['monochrome']"
                     :show-primary-color-preview="false"
@@ -582,6 +588,7 @@
 
                   <t-color-picker
                     class="simple mt-8 mr-4"
+                    :enable-alpha="true"
                     format="CSS"
                     :color-modes="['monochrome']"
                     :show-primary-color-preview="false"
@@ -593,6 +600,7 @@
                   <t-color-picker
                     class="simple mt-8 mr-4"
                     format="CSS"
+                    :enable-alpha="true"
                     :color-modes="['monochrome']"
                     :show-primary-color-preview="false"
                     v-model="data.activeColor"