@pisell/materials 6.7.3 → 6.7.4

package/lib/components/PisellScrollView/components/Actions/index.less

@@ -1,134 +0,0 @@
-.pisell-scroll-view-actions-lrArrows {
-  height: 100%;
-  position: absolute;
-  top: 0;
-  z-index: 99;
-  width: 47px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(255, 255, 255, 0.50);
-  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
-  backdrop-filter: blur(8px);
-  cursor: pointer;
-  opacity: 0;
-
-  &-left {
-    left: 0;
-  }
-
-  &-right {
-    right: 0;
-  }
-
-  &-icon {
-    font-size: 28px;
-    color: #000;
-  }
-
-  &-show {
-    opacity: 1;
-    visibility: visible;
-    pointer-events: auto;
-
-  }
-
-  &-hidden {
-    opacity: 0;
-    visibility: hidden;
-    pointer-events: none;
-  }
-}
-
-.pisell-scroll-view-actions-tbArrows {
-  height: 100%;
-  position: absolute;
-  z-index: 99;
-  width: 100%;
-  height: 47px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(255, 255, 255, 0.50);
-  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
-  backdrop-filter: blur(8px);
-  cursor: pointer;
-  opacity: 0;
-
-  &-top {
-    top: 0;
-  }
-
-  &-bottom {
-    bottom: 0;
-  }
-
-  &-icon {
-    font-size: 28px;
-    color: #000;
-  }
-
-  &-show {
-    opacity: 1;
-    visibility: visible;
-    pointer-events: auto;
-
-  }
-
-  &-hidden {
-    opacity: 0;
-    visibility: hidden;
-    pointer-events: none;
-  }
-}
-
-.pisell-scroll-view-actions-rArrows-container {
-  height: 100%;
-  position: absolute;
-  top: 0;
-  z-index: 99;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  right: 0;
-  top: 0;
-  background: linear-gradient(270deg, #FFF 78.63%, rgba(255, 255, 255, 0.00) 100%);
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  width: 117px;
-  transition: .2s;
-
-  .pisell-scroll-view-actions-rArrows {
-    padding: 10px;
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    &:hover {
-      background-color: #f2f4f7;
-    }
-
-    &-icon {
-      font-size: 24px;
-      color: #000;
-
-      &-hidden {
-        color: #f2f4f7 !important;
-      }
-    }
-
-    &-show {
-      cursor: pointer;
-    }
-
-    &-hidden {
-      cursor: not-allowed;
-
-      &:hover {
-        background-color: transparent !important;
-      }
-    }
-  }
-}

package/lib/components/PisellScrollView/hooks/index.js

@@ -1,27 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/PisellScrollView/hooks/index.ts
-var hooks_exports = {};
-module.exports = __toCommonJS(hooks_exports);
-__reExport(hooks_exports, require("./useScrollState"), module.exports);
-__reExport(hooks_exports, require("./useScrollEvents"), module.exports);
-__reExport(hooks_exports, require("./useIntersection"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./useScrollState"),
-  ...require("./useScrollEvents"),
-  ...require("./useIntersection")
-});

package/lib/components/PisellScrollView/hooks/useIntersection.js

@@ -1,67 +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/components/PisellScrollView/hooks/useIntersection.ts
-var useIntersection_exports = {};
-__export(useIntersection_exports, {
-  useIntersection: () => useIntersection
-});
-module.exports = __toCommonJS(useIntersection_exports);
-var import_react = require("react");
-var useIntersection = ({ containerRef, config }) => {
-  (0, import_react.useEffect)(() => {
-    if (!(config == null ? void 0 : config.enabled) || !containerRef.current) return;
-    const {
-      threshold = 0,
-      rootMargin = "0px",
-      targetSelector,
-      onEnterViewport,
-      onLeaveViewport,
-      onVisibilityChange
-    } = config;
-    const container = containerRef.current;
-    const targets = targetSelector ? container.querySelectorAll(targetSelector) : container.children;
-    if (!targets || targets.length === 0) return;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        entries.forEach((entry) => {
-          const element = entry.target;
-          onVisibilityChange == null ? void 0 : onVisibilityChange(entry, element);
-          if (entry.isIntersecting) {
-            onEnterViewport == null ? void 0 : onEnterViewport(entry, element);
-          } else {
-            onLeaveViewport == null ? void 0 : onLeaveViewport(entry, element);
-          }
-        });
-      },
-      {
-        root: container,
-        rootMargin,
-        threshold
-      }
-    );
-    Array.from(targets).forEach((target) => observer.observe(target));
-    return () => {
-      observer.disconnect();
-    };
-  }, [config, containerRef]);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useIntersection
-});

package/lib/components/PisellScrollView/hooks/useScrollEvents.js

@@ -1,104 +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/components/PisellScrollView/hooks/useScrollEvents.ts
-var useScrollEvents_exports = {};
-__export(useScrollEvents_exports, {
-  useScrollEvents: () => useScrollEvents
-});
-module.exports = __toCommonJS(useScrollEvents_exports);
-var import_react = require("react");
-var import_lodash = require("lodash");
-var useScrollEvents = ({
-  containerRef,
-  onScroll,
-  onScrollStart,
-  onScrollEnd,
-  onReachTop,
-  onReachBottom,
-  onReachLeft,
-  onReachRight,
-  reachThreshold = 0,
-  scrollEndDelay = 150,
-  updateScrollState,
-  scrollState
-}) => {
-  const isScrolling = (0, import_react.useRef)(false);
-  const handleScrollEnd = (0, import_react.useCallback)(
-    (0, import_lodash.debounce)((finalState) => {
-      isScrolling.current = false;
-      onScrollEnd == null ? void 0 : onScrollEnd(finalState);
-    }, scrollEndDelay),
-    [onScrollEnd, scrollEndDelay]
-  );
-  const handleScroll = (0, import_react.useCallback)(() => {
-    const container = containerRef.current;
-    if (!container) return;
-    updateScrollState();
-    const {
-      scrollTop,
-      scrollLeft,
-      scrollHeight,
-      scrollWidth,
-      clientHeight,
-      clientWidth
-    } = container;
-    const maxScrollTop = scrollHeight - clientHeight;
-    const maxScrollLeft = scrollWidth - clientWidth;
-    const percentY = maxScrollTop > 0 ? scrollTop / maxScrollTop * 100 : 0;
-    const percentX = maxScrollLeft > 0 ? scrollLeft / maxScrollLeft * 100 : 0;
-    const currentData = {
-      scrollTop,
-      scrollLeft,
-      scrollHeight,
-      scrollWidth,
-      clientHeight,
-      clientWidth,
-      percentY,
-      percentX,
-      direction: null
-      // 在这里计算方向比较麻烦，可以使用 scrollState 中的（虽然有一点延迟）
-    };
-    if (!isScrolling.current) {
-      isScrolling.current = true;
-      onScrollStart == null ? void 0 : onScrollStart(currentData);
-    }
-    onScroll == null ? void 0 : onScroll(currentData);
-    if (scrollTop <= reachThreshold) onReachTop == null ? void 0 : onReachTop(currentData);
-    if (scrollTop + clientHeight >= scrollHeight - reachThreshold) onReachBottom == null ? void 0 : onReachBottom(currentData);
-    if (scrollLeft <= reachThreshold) onReachLeft == null ? void 0 : onReachLeft(currentData);
-    if (scrollLeft + clientWidth >= scrollWidth - reachThreshold) onReachRight == null ? void 0 : onReachRight(currentData);
-    handleScrollEnd(currentData);
-  }, [
-    containerRef,
-    updateScrollState,
-    onScroll,
-    onScrollStart,
-    handleScrollEnd,
-    onReachTop,
-    onReachBottom,
-    onReachLeft,
-    onReachRight,
-    reachThreshold
-  ]);
-  return { handleScroll };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useScrollEvents
-});

package/lib/components/PisellScrollView/hooks/useScrollState.js

@@ -1,109 +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/components/PisellScrollView/hooks/useScrollState.ts
-var useScrollState_exports = {};
-__export(useScrollState_exports, {
-  useScrollState: () => useScrollState
-});
-module.exports = __toCommonJS(useScrollState_exports);
-var import_react = require("react");
-var useScrollState = ({ containerRef, overflow }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const [scrollState, setScrollState] = (0, import_react.useState)({
-    scrollTop: 0,
-    scrollLeft: 0,
-    percentY: 0,
-    percentX: 0,
-    scrollHeight: ((_a = containerRef.current) == null ? void 0 : _a.scrollHeight) || 0,
-    scrollWidth: ((_b = containerRef.current) == null ? void 0 : _b.scrollWidth) || 0,
-    clientHeight: ((_c = containerRef.current) == null ? void 0 : _c.clientHeight) || 0,
-    clientWidth: ((_d = containerRef.current) == null ? void 0 : _d.clientWidth) || 0,
-    direction: null,
-    isScrollToTop: overflow === "y" ? true : false,
-    isScrollToBottom: false,
-    isScrollToLeft: overflow === "x" ? true : false,
-    isScrollToRight: false,
-    isOverflows: false
-  });
-  (0, import_react.useEffect)(() => {
-    if (!containerRef.current) {
-      return;
-    }
-    const { scrollHeight, clientHeight, scrollWidth, clientWidth } = containerRef.current;
-    const isOverflows = scrollHeight > clientHeight || scrollWidth > clientWidth;
-    setScrollState((prev) => {
-      return {
-        ...prev,
-        isOverflows
-      };
-    });
-  }, [(_e = containerRef.current) == null ? void 0 : _e.scrollWidth, (_f = containerRef.current) == null ? void 0 : _f.scrollHeight, (_g = containerRef.current) == null ? void 0 : _g.clientHeight, (_h = containerRef.current) == null ? void 0 : _h.clientWidth]);
-  const updateScrollState = (0, import_react.useCallback)(() => {
-    const container = containerRef.current;
-    if (!container) return;
-    const {
-      scrollTop,
-      scrollLeft,
-      scrollHeight,
-      scrollWidth,
-      clientHeight,
-      clientWidth
-    } = container;
-    const isScrollToTop = scrollTop <= 0;
-    const isScrollToBottom = scrollTop + clientHeight >= scrollHeight;
-    const isScrollToLeft = scrollLeft <= 0;
-    const isScrollToRight = scrollLeft + clientWidth >= scrollWidth;
-    setScrollState((prev) => {
-      let direction = null;
-      if (Math.abs(scrollTop - prev.scrollTop) > Math.abs(scrollLeft - prev.scrollLeft)) {
-        direction = scrollTop > prev.scrollTop ? "down" : "up";
-      } else if (scrollLeft !== prev.scrollLeft) {
-        direction = scrollLeft > prev.scrollLeft ? "right" : "left";
-      } else {
-        direction = prev.direction;
-      }
-      const maxScrollTop = scrollHeight - clientHeight;
-      const maxScrollLeft = scrollWidth - clientWidth;
-      const percentY = maxScrollTop > 0 ? scrollTop / maxScrollTop * 100 : 0;
-      const percentX = maxScrollLeft > 0 ? scrollLeft / maxScrollLeft * 100 : 0;
-      const isOverflows = scrollHeight > clientHeight || scrollWidth > clientWidth;
-      return {
-        scrollTop,
-        scrollLeft,
-        scrollHeight,
-        scrollWidth,
-        clientHeight,
-        clientWidth,
-        percentY,
-        percentX,
-        direction,
-        isScrollToTop,
-        isScrollToBottom,
-        isScrollToLeft,
-        isScrollToRight,
-        isOverflows
-      };
-    });
-  }, [containerRef]);
-  return { scrollState, updateScrollState };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useScrollState
-});

package/lib/components/PisellScrollView/index.js

@@ -1,39 +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/components/PisellScrollView/index.tsx
-var PisellScrollView_exports = {};
-__export(PisellScrollView_exports, {
-  PisellScrollView: () => import_PisellScrollView.default
-});
-module.exports = __toCommonJS(PisellScrollView_exports);
-var import_PisellScrollView = __toESM(require("./PisellScrollView"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  PisellScrollView
-});

package/lib/components/PisellScrollView/types.js

@@ -1,17 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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/components/PisellScrollView/types.ts
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);