@kdcloudjs/table 1.0.0 → 1.0.3

package/es/table/base/helpers/__test__/visible-part.test.d.ts

@@ -1 +0,0 @@
-export {};

package/es/table/base/helpers/__test__/visible-part.test.js

@@ -1,28 +0,0 @@
-import { getVisiblePartObservable, getVisiblePart } from '../visible-part';
-var NAME = 'visible-part';
-describe("".concat(NAME), function () {
-  it('getVisiblePartObservable', function () {
-    var container = document.createElement('div');
-    container.setAttribute('id', 't1');
-    container.style.cssText = 'width:100px;height:100px;overflow:auto;';
-    var content = document.createElement('div');
-    content.style.cssText = 'width:200px;height:200px;';
-    container.appendChild(content);
-    document.body.appendChild(container); // todo: rxjs test
-
-    getVisiblePartObservable(content, container);
-    var event = new window.Event('scroll', {
-      cancelable: false
-    });
-    container.dispatchEvent(event);
-    document.body.removeChild(container);
-    container = content = null;
-  });
-  it('getVisiblePart', function () {
-    var container = document.createElement('div');
-    document.body.appendChild(container);
-    expect(getVisiblePart(container, window).offsetX).toBe(0);
-    document.body.removeChild(container);
-    container = null;
-  });
-});

package/es/table/base/helpers/visible-part.d.ts

@@ -1,23 +0,0 @@
-import { Observable } from 'rxjs';
-export declare function getVisiblePart(target: HTMLElement | typeof window, flowRoot: HTMLElement | typeof window): {
-    offsetY: number;
-    offsetX: number;
-    clipRect: {
-        left: number;
-        top: number;
-        right: number;
-        bottom: number;
-    };
-};
-/** 基于 ResizeObserver 和 scroll event 封装的 RxJS observable；
- * 用于监听一个元素的在页面中的「可见范围」的不断变化 */
-export declare function getVisiblePartObservable(target: HTMLElement, flowRoot: HTMLElement | typeof window): Observable<{
-    offsetY: number;
-    offsetX: number;
-    clipRect: {
-        left: number;
-        top: number;
-        right: number;
-        bottom: number;
-    };
-}>;

package/es/table/base/helpers/visible-part.js

@@ -1,58 +0,0 @@
-import ResizeObserver from 'resize-observer-polyfill';
-import { fromEvent, merge, Observable } from 'rxjs';
-import * as op from 'rxjs/operators';
-
-function getRect(ele) {
-  if (ele === window) {
-    return {
-      left: 0,
-      top: 0,
-      bottom: window.innerHeight,
-      right: window.innerWidth
-    };
-  } else {
-    return ele.getBoundingClientRect();
-  }
-}
-
-export function getVisiblePart(target, flowRoot) {
-  var targetRect = getRect(target);
-  var rootRect = getRect(flowRoot);
-  return {
-    offsetY: Math.max(0, rootRect.top - targetRect.top),
-    offsetX: Math.max(0, rootRect.left - targetRect.left),
-    clipRect: {
-      left: Math.max(targetRect.left, rootRect.left),
-      top: Math.max(targetRect.top, rootRect.top),
-      right: Math.min(targetRect.right, rootRect.right),
-      bottom: Math.min(targetRect.bottom, rootRect.bottom)
-    }
-  };
-}
-
-function fromResizeEvent(element) {
-  if (element === window) {
-    return fromEvent(element, 'resize');
-  }
-
-  return new Observable(function (subscriber) {
-    var resizeObserver = new ResizeObserver(function () {
-      subscriber.next();
-    });
-    resizeObserver.observe(element);
-    return function () {
-      resizeObserver.disconnect();
-    };
-  });
-}
-/** 基于 ResizeObserver 和 scroll event 封装的 RxJS observable；
- * 用于监听一个元素的在页面中的「可见范围」的不断变化 */
-
-
-export function getVisiblePartObservable(target, flowRoot) {
-  return merge(fromEvent(flowRoot, 'scroll', {
-    passive: true
-  }), fromResizeEvent(flowRoot), fromResizeEvent(target)).pipe(op.map(function () {
-    return getVisiblePart(target, flowRoot);
-  }));
-}

package/lib/table/base/helpers/__test__/visible-part.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/table/base/helpers/__test__/visible-part.test.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _visiblePart = require("../visible-part");
-
-var NAME = 'visible-part';
-describe("".concat(NAME), function () {
-  it('getVisiblePartObservable', function () {
-    var container = document.createElement('div');
-    container.setAttribute('id', 't1');
-    container.style.cssText = 'width:100px;height:100px;overflow:auto;';
-    var content = document.createElement('div');
-    content.style.cssText = 'width:200px;height:200px;';
-    container.appendChild(content);
-    document.body.appendChild(container); // todo: rxjs test
-
-    (0, _visiblePart.getVisiblePartObservable)(content, container);
-    var event = new window.Event('scroll', {
-      cancelable: false
-    });
-    container.dispatchEvent(event);
-    document.body.removeChild(container);
-    container = content = null;
-  });
-  it('getVisiblePart', function () {
-    var container = document.createElement('div');
-    document.body.appendChild(container);
-    expect((0, _visiblePart.getVisiblePart)(container, window).offsetX).toBe(0);
-    document.body.removeChild(container);
-    container = null;
-  });
-});

package/lib/table/base/helpers/visible-part.d.ts

@@ -1,23 +0,0 @@
-import { Observable } from 'rxjs';
-export declare function getVisiblePart(target: HTMLElement | typeof window, flowRoot: HTMLElement | typeof window): {
-    offsetY: number;
-    offsetX: number;
-    clipRect: {
-        left: number;
-        top: number;
-        right: number;
-        bottom: number;
-    };
-};
-/** 基于 ResizeObserver 和 scroll event 封装的 RxJS observable；
- * 用于监听一个元素的在页面中的「可见范围」的不断变化 */
-export declare function getVisiblePartObservable(target: HTMLElement, flowRoot: HTMLElement | typeof window): Observable<{
-    offsetY: number;
-    offsetX: number;
-    clipRect: {
-        left: number;
-        top: number;
-        right: number;
-        bottom: number;
-    };
-}>;

package/lib/table/base/helpers/visible-part.js

@@ -1,72 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getVisiblePart = getVisiblePart;
-exports.getVisiblePartObservable = getVisiblePartObservable;
-
-var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
-
-var _rxjs = require("rxjs");
-
-var op = _interopRequireWildcard(require("rxjs/operators"));
-
-function getRect(ele) {
-  if (ele === window) {
-    return {
-      left: 0,
-      top: 0,
-      bottom: window.innerHeight,
-      right: window.innerWidth
-    };
-  } else {
-    return ele.getBoundingClientRect();
-  }
-}
-
-function getVisiblePart(target, flowRoot) {
-  var targetRect = getRect(target);
-  var rootRect = getRect(flowRoot);
-  return {
-    offsetY: Math.max(0, rootRect.top - targetRect.top),
-    offsetX: Math.max(0, rootRect.left - targetRect.left),
-    clipRect: {
-      left: Math.max(targetRect.left, rootRect.left),
-      top: Math.max(targetRect.top, rootRect.top),
-      right: Math.min(targetRect.right, rootRect.right),
-      bottom: Math.min(targetRect.bottom, rootRect.bottom)
-    }
-  };
-}
-
-function fromResizeEvent(element) {
-  if (element === window) {
-    return (0, _rxjs.fromEvent)(element, 'resize');
-  }
-
-  return new _rxjs.Observable(function (subscriber) {
-    var resizeObserver = new _resizeObserverPolyfill.default(function () {
-      subscriber.next();
-    });
-    resizeObserver.observe(element);
-    return function () {
-      resizeObserver.disconnect();
-    };
-  });
-}
-/** 基于 ResizeObserver 和 scroll event 封装的 RxJS observable；
- * 用于监听一个元素的在页面中的「可见范围」的不断变化 */
-
-
-function getVisiblePartObservable(target, flowRoot) {
-  return (0, _rxjs.merge)((0, _rxjs.fromEvent)(flowRoot, 'scroll', {
-    passive: true
-  }), fromResizeEvent(flowRoot), fromResizeEvent(target)).pipe(op.map(function () {
-    return getVisiblePart(target, flowRoot);
-  }));
-}