fix: colorPicker添加透明

app/web/page/editor/component/DynamicForm/component/ColorSelector/index.vue

 <template>
   <div class="color-selector">
     <Input class="color-selector-input" v-model="color" placeholder="请输入" @input="change"></Input>
-    <ColorPicker placement="bottom-end" v-model="color" @on-active-change="change($event)" @on-change="change($event)" />
+    <ColorPicker placement="bottom-end" v-model="color" alpha @on-active-change="change($event)" @on-change="change($event)" />
   </div>
 </template>
 <script>
@@ -35,6 +35,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
+
     &-input {
       width: 100px !important;
       flex-basis: 100px !important;

package-lock.json

@@ -1491,9 +1491,9 @@
       "integrity": "sha512-uOCUKu5mvX3PWee+7ZFXQSNIR1V5SN2JVE2yANmW9/wQOgpEct291gXGok8VMw0009HlTWB4JATURPwyOP2DFg=="
     },
     "@qg/cherry-ui": {
-      "version": "2.21.1-beta4",
-      "resolved": "http://npmprivate.quantgroups.com/@qg%2fcherry-ui/-/cherry-ui-2.21.1-beta4.tgz",
-      "integrity": "sha512-xLnvEA1PZWmBWQZX/sVgm3dv+tBvyBEZFdNFmXBe66Qd+TeL6p2dNKhDS0q+uP0O2XEP38rsv2hk3MMCddpQ2w==",
+      "version": "2.21.1-beta5",
+      "resolved": "http://npmprivate.quantgroups.com/@qg%2fcherry-ui/-/cherry-ui-2.21.1-beta5.tgz",
+      "integrity": "sha512-C43ydazyjqmsrq2uYJ2prcksnSTmeMyoracVw5dcyV1S9GGQku7C6CmpV1KXXpXiR6HLrXb7HcLyzgrCf/DzUA==",
       "requires": {
         "@popperjs/core": "^2.5.4",
         "vue-lazyload": "^1.3.3",
@@ -1501,12 +1501,12 @@
       }
     },
     "@qg/citrus-ui": {
-      "version": "0.1.15-beta2",
-      "resolved": "http://npmprivate.quantgroups.com/@qg%2fcitrus-ui/-/citrus-ui-0.1.15-beta2.tgz",
-      "integrity": "sha512-DBEhmaQFZAxSFDu9I6534BFByDvk7NMtBrDuFBvRm6DurIdxZrDk9WpnySgUiWymhWUKzoisR265EYXeOaYBiQ==",
+      "version": "0.1.15-beta3",
+      "resolved": "http://npmprivate.quantgroups.com/@qg%2fcitrus-ui/-/citrus-ui-0.1.15-beta3.tgz",
+      "integrity": "sha512-TDTj991UndKulkfDn4jLwIp9vshcte2VpG1XHtJaqtqy6ypqW3VmvpuZnGp+rV5+SbFLFPriPvfcwZXxUXv0Pw==",
       "requires": {
         "@better-scroll/core": "^2.1.1",
-        "@qg/cherry-ui": "^2.21.1-beta4",
+        "@qg/cherry-ui": "^2.21.1-beta5",
         "@qg/js-bridge": "^1.1.11",
         "axios": "^0.21.1",
         "intersection-observer": "^0.12.0",
@@ -20135,9 +20135,9 @@
       "integrity": "sha1-8z/pz7Urv9UgqhgyO8ZdsRCht2w="
     },
     "rollup": {
-      "version": "2.52.1",
-      "resolved": "http://npmprivate.quantgroups.com/rollup/-/rollup-2.52.1.tgz",
-      "integrity": "sha512-/SPqz8UGnp4P1hq6wc9gdTqA2bXQXGx13TtoL03GBm6qGRI6Hm3p4Io7GeiHNLl0BsQAne1JNYY+q/apcY933w==",
+      "version": "2.52.2",
+      "resolved": "http://npmprivate.quantgroups.com/rollup/-/rollup-2.52.2.tgz",
+      "integrity": "sha512-4RlFC3k2BIHlUsJ9mGd8OO+9Lm2eDF5P7+6DNQOp5sx+7N/1tFM01kELfbxlMX3MxT6owvLB1ln4S3QvvQlbUA==",
       "requires": {
         "fsevents": "~2.3.2"
       }

package.json

@@ -26,8 +26,8 @@
     "@easy-team/easywebpack-vue": "^4.0.0",
     "@hubcarl/json-typescript-mapper": "^2.0.0",
     "@qg/apollo-nodejs": "^2.1.2",
-    "@qg/cherry-ui": "2.21.1-beta4",
-    "@qg/citrus-ui": "0.1.15-beta2",
+    "@qg/cherry-ui": "2.21.1-beta5",
+    "@qg/citrus-ui": "0.1.15-beta3",
     "@riophae/vue-treeselect": "^0.4.0",
     "@types/lodash": "^4.14.117",
     "@types/node": "^10.12.0",