bkui-vue 0.0.3-beta.6 → 1.0.1

package/lib/color-picker/index.js

@@ -1,9 +1,10 @@
-import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
+import "./color-picker.less";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
-import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__ from "../directives";
-import * as __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__ from "../icon";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_directives_45d4776f__ from "../directives";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
 /******/ 
@@ -30,46 +31,46 @@ var __webpack_exports__ = {};
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  Z: () => (/* binding */ src)
+  "default": () => (/* binding */ src)
 });
 
 ;// CONCATENATED MODULE: external "../shared"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const external_shared_namespaceObject = x({ ["BKPopover"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.BKPopover, ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.bkZIndexManager, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.classes, ["useFormItem"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.useFormItem, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
+const shared_namespaceObject = x({ ["BKPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.BKPopover, ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["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(obj) {
+function _typeof(o) {
   "@babel/helpers - typeof";
 
-  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);
+  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);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
-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;
+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;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (hint === "string" ? String : Number)(input);
+  return ("string" === r ? String : Number)(t);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 
 
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : String(i);
 }
 ;// 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,
@@ -1273,22 +1274,22 @@ var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); retur
 var external_vue_types_y = x => () => x
 const external_vue_types_namespaceObject = external_vue_types_x({ ["toType"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType });
 ;// CONCATENATED MODULE: external "../config-provider"
-var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_config_provider_y = x => () => x
-const external_config_provider_namespaceObject = external_config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
+var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var config_provider_y = x => () => x
+const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
 ;// CONCATENATED MODULE: external "../directives"
-var external_directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_directives_y = x => () => x
-const external_directives_namespaceObject = external_directives_x({ ["clickoutside"]: () => __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__.clickoutside });
+var directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var directives_y = x => () => x
+const directives_namespaceObject = directives_x({ ["clickoutside"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_directives_45d4776f__.clickoutside });
 ;// CONCATENATED MODULE: external "../icon"
-var external_icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_icon_y = x => () => x
-const external_icon_namespaceObject = external_icon_x({ ["AngleUp"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleUp });
+var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var icon_y = x => () => x
+const icon_namespaceObject = icon_x({ ["AngleUp"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleUp });
 ;// CONCATENATED MODULE: ../../packages/date-picker/src/base/picker-dropdown.tsx
 
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -1375,7 +1376,7 @@ var pickerDropdownProps = {
     var forceUpdate = function forceUpdate() {
       if (popoverInstance) {
         var _popoverInstance, _popoverInstance$forc;
-        (_popoverInstance = popoverInstance) === null || _popoverInstance === void 0 || (_popoverInstance$forc = _popoverInstance.forceUpdate) === null || _popoverInstance$forc === void 0 ? void 0 : _popoverInstance$forc.call(_popoverInstance);
+        (_popoverInstance = popoverInstance) === null || _popoverInstance === void 0 || (_popoverInstance$forc = _popoverInstance.forceUpdate) === null || _popoverInstance$forc === void 0 || _popoverInstance$forc.call(_popoverInstance);
       }
     };
     var destoryDropdown = function destoryDropdown() {
@@ -1451,7 +1452,7 @@ var pickerDropdownProps = {
         });
       } else {
         (0,external_vue_namespaceObject.nextTick)(function () {
-          popoverInstance = new external_shared_namespaceObject.BKPopover(props.triggerRef, refContentRef.value, {
+          popoverInstance = new shared_namespaceObject.BKPopover(props.triggerRef, refContentRef.value, {
             placement: props.placement,
             trigger: 'manual',
             modifiers: [
@@ -1505,18 +1506,17 @@ var pickerDropdownProps = {
         });
       }
     };
-
     var styles = (0,external_vue_namespaceObject.computed)(function () {
       var style = {};
       if (props.appendToBody) {
-        style['z-index'] = 1060 + external_shared_namespaceObject.bkZIndexManager.getModalNextIndex();
+        style['z-index'] = 1060 + shared_namespaceObject.bkZIndexManager.getModalNextIndex();
       }
       return style;
     });
     var state = (0,external_vue_namespaceObject.reactive)({
       styles: styles
     });
-    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return _objectSpread(_objectSpread({}, (0,external_vue_namespaceObject.toRefs)(state)), {}, {
       refContentRef: refContentRef,
@@ -1567,7 +1567,7 @@ var pickerDropdownProps = {
 
 
 var inputContainerProps = {
-  info: external_shared_namespaceObject.PropTypes.object.isRequired
+  info: shared_namespaceObject.PropTypes.object.isRequired
 };
 /* harmony default export */ const input_container = ((0,external_vue_namespaceObject.defineComponent)({
   props: inputContainerProps,
@@ -1584,10 +1584,10 @@ var inputContainerProps = {
       var value = e.target.value;
       emit('input', key, value);
     };
-    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var colorPickerCls = (0,external_vue_namespaceObject.computed)(function () {
-      return (0,external_shared_namespaceObject.classes)({
+      return (0,shared_namespaceObject.classes)({
         error: props.info.error
       }, "".concat(resolveClassName('color-picker-input-value')));
     });
@@ -1639,7 +1639,7 @@ var inputContainerProps = {
 
 
 var colorPickerProps = {
-  colorObj: external_shared_namespaceObject.PropTypes.object.isRequired
+  colorObj: shared_namespaceObject.PropTypes.object.isRequired
 };
 /* harmony default export */ const color_input = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'ColorPicker',
@@ -1746,7 +1746,7 @@ var colorPickerProps = {
       }
       return result;
     };
-    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return function () {
       return (0,external_vue_namespaceObject.createVNode)("div", {
@@ -1913,7 +1913,7 @@ var toRGBAString = function toRGBAString(rgba) {
 
 
 var hue_slider_colorPickerProps = {
-  colorObj: external_shared_namespaceObject.PropTypes.object.isRequired
+  colorObj: shared_namespaceObject.PropTypes.object.isRequired
 };
 /* harmony default export */ const hue_slider = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'ColorPicker',
@@ -1997,7 +1997,7 @@ var hue_slider_colorPickerProps = {
         });
       }
     };
-    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return function () {
       return (0,external_vue_namespaceObject.createVNode)("div", {
@@ -2053,11 +2053,11 @@ var hue_slider_colorPickerProps = {
 
 
 var recommend_colors_colorPickerProps = {
-  colorObj: external_shared_namespaceObject.PropTypes.object.isRequired,
-  recommend: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.array.def(function () {
+  colorObj: shared_namespaceObject.PropTypes.object.isRequired,
+  recommend: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.array.def(function () {
     return [];
-  }), external_shared_namespaceObject.PropTypes.bool.def(true)]).isRequired,
-  recommendEmpty: external_shared_namespaceObject.PropTypes.bool.def(true)
+  }), shared_namespaceObject.PropTypes.bool.def(true)]).isRequired,
+  recommendEmpty: shared_namespaceObject.PropTypes.bool.def(true)
 };
 /* harmony default export */ const recommend_colors = ((0,external_vue_namespaceObject.defineComponent)({
   props: recommend_colors_colorPickerProps,
@@ -2080,11 +2080,10 @@ var recommend_colors_colorPickerProps = {
     var colors = (0,external_vue_namespaceObject.computed)(function () {
       return getColorsFromRecommend(props.recommend);
     });
-    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var getColorClass = function getColorClass(color, index) {
-      var _classes;
-      return (0,external_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')));
+      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 handleKeydown = function handleKeydown(e) {
       if (e.code === 'Tab') {
@@ -2204,7 +2203,7 @@ var recommend_colors_colorPickerProps = {
 
 
 var saturation_panel_colorPickerProps = {
-  colorObj: external_shared_namespaceObject.PropTypes.object.isRequired
+  colorObj: shared_namespaceObject.PropTypes.object.isRequired
 };
 /* harmony default export */ const saturation_panel = ((0,external_vue_namespaceObject.defineComponent)({
   props: saturation_panel_colorPickerProps,
@@ -2298,7 +2297,7 @@ var saturation_panel_colorPickerProps = {
         a: a
       });
     };
-    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return function () {
       return (0,external_vue_namespaceObject.createVNode)("div", {
@@ -2372,34 +2371,34 @@ var ColorPickSizeEnum;
   ColorPickSizeEnum["LARGE"] = "large";
 })(ColorPickSizeEnum || (ColorPickSizeEnum = {}));
 var color_picker_colorPickerProps = {
-  modelValue: external_shared_namespaceObject.PropTypes.string.def(''),
-  disabled: external_shared_namespaceObject.PropTypes.bool.def(false),
-  readonly: external_shared_namespaceObject.PropTypes.bool.def(false),
-  transfer: external_shared_namespaceObject.PropTypes.bool.def(false),
+  modelValue: shared_namespaceObject.PropTypes.string.def(''),
+  disabled: shared_namespaceObject.PropTypes.bool.def(false),
+  readonly: shared_namespaceObject.PropTypes.bool.def(false),
+  transfer: shared_namespaceObject.PropTypes.bool.def(false),
   size: (0,external_vue_types_namespaceObject.toType)('colorPickSize', {}).def(ColorPickSizeEnum.UNKNOWN),
-  showValue: external_shared_namespaceObject.PropTypes.bool.def(true),
+  showValue: shared_namespaceObject.PropTypes.bool.def(true),
   // true 展示组件内置预设值
   // false 不展示预设值
   // 数组 自定义预设值
-  recommend: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.array.def(function () {
+  recommend: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.array.def(function () {
     return [];
-  }), external_shared_namespaceObject.PropTypes.bool.def(true)]).def(true),
-  extCls: external_shared_namespaceObject.PropTypes.string.def(''),
-  withValidate: external_shared_namespaceObject.PropTypes.bool.def(true),
-  recommendEmpty: external_shared_namespaceObject.PropTypes.bool.def(true)
+  }), shared_namespaceObject.PropTypes.bool.def(true)]).def(true),
+  extCls: shared_namespaceObject.PropTypes.string.def(''),
+  withValidate: shared_namespaceObject.PropTypes.bool.def(true),
+  recommendEmpty: shared_namespaceObject.PropTypes.bool.def(true)
 };
 var whiteColorObj = formatColor('#FFFFFF');
 /* harmony default export */ const color_picker = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'ColorPicker',
   directives: {
-    clickoutside: external_directives_namespaceObject.clickoutside
+    clickoutside: directives_namespaceObject.clickoutside
   },
   props: color_picker_colorPickerProps,
   emits: ['update:modelValue', 'change'],
   setup: function setup(props, _ref) {
     var emit = _ref.emit,
       slots = _ref.slots;
-    var formItem = (0,external_shared_namespaceObject.useFormItem)();
+    var formItem = (0,shared_namespaceObject.useFormItem)();
     var showDropdown = (0,external_vue_namespaceObject.ref)(false);
     // 当前颜色的色值，如果为空字符串显示：默认白色背景 + 中间一个叉
     var colorStr = (0,external_vue_namespaceObject.ref)('');
@@ -2408,11 +2407,10 @@ var whiteColorObj = formatColor('#FFFFFF');
     var dropRef = (0,external_vue_namespaceObject.ref)(null);
     var saturationPanelRef = (0,external_vue_namespaceObject.ref)(null);
     var referenceRef = (0,external_vue_namespaceObject.ref)(null);
-    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var colorPickerCls = (0,external_vue_namespaceObject.computed)(function () {
-      var _classes;
-      return (0,external_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));
+      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 isRenderRecommend = (0,external_vue_namespaceObject.computed)(function () {
@@ -2431,7 +2429,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 ? void 0 : _formItem$validate.call(formItem, 'change');
+        formItem === null || formItem === void 0 || (_formItem$validate = formItem.validate) === null || _formItem$validate === void 0 || _formItem$validate.call(formItem, 'change');
       }
     });
     var handleTriggerKeydown = function handleTriggerKeydown(e) {
@@ -2467,7 +2465,7 @@ var whiteColorObj = formatColor('#FFFFFF');
     var openDropdown = function openDropdown() {
       var _dropRef$value;
       showDropdown.value = true;
-      (_dropRef$value = dropRef.value) === null || _dropRef$value === void 0 ? void 0 : _dropRef$value.updateDropdown();
+      (_dropRef$value = dropRef.value) === null || _dropRef$value === 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')));
@@ -2481,7 +2479,7 @@ var whiteColorObj = formatColor('#FFFFFF');
           return referenceRef.value.focus();
         });
         showDropdown.value = false;
-        (_dropRef$value2 = dropRef.value) === null || _dropRef$value2 === void 0 ? void 0 : _dropRef$value2.destoryDropdown();
+        (_dropRef$value2 = dropRef.value) === null || _dropRef$value2 === void 0 || _dropRef$value2.destoryDropdown();
         // 3. 关闭组件时如果绑定值与组件内部选择的值不一致（比如既没有使用 v-model 也没有监听 change 事件）显示绑定值
         changeColorFromProps();
       }
@@ -2582,7 +2580,7 @@ var whiteColorObj = formatColor('#FFFFFF');
         "class": "".concat(resolveClassName('color-picker-text'))
       }, [(0,external_vue_namespaceObject.createVNode)("span", null, [colorStr.value])]) : undefined, (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(resolveClassName('color-picker-icon'))
-      }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleUp, {
+      }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleUp, {
         "class": "icon-angle-down"
       }, null)])]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Transition, {
         "name": "bk-fade-down-transition"
@@ -2659,7 +2657,7 @@ var whiteColorObj = formatColor('#FFFFFF');
  */
 
 
-var BkColorPicker = (0,external_shared_namespaceObject.withInstall)(color_picker);
+var BkColorPicker = (0,shared_namespaceObject.withInstall)(color_picker);
 /* harmony default export */ const src = (BkColorPicker);
-var __webpack_exports__default = __webpack_exports__.Z;
+var __webpack_exports__default = __webpack_exports__["default"];
 export { __webpack_exports__default as default };