bkui-vue 1.0.3-beta.68.dialog.1 → 1.0.3-beta.68.dialog.3

package/lib/table-column/index.js

@@ -35,6 +35,10 @@ __webpack_require__.d(__webpack_exports__, {
 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, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.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({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["onUpdated"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUpdated, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -80,98 +84,6 @@ 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, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref });
-;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/native.js
-const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-/* harmony default export */ const esm_browser_native = ({
-  randomUUID
-});
-;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/rng.js
-// Unique ID creation requires a high quality random # generator. In the browser we therefore
-// require the crypto API and do not support built-in fallback to lower quality random number
-// generators (like Math.random()).
-let getRandomValues;
-const rnds8 = new Uint8Array(16);
-function rng() {
-  // lazy load so that environments that need to polyfill have a chance to do so
-  if (!getRandomValues) {
-    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
-    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-
-    if (!getRandomValues) {
-      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-    }
-  }
-
-  return getRandomValues(rnds8);
-}
-;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/stringify.js
-
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-
-const byteToHex = [];
-
-for (let i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).slice(1));
-}
-
-function unsafeStringify(arr, offset = 0) {
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
-}
-
-function stringify(arr, offset = 0) {
-  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one
-  // of the following:
-  // - One or more input array values don't map to a hex octet (leading to
-  // "undefined" in the uuid)
-  // - Invalid input values for the RFC `version` or `variant` fields
-
-  if (!validate(uuid)) {
-    throw TypeError('Stringified UUID is invalid');
-  }
-
-  return uuid;
-}
-
-/* harmony default export */ const esm_browser_stringify = ((/* unused pure expression or super */ null && (stringify)));
-;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/v4.js
-
-
-
-
-function v4(options, buf, offset) {
-  if (esm_browser_native.randomUUID && !buf && !options) {
-    return esm_browser_native.randomUUID();
-  }
-
-  options = options || {};
-  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-
-  rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
-
-  if (buf) {
-    offset = offset || 0;
-
-    for (let i = 0; i < 16; ++i) {
-      buf[offset + i] = rnds[i];
-    }
-
-    return buf;
-  }
-
-  return unsafeStringify(rnds);
-}
-
-/* harmony default export */ const esm_browser_v4 = (v4);
 ;// CONCATENATED MODULE: ../../packages/table/src/const.ts
 
 /*
@@ -293,9 +205,9 @@ var createDefaultSizeList = function createDefaultSizeList(t) {
 /**
  * Provide key: init column when use <column { ...props }> template
  */
-var PROVIDE_KEY_INIT_COL = 'InitColumns';
-var PROVIDE_KEY_TB_CACHE = 'BKTableCahce';
-var BK_COLUMN_UPDATE_DEFINE = 'Bk_COlumn_Update_Define';
+var PROVIDE_KEY_INIT_COL = Symbol('bkInitColumns');
+var PROVIDE_KEY_TB_CACHE = Symbol('bkTableCahce');
+var BK_COLUMN_UPDATE_DEFINE = Symbol('bkColumnUpdateDefine');
 /**
  * 表格底部高度
  * 分页组件
@@ -692,8 +604,6 @@ var tableProps = {
 };
 ;// CONCATENATED MODULE: ../../packages/table/src/components/table-column.tsx
 
-
-
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -723,7 +633,6 @@ var tableProps = {
 
 
 
-
 var TableColumnProp = {
   label: LabelFunctionStringType,
   field: LabelFunctionStringType,
@@ -742,200 +651,29 @@ var TableColumnProp = {
   align: TableAlign,
   className: RowClassFunctionStringType,
   prop: LabelFunctionStringType,
-  index: shared_namespaceObject.PropTypes.number.def(undefined),
-  uniqueId: shared_namespaceObject.PropTypes.object.def({
-    val: ''
-  })
+  index: shared_namespaceObject.PropTypes.number.def(undefined)
 };
 /* harmony default export */ const table_column = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'TableColumn',
   props: TableColumnProp,
   setup: function setup(props) {
-    var initColumns = (0,external_vue_namespaceObject.inject)(PROVIDE_KEY_INIT_COL, function (_col) {
-      var _rm = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    }, false);
-    var bkTableCache = (0,external_vue_namespaceObject.inject)(PROVIDE_KEY_TB_CACHE, {
-      queueStack: function queueStack(_, fn) {
-        return fn === null || fn === void 0 ? void 0 : fn();
-      }
-    });
+    var initTableColumns = (0,external_vue_namespaceObject.inject)(PROVIDE_KEY_INIT_COL, function () {});
     var column = (0,external_vue_namespaceObject.reactive)(Object.assign({}, props, {
       field: props.prop || props.field
     }));
-    var isIndexPropChanged = (0,external_vue_namespaceObject.ref)(false);
-    var setIsIndexChanged = function setIsIndexChanged(val) {
-      isIndexPropChanged.value = val;
-    };
+    (0,external_vue_namespaceObject.onMounted)(function () {
+      initTableColumns();
+    });
+    (0,external_vue_namespaceObject.onUpdated)(function () {
+      initTableColumns();
+    });
+    (0,external_vue_namespaceObject.onUnmounted)(function () {
+      initTableColumns();
+    });
     return {
-      isIndexPropChanged: isIndexPropChanged,
-      setIsIndexChanged: setIsIndexChanged,
-      initColumns: initColumns,
-      bkTableCache: bkTableCache,
       column: column
     };
   },
-  watch: {
-    index: {
-      handler: function handler() {
-        this.setIsIndexChanged(!this.isIndexPropChanged);
-      },
-      deep: true
-    }
-  },
-  unmounted: function unmounted() {
-    this.updateColumnDefine(true);
-  },
-  mounted: function mounted() {
-    this.setNodeUid();
-    this.updateColumnDefine();
-  },
-  updated: function updated() {
-    if (this.isIndexPropChanged) {
-      this.updateColumnDefineByParent();
-      this.setIsIndexChanged(!this.isIndexPropChanged);
-    }
-  },
-  methods: {
-    updateColumnDefine: function updateColumnDefine() {
-      var unmounted = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      if (unmounted) {
-        this.unmountColumn();
-        return;
-      }
-      this.updateColumnDefineByParent();
-    },
-    copyProps: function copyProps(props) {
-      return Object.keys(props !== null && props !== void 0 ? props : {}).reduce(function (result, key) {
-        var target = key.replace(/-(\w)/g, function (_, letter) {
-          return letter.toUpperCase();
-        });
-        return Object.assign(result, _defineProperty({}, target, props[key]));
-      }, {});
-    },
-    rsolveIndexedColumn: function rsolveIndexedColumn() {
-      // 如果是设置了Index，则先添加Index列，不做自动递归读取Column
-      if (/\d+\.?\d*/.test("".concat(this.$props.index))) {
-        var _props$render;
-        var props = this.$.vnode.props;
-        var resolveProp = Object.assign({}, this.copyProps(props), {
-          field: props.prop || props.field,
-          render: (_props$render = props.render) !== null && _props$render !== void 0 ? _props$render : this.$slots["default"],
-          uniqueId: this.getNodeCtxUid(this.$.ctx)
-        });
-        this.initColumns(resolveProp);
-        return false;
-      }
-      return true;
-    },
-    setNodeUid: function setNodeUid() {
-      var ctx = this.$.ctx;
-      if (!ctx) {
-        return;
-      }
-      if (ctx.uniqueId && !ctx.uniqueId.val) {
-        ctx.uniqueId.val = esm_browser_v4();
-      }
-      if (!ctx.uniqueId) {
-        Object.assign(ctx, {
-          uniqueId: {
-            val: esm_browser_v4()
-          }
-        });
-      }
-    },
-    getNodeCtxUid: function getNodeCtxUid(ctx) {
-      var _ctx$uniqueId;
-      return ctx === null || ctx === void 0 || (_ctx$uniqueId = ctx.uniqueId) === null || _ctx$uniqueId === void 0 ? void 0 : _ctx$uniqueId.val;
-    },
-    updateColumnDefineByParent: function updateColumnDefineByParent() {
-      var _this = this;
-      if (!this.rsolveIndexedColumn()) {
-        return;
-      }
-      var fn = function fn() {
-        // @ts-ignore
-        var selfVnode = _this.$;
-        var getTableNode = function getTableNode(root) {
-          var _parentVnode$type;
-          if (root === document.body || !root) {
-            return null;
-          }
-          var parentVnode = root.parent;
-          if (((_parentVnode$type = parentVnode.type) === null || _parentVnode$type === void 0 ? void 0 : _parentVnode$type.name) === 'Table') {
-            return parentVnode.vnode;
-          }
-          return getTableNode(parentVnode);
-        };
-        var getNodeUid = function getNodeUid(node) {
-          return _this.getNodeCtxUid(node.ctx);
-        };
-        var tableNode = getTableNode(selfVnode);
-        if (!tableNode) {
-          return;
-        }
-        var sortColumns = [];
-        var index = 0;
-        var resolveChildNode = function resolveChildNode(node) {
-          var _node$type;
-          if (!node) {
-            return null;
-          }
-          if (((_node$type = node.type) === null || _node$type === void 0 ? void 0 : _node$type.name) === 'TableColumn') {
-            var _node$props$render, _node$children;
-            var resolveProp = Object.assign({
-              index: index
-            }, _this.copyProps(node.props), {
-              field: node.props.prop || node.props.field,
-              render: (_node$props$render = node.props.render) !== null && _node$props$render !== void 0 ? _node$props$render : (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children["default"],
-              uniqueId: getNodeUid(node)
-            });
-            sortColumns.push((0,external_vue_namespaceObject.unref)(resolveProp));
-            index = index + 1;
-            return null;
-          }
-          if (Array.isArray(node === null || node === void 0 ? void 0 : node.children)) {
-            return node.children;
-          }
-          if ((0,external_vue_namespaceObject.isVNode)(node) && node !== null && node !== void 0 && node.children && _typeof(node === null || node === void 0 ? void 0 : node.children) === 'object') {
-            return Object.keys(node.children).map(function (key) {
-              return node.children[key];
-            });
-          }
-          if (typeof node === 'function') {
-            return node();
-          }
-          return null;
-        };
-        var reduceColumns = function reduceColumns(nodes) {
-          if (!Array.isArray(nodes)) {
-            var children = resolveChildNode(nodes);
-            if (children) {
-              reduceColumns(children);
-            }
-            return;
-          }
-          nodes === null || nodes === void 0 || nodes.forEach(function (node) {
-            return reduceColumns(node);
-          });
-        };
-        reduceColumns(tableNode);
-        _this.initColumns(sortColumns);
-      };
-      if (typeof this.bkTableCache.queueStack === 'function') {
-        this.bkTableCache.queueStack(BK_COLUMN_UPDATE_DEFINE, fn);
-      }
-    },
-    unmountColumn: function unmountColumn() {
-      var _props$render2;
-      var props = this.$.vnode.props;
-      var resolveProp = Object.assign({}, this.copyProps(this.$props), {
-        field: props.prop || props.field,
-        render: (_props$render2 = props.render) !== null && _props$render2 !== void 0 ? _props$render2 : this.$slots["default"],
-        uniqueId: this.getNodeCtxUid(this.$.ctx)
-      });
-      this.initColumns(resolveProp, true);
-    }
-  },
   render: function render() {
     var _this$$slots$default, _this$$slots;
     return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots, {

package/lib/tree/constant.d.ts

@@ -6,7 +6,8 @@ export declare enum EVENTS {
     NODE_DRAG_START = "nodeDragStart",
     NODE_DRAG_OVER = "nodeDragOver",
     NODE_DRAG_LEAVE = "nodeDragLeave",
-    NODE_DROP = "nodeDrop"
+    NODE_DROP = "nodeDrop",
+    NODE_ENTER_VIEW = "nodeEnterView"
 }
 export declare const TreeEmitEventsType: {
     nodeClick: (..._args: any[]) => boolean;
@@ -17,6 +18,7 @@ export declare const TreeEmitEventsType: {
     nodeDragOver: (..._args: any[]) => boolean;
     nodeDragLeave: (..._args: any[]) => boolean;
     nodeDrop: (..._args: any[]) => boolean;
+    nodeEnterView: (..._args: any[]) => boolean;
 };
 /**
  * 节点扩展属性

package/lib/tree/index.d.ts

@@ -120,6 +120,9 @@ declare const BkTree: {
         } & {
             default: boolean;
         };
+        intersectionObserver: import("vue-types").VueTypeDef<boolean | import("./props").IIntersectionObserver> & {
+            default: boolean | (() => import("./props").IIntersectionObserver);
+        };
     }>> & {
         onNodeClick?: (...args: any[]) => any;
         onNodeCollapse?: (...args: any[]) => any;
@@ -129,6 +132,7 @@ declare const BkTree: {
         onNodeDragOver?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
+        onNodeEnterView?: (...args: any[]) => any;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         nodeClick: (..._args: any[]) => boolean;
         nodeCollapse: (..._args: any[]) => boolean;
@@ -138,6 +142,7 @@ declare const BkTree: {
         nodeDragOver: (..._args: any[]) => boolean;
         nodeDragLeave: (..._args: any[]) => boolean;
         nodeDrop: (..._args: any[]) => boolean;
+        nodeEnterView: (..._args: any[]) => boolean;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         data: import("vue-types").VueTypeDef<any[]> & {
             default: () => any[];
@@ -259,6 +264,9 @@ declare const BkTree: {
         } & {
             default: boolean;
         };
+        intersectionObserver: import("vue-types").VueTypeDef<boolean | import("./props").IIntersectionObserver> & {
+            default: boolean | (() => import("./props").IIntersectionObserver);
+        };
     }>> & {
         onNodeClick?: (...args: any[]) => any;
         onNodeCollapse?: (...args: any[]) => any;
@@ -268,6 +276,7 @@ declare const BkTree: {
         onNodeDragOver?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
+        onNodeEnterView?: (...args: any[]) => any;
     }, {
         data: any[];
         height: number;
@@ -296,6 +305,7 @@ declare const BkTree: {
         nodeContentAction: any;
         keepSlotData: boolean;
         checkStrictly: boolean;
+        intersectionObserver: boolean | import("./props").IIntersectionObserver;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -424,6 +434,9 @@ declare const BkTree: {
         } & {
             default: boolean;
         };
+        intersectionObserver: import("vue-types").VueTypeDef<boolean | import("./props").IIntersectionObserver> & {
+            default: boolean | (() => import("./props").IIntersectionObserver);
+        };
     }>> & {
         onNodeClick?: (...args: any[]) => any;
         onNodeCollapse?: (...args: any[]) => any;
@@ -433,6 +446,7 @@ declare const BkTree: {
         onNodeDragOver?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
+        onNodeEnterView?: (...args: any[]) => any;
     }, () => JSX.Element, {}, {}, {}, {
         data: any[];
         height: number;
@@ -461,6 +475,7 @@ declare const BkTree: {
         nodeContentAction: any;
         keepSlotData: boolean;
         checkStrictly: boolean;
+        intersectionObserver: boolean | import("./props").IIntersectionObserver;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -586,6 +601,9 @@ declare const BkTree: {
     } & {
         default: boolean;
     };
+    intersectionObserver: import("vue-types").VueTypeDef<boolean | import("./props").IIntersectionObserver> & {
+        default: boolean | (() => import("./props").IIntersectionObserver);
+    };
 }>> & {
     onNodeClick?: (...args: any[]) => any;
     onNodeCollapse?: (...args: any[]) => any;
@@ -595,6 +613,7 @@ declare const BkTree: {
     onNodeDragOver?: (...args: any[]) => any;
     onNodeDragLeave?: (...args: any[]) => any;
     onNodeDrop?: (...args: any[]) => any;
+    onNodeEnterView?: (...args: any[]) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     nodeClick: (..._args: any[]) => boolean;
     nodeCollapse: (..._args: any[]) => boolean;
@@ -604,6 +623,7 @@ declare const BkTree: {
     nodeDragOver: (..._args: any[]) => boolean;
     nodeDragLeave: (..._args: any[]) => boolean;
     nodeDrop: (..._args: any[]) => boolean;
+    nodeEnterView: (..._args: any[]) => boolean;
 }, string, {
     data: any[];
     height: number;
@@ -632,5 +652,6 @@ declare const BkTree: {
     nodeContentAction: any;
     keepSlotData: boolean;
     checkStrictly: boolean;
+    intersectionObserver: boolean | import("./props").IIntersectionObserver;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkTree;