@qsxy/element-plus-react 1.0.0-next.2 → 1.0.0-next.22

package/dist/VirtualList/Filler.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { ComponentChildren } from '../types/common';
-interface FillerProps {
-    prefixCls?: string;
-    height: number;
-    offset?: number;
-    children: ComponentChildren;
-    onInnerResize?: () => void;
-}
-declare const Filler: React.ForwardRefExoticComponent<FillerProps & React.RefAttributes<HTMLDivElement>>;
-export default Filler;

package/dist/VirtualList/Filler.js

@@ -1,78 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/VirtualList/Filler.tsx
-var Filler_exports = {};
-__export(Filler_exports, {
-  default: () => Filler_default
-});
-module.exports = __toCommonJS(Filler_exports);
-var import_rc_resize_observer = __toESM(require("rc-resize-observer"));
-var import_react = __toESM(require("react"));
-var import_classnames = __toESM(require("classnames"));
-var Filler = (0, import_react.forwardRef)(({ height, offset, children, prefixCls, onInnerResize }, ref) => {
-  let outerStyle = {};
-  let innerStyle = {
-    display: "flex",
-    flexDirection: "column"
-  };
-  if (offset !== void 0) {
-    outerStyle = { height, position: "relative", overflow: "hidden" };
-    innerStyle = {
-      ...innerStyle,
-      transform: `translateY(${offset}px)`,
-      position: "absolute",
-      left: 0,
-      right: 0,
-      top: 0
-    };
-  }
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: outerStyle }, /* @__PURE__ */ import_react.default.createElement(
-    import_rc_resize_observer.default,
-    {
-      onResize: ({ offsetHeight }) => {
-        if (offsetHeight && onInnerResize) {
-          onInnerResize();
-        }
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        style: innerStyle,
-        className: (0, import_classnames.default)({
-          [`${prefixCls}-holder-inner`]: prefixCls
-        }),
-        ref
-      },
-      children
-    )
-  ));
-});
-Filler.displayName = "Filler";
-var Filler_default = Filler;

package/dist/VirtualList/Item.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ComponentChildren } from '../types/common';
-export interface ItemProps {
-    children: ComponentChildren;
-    setRef: (element: HTMLElement) => void;
-}
-export declare function Item({ children, setRef }: ItemProps): React.ReactElement;

package/dist/VirtualList/Item.js

@@ -1,37 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/VirtualList/Item.tsx
-var Item_exports = {};
-__export(Item_exports, {
-  Item: () => Item
-});
-module.exports = __toCommonJS(Item_exports);
-var import_react = require("react");
-function Item({ children, setRef }) {
-  const refFunc = (0, import_react.useCallback)((node) => {
-    setRef(node);
-  }, []);
-  return (0, import_react.cloneElement)(import_react.Children.only(children), {
-    ref: refFunc
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Item
-});

package/dist/VirtualList/ScrollBar.d.ts

@@ -1,43 +0,0 @@
-/// <reference types="node" />
-import React, { Component } from 'react';
-export interface ScrollBarProps {
-    prefixCls: string;
-    scrollTop: number;
-    scrollHeight: number;
-    height: number;
-    count: number;
-    onScroll: (scrollTop: number) => void;
-    onStartMove: () => void;
-    onStopMove: () => void;
-}
-interface ScrollBarState {
-    dragging: boolean;
-    pageY: number;
-    startTop: number;
-    visible: boolean;
-}
-export default class ScrollBar extends Component<ScrollBarProps, ScrollBarState> {
-    moveRaf: number;
-    scrollbarRef: React.RefObject<HTMLDivElement>;
-    thumbRef: React.RefObject<HTMLDivElement>;
-    visibleTimeout: NodeJS.Timeout;
-    state: ScrollBarState;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ScrollBarProps): void;
-    componentWillUnmount(): void;
-    delayHidden: () => void;
-    onScrollbarTouchStart: (e: TouchEvent) => void;
-    onContainerMouseDown: React.MouseEventHandler<any>;
-    patchEvents: () => void;
-    removeEvents: () => void;
-    onMouseDown: (e: any) => void;
-    onMouseMove: (e: MouseEvent | TouchEvent) => void;
-    onMouseUp: () => void;
-    getSpinHeight: () => number;
-    getEnableScrollRange: () => number;
-    getEnableHeightRange: () => number;
-    getTop: () => number;
-    showScroll: () => boolean;
-    render(): React.JSX.Element;
-}
-export {};

package/dist/VirtualList/ScrollBar.js

@@ -1,216 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/VirtualList/ScrollBar.tsx
-var ScrollBar_exports = {};
-__export(ScrollBar_exports, {
-  default: () => ScrollBar
-});
-module.exports = __toCommonJS(ScrollBar_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_raf = __toESM(require("./utils/raf"));
-var MIN_SIZE = 20;
-function getPageY(e) {
-  return "touches" in e ? e.touches[0].pageY : e.pageY;
-}
-var ScrollBar = class extends import_react.Component {
-  constructor() {
-    super(...arguments);
-    this.moveRaf = null;
-    this.scrollbarRef = (0, import_react.createRef)();
-    this.thumbRef = (0, import_react.createRef)();
-    // eslint-disable-next-line no-undef
-    this.visibleTimeout = null;
-    this.state = {
-      dragging: false,
-      pageY: null,
-      startTop: null,
-      visible: false
-    };
-    this.delayHidden = () => {
-      clearTimeout(this.visibleTimeout);
-      this.setState({ visible: true });
-      this.visibleTimeout = setTimeout(() => {
-        this.setState({ visible: false });
-      }, 2e3);
-    };
-    this.onScrollbarTouchStart = (e) => {
-      e.preventDefault();
-    };
-    this.onContainerMouseDown = (e) => {
-      e.stopPropagation();
-      e.preventDefault();
-    };
-    // ======================= Clean =======================
-    this.patchEvents = () => {
-      window.addEventListener("mousemove", this.onMouseMove);
-      window.addEventListener("mouseup", this.onMouseUp);
-      this.thumbRef.current.addEventListener("touchmove", this.onMouseMove);
-      this.thumbRef.current.addEventListener("touchend", this.onMouseUp);
-    };
-    this.removeEvents = () => {
-      window.removeEventListener("mousemove", this.onMouseMove);
-      window.removeEventListener("mouseup", this.onMouseUp);
-      this.scrollbarRef.current.removeEventListener("touchstart", this.onScrollbarTouchStart);
-      this.thumbRef.current.removeEventListener("touchstart", this.onMouseDown);
-      this.thumbRef.current.removeEventListener("touchmove", this.onMouseMove);
-      this.thumbRef.current.removeEventListener("touchend", this.onMouseUp);
-      import_raf.default.cancel(this.moveRaf);
-    };
-    // ======================= Thumb =======================
-    this.onMouseDown = (e) => {
-      const { onStartMove } = this.props;
-      this.setState({
-        dragging: true,
-        pageY: getPageY(e),
-        startTop: this.getTop()
-      });
-      onStartMove();
-      this.patchEvents();
-      e.stopPropagation();
-      e.preventDefault();
-    };
-    this.onMouseMove = (e) => {
-      const { dragging, pageY, startTop } = this.state;
-      const { onScroll } = this.props;
-      import_raf.default.cancel(this.moveRaf);
-      if (dragging) {
-        const offsetY = getPageY(e) - pageY;
-        const newTop = startTop + offsetY;
-        const enableScrollRange = this.getEnableScrollRange();
-        const enableHeightRange = this.getEnableHeightRange();
-        const ptg = enableHeightRange ? newTop / enableHeightRange : 0;
-        const newScrollTop = Math.ceil(ptg * enableScrollRange);
-        this.moveRaf = (0, import_raf.default)(() => {
-          onScroll(newScrollTop);
-        });
-      }
-    };
-    this.onMouseUp = () => {
-      const { onStopMove } = this.props;
-      this.setState({ dragging: false });
-      onStopMove();
-      this.removeEvents();
-    };
-    // ===================== Calculate =====================
-    this.getSpinHeight = () => {
-      const { height, count } = this.props;
-      let baseHeight = height / count * 10;
-      baseHeight = Math.max(baseHeight, MIN_SIZE);
-      baseHeight = Math.min(baseHeight, height / 2);
-      return Math.floor(baseHeight);
-    };
-    this.getEnableScrollRange = () => {
-      const { scrollHeight, height } = this.props;
-      return scrollHeight - height || 0;
-    };
-    this.getEnableHeightRange = () => {
-      const { height } = this.props;
-      const spinHeight = this.getSpinHeight();
-      return height - spinHeight || 0;
-    };
-    this.getTop = () => {
-      const { scrollTop } = this.props;
-      const enableScrollRange = this.getEnableScrollRange();
-      const enableHeightRange = this.getEnableHeightRange();
-      if (scrollTop === 0 || enableScrollRange === 0) {
-        return 0;
-      }
-      const ptg = scrollTop / enableScrollRange;
-      return ptg * enableHeightRange;
-    };
-    // Not show scrollbar when height is large than scrollHeight
-    this.showScroll = () => {
-      const { height, scrollHeight } = this.props;
-      return scrollHeight > height;
-    };
-  }
-  componentDidMount() {
-    this.scrollbarRef.current.addEventListener("touchstart", this.onScrollbarTouchStart);
-    this.thumbRef.current.addEventListener("touchstart", this.onMouseDown);
-  }
-  componentDidUpdate(prevProps) {
-    if (prevProps.scrollTop !== this.props.scrollTop) {
-      this.delayHidden();
-    }
-  }
-  componentWillUnmount() {
-    this.removeEvents();
-    clearTimeout(this.visibleTimeout);
-  }
-  // ====================== Render =======================
-  render() {
-    const { dragging, visible } = this.state;
-    const { prefixCls } = this.props;
-    const spinHeight = this.getSpinHeight();
-    const top = this.getTop();
-    const canScroll = this.showScroll();
-    const mergedVisible = canScroll && visible;
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        ref: this.scrollbarRef,
-        className: (0, import_classnames.default)(`${prefixCls}-scrollbar`, {
-          [`${prefixCls}-scrollbar-show`]: canScroll
-        }),
-        style: {
-          width: 6,
-          top: 0,
-          bottom: 0,
-          right: 0,
-          position: "absolute",
-          display: mergedVisible ? null : "none"
-        },
-        onMouseDown: this.onContainerMouseDown,
-        onMouseMove: this.delayHidden
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          ref: this.thumbRef,
-          className: (0, import_classnames.default)(`${prefixCls}-scrollbar-thumb`, {
-            [`${prefixCls}-scrollbar-thumb-moving`]: dragging
-          }),
-          style: {
-            width: "100%",
-            height: spinHeight,
-            top,
-            left: 0,
-            position: "absolute",
-            background: "rgba(144, 147, 153, 0.3)",
-            borderRadius: 99,
-            cursor: "pointer",
-            userSelect: "none"
-          },
-          onMouseDown: this.onMouseDown
-        }
-      )
-    );
-  }
-};

package/dist/VirtualList/VirtualList.d.ts

@@ -1,33 +0,0 @@
-import React, { ComponentClass, FC, Key, Ref } from 'react';
-import type { RenderFunc } from './interface';
-export type ScrollAlign = 'top' | 'bottom' | 'auto';
-export type ScrollConfig = {
-    index: number;
-    align?: ScrollAlign;
-    offset?: number;
-} | {
-    key: Key;
-    align?: ScrollAlign;
-    offset?: number;
-};
-export type ScrollTo = (arg: number | ScrollConfig) => void;
-export type ListRef = {
-    scrollTo: ScrollTo;
-};
-export interface ListProps<T = any> extends Omit<React.AllHTMLAttributes<any>, 'data' | 'children'> {
-    prefixCls?: string;
-    children: RenderFunc<T>;
-    data: T[];
-    height?: number;
-    itemHeight?: number;
-    style?: React.CSSProperties;
-    fullHeight?: boolean;
-    itemKey: Key | ((item: T) => Key);
-    component?: string | FC<any> | ComponentClass<any>;
-    virtual?: boolean;
-    onScroll?: React.UIEventHandler<HTMLElement>;
-    onVisibleChange?: (visibleList: T[], fullList: T[]) => void;
-}
-export declare function RawList<T>(props: ListProps<T>, ref: Ref<ListRef>): React.JSX.Element;
-declare const List: React.ForwardRefExoticComponent<ListProps<any> & React.RefAttributes<ListRef>>;
-export default List;