build: v3.1.1

Author: Qiu-Jun

lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "color-gradient-picker-vue3",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "type": "module",
   "author": "June",
   "description": "A modern color and gradient picker component for Vue 3 with TypeScript support",

lib/src/App.vue

@@ -11,7 +11,7 @@
     <ColorPicker
       v-model:value="curColor"
       :preset-colors="presetColors"
-      :width="300"
+      :width="320"
       @change="onChange"
     />
 

lib/src/components/ColorPicker/components/GradientBar.vue

@@ -30,7 +30,6 @@
 
 <script lang="ts" setup>
 import { getHandleValue } from '@/utils/utils'
-import { throttle } from 'lodash-es'
 
 const { colorState, handleGradient, addPoint, setSelectColorIdx } = inject(
   'colorProvider',

lib/src/components/ColorPicker/components/Operation.vue

@@ -35,7 +35,7 @@
           @click="toggleShowAdvancedControl"
         />
       </div> -->
-      <div class="cpg-controls-item-btn cpg-cursor-pointer">
+      <!-- <div class="cpg-controls-item-btn cpg-cursor-pointer">
         <span
           :class="
             showInputTypes
@@ -45,7 +45,7 @@
           icon=""
           @click="handleXise"
         />
-      </div>
+      </div> -->
       <div
         class="cpg-controls-item-btn cpg-cursor-pointer"
         :class="{ 'cpg-control-active': showInputTypes }"
@@ -113,7 +113,7 @@ const handleXise = debounce(function () {
     return
   }
   const root = document.getElementById('app')
-  console.log(root, 'xxxxsss')
+
   html2canvas(root!).then((canvas: any) => {
     const blankCanvas = document.createElement('canvas')
     const ctx = blankCanvas.getContext('2d', { willReadFrequently: true })

lib/src/constants/index.ts

@@ -10,8 +10,8 @@ import { InputType } from '@/enums'
 export const inputTypes: InputType[] = [
   InputType.rgb,
   InputType.hsl,
-  InputType.hsv,
-  InputType.cmyk,
+  // InputType.hsv,
+  // InputType.cmyk,
 ]
 
 export const config = {