@pisell/materials 1.0.922 → 1.0.924

package/lib/components/pisellToast/squareToast/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import './index.less';
+export declare type ToastType = 'success' | 'error' | 'warning' | 'info' | 'loading';
+export interface ToastProps {
+    /** Toast 类型 */
+    type?: ToastType;
+    /** 显示的内容，支持文本或 React 节点 */
+    message: React.ReactNode;
+    /** 是否显示 */
+    visible?: boolean;
+    /** 自动关闭时间，单位毫秒，0 表示不自动关闭 */
+    duration?: number;
+    /** 关闭回调 */
+    onClose?: () => void;
+    /** 自定义图标 */
+    icon?: React.ReactNode;
+    /** 自定义样式类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 是否显示遮罩 */
+    mask?: boolean;
+}
+declare const Toast: React.FC<ToastProps>;
+export default Toast;

package/lib/components/pisellToast/squareToast/index.js

@@ -0,0 +1,121 @@
+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/pisellToast/squareToast/index.tsx
+var squareToast_exports = {};
+__export(squareToast_exports, {
+  default: () => squareToast_default
+});
+module.exports = __toCommonJS(squareToast_exports);
+var import_react = __toESM(require("react"));
+var import_modal = __toESM(require("../../modal"));
+var import_icon = __toESM(require("../../icon"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var icons = {
+  info: "",
+  success: "iconchenggong-1-01",
+  error: "icon-warning",
+  warning: "icon-warning",
+  loading: "icon-loading",
+  fail: "icon-warning"
+};
+var Toast = ({
+  type = "info",
+  message,
+  visible = false,
+  duration = 2e3,
+  onClose,
+  icon,
+  className,
+  mask = false,
+  style
+}) => {
+  const [internalVisible, setInternalVisible] = (0, import_react.useState)(visible);
+  (0, import_react.useEffect)(() => {
+    setInternalVisible(visible);
+  }, [visible]);
+  (0, import_react.useEffect)(() => {
+    if (internalVisible && duration > 0) {
+      const timer = setTimeout(() => {
+        handleClose();
+      }, duration);
+      return () => clearTimeout(timer);
+    }
+  }, [internalVisible, duration]);
+  const handleClose = () => {
+    setInternalVisible(false);
+    onClose == null ? void 0 : onClose();
+  };
+  const showIcon = (0, import_react.useMemo)(() => {
+    return icon !== void 0 || icons[type];
+  }, [type, icon]);
+  const renderIcon = () => {
+    if (icon !== void 0) {
+      return icon;
+    }
+    const iconType = icons[type];
+    if (iconType) {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_icon.default,
+        {
+          type: iconType,
+          className: `pisell-square-toast-icon pisell-square-toast-icon-${type}`
+        }
+      );
+    }
+    return null;
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_modal.default,
+    {
+      open: visible,
+      footer: null,
+      closable: false,
+      centered: true,
+      maskTransitionName: "",
+      transitionName: "",
+      getContainer: () => document.body,
+      wrapClassName: "pisell-square-toast-wrap",
+      className: (0, import_classnames.default)("pisell-square-toast-modal", className),
+      width: "auto",
+      style: { textAlign: "center", ...style },
+      bodyStyle: { padding: 0 },
+      mask,
+      modalRender: () => /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: `pisell-square-toast ${type ? `pisell-square-toast-${type}` : ""}`
+        },
+        showIcon && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-square-toast-icon-wrapper" }, renderIcon()),
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-square-toast-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-square-toast-message" }, message))
+      )
+    }
+  );
+};
+var squareToast_default = Toast;

package/lib/components/pisellToast/squareToast/index.less

@@ -0,0 +1,71 @@
+.pisell-square-toast-wrap {
+  pointer-events: none;
+}
+
+.pisell-square-toast-modal {
+  pointer-events: none;
+  user-select: none;
+
+  // Toast 容器
+  .pisell-square-toast {
+    min-width: 190px;
+    max-width: 201px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    padding: 32px 12px;
+    border-radius: 8px;
+    overflow: hidden;
+    background: rgba(0, 0, 0, 0.8);
+
+    // 图标包装器
+    .pisell-square-toast-icon-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 11px;
+
+      .pisell-square-toast-icon {
+        font-size: 50px;
+        color: #ffffff;
+        width: 50px;
+        height: 50px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        &-loading {
+          animation: fadenum 1s infinite linear;
+        }
+      }
+    }
+
+    // 内容区域
+    .pisell-square-toast-content {
+      .pisell-square-toast-message {
+        font-size: 20px;
+        line-height: 1.5;
+        color: #ffffff;
+        text-align: center;
+      }
+    }
+
+    // 带图标的样式调整
+    &.pisell-square-toast-success,
+    &.pisell-square-toast-error,
+    &.pisell-square-toast-warning,
+    &.pisell-square-toast-fail,
+    &.pisell-square-toast-loading {
+      min-width: 190px;
+      min-height: 74px;
+    }
+  }
+}
+
+// 旋转动画
+@keyframes fadenum {
+  to {
+    transform: rotate(360deg);
+  }
+}

package/lib/components/pisellToast/squareToast/useToast.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { ToastProps } from './index';
+interface ToastInstance {
+    destroy: () => void;
+}
+interface ToastConfig extends ToastProps {
+    /** 容器节点，默认为 document.body */
+    getContainer?: () => HTMLElement;
+}
+interface UseToastConfig {
+    /** 默认自动关闭时间，单位毫秒 */
+    duration?: number;
+    /** 默认关闭回调 */
+    onClose?: () => void;
+    /** 默认容器节点 */
+    getContainer?: () => HTMLElement;
+    /** 默认是否显示遮罩 */
+    mask?: boolean;
+    /** 默认点击遮罩是否关闭 */
+    maskClosable?: boolean;
+}
+interface ToastMethod {
+    (config: ToastConfig): ToastInstance;
+    (message: React.ReactNode, config?: Omit<ToastConfig, 'type' | 'message'>): ToastInstance;
+    (message: React.ReactNode, duration?: number, onClose?: () => void): ToastInstance;
+}
+interface ToastApi {
+    success: ToastMethod;
+    error: ToastMethod;
+    warning: ToastMethod;
+    info: ToastMethod;
+    fail: ToastMethod;
+    loading: ToastMethod;
+    show: (config: ToastConfig) => ToastInstance;
+    destroy: (instance?: ToastInstance) => void;
+    destroyAll: () => void;
+}
+export declare const useToast: (defaultConfig?: UseToastConfig) => ToastApi;
+export default useToast;

package/lib/components/pisellToast/squareToast/useToast.js

@@ -0,0 +1,148 @@
+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/pisellToast/squareToast/useToast.tsx
+var useToast_exports = {};
+__export(useToast_exports, {
+  default: () => useToast_default,
+  useToast: () => useToast
+});
+module.exports = __toCommonJS(useToast_exports);
+var import_react = __toESM(require("react"));
+var import_client = require("react-dom/client");
+var import_index = __toESM(require("./index"));
+var instances = /* @__PURE__ */ new Set();
+var createToastInstance = (config) => {
+  const container = document.createElement("div");
+  const getContainer = config.getContainer || (() => document.body);
+  const parentNode = getContainer();
+  parentNode.appendChild(container);
+  const root = (0, import_client.createRoot)(container);
+  const instance = {
+    destroy: () => {
+      instances.delete(instance);
+      root.unmount();
+      if (container.parentNode) {
+        container.parentNode.removeChild(container);
+      }
+    }
+  };
+  instances.add(instance);
+  const handleClose = () => {
+    instance.destroy();
+  };
+  root.render(/* @__PURE__ */ import_react.default.createElement(import_index.default, { ...config, visible: true, onClose: handleClose }));
+  return instance;
+};
+var parseToastArgs = (args, type, defaultConfig = {}) => {
+  if (args.length === 1 && typeof args[0] === "object" && args[0].message) {
+    return { ...defaultConfig, ...args[0], type };
+  }
+  if (args.length <= 2 && args.length >= 1 && (args.length === 1 || typeof args[1] === "object")) {
+    const [message2, config = {}] = args;
+    return { ...defaultConfig, ...config, type, message: message2 };
+  }
+  const [message, duration, onClose] = args;
+  return {
+    ...defaultConfig,
+    type,
+    message,
+    duration: duration !== void 0 ? duration : defaultConfig.duration,
+    onClose: onClose || defaultConfig.onClose
+  };
+};
+var useToast = (defaultConfig = {}) => {
+  const instancesRef = (0, import_react.useRef)(/* @__PURE__ */ new Set());
+  const createInstance = (0, import_react.useCallback)((config) => {
+    const instance = createToastInstance(config);
+    instancesRef.current.add(instance);
+    const originalDestroy = instance.destroy;
+    instance.destroy = () => {
+      instancesRef.current.delete(instance);
+      originalDestroy();
+    };
+    return instance;
+  }, []);
+  const createToastMethod = (0, import_react.useCallback)(
+    (type) => {
+      return (0, import_react.useCallback)(
+        (...args) => {
+          const config = parseToastArgs(args, type, defaultConfig);
+          return createInstance(config);
+        },
+        [createInstance, defaultConfig]
+      );
+    },
+    [createInstance, defaultConfig]
+  );
+  const success = createToastMethod("success");
+  const error = createToastMethod("error");
+  const warning = createToastMethod("warning");
+  const info = createToastMethod("info");
+  const fail = createToastMethod("warning");
+  const loading = createToastMethod("loading");
+  const show = (0, import_react.useCallback)(
+    (config) => {
+      const mergedConfig = { ...defaultConfig, ...config };
+      return createInstance(mergedConfig);
+    },
+    [createInstance, defaultConfig]
+  );
+  const destroy = (0, import_react.useCallback)((instance) => {
+    if (instance) {
+      instance.destroy();
+    }
+  }, []);
+  const destroyAll = (0, import_react.useCallback)(() => {
+    instancesRef.current.forEach((instance) => {
+      instance.destroy();
+    });
+    instancesRef.current.clear();
+  }, []);
+  import_react.default.useEffect(() => {
+    return () => {
+      destroyAll();
+    };
+  }, [destroyAll]);
+  return {
+    success,
+    error,
+    warning,
+    info,
+    fail,
+    loading,
+    show,
+    destroy,
+    destroyAll
+  };
+};
+var useToast_default = useToast;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useToast
+});

package/lib/components/pisellUpload/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { UploadProps } from 'antd';
 import './index.less';
 export interface PisellUploadProps extends UploadProps {

package/lib/components/productCard/components/Divider/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Divider: ({ type }: any) => JSX.Element;
 export default Divider;

package/lib/components/productCard/components/MultiDay/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const MultiDay: ({ dataSource, hideDivider }: any) => JSX.Element;
 export default MultiDay;

package/lib/components/productCard/components/Packages/components/collapsibleList/utils.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const renderBundles: (item: any, hidePrice?: boolean, isShowPackageNote?: boolean) => JSX.Element;

package/lib/components/productCard/components/Packages/components/options/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Options: ({ options, amountSymbol }: any) => JSX.Element | null;
 export default Options;

package/lib/components/productCard/components/Time/components/Like/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Like: ({ status, onLike, className, style, isShowChangeResource, }: {
     style?: any;

package/lib/components/radio/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Radio: (props: any) => JSX.Element;
 export default Radio;

package/lib/components/segmented/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SegmentedProps } from "antd";
 import "./index.less";
 declare const Segmented: (props: SegmentedProps) => JSX.Element;

package/lib/components/select-time/RightPanel/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface RightPanelProps {
     value: string;

package/lib/components/skeleton/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Skeleton: (props: any) => JSX.Element;
 export default Skeleton;

package/lib/components/slider/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const SliderOuter: (props: any) => JSX.Element;
 export default SliderOuter;

package/lib/components/sort/components/InlineMenu/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuProps } from "antd";
 import "./index.less";
 interface InlineMenuProps {

package/lib/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts

@@ -1,5 +1,5 @@
 declare const useGapSize: (gap: number | number[]) => {
-    horizontal: number;
-    vertical: number;
+    horizontal: any;
+    vertical: any;
 };
 export default useGapSize;

package/lib/components/table/Summary/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const Summary: ({ summary }: any) => JSX.Element | null;
 export default Summary;

package/lib/components/table/Table/SelectField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const SelectField: () => JSX.Element;
 export default SelectField;

package/lib/components/table/Table/fields/date/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/lib/components/table/Table/fields/date/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/lib/components/table/Table/fields/date/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/image/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/lib/components/table/Table/fields/image/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/lib/components/table/Table/fields/image/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/lib/components/table/Table/fields/image/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/lib/components/table/Table/fields/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {

package/lib/components/table/Table/fields/link/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/lib/components/table/Table/fields/link/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/lib/components/table/Table/fields/link/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/lib/components/table/Table/fields/number/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/lib/components/table/Table/fields/number/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/lib/components/table/Table/fields/number/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/lib/components/table/Table/fields/number/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/numberRange/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/lib/components/table/Table/fields/numberRange/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/lib/components/table/Table/fields/numberRange/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/lib/components/table/Table/fields/numberRange/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/oldRangePicker/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/lib/components/table/Table/fields/oldRangePicker/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/lib/components/table/Table/fields/oldRangePicker/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/lib/components/table/Table/fields/oldRangePicker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/pSwitch/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/lib/components/table/Table/fields/pSwitch/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/lib/components/table/Table/fields/pSwitch/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/lib/components/table/Table/fields/pSwitch/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/lib/components/table/Table/fields/rangePicker/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;