bkui-vue 0.0.2-beta.9 → 0.0.2-beta.90

package/lib/popover/popover.css

@@ -10,6 +10,7 @@
 }
 .bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
+  z-index: -1;
   width: 8px;
   height: 8px;
   background: #333;

package/lib/popover/popover.d.ts

@@ -20,12 +20,16 @@ declare const _default: import("vue").DefineComponent<{
     height: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    maxHeight: import("vue-types").VueTypeDef<string | number> & {
+    maxWidth: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    content: import("vue-types").VueTypeDef<string | number> & {
+    maxHeight: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
+    content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+        default: string | number | (() => HTMLElement) | (() => JSX.Element);
+    };
+    target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
     allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -111,22 +115,34 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }, {
     boundary: import("vue").Ref<any>;
     arrow: boolean;
     refDefaultReference: import("vue").Ref<any>;
     refContent: import("vue").Ref<any>;
     refArrow: import("vue").Ref<any>;
-    content: string | number;
+    content: string | number | HTMLElement | JSX.Element;
     theme: string;
     transBoundary: import("vue").ComputedRef<boolean>;
     handleClickOutside: (_e: MouseEvent) => void;
-    updatePopover: (virtualEl?: any, props?: {}) => void;
+    updatePopover: (virtualEl?: any, props?: {}, callFn?: any) => void;
+    resetPopover: () => void;
     hide: () => void;
     show: () => void;
     stopHide: () => void;
     contentIsShow: import("vue").ComputedRef<boolean>;
     renderContent: () => any;
+    localIsShow: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clickoutside: (_args: {
         isShow: boolean;
@@ -162,12 +178,16 @@ declare const _default: import("vue").DefineComponent<{
     height: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    maxHeight: import("vue-types").VueTypeDef<string | number> & {
+    maxWidth: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    content: import("vue-types").VueTypeDef<string | number> & {
+    maxHeight: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
+    content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+        default: string | number | (() => HTMLElement) | (() => JSX.Element);
+    };
+    target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
     allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -253,6 +273,16 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
     onClickoutside?: (_args: {
         isShow: boolean;
@@ -270,12 +300,13 @@ declare const _default: import("vue").DefineComponent<{
     width: string | number;
     height: string | number;
     maxHeight: string | number;
+    maxWidth: string | number;
     extCls: string;
     arrow: boolean;
     isShow: boolean;
     always: boolean;
     disabled: boolean;
-    content: string | number;
+    content: string | number | HTMLElement | JSX.Element;
     allowHtml: boolean;
     placement: "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";
     theme: string;
@@ -295,5 +326,7 @@ declare const _default: import("vue").DefineComponent<{
     disableTransform: boolean;
     modifiers: unknown[];
     popoverDelay: number | number[];
+    componentEventDelay: number;
+    forceClickoutside: boolean;
 }, {}>;
 export default _default;

package/lib/popover/popover.less

@@ -5,7 +5,7 @@
   &.@{bk-prefix}-pop2-content {
     position: absolute;
     display: none;
-    
+
     padding: 7px 14px;
 
     font-size: 12px;
@@ -16,6 +16,7 @@
 
     .@{bk-prefix}-pop2-arrow {
       position: absolute;
+      z-index: -1;
       width: 8px;
       height: 8px;
       background: #333;
@@ -32,4 +33,4 @@
       }
     }
   }
-}
+}

package/lib/popover/popover.variable.css

@@ -132,6 +132,7 @@
 }
 .bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
+  z-index: -1;
   width: 8px;
   height: 8px;
   background: #333;

package/lib/popover/props.d.ts

@@ -8,6 +8,7 @@ type IAxesOffsets = {
     crossAxis?: number;
     alignmentAxis?: number | null;
 };
+type IContent = string | number | JSX.Element | HTMLElement;
 export declare const PopoverProps: {
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -30,12 +31,16 @@ export declare const PopoverProps: {
     height: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    maxHeight: import("vue-types").VueTypeDef<string | number> & {
+    maxWidth: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    content: import("vue-types").VueTypeDef<string | number> & {
+    maxHeight: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
+    content: import("vue-types").VueTypeDef<IContent> & {
+        default: string | number | (() => HTMLElement) | (() => JSX.Element);
+    };
+    target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
     allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -152,6 +157,24 @@ export declare const PopoverProps: {
     } & {
         default: string;
     };
+    /**
+     * 自定义Content组件渲染，point-event延迟渲染时间
+     * 避免子组件point-event渲染时触发popover鼠标事件
+     * 如果设置为0，则不启用此设置
+     */
+    componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    /**
+     * 或略其他判定条件，强制监听clickoutside & 执行hide
+     */
+    forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 };
 export type PopoverPropTypes = Readonly<ExtractPropTypes<typeof PopoverProps>>;
 export {};

package/lib/popover/use-floating.d.ts

@@ -14,7 +14,7 @@ declare const _default: (props: PopoverPropTypes, ctx: any, { refReference, refC
         content: (string | ((e: MouseEvent) => void))[][];
         reference: any[][];
     };
-    updatePopover: (virtualEl?: any, props?: {}) => void;
+    updatePopover: (virtualEl?: any, props?: {}, callFn?: any) => void;
     triggerPopover: () => void;
     resolvePopElements: () => {
         elReference: any;

package/lib/popover/use-popover-init.d.ts

@@ -10,7 +10,8 @@ declare const _default: (props: any, ctx: any, { refReference, refContent, refAr
     beforeInstanceUnmount: () => void;
     updateBoundary: () => void;
     initPopInstance: () => void;
-    updatePopover: (virtualEl?: any, props?: {}) => void;
+    updatePopover: (virtualEl?: any, props?: {}, callFn?: any) => void;
+    resetPopover: () => void;
     showPopover: () => void;
     hidePopover: () => void;
     showFn: () => void;

package/lib/popover2/index.d.ts

@@ -5,8 +5,8 @@ declare const BkPopover2: {
         $props: {
             class?: unknown;
             style?: unknown;
-            key?: string | number | symbol;
             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, {

package/lib/popover2/index.js

@@ -1 +1,107 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],o);else{var r="object"==typeof exports?o(require("../shared"),require("vue")):o(e["../shared"],e.vue);for(var t in r)("object"==typeof exports?exports:e)[t]=r[t]}}(self,((e,o)=>(()=>{"use strict";var r={4212:o=>{o.exports=e},748:e=>{e.exports=o}},t={};function p(e){var o=t[e];if(void 0!==o)return o.exports;var n=t[e]={exports:{}};return r[e](n,n.exports,p),n.exports}p.d=(e,o)=>{for(var r in o)p.o(o,r)&&!p.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},p.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),p.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{p.r(n),p.d(n,{default:()=>t});var e=p(4212),o=p(748);const r=(0,o.defineComponent)({name:"Popover2",setup:function(){return function(){return(0,o.createVNode)("code",null,["<bk-popover2></bk-popover2>已经合并为<bk-popover></bk-popover>，请替换为<bk-popover></bk-popover>"])}}}),t=(0,e.withInstall)(r)})(),n})()));
+import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  Z: () => (/* 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({ ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
+;// 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({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent });
+;// CONCATENATED MODULE: ../../packages/popover2/src/popover.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.
+ */
+
+/* harmony default export */ const popover = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'Popover2',
+  setup: function setup() {
+    return function () {
+      return (0,external_vue_namespaceObject.createVNode)("code", null, ['<bk-popover2></bk-popover2>已经合并为<bk-popover></bk-popover>，请替换为<bk-popover></bk-popover>']);
+    };
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/popover2/src/index.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 BkPopover2 = (0,external_shared_namespaceObject.withInstall)(popover);
+/* harmony default export */ const src = (BkPopover2);
+var __webpack_exports__default = __webpack_exports__.Z;
+export { __webpack_exports__default as default };

package/lib/preset.d.ts

@@ -65,6 +65,7 @@ declare const _default: {
                     cancel: string;
                     or: string;
                     and: string;
+                    logical: string;
                 };
                 select: {
                     noData: string;
@@ -197,6 +198,7 @@ declare const _default: {
                     cancel: string;
                     or: string;
                     and: string;
+                    logical: string;
                 };
                 select: {
                     noData: string;

package/lib/preset.js

@@ -1 +1,93 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("./config-provider"),require("./components"));else if("function"==typeof define&&define.amd)define(["./config-provider","./components"],o);else{var r="object"==typeof exports?o(require("./config-provider"),require("./components")):o(e["./config-provider"],e["./components"]);for(var t in r)("object"==typeof exports?exports:e)[t]=r[t]}}(self,((e,o)=>(()=>{"use strict";var r={4689:e=>{e.exports=o},7623:o=>{o.exports=e}},t={};function n(e){var o=t[e];if(void 0!==o)return o.exports;var i=t[e]={exports:{}};return r[e](i,i.exports,n),i.exports}n.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return n.d(o,{a:o}),o},n.d=(e,o)=>{for(var r in o)n.o(o,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},n.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{n.r(i),n.d(i,{default:()=>t});var e=n(7623),o=n(4689),r=function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"Bk";return function(t,n){var i=t.config.globalProperties.bkUIPrefix||r;Object.keys(o).forEach((function(e){var r=o[e];"install"in r?t.use(r,{prefix:i}):t.component(i+e,o[e])})),n&&(0,e.provideGlobalConfig)(n)}};const t={createInstall:r,install:r(),version:"0.0.1"}})(),i})()));
+import * as __WEBPACK_EXTERNAL_MODULE__config_provider_e8e4cbd4__ from "./config-provider";
+import * as __WEBPACK_EXTERNAL_MODULE__components_96ad247a__ from "./components";
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  Z: () => (/* binding */ preset)
+});
+
+;// CONCATENATED MODULE: external "./config-provider"
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const external_config_provider_namespaceObject = x({ ["provideGlobalConfig"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_e8e4cbd4__.provideGlobalConfig });
+;// CONCATENATED MODULE: external "./components"
+var external_components_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_components_y = x => () => x
+const external_components_namespaceObject = __WEBPACK_EXTERNAL_MODULE__components_96ad247a__;
+;// CONCATENATED MODULE: ../../packages/bkui-vue/preset.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 createInstall = function createInstall() {
+  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'Bk';
+  return function (app, options) {
+    var pre = app.config.globalProperties.bkUIPrefix || prefix;
+    Object.keys(external_components_namespaceObject).forEach(function (key) {
+      var component = external_components_namespaceObject[key];
+      if ('install' in component) {
+        app.use(component, {
+          prefix: pre
+        });
+      } else {
+        app.component(pre + key, external_components_namespaceObject[key]);
+      }
+    });
+    if (options) {
+      (0,external_config_provider_namespaceObject.provideGlobalConfig)(options);
+    }
+  };
+};
+/* harmony default export */ const preset = ({
+  createInstall: createInstall,
+  install: createInstall(),
+  version: '0.0.1'
+});
+var __webpack_exports__default = __webpack_exports__.Z;
+export { __webpack_exports__default as default };

package/lib/process/index.d.ts

@@ -12,8 +12,8 @@ declare const BkProcess: {
             class?: unknown;
             style?: unknown;
             onClick?: (...args: any[]) => any;
-            key?: string | number | symbol;
             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, {