bkui-vue 2.0.2-beta.11 → 2.0.2-beta.13

package/lib/cascader/index.js

@@ -391,9 +391,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -407,7 +404,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });
@@ -1641,7 +1638,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
     var t = (0,config_provider_namespaceObject.useLocale)('cascader');
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
-    var store = props.store;
+    var _toRefs = (0,external_vue_.toRefs)(props),
+      store = _toRefs.store;
     var menus = (0,external_vue_.reactive)({
       list: [props.store.getNodes()]
     });
@@ -1680,10 +1678,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       // 判断是否为初始加载
       var isInitialLoad = checkValue.value.length === 0;
       // 如果是初始加载或单选情况，按原来的逻辑处理
-      if (isInitialLoad || !store.config.multiple) {
+      if (isInitialLoad || !store.value.config.multiple) {
         var targetList = [];
         // 处理多选情况
-        if (store.config.multiple) {
+        if (store.value.config.multiple) {
           var _iterator = _createForOfIteratorHelper(value),
             _step;
           try {
@@ -1704,7 +1702,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
         }
         // 执行展开操作
         targetList.forEach(function (id) {
-          var node = store.getNodeById(id);
+          var node = store.value.getNodeById(id);
           if (node) {
             // 只展开，不需要重复触发
             var expandNode = function expandNode(node) {
@@ -1745,7 +1743,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       }
       if (node.config.multiple) {
         // 如果checkAnyLevel，返回所有check的节点； 否则只check 叶子节点
-        var targets = store.config.checkAnyLevel ? store.getCheckedNodes() : store.getCheckedLeafNodes();
+        var targets = store.value.config.checkAnyLevel ? store.value.getCheckedNodes() : store.value.getCheckedLeafNodes();
         checkValue.value = targets.map(function (node) {
           return node.path;
         }); // 如果任意级别可选，当前节点即为所选内容
@@ -1768,15 +1766,15 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
         activePath.value.push(node);
         return;
       }
-      if (store.config.isRemote && !node.isLeaf) {
+      if (store.value.config.isRemote && !node.isLeaf) {
         node.loading = true;
         var updateNodes = function updateNodes(nodeData) {
-          store.appendNodes(nodeData, node || null);
+          store.value.appendNodes(nodeData, node || null);
           menus.list.push(node.children);
           activePath.value.push(node);
           node.loading = false;
         };
-        store.config.remoteMethod(node, updateNodes);
+        store.value.config.remoteMethod(node, updateNodes);
       }
     };
     /**

package/lib/checkbox/index.js

@@ -232,7 +232,7 @@ var useCheckbox = function useCheckbox() {
     }
     (0,external_vue_namespaceObject.nextTick)(function () {
       // 选中状态保持同步
-      if (inputRef.value.checked !== isChecked.value) {
+      if (inputRef.value && inputRef.value.checked !== isChecked.value) {
         inputRef.value.checked = isChecked.value;
       }
     });

package/lib/color-picker/index.js

@@ -385,9 +385,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -401,7 +398,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });

package/lib/date-picker/index.js

@@ -388,9 +388,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -404,7 +401,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });

package/lib/directives/index.js

@@ -1245,9 +1245,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -1261,7 +1258,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });

package/lib/form/index.js

@@ -389,9 +389,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -405,7 +402,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });

package/lib/image/index.js

@@ -1136,9 +1136,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -1152,7 +1149,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });

package/lib/index.js

@@ -3,5 +3,5 @@ export * from './hooks';
 export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
-export const version = "2.0.2-beta.11";
+export const version = "2.0.2-beta.13";
 window.__bkui_vue_version__ = version;

package/lib/input/index.d.ts

@@ -94,6 +94,10 @@ declare const BkInput: {
         } & {
             default: boolean;
         };
+        tooltipsOptions: {
+            type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+            default: () => {};
+        };
         resize: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -232,6 +236,10 @@ declare const BkInput: {
         } & {
             default: boolean;
         };
+        tooltipsOptions: {
+            type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+            default: () => {};
+        };
         resize: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -286,6 +294,7 @@ declare const BkInput: {
         withValidate: boolean;
         overMaxLengthLimit: boolean;
         showOverflowTooltips: boolean;
+        tooltipsOptions: {};
         autosize: boolean | import("./input").InputAutoSize;
         stopPropagation: boolean;
     }, true, {}, {}, {
@@ -390,6 +399,10 @@ declare const BkInput: {
         } & {
             default: boolean;
         };
+        tooltipsOptions: {
+            type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+            default: () => {};
+        };
         resize: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -444,6 +457,7 @@ declare const BkInput: {
         withValidate: boolean;
         overMaxLengthLimit: boolean;
         showOverflowTooltips: boolean;
+        tooltipsOptions: {};
         autosize: boolean | import("./input").InputAutoSize;
         stopPropagation: boolean;
     }>;
@@ -545,6 +559,10 @@ declare const BkInput: {
     } & {
         default: boolean;
     };
+    tooltipsOptions: {
+        type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+        default: () => {};
+    };
     resize: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -614,6 +632,7 @@ declare const BkInput: {
     withValidate: boolean;
     overMaxLengthLimit: boolean;
     showOverflowTooltips: boolean;
+    tooltipsOptions: {};
     autosize: boolean | import("./input").InputAutoSize;
     stopPropagation: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;

package/lib/input/index.js

@@ -1203,9 +1203,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -1219,7 +1216,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });
@@ -1633,6 +1630,12 @@ var inputType = {
   withValidate: shared_namespaceObject.PropTypes.bool.def(true),
   overMaxLengthLimit: shared_namespaceObject.PropTypes.bool.def(false),
   showOverflowTooltips: shared_namespaceObject.PropTypes.bool.def(true),
+  tooltipsOptions: {
+    type: Object,
+    "default": function _default() {
+      return {};
+    }
+  },
   resize: shared_namespaceObject.PropTypes.bool.def(true),
   autosize: shared_namespaceObject.PropTypes.oneOfType([Boolean, Object]).def(false),
   stopPropagation: shared_namespaceObject.PropTypes.bool.def(true)
@@ -1782,16 +1785,16 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_definePro
     var tooltips = (0,external_vue_namespaceObject.computed)(function () {
       var _props$modelValue2;
       if (showMaxLimit.value && ceilMaxLength.value - modelValueLength.value === 0) {
-        return {
+        return input_objectSpread({
           content: t.value.maxlengthLimitTips
-        };
+        }, props.tooltipsOptions || {});
       }
-      return props.showOverflowTooltips && isOverflow.value && props.modelValue ? {
+      return props.showOverflowTooltips && isOverflow.value && props.modelValue ? input_objectSpread({
         content: (_props$modelValue2 = props.modelValue) === null || _props$modelValue2 === void 0 ? void 0 : _props$modelValue2.toString(),
         sameWidth: true
-      } : {
+      }, props.tooltipsOptions || {}) : input_objectSpread({
         disabled: true
-      };
+      }, props.tooltipsOptions || {});
     });
     var showMaxLimit = (0,external_vue_namespaceObject.computed)(function () {
       return typeof props.maxlength === 'number' || typeof props.maxcharacter === 'number';

package/lib/input/input.d.ts

@@ -1,4 +1,5 @@
-import { ExtractPropTypes } from 'vue';
+import { ExtractPropTypes, PropType } from 'vue';
+import { IOptions } from '../directives';
 export type InputAutoSize = {
     minRows?: number;
     maxRows?: number;
@@ -98,6 +99,10 @@ export declare const inputType: {
     } & {
         default: boolean;
     };
+    tooltipsOptions: {
+        type: PropType<Partial<IOptions>>;
+        default: () => {};
+    };
     resize: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -243,6 +248,10 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    tooltipsOptions: {
+        type: PropType<Partial<IOptions>>;
+        default: () => {};
+    };
     resize: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -366,6 +375,10 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    tooltipsOptions: {
+        type: PropType<Partial<IOptions>>;
+        default: () => {};
+    };
     resize: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -420,6 +433,7 @@ declare const _default: import("vue").DefineComponent<{
     withValidate: boolean;
     overMaxLengthLimit: boolean;
     showOverflowTooltips: boolean;
+    tooltipsOptions: {};
     autosize: boolean | InputAutoSize;
     stopPropagation: boolean;
 }, {}>;

package/lib/message/index.js

@@ -1717,7 +1717,7 @@ var messageProps = {
           "class": "".concat(_this2.resolveClassName('message-icon'))
         }, [renderIcon()]), (0,external_vue_namespaceObject.createVNode)("div", {
           "class": "describe"
-        }, [(_this2$$slots$title = (_this2$$slots$title2 = (_this2$$slots = _this2.$slots).title) === null || _this2$$slots$title2 === void 0 ? void 0 : _this2$$slots$title2.call(_this2$$slots)) !== null && _this2$$slots$title !== void 0 ? _this2$$slots$title : "\u3010".concat(_this2.message.code, "\u3011").concat(_this2.message.overview, " ").concat(_this2.message.suggestion)])]), (0,external_vue_namespaceObject.createVNode)("div", {
+        }, [(_this2$$slots$title = (_this2$$slots$title2 = (_this2$$slots = _this2.$slots).title) === null || _this2$$slots$title2 === void 0 ? void 0 : _this2$$slots$title2.call(_this2$$slots)) !== null && _this2$$slots$title !== void 0 ? _this2$$slots$title : "".concat(_this2.message.code ? "\u3010".concat(_this2.message.code, "\u3011") : '').concat(_this2.message.overview, " ").concat(_this2.message.suggestion)])]), (0,external_vue_namespaceObject.createVNode)("div", {
           "class": "tools"
         }, [_this2.renderMessageActions()])]), _this2.toolOperation.isDetailShow && (0,external_vue_namespaceObject.createVNode)("div", {
           "class": "message-detail"