bkui-vue 2.0.1-beta.11 → 2.0.1-beta.111

package/lib/overflow-title/index.js

@@ -4,6 +4,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../sh
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import "../popover/popover.less";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_merge_cf99375a__ from "lodash/merge";
 import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
@@ -45,7 +46,7 @@ const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODUL
 ;// 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({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["shallowRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef });
+const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps });
 ;// CONCATENATED MODULE: external "../popover"
 var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var popover_y = x => () => x
@@ -54,30 +55,59 @@ const popover_namespaceObject = popover_x({ ["default"]: () => __WEBPACK_EXTERNA
 var popover_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var popover_less_y = x => () => x
 const popover_less_namespaceObject = popover_less_x({  });
+;// CONCATENATED MODULE: external "lodash/merge"
+var merge_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var merge_y = x => () => x
+const merge_namespaceObject = merge_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_merge_cf99375a__["default"] });
 ;// 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({ ["string"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.string });
 ;// CONCATENATED MODULE: ../../packages/overflow-title/src/props.ts
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
 
 
 var PlacementEnum;
 (function (PlacementEnum) {
   PlacementEnum["AUTO"] = "auto";
-  PlacementEnum["AUTO_START"] = "auto-start";
   PlacementEnum["AUTO_END"] = "auto-end";
-  PlacementEnum["TOP"] = "top";
-  PlacementEnum["RIGHT"] = "right";
+  PlacementEnum["AUTO_START"] = "auto-start";
   PlacementEnum["BOTTOM"] = "bottom";
-  PlacementEnum["LEFT"] = "left";
-  PlacementEnum["TOP_START"] = "top-start";
-  PlacementEnum["TOP_END"] = "top-end";
-  PlacementEnum["BOTTOM_START"] = "bottom-start";
   PlacementEnum["BOTTOM_END"] = "bottom-end";
-  PlacementEnum["RIGHT_START"] = "right-start";
-  PlacementEnum["RIGHT_END"] = "right-end";
-  PlacementEnum["LEFT_START"] = "left-start";
+  PlacementEnum["BOTTOM_START"] = "bottom-start";
+  PlacementEnum["LEFT"] = "left";
   PlacementEnum["LEFT_END"] = "left-end";
+  PlacementEnum["LEFT_START"] = "left-start";
+  PlacementEnum["RIGHT"] = "right";
+  PlacementEnum["RIGHT_END"] = "right-end";
+  PlacementEnum["RIGHT_START"] = "right-start";
+  PlacementEnum["TOP"] = "top";
+  PlacementEnum["TOP_END"] = "top-end";
+  PlacementEnum["TOP_START"] = "top-start";
 })(PlacementEnum || (PlacementEnum = {}));
 function placementType() {
   return (0,external_vue_types_namespaceObject.string)().def(PlacementEnum.BOTTOM);
@@ -85,7 +115,6 @@ function placementType() {
 /* harmony default export */ const props = ({
   content: shared_namespaceObject.PropTypes.string,
   type: shared_namespaceObject.PropTypes.oneOf(['tips', 'title']).def('title'),
-  calType: shared_namespaceObject.PropTypes.oneOf(['dom', 'canvas']).def('dom'),
   boundary: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string.def('parent'), shared_namespaceObject.PropTypes.instanceOf(HTMLElement)]).def(document.body),
   placement: placementType().def(PlacementEnum.TOP_START),
   resizeable: shared_namespaceObject.PropTypes.bool,
@@ -93,6 +122,31 @@ function placementType() {
 });
 ;// CONCATENATED MODULE: ../../packages/overflow-title/src/components/overflow-title.tsx
 
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
 
 
 
@@ -100,23 +154,23 @@ function placementType() {
 
 // import getActualWidthByCanvas from '../utils/getActualWidthByCanvas';
 // import getActualWidthByDom from '../utils/getActualWidthByDom';
-/* harmony default export */ const overflow_title = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const overflow_title = (defineComponent({
   name: 'OverflowTitle',
   props: props,
   setup: function setup(props, _ref) {
     var slots = _ref.slots;
-    var boxRef = (0,external_vue_namespaceObject.ref)(null);
-    var textRef = (0,external_vue_namespaceObject.ref)(null);
-    var isShowTips = (0,external_vue_namespaceObject.ref)(false);
-    var textProps = (0,external_vue_namespaceObject.shallowRef)();
-    var contentText = (0,external_vue_namespaceObject.computed)(function () {
+    var boxRef = ref(null);
+    var textRef = ref(null);
+    var isShowTips = ref(false);
+    var textProps = shallowRef();
+    var contentText = computed(function () {
       var _slots$default;
       if (props.content) {
         return props.content;
       }
       return slots === null || slots === void 0 || (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
     });
-    (0,external_vue_namespaceObject.onMounted)(function () {
+    onMounted(function () {
       // const { clientWidth } = boxRef.value;
       var resizeHandler = (0,shared_namespaceObject.debounce)(500, function () {
         isShowTips.value = false;
@@ -142,9 +196,9 @@ function placementType() {
       if (props.resizeable) {
         var observer = new ResizeObserver(resizeHandler);
         observer.observe(boxRef.value);
-        (0,external_vue_namespaceObject.onBeforeUnmount)(function () {
+        onBeforeUnmount(function () {
           boxRef.value && (observer === null || observer === void 0 ? void 0 : observer.unobserve(boxRef.value));
-          observer === null || observer === void 0 || observer.disconnect();
+          observer === null || observer === void 0 ? void 0 : observer.disconnect();
         });
       }
     });
@@ -158,16 +212,19 @@ function placementType() {
   },
   render: function render() {
     var _this = this;
+    /** popover 基础配置 */
+    var basePopoverOptions = {
+      boundary: this.boundary || document.body,
+      placement: this.placement,
+      popoverDelay: [200, 0],
+      disabled: this.type === 'title' || !this.isShowTips,
+      referenceCls: 'overflow-popover-reference'
+    };
+    var popoverOptions = (0,merge_namespaceObject["default"])(basePopoverOptions, this.popoverOptions);
     return (0,external_vue_namespaceObject.createVNode)("div", {
       "ref": "boxRef",
       "class": "position-relative"
-    }, [(0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)({
-      "placement": this.placement,
-      "boundary": this.boundary || document.body,
-      "popoverDelay": [200, 0]
-    }, props.popoverOptions, {
-      "disabled": this.type === 'title' || !this.isShowTips
-    }), {
+    }, [(0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"], popoverOptions, {
       "default": function _default() {
         return (0,external_vue_namespaceObject.createVNode)("div", (0,external_vue_namespaceObject.mergeProps)({
           "ref": "textRef",

package/lib/overflow-title/overflow-title.css

@@ -9,3 +9,6 @@
 .position-absolute {
   position: absolute;
 }
+.overflow-popover-reference {
+  width: 100%;
+}

package/lib/overflow-title/overflow-title.less

@@ -11,3 +11,7 @@
 .position-absolute {
   position: absolute;
 }
+
+.overflow-popover-reference {
+  width: 100%;
+}

package/lib/overflow-title/overflow-title.variable.css

@@ -9,3 +9,6 @@
 .position-absolute {
   position: absolute;
 }
+.overflow-popover-reference {
+  width: 100%;
+}

package/lib/overflow-title/props.d.ts

@@ -1,25 +1,25 @@
 import { PropType } from 'vue/dist/vue';
 export type TipsType = 'tips' | 'title';
-export type CalType = 'dom' | 'canvas';
+export type CalType = 'canvas' | 'dom';
 export declare enum PlacementEnum {
     AUTO = "auto",
-    AUTO_START = "auto-start",
     AUTO_END = "auto-end",
-    TOP = "top",
-    RIGHT = "right",
+    AUTO_START = "auto-start",
     BOTTOM = "bottom",
-    LEFT = "left",
-    TOP_START = "top-start",
-    TOP_END = "top-end",
-    BOTTOM_START = "bottom-start",
     BOTTOM_END = "bottom-end",
-    RIGHT_START = "right-start",
-    RIGHT_END = "right-end",
+    BOTTOM_START = "bottom-start",
+    LEFT = "left",
+    LEFT_END = "left-end",
     LEFT_START = "left-start",
-    LEFT_END = "left-end"
+    RIGHT = "right",
+    RIGHT_END = "right-end",
+    RIGHT_START = "right-start",
+    TOP = "top",
+    TOP_END = "top-end",
+    TOP_START = "top-start"
 }
-export declare function placementType(): import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-    default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+export declare function placementType(): import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+    default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
 };
 declare const _default: {
     content: import("vue-types").VueTypeValidableDef<string> & {
@@ -28,19 +28,16 @@ declare const _default: {
     type: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    calType: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
     boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
         default: string | (() => HTMLElement);
     };
-    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-        default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+        default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
     };
     resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
-    popoverOptions: PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+    popoverOptions: PropType<Partial<Readonly<import("@vue/runtime-core").ExtractPropTypes<{
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -56,6 +53,11 @@ declare const _default: {
         } & {
             default: boolean;
         };
+        clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         width: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
@@ -71,14 +73,17 @@ declare const _default: {
         content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
             default: string | number | (() => HTMLElement) | (() => JSX.Element);
         };
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
+        };
         target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+            default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
         };
         theme: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -157,6 +162,16 @@ declare const _default: {
         } & {
             default: string;
         };
+        referenceCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {