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

package/lib/color-picker/index.js

@@ -36,43 +36,45 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ src)
 });
 
-;// CONCATENATED MODULE: external "../shared"
-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(obj) {
+;// external "../shared"
+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) });
+;// ../../node_modules/@babel/runtime/helpers/esm/typeof.js
+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;
+;// ../../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;
     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
+;// ../../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
+;// ../../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,
@@ -85,31 +87,43 @@ function _defineProperty(obj, key, value) {
   }
   return obj;
 }
-;// 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({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeMount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeMount, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
-;// CONCATENATED MODULE: external "vue-types"
-var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-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 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 "../date-picker"
-var date_picker_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var date_picker_y = x => () => x
-const date_picker_namespaceObject = date_picker_x({ ["PickerDropdown"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_date_picker_d04526d6__.PickerDropdown });
-;// CONCATENATED MODULE: external "../directives"
-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 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: ../../node_modules/tinycolor2/esm/tinycolor.js
+;// 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({ ["Fragment"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.Fragment), ["Transition"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.Transition), ["computed"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.computed), ["createVNode"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.createVNode), ["defineComponent"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.defineComponent), ["nextTick"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.nextTick), ["onBeforeMount"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.onBeforeMount), ["reactive"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.reactive), ["ref"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.ref), ["resolveDirective"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective), ["vShow"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.vShow), ["watch"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.watch), ["withDirectives"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.withDirectives) });
+;// external "vue-types"
+var external_vue_types_x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var external_vue_types_y = (x) => (() => (x))
+const external_vue_types_namespaceObject = external_vue_types_x({ ["toType"]: () => (__WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType) });
+;// external "../config-provider"
+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) });
+;// external "../date-picker"
+var date_picker_x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var date_picker_y = (x) => (() => (x))
+const date_picker_namespaceObject = date_picker_x({ ["PickerDropdown"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_date_picker_d04526d6__.PickerDropdown) });
+;// external "../directives"
+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) });
+;// external "../icon"
+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) });
+;// ../../node_modules/tinycolor2/esm/tinycolor.js
 // This file is autogenerated. It's used to publish ESM to npm.
 function tinycolor_typeof(obj) {
   "@babel/helpers - typeof";
@@ -1291,7 +1305,7 @@ function validateWCAG2Parms(parms) {
 
 
 
-;// CONCATENATED MODULE: ../../packages/color-picker/src/components/input-container.tsx
+;// ../../packages/color-picker/src/components/input-container.tsx
 
 /*
  * Tencent is pleased to support the open source community by making
@@ -1320,10 +1334,11 @@ function validateWCAG2Parms(parms) {
  */
 
 
+
 var inputContainerProps = {
   info: shared_namespaceObject.PropTypes.object.isRequired
 };
-/* harmony default export */ const input_container = (defineComponent({
+/* harmony default export */ const input_container = ((0,external_vue_namespaceObject.defineComponent)({
   props: inputContainerProps,
   emits: ['tab', 'input'],
   setup: function setup(props, _ref) {
@@ -1340,7 +1355,7 @@ var inputContainerProps = {
     };
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
-    var colorPickerCls = computed(function () {
+    var colorPickerCls = (0,external_vue_namespaceObject.computed)(function () {
       return (0,shared_namespaceObject.classes)({
         error: props.info.error
       }, "".concat(resolveClassName('color-picker-input-value')));
@@ -1360,7 +1375,7 @@ var inputContainerProps = {
     };
   }
 }));
-;// CONCATENATED MODULE: ../../packages/color-picker/src/components/color-input.tsx
+;// ../../packages/color-picker/src/components/color-input.tsx
 
 /*
  * Tencent is pleased to support the open source community by making
@@ -1391,46 +1406,47 @@ var inputContainerProps = {
 
 
 
+
 var colorPickerProps = {
   colorObj: shared_namespaceObject.PropTypes.object.isRequired
 };
-/* harmony default export */ const color_input = (defineComponent({
+/* harmony default export */ const color_input = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'ColorPicker',
   props: colorPickerProps,
   emits: ['change', 'tab'],
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
-    var hex = reactive({
+    var hex = (0,external_vue_namespaceObject.reactive)({
       key: 'hex',
       name: 'HEX',
       value: props.colorObj.hex,
       error: false
     });
-    var r = reactive({
+    var r = (0,external_vue_namespaceObject.reactive)({
       key: 'r',
       name: 'R',
       value: props.colorObj.rgba.r.toString(),
       error: false
     });
-    var g = reactive({
+    var g = (0,external_vue_namespaceObject.reactive)({
       key: 'g',
       name: 'G',
       value: props.colorObj.rgba.g.toString(),
       error: false
     });
-    var b = reactive({
+    var b = (0,external_vue_namespaceObject.reactive)({
       key: 'b',
       name: 'B',
       value: props.colorObj.rgba.b.toString(),
       error: false
     });
-    var a = reactive({
+    var a = (0,external_vue_namespaceObject.reactive)({
       key: 'a',
       name: 'Alpha',
       value: props.colorObj.rgba.a.toString(),
       error: false
     });
-    watch(function () {
+    (0,external_vue_namespaceObject.watch)(function () {
       return props.colorObj;
     }, function (val) {
       if (tinycolor(val.hex).toString() !== tinycolor(hex.value).toString()) {
@@ -1528,7 +1544,7 @@ var colorPickerProps = {
     };
   }
 }));
-;// CONCATENATED MODULE: ../../packages/color-picker/src/utils.ts
+;// ../../packages/color-picker/src/utils.ts
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -1634,7 +1650,7 @@ var toRGBAString = function toRGBAString(rgba) {
     a = rgba.a;
   return "rgba(".concat([r, g, b, a].join(','), ")");
 };
-;// CONCATENATED MODULE: ../../packages/color-picker/src/components/hue-slider.tsx
+;// ../../packages/color-picker/src/components/hue-slider.tsx
 
 /*
  * Tencent is pleased to support the open source community by making
@@ -1664,17 +1680,18 @@ var toRGBAString = function toRGBAString(rgba) {
 
 
 
+
 var hue_slider_colorPickerProps = {
   colorObj: shared_namespaceObject.PropTypes.object.isRequired
 };
-/* harmony default export */ const hue_slider = (defineComponent({
+/* harmony default export */ const hue_slider = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'ColorPicker',
   props: hue_slider_colorPickerProps,
   emits: ['change'],
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
-    var containerRef = ref(null);
-    var pointerStyle = computed(function () {
+    var containerRef = (0,external_vue_namespaceObject.ref)(null);
+    var pointerStyle = (0,external_vue_namespaceObject.computed)(function () {
       return {
         left: "".concat(props.colorObj.hsv.h / 360 * 100, "%")
       };
@@ -1771,7 +1788,7 @@ var hue_slider_colorPickerProps = {
     };
   }
 }));
-;// CONCATENATED MODULE: ../../packages/color-picker/src/components/recommend-colors.tsx
+;// ../../packages/color-picker/src/components/recommend-colors.tsx
 
 
 /*
@@ -1835,8 +1852,7 @@ var recommend_colors_colorPickerProps = {
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var getColorClass = function getColorClass(color, index) {
-      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')));
+      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') {
@@ -1924,7 +1940,7 @@ var recommend_colors_colorPickerProps = {
     };
   }
 }));
-;// CONCATENATED MODULE: ../../packages/color-picker/src/components/saturation-panel.tsx
+;// ../../packages/color-picker/src/components/saturation-panel.tsx
 
 /*
  * Tencent is pleased to support the open source community by making
@@ -1954,21 +1970,22 @@ var recommend_colors_colorPickerProps = {
 
 
 
+
 var saturation_panel_colorPickerProps = {
   colorObj: shared_namespaceObject.PropTypes.object.isRequired
 };
-/* harmony default export */ const saturation_panel = (defineComponent({
+/* harmony default export */ const saturation_panel = ((0,external_vue_namespaceObject.defineComponent)({
   props: saturation_panel_colorPickerProps,
   emits: ['change'],
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
-    var containerRef = ref(null);
-    var backgroundStyle = computed(function () {
+    var containerRef = (0,external_vue_namespaceObject.ref)(null);
+    var backgroundStyle = (0,external_vue_namespaceObject.computed)(function () {
       return {
         background: "hsl(".concat(props.colorObj.hsv.h, ", 100%, 50%)")
       };
     });
-    var pointerStyle = computed(function () {
+    var pointerStyle = (0,external_vue_namespaceObject.computed)(function () {
       return {
         top: "".concat((1 - props.colorObj.hsv.v) * 100, "%"),
         left: "".concat(props.colorObj.hsv.s * 100, "%")
@@ -2075,7 +2092,7 @@ var saturation_panel_colorPickerProps = {
     };
   }
 }));
-;// CONCATENATED MODULE: ../../packages/color-picker/src/color-picker.tsx
+;// ../../packages/color-picker/src/color-picker.tsx
 
 
 /*
@@ -2164,8 +2181,7 @@ var whiteColorObj = formatColor('#FFFFFF');
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var colorPickerCls = (0,external_vue_namespaceObject.computed)(function () {
-      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));
+      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 () {
@@ -2189,7 +2205,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) {
@@ -2225,7 +2241,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')));
@@ -2239,7 +2255,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();
       }
@@ -2389,7 +2405,7 @@ var whiteColorObj = formatColor('#FFFFFF');
     };
   }
 }));
-;// CONCATENATED MODULE: ../../packages/color-picker/src/index.ts
+;// ../../packages/color-picker/src/index.ts
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.