bkui-vue 2.0.1-beta.112 → 2.0.1-beta.113

package/lib/collapse-transition/index.js

@@ -38,7 +38,7 @@ const shared_namespaceObject = x({ ["withInstall"]: () => __WEBPACK_EXTERNAL_MOD
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps });
+const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps });
 ;// CONCATENATED MODULE: external "../config-provider"
 var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var config_provider_y = x => () => x
@@ -71,8 +71,7 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
  * IN THE SOFTWARE.
  */
 
-
-/* harmony default export */ const collapse_transition = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const collapse_transition = (defineComponent({
   name: 'CollapseTransition',
   setup: function setup(_props, _ref) {
     var slots = _ref.slots;
@@ -135,7 +134,7 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
   render: function render() {
     var _this = this;
     var name = this.resolveClassName('collapse-transition');
-    return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Transition, (0,external_vue_namespaceObject.mergeProps)({
+    return (0,external_vue_namespaceObject.createVNode)(Transition, (0,external_vue_namespaceObject.mergeProps)({
       "name": name
     }, this.on), {
       "default": function _default() {

package/lib/color-picker/color-picker.d.ts

@@ -162,9 +162,9 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
     extCls: string;
-    size: "" | "small" | "large";
     disabled: boolean;
     showOnInit: boolean;
+    size: "" | "small" | "large";
     transfer: boolean;
     readonly: boolean;
     modelValue: string;

package/lib/color-picker/index.d.ts

@@ -1,5 +1,167 @@
 declare const BkColorPicker: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            extCls?: string;
+            disabled?: boolean;
+            showOnInit?: boolean;
+            size?: "" | "small" | "large";
+            transfer?: boolean;
+            readonly?: boolean;
+            modelValue?: string;
+            withValidate?: boolean;
+            recommend?: boolean | unknown[];
+            recommendEmpty?: boolean;
+            showValue?: boolean;
+            class?: unknown;
+            style?: unknown;
+            onChange?: (...args: any[]) => any;
+            ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $emit: (event: "change" | "update:modelValue", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            readonly: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            size: import("vue-types").VueTypeDef<"" | "small" | "large"> & {
+                default: "" | "small" | "large";
+            };
+            showValue: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            recommend: import("vue-types").VueTypeDef<boolean | unknown[]> & {
+                default: boolean | (() => unknown[]);
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            recommendEmpty: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            showOnInit: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], string, {
+            extCls: string;
+            disabled: boolean;
+            showOnInit: boolean;
+            size: "" | "small" | "large";
+            transfer: boolean;
+            readonly: boolean;
+            modelValue: string;
+            withValidate: boolean;
+            recommend: boolean | unknown[];
+            recommendEmpty: boolean;
+            showValue: boolean;
+        }, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
         modelValue: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
@@ -54,148 +216,7 @@ declare const BkColorPicker: {
     }>> & {
         onChange?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        modelValue: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        readonly: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        transfer: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        size: import("vue-types").VueTypeDef<"" | "small" | "large"> & {
-            default: "" | "small" | "large";
-        };
-        showValue: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        recommend: import("vue-types").VueTypeDef<boolean | unknown[]> & {
-            default: boolean | (() => unknown[]);
-        };
-        extCls: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        recommendEmpty: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        showOnInit: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-    }>> & {
-        onChange?: (...args: any[]) => any;
-        "onUpdate:modelValue"?: (...args: any[]) => any;
-    }, {
-        extCls: string;
-        size: "" | "small" | "large";
-        disabled: boolean;
-        showOnInit: boolean;
-        transfer: boolean;
-        readonly: boolean;
-        modelValue: string;
-        withValidate: boolean;
-        recommend: boolean | unknown[];
-        recommendEmpty: boolean;
-        showValue: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        modelValue: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        readonly: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        transfer: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        size: import("vue-types").VueTypeDef<"" | "small" | "large"> & {
-            default: "" | "small" | "large";
-        };
-        showValue: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        recommend: import("vue-types").VueTypeDef<boolean | unknown[]> & {
-            default: boolean | (() => unknown[]);
-        };
-        extCls: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        recommendEmpty: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        showOnInit: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-    }>> & {
-        onChange?: (...args: any[]) => any;
-        "onUpdate:modelValue"?: (...args: any[]) => any;
-    }, () => JSX.Element, {}, {}, {}, {
-        extCls: string;
-        size: "" | "small" | "large";
-        disabled: boolean;
-        showOnInit: boolean;
-        transfer: boolean;
-        readonly: boolean;
-        modelValue: string;
-        withValidate: boolean;
-        recommend: boolean | unknown[];
-        recommendEmpty: boolean;
-        showValue: boolean;
-    }>;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -256,9 +277,9 @@ declare const BkColorPicker: {
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", {
     extCls: string;
-    size: "" | "small" | "large";
     disabled: boolean;
     showOnInit: boolean;
+    size: "" | "small" | "large";
     transfer: boolean;
     readonly: boolean;
     modelValue: string;

package/lib/color-picker/index.js

@@ -41,38 +41,38 @@ var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
 const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.classes, ["useFormItem"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.useFormItem, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(o) {
+function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
-function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return ("string" === r ? String : Number)(t);
+  return (hint === "string" ? String : Number)(input);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 
 
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : String(i);
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
 function _defineProperty(obj, key, value) {
-  key = toPropertyKey(key);
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -1320,11 +1320,10 @@ function validateWCAG2Parms(parms) {
  */
 
 
-
 var inputContainerProps = {
   info: shared_namespaceObject.PropTypes.object.isRequired
 };
-/* harmony default export */ const input_container = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const input_container = (defineComponent({
   props: inputContainerProps,
   emits: ['tab', 'input'],
   setup: function setup(props, _ref) {
@@ -1341,7 +1340,7 @@ var inputContainerProps = {
     };
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
-    var colorPickerCls = (0,external_vue_namespaceObject.computed)(function () {
+    var colorPickerCls = computed(function () {
       return (0,shared_namespaceObject.classes)({
         error: props.info.error
       }, "".concat(resolveClassName('color-picker-input-value')));
@@ -1392,47 +1391,46 @@ var inputContainerProps = {
 
 
 
-
 var colorPickerProps = {
   colorObj: shared_namespaceObject.PropTypes.object.isRequired
 };
-/* harmony default export */ const color_input = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const color_input = (defineComponent({
   name: 'ColorPicker',
   props: colorPickerProps,
   emits: ['change', 'tab'],
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
-    var hex = (0,external_vue_namespaceObject.reactive)({
+    var hex = reactive({
       key: 'hex',
       name: 'HEX',
       value: props.colorObj.hex,
       error: false
     });
-    var r = (0,external_vue_namespaceObject.reactive)({
+    var r = reactive({
       key: 'r',
       name: 'R',
       value: props.colorObj.rgba.r.toString(),
       error: false
     });
-    var g = (0,external_vue_namespaceObject.reactive)({
+    var g = reactive({
       key: 'g',
       name: 'G',
       value: props.colorObj.rgba.g.toString(),
       error: false
     });
-    var b = (0,external_vue_namespaceObject.reactive)({
+    var b = reactive({
       key: 'b',
       name: 'B',
       value: props.colorObj.rgba.b.toString(),
       error: false
     });
-    var a = (0,external_vue_namespaceObject.reactive)({
+    var a = reactive({
       key: 'a',
       name: 'Alpha',
       value: props.colorObj.rgba.a.toString(),
       error: false
     });
-    (0,external_vue_namespaceObject.watch)(function () {
+    watch(function () {
       return props.colorObj;
     }, function (val) {
       if (tinycolor(val.hex).toString() !== tinycolor(hex.value).toString()) {
@@ -1666,18 +1664,17 @@ var toRGBAString = function toRGBAString(rgba) {
 
 
 
-
 var hue_slider_colorPickerProps = {
   colorObj: shared_namespaceObject.PropTypes.object.isRequired
 };
-/* harmony default export */ const hue_slider = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const hue_slider = (defineComponent({
   name: 'ColorPicker',
   props: hue_slider_colorPickerProps,
   emits: ['change'],
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
-    var containerRef = (0,external_vue_namespaceObject.ref)(null);
-    var pointerStyle = (0,external_vue_namespaceObject.computed)(function () {
+    var containerRef = ref(null);
+    var pointerStyle = computed(function () {
       return {
         left: "".concat(props.colorObj.hsv.h / 360 * 100, "%")
       };
@@ -1838,7 +1835,8 @@ var recommend_colors_colorPickerProps = {
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var getColorClass = function getColorClass(color, index) {
-      return (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty({}, "".concat(resolveClassName('color-picker-empty')), color === ''), "".concat(resolveClassName('color-picker-recommend-selected-color')), isFocused.value && selectedIndex.value === index), "".concat(resolveClassName('color-picker-recommend-color')));
+      var _classes;
+      return (0,shared_namespaceObject.classes)((_classes = {}, _defineProperty(_classes, "".concat(resolveClassName('color-picker-empty')), color === ''), _defineProperty(_classes, "".concat(resolveClassName('color-picker-recommend-selected-color')), isFocused.value && selectedIndex.value === index), _classes), "".concat(resolveClassName('color-picker-recommend-color')));
     };
     var handleKeydown = function handleKeydown(e) {
       if (e.code === 'Tab') {
@@ -1956,22 +1954,21 @@ var recommend_colors_colorPickerProps = {
 
 
 
-
 var saturation_panel_colorPickerProps = {
   colorObj: shared_namespaceObject.PropTypes.object.isRequired
 };
-/* harmony default export */ const saturation_panel = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const saturation_panel = (defineComponent({
   props: saturation_panel_colorPickerProps,
   emits: ['change'],
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
-    var containerRef = (0,external_vue_namespaceObject.ref)(null);
-    var backgroundStyle = (0,external_vue_namespaceObject.computed)(function () {
+    var containerRef = ref(null);
+    var backgroundStyle = computed(function () {
       return {
         background: "hsl(".concat(props.colorObj.hsv.h, ", 100%, 50%)")
       };
     });
-    var pointerStyle = (0,external_vue_namespaceObject.computed)(function () {
+    var pointerStyle = computed(function () {
       return {
         top: "".concat((1 - props.colorObj.hsv.v) * 100, "%"),
         left: "".concat(props.colorObj.hsv.s * 100, "%")
@@ -2167,7 +2164,8 @@ var whiteColorObj = formatColor('#FFFFFF');
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var colorPickerCls = (0,external_vue_namespaceObject.computed)(function () {
-      return (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(resolveClassName("color-picker-".concat(props.size))), props.size), "".concat(resolveClassName('color-picker-show-dropdown')), showDropdown.value), "".concat(resolveClassName('color-picker-show-value')), props.showValue), "".concat(resolveClassName('color-picker-disabled')), props.disabled || props.readonly), "".concat(resolveClassName('color-picker'), " ").concat(props.extCls));
+      var _classes;
+      return (0,shared_namespaceObject.classes)((_classes = {}, _defineProperty(_classes, "".concat(resolveClassName("color-picker-".concat(props.size))), props.size), _defineProperty(_classes, "".concat(resolveClassName('color-picker-show-dropdown')), showDropdown.value), _defineProperty(_classes, "".concat(resolveClassName('color-picker-show-value')), props.showValue), _defineProperty(_classes, "".concat(resolveClassName('color-picker-disabled')), props.disabled || props.readonly), _classes), "".concat(resolveClassName('color-picker'), " ").concat(props.extCls));
     });
     // 是否渲染预设值
     var isRenderRecommend = (0,external_vue_namespaceObject.computed)(function () {
@@ -2191,7 +2189,7 @@ var whiteColorObj = formatColor('#FFFFFF');
       changeColorFromProps();
       if (props.withValidate) {
         var _formItem$validate;
-        formItem === null || formItem === void 0 || (_formItem$validate = formItem.validate) === null || _formItem$validate === void 0 || _formItem$validate.call(formItem, 'change');
+        formItem === null || formItem === void 0 || (_formItem$validate = formItem.validate) === null || _formItem$validate === void 0 ? void 0 : _formItem$validate.call(formItem, 'change');
       }
     });
     var handleTriggerKeydown = function handleTriggerKeydown(e) {
@@ -2227,7 +2225,7 @@ var whiteColorObj = formatColor('#FFFFFF');
     var openDropdown = function openDropdown() {
       var _dropRef$value;
       showDropdown.value = true;
-      (_dropRef$value = dropRef.value) === null || _dropRef$value === void 0 || _dropRef$value.updateDropdown();
+      (_dropRef$value = dropRef.value) === null || _dropRef$value === void 0 ? void 0 : _dropRef$value.updateDropdown();
       // 展开后默认聚焦于 HEX 输入框，setTimeout 等 transfer 出现
       setTimeout(function () {
         var hexInput = dropRef.value.$el.querySelector(".".concat(resolveClassName('color-picker-input-hex'), " .").concat(resolveClassName('color-picker-input-value')));
@@ -2241,7 +2239,7 @@ var whiteColorObj = formatColor('#FFFFFF');
           return referenceRef.value.focus();
         });
         showDropdown.value = false;
-        (_dropRef$value2 = dropRef.value) === null || _dropRef$value2 === void 0 || _dropRef$value2.destoryDropdown();
+        (_dropRef$value2 = dropRef.value) === null || _dropRef$value2 === void 0 ? void 0 : _dropRef$value2.destoryDropdown();
         // 3. 关闭组件时如果绑定值与组件内部选择的值不一致（比如既没有使用 v-model 也没有监听 change 事件）显示绑定值
         changeColorFromProps();
       }