build: build version v2.0.3

Author: aesoper101

packages/ColorPicker.vue

@@ -67,8 +67,8 @@
     disableAlpha: propTypes.bool.def(false),
     disableHistory: propTypes.bool.def(false),
     roundHistory: propTypes.bool.def(false),
-    useType: propTypes.oneOf(["single", "gradient", "both"]).def("single"),
-    activeKey: propTypes.oneOf(["single", "gradient"]).def("single"),
+    useType: propTypes.oneOf(["pure", "gradient", "both"]).def("pure"),
+    activeKey: propTypes.oneOf(["pure", "gradient"]).def("pure"),
     lang: {
       type: String as PropType<SupportLang>,
       default: "ZH-cn",
@@ -93,7 +93,7 @@
     setup(props, { emit }) {
       const state = reactive({
         pureColor: props.pureColor || "",
-        activeKey: props.useType === "gradient" ? "gradient" : "single", //  "single" | "gradient"
+        activeKey: props.useType === "gradient" ? "gradient" : "pure", //  "pure" | "gradient"
         isAdvanceMode: false,
       });
 
@@ -342,7 +342,7 @@
           if (state.activeKey !== "gradient" && value === "gradient") {
             state.activeKey = "gradient";
           } else {
-            state.activeKey = "single";
+            state.activeKey = "pure";
           }
         }
       );

packages/common/WrapContainer.vue

@@ -7,10 +7,10 @@
             :class="[
               'vc-colorpicker--tabs__btn',
               {
-                'vc-btn-active': state.activeKey === 'single',
+                'vc-btn-active': state.activeKey === 'pure',
               },
             ]"
-            @click="onActiveKeyChange('single')"
+            @click="onActiveKeyChange('pure')"
           >
             <button>
               <div class="vc-btn__content">{{ lang === "ZH-cn" ? "纯色" : "Pure" }}</div>
@@ -53,7 +53,7 @@
     name: "WrapContainer",
     props: {
       showTab: propTypes.bool.def(false),
-      activeKey: propTypes.oneOf(["single", "gradient"]).def("single"),
+      activeKey: propTypes.oneOf(["pure", "gradient"]).def("pure"),
     },
     emits: ["update:activeKey", "change"],
     setup(props, { emit }) {

src/stories/ColorPicker.stories.ts

@@ -56,12 +56,12 @@ export default {
     },
     useType: {
       type: "string",
-      description: "single| gradient | both",
+      description: "pure | gradient | both",
       control: { type: "select" },
-      options: ["single", "gradient", "both"],
+      options: ["pure", "gradient", "both"],
       table: {
         defaultValue: {
-          summary: "single",
+          summary: "pure",
         },
       },
     },