@pisell/materials 6.3.18 → 6.3.20

package/es/components/virtualInput/index.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
-import './index.less';
-export { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
-export interface VirtualInputProps extends BaseVirtualInputProps {
-    /** 在VirtualInput上方显示的额外内容 */
-    topContent?: React.ReactNode;
-    /** 在VirtualInput下方显示的额外内容 */
-    bottomContent?: React.ReactNode;
-    /** wrapper class */
-    wrapperClassName?: string;
-    /** 虚拟输入框包装器的样式 */
-    wrapperStyle?: React.CSSProperties;
-    /** 是否允许清除输入框中的内容 */
-    allowClear?: boolean;
-    /** 清除输入框内容的回调函数 */
-    onClear?: () => void;
-    /** 自定义清除按钮的样式 */
-    clearButtonStyle?: React.CSSProperties;
-}
-export interface VirtualInputRef extends BaseVirtualInputRef {
-}
-declare const VirtualInput: React.ForwardRefExoticComponent<VirtualInputProps & React.RefAttributes<VirtualInputRef>>;
-export default VirtualInput;

package/es/components/virtualInput/index.js

@@ -1,60 +0,0 @@
-var _excluded = ["topContent", "bottomContent", "wrapperStyle", "wrapperClassName", "allowClear", "onClear", "value", "clearButtonStyle"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef, useImperativeHandle, useRef } from 'react';
-import classNames from 'classnames';
-import Icon from "../icon";
-import BaseVirtualInput from "./BaseVirtualInput";
-import "./index.less";
-export { BaseVirtualInputProps, BaseVirtualInputRef } from "./BaseVirtualInput";
-var VirtualInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var topContent = _ref.topContent,
-    bottomContent = _ref.bottomContent,
-    wrapperStyle = _ref.wrapperStyle,
-    wrapperClassName = _ref.wrapperClassName,
-    _ref$allowClear = _ref.allowClear,
-    allowClear = _ref$allowClear === void 0 ? false : _ref$allowClear,
-    onClear = _ref.onClear,
-    value = _ref.value,
-    clearButtonStyle = _ref.clearButtonStyle,
-    virtualInputProps = _objectWithoutProperties(_ref, _excluded);
-  var baseInputRef = useRef(null);
-
-  // 处理清除操作
-  var handleClear = function handleClear() {
-    // 全部清除
-    onClear === null || onClear === void 0 || onClear();
-  };
-
-  // 暴露给父组件的方法
-  useImperativeHandle(ref, function () {
-    return {
-      focus: function focus() {
-        var _baseInputRef$current;
-        return (_baseInputRef$current = baseInputRef.current) === null || _baseInputRef$current === void 0 ? void 0 : _baseInputRef$current.focus();
-      },
-      blur: function blur() {
-        var _baseInputRef$current2;
-        return (_baseInputRef$current2 = baseInputRef.current) === null || _baseInputRef$current2 === void 0 ? void 0 : _baseInputRef$current2.blur();
-      }
-    };
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-virtual-input-wrapper', wrapperClassName),
-    style: wrapperStyle
-  }, topContent, /*#__PURE__*/React.createElement("div", {
-    className: "pisell-virtual-input-container"
-  }, /*#__PURE__*/React.createElement(BaseVirtualInput, _extends({
-    ref: baseInputRef,
-    value: value
-  }, virtualInputProps)), allowClear && /*#__PURE__*/React.createElement("div", {
-    className: "pisell-virtual-input-clear-button",
-    onClick: handleClear,
-    style: clearButtonStyle
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "pisell2-delete"
-  }))), bottomContent);
-});
-VirtualInput.displayName = 'VirtualInput';
-export default VirtualInput;

package/es/components/virtualInput/index.less

@@ -1,42 +0,0 @@
-.pisell-virtual-input-wrapper {
-  overflow: hidden;
-}
-
-.pisell-virtual-input-container {
-  position: relative;
-  display: flex;
-  align-items: center;
-  width: 100%;
-}
-
-.pisell-virtual-input-clear-button {
-  position: absolute;
-  right: 8px;
-  top: 50%;
-  transform: translateY(-50%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  cursor: pointer;
-  border-radius: 4px;
-  transition: all 0.2s ease;
-  color: #667085;
-  background-color: transparent;
-  z-index: 1;
-
-  &:hover {
-    background-color: #f2f4f7;
-    color: #344054;
-  }
-
-  &:active {
-    background-color: #e4e7ec;
-  }
-
-  svg {
-    width: 16px;
-    height: 16px;
-  }
-}

package/lib/components/auto-resize-text/auto-text-size-standalone.d.ts

@@ -1,20 +0,0 @@
-export declare type Options = {
-    mode?: 'oneline' | 'multiline' | 'box' | 'boxoneline' | undefined;
-    minFontSizePx?: number | undefined;
-    maxFontSizePx?: number | undefined;
-    fontSizePrecisionPx?: number | undefined;
-    scrollToEnd?: boolean | undefined;
-};
-export declare function updateTextSize({ innerEl, containerEl, mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, }: Options & {
-    innerEl: HTMLElement;
-    containerEl: HTMLElement;
-}): void;
-declare type DisconnectableFunction = {
-    (): void;
-    disconnect: () => void;
-};
-export declare function autoTextSize({ innerEl, containerEl, mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, }: Options & {
-    innerEl: HTMLElement;
-    containerEl: HTMLElement;
-}): DisconnectableFunction;
-export {};

package/lib/components/auto-resize-text/auto-text-size-standalone.js

@@ -1,273 +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/auto-resize-text/auto-text-size-standalone.ts
-var auto_text_size_standalone_exports = {};
-__export(auto_text_size_standalone_exports, {
-  autoTextSize: () => autoTextSize,
-  updateTextSize: () => updateTextSize
-});
-module.exports = __toCommonJS(auto_text_size_standalone_exports);
-function throttleAnimationFrame(func) {
-  let wait = false;
-  return () => {
-    if (!wait) {
-      wait = true;
-      requestAnimationFrame(() => {
-        func();
-        wait = false;
-      });
-    }
-  };
-}
-var antiOverflowAlgo = ({
-  fontSizePx,
-  minFontSizePx,
-  fontSizePrecisionPx,
-  updateFontSizePx,
-  breakPredicate: breakPred
-}) => {
-  const maxIterCount = Math.ceil(1 / fontSizePrecisionPx);
-  let iterCount = 0;
-  while (fontSizePx > minFontSizePx && iterCount < maxIterCount) {
-    if (breakPred()) break;
-    fontSizePx = updateFontSizePx(fontSizePx - fontSizePrecisionPx);
-    iterCount++;
-  }
-};
-var getContentWidth = (element) => {
-  const computedStyle = getComputedStyle(element);
-  return element.clientWidth - parseFloat(computedStyle.paddingLeft) - parseFloat(computedStyle.paddingRight);
-};
-var getContentHeight = (element) => {
-  const computedStyle = getComputedStyle(element);
-  return element.clientHeight - parseFloat(computedStyle.paddingTop) - parseFloat(computedStyle.paddingBottom);
-};
-var multilineAlgo = (opts) => {
-  opts.innerEl.style.whiteSpace = "nowrap";
-  onelineAlgo(opts);
-  if (opts.innerEl.scrollWidth > getContentWidth(opts.containerEl)) {
-    opts.innerEl.style.whiteSpace = "normal";
-  }
-};
-var onelineAlgo = ({
-  innerEl,
-  containerEl,
-  fontSizePx,
-  minFontSizePx,
-  maxFontSizePx,
-  fontSizePrecisionPx,
-  updateFontSizePx
-}) => {
-  const maxIterCount = 10;
-  let iterCount = 0;
-  let prevOverflowFactor = 1;
-  while (iterCount < maxIterCount) {
-    const w0 = innerEl.scrollWidth;
-    const w1 = getContentWidth(containerEl);
-    const canGrow = fontSizePx < maxFontSizePx && w0 < w1;
-    const canShrink = fontSizePx > minFontSizePx && w0 > w1;
-    const overflowFactor = w0 / w1;
-    if (prevOverflowFactor === overflowFactor) {
-      break;
-    }
-    if (!(canGrow || canShrink)) {
-      break;
-    }
-    const updatePx = fontSizePx / overflowFactor - fontSizePx;
-    const prevFontSizePx = fontSizePx;
-    fontSizePx = updateFontSizePx(fontSizePx + updatePx);
-    if (Math.abs(fontSizePx - prevFontSizePx) <= fontSizePrecisionPx) {
-      break;
-    }
-    prevOverflowFactor = overflowFactor;
-    iterCount++;
-  }
-  antiOverflowAlgo({
-    fontSizePx,
-    minFontSizePx,
-    updateFontSizePx,
-    fontSizePrecisionPx,
-    breakPredicate: () => innerEl.scrollWidth <= getContentWidth(containerEl)
-  });
-};
-var boxAlgo = ({
-  innerEl,
-  containerEl,
-  fontSizePx,
-  minFontSizePx,
-  maxFontSizePx,
-  fontSizePrecisionPx,
-  updateFontSizePx
-}) => {
-  const maxIterCount = 100;
-  fontSizePx = updateFontSizePx((maxFontSizePx - minFontSizePx) * 0.5);
-  let updatePx = (maxFontSizePx - minFontSizePx) * 0.25;
-  let iterCount = 0;
-  while (updatePx > fontSizePrecisionPx && iterCount < maxIterCount) {
-    const w0 = innerEl.scrollWidth;
-    const w1 = getContentWidth(containerEl);
-    const h0 = innerEl.scrollHeight;
-    const h1 = getContentHeight(containerEl);
-    if (w0 === w1 && h0 === h1) break;
-    if (fontSizePx < maxFontSizePx && w0 <= w1 && h0 <= h1) {
-      fontSizePx = updateFontSizePx(fontSizePx + updatePx);
-    } else if (fontSizePx > minFontSizePx && (w0 > w1 || h0 > h1)) {
-      fontSizePx = updateFontSizePx(fontSizePx - updatePx);
-    }
-    updatePx *= 0.5;
-    iterCount++;
-  }
-  antiOverflowAlgo({
-    fontSizePx,
-    minFontSizePx,
-    updateFontSizePx,
-    fontSizePrecisionPx,
-    breakPredicate: () => innerEl.scrollWidth <= getContentWidth(containerEl) && innerEl.scrollHeight <= getContentHeight(containerEl)
-  });
-};
-function updateTextSize({
-  innerEl,
-  containerEl,
-  mode = "multiline",
-  minFontSizePx = 8,
-  maxFontSizePx = 160,
-  fontSizePrecisionPx = 0.1,
-  scrollToEnd = false
-}) {
-  const t0 = performance.now();
-  if (!isFinite(minFontSizePx)) {
-    throw new Error(`Invalid minFontSizePx (${minFontSizePx})`);
-  }
-  if (!isFinite(minFontSizePx)) {
-    throw new Error(`Invalid maxFontSizePx (${maxFontSizePx})`);
-  }
-  if (!isFinite(fontSizePrecisionPx) || fontSizePrecisionPx === 0) {
-    throw new Error(`Invalid fontSizePrecisionPx (${fontSizePrecisionPx})`);
-  }
-  if (containerEl.children.length > 1) {
-    console.warn(
-      `AutoTextSize has ${containerEl.children.length - 1} siblings. This may interfere with the algorithm.`
-    );
-  }
-  const containerStyles = {
-    display: "flex",
-    alignItems: "start"
-  };
-  const innerStyles = {
-    display: "block"
-  };
-  if (mode === "oneline") {
-    innerStyles.whiteSpace = "nowrap";
-  } else if (mode === "multiline") {
-    innerStyles.wordBreak = "break-word";
-  } else if (mode === "box") {
-    innerStyles.whiteSpace = "pre-wrap";
-    innerStyles.wordBreak = "break-word";
-  } else if (mode === "boxoneline") {
-    innerStyles.whiteSpace = "nowrap";
-  }
-  Object.assign(containerEl.style, containerStyles);
-  Object.assign(innerEl.style, innerStyles);
-  const fontSizeStr = window.getComputedStyle(innerEl, null).getPropertyValue("font-size");
-  let fontSizePx = parseFloat(fontSizeStr);
-  let iterations = 0;
-  const updateFontSizePx = (px) => {
-    px = Math.min(Math.max(px, minFontSizePx), maxFontSizePx);
-    fontSizePx = px;
-    innerEl.style.fontSize = `${fontSizePx}px`;
-    iterations++;
-    return fontSizePx;
-  };
-  if (fontSizePx > maxFontSizePx || fontSizePx < minFontSizePx) {
-    updateFontSizePx(fontSizePx);
-  }
-  const algoOpts = {
-    innerEl,
-    containerEl,
-    fontSizePx,
-    minFontSizePx,
-    maxFontSizePx,
-    fontSizePrecisionPx,
-    updateFontSizePx
-  };
-  if (mode === "oneline") {
-    onelineAlgo(algoOpts);
-  } else if (mode === "multiline") {
-    multilineAlgo(algoOpts);
-  } else if (mode === "box") {
-    boxAlgo(algoOpts);
-  } else if (mode === "boxoneline") {
-    boxAlgo(algoOpts);
-  }
-  if (scrollToEnd) {
-    requestAnimationFrame(() => {
-      if (mode === "oneline" || mode === "boxoneline") {
-        const maxScrollLeft = Math.max(0, innerEl.scrollWidth - innerEl.clientWidth);
-        innerEl.scrollLeft = maxScrollLeft;
-      } else {
-        const maxScrollTop = Math.max(0, innerEl.scrollHeight - innerEl.clientHeight);
-        innerEl.scrollTop = maxScrollTop;
-      }
-    });
-  }
-}
-function autoTextSize({
-  innerEl,
-  containerEl,
-  mode,
-  minFontSizePx,
-  maxFontSizePx,
-  fontSizePrecisionPx,
-  scrollToEnd
-}) {
-  let containerDimensions = void 0;
-  const throttledUpdateTextSize = throttleAnimationFrame(() => {
-    updateTextSize({
-      innerEl,
-      containerEl,
-      mode,
-      maxFontSizePx,
-      minFontSizePx,
-      fontSizePrecisionPx,
-      scrollToEnd
-    });
-    containerDimensions = [
-      getContentWidth(containerEl),
-      getContentHeight(containerEl)
-    ];
-  });
-  const resizeObserver = new ResizeObserver(() => {
-    const prevContainerDimensions = containerDimensions;
-    containerDimensions = [
-      getContentWidth(containerEl),
-      getContentHeight(containerEl)
-    ];
-    if ((prevContainerDimensions == null ? void 0 : prevContainerDimensions[0]) !== containerDimensions[0] || (prevContainerDimensions == null ? void 0 : prevContainerDimensions[1]) !== containerDimensions[1]) {
-      throttledUpdateTextSize();
-    }
-  });
-  resizeObserver.observe(containerEl);
-  throttledUpdateTextSize.disconnect = () => resizeObserver.disconnect();
-  return throttledUpdateTextSize;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  autoTextSize,
-  updateTextSize
-});

package/lib/components/auto-resize-text/index.d.ts

@@ -1,6 +0,0 @@
-import React, { DetailedHTMLProps, HTMLAttributes, ReactElement, ReactHTML } from 'react';
-import { Options } from './auto-text-size-standalone';
-export default function AutoResizeText({ mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, as: Comp, children, ...rest }: Options & {
-    as?: keyof ReactHTML | React.ComponentType<any>;
-    children?: React.ReactNode;
-} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>): ReactElement;

package/lib/components/auto-resize-text/index.js

@@ -1,71 +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/auto-resize-text/index.tsx
-var auto_resize_text_exports = {};
-__export(auto_resize_text_exports, {
-  default: () => AutoResizeText
-});
-module.exports = __toCommonJS(auto_resize_text_exports);
-var import_react = __toESM(require("react"));
-var import_auto_text_size_standalone = require("./auto-text-size-standalone");
-function AutoResizeText({
-  mode,
-  minFontSizePx,
-  maxFontSizePx,
-  fontSizePrecisionPx,
-  scrollToEnd,
-  as: Comp = "div",
-  children,
-  ...rest
-}) {
-  const updateTextSizeRef = (0, import_react.useRef)();
-  (0, import_react.useEffect)(() => {
-    var _a;
-    (_a = updateTextSizeRef.current) == null ? void 0 : _a.call(updateTextSizeRef);
-  }, [children]);
-  const refCallback = (0, import_react.useCallback)(
-    (innerEl) => {
-      var _a;
-      (_a = updateTextSizeRef.current) == null ? void 0 : _a.disconnect();
-      const containerEl = innerEl == null ? void 0 : innerEl.parentElement;
-      if (!innerEl || !containerEl) return;
-      updateTextSizeRef.current = (0, import_auto_text_size_standalone.autoTextSize)({
-        innerEl,
-        containerEl,
-        mode,
-        minFontSizePx,
-        maxFontSizePx,
-        fontSizePrecisionPx,
-        scrollToEnd
-      });
-    },
-    [mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd]
-  );
-  return /* @__PURE__ */ import_react.default.createElement(Comp, { ref: refCallback, ...rest }, children);
-}