@pisell/private-materials 3.4.16 → 3.4.18

package/lib/plus/productSelect/components/TabsStructure/styles.js

@@ -0,0 +1,122 @@
+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/plus/productSelect/components/TabsStructure/styles.ts
+var styles_exports = {};
+__export(styles_exports, {
+  chevronButtonClasses: () => chevronButtonClasses,
+  chevronClassNames: () => chevronClassNames,
+  chevronClasses: () => chevronClasses,
+  railClassNames: () => railClassNames,
+  railClasses: () => railClasses,
+  selectionClassNames: () => selectionClassNames,
+  selectionClasses: () => selectionClasses,
+  shadowClassNames: () => shadowClassNames,
+  shadowClasses: () => shadowClasses,
+  tabItemClassNames: () => tabItemClassNames,
+  tabItemClasses: () => tabItemClasses,
+  tabListClassNames: () => tabListClassNames,
+  tabListClasses: () => tabListClasses,
+  tabWrapperClassNames: () => tabWrapperClassNames,
+  tabWrapperClasses: () => tabWrapperClasses
+});
+module.exports = __toCommonJS(styles_exports);
+var tabWrapperClasses = {
+  wrapper: "pisell-tabstruct-wrapper"
+};
+var tabListClasses = {
+  list: "pisell-tabstruct-list"
+};
+var tabItemClasses = {
+  item: "pisell-tabstruct-item",
+  selected: "pisell-tabstruct-item--selected",
+  disabled: "pisell-tabstruct-item--disabled"
+};
+var railClasses = {
+  rail: "pisell-tabstruct-rail"
+};
+var selectionClasses = {
+  selection: "pisell-tabstruct-selection",
+  position: "pisell-tabstruct-selection--positioned",
+  focused: "pisell-tabstruct-selection--focused"
+};
+var shadowClasses = {
+  shadow: "pisell-tabstruct-shadow",
+  isVisible: "pisell-tabstruct-shadow--visible",
+  locationStart: "pisell-tabstruct-shadow--start",
+  locationEnd: "pisell-tabstruct-shadow--end"
+};
+var chevronClasses = {
+  controls: "pisell-tabstruct-chevron-controls",
+  button: "pisell-tabstruct-chevron-button",
+  disabled: "pisell-tabstruct-chevron-button--disabled"
+};
+var chevronButtonClasses = {
+  button: "pisell-tabstruct-chevron-button",
+  disabled: "pisell-tabstruct-chevron-button--disabled",
+  prev: "pisell-tabstruct-chevron-button--prev",
+  next: "pisell-tabstruct-chevron-button--next"
+};
+var tabWrapperClassNames = {
+  wrapper: tabWrapperClasses.wrapper
+};
+var tabListClassNames = {
+  list: tabListClasses.list
+};
+var tabItemClassNames = {
+  item: tabItemClasses.item,
+  selected: tabItemClasses.selected,
+  disabled: tabItemClasses.disabled
+};
+var railClassNames = {
+  rail: railClasses.rail
+};
+var selectionClassNames = {
+  selection: selectionClasses.selection,
+  position: selectionClasses.position,
+  focused: selectionClasses.focused
+};
+var shadowClassNames = {
+  shadow: shadowClasses.shadow,
+  isVisible: shadowClasses.isVisible,
+  locationStart: shadowClasses.locationStart,
+  locationEnd: shadowClasses.locationEnd
+};
+var chevronClassNames = {
+  controls: chevronClasses.controls,
+  button: chevronClasses.button,
+  disabled: chevronClasses.disabled
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  chevronButtonClasses,
+  chevronClassNames,
+  chevronClasses,
+  railClassNames,
+  railClasses,
+  selectionClassNames,
+  selectionClasses,
+  shadowClassNames,
+  shadowClasses,
+  tabItemClassNames,
+  tabItemClasses,
+  tabListClassNames,
+  tabListClasses,
+  tabWrapperClassNames,
+  tabWrapperClasses
+});

package/lib/plus/productSelect/components/TabsStructure/types.d.ts

@@ -0,0 +1,105 @@
+import React from 'react';
+export declare type ScrollLocation = 'start' | 'end';
+export interface TabContextValue {
+    selectedTab?: string;
+    onTabChange?: (tabId: string) => void;
+    registerTab?: (tabId: string, element: HTMLElement) => void;
+    unregisterTab?: (tabId: string) => void;
+    railRef?: React.RefObject<HTMLDivElement>;
+}
+export interface TabsStructureProps {
+    children?: React.ReactNode;
+    className?: string;
+    /** 当前选中的tab */
+    selectedTab?: string;
+    /** tab变更回调 */
+    onTabChange?: (tabId: string) => void;
+    /** 是否启用自动滚动到选中tab */
+    autoScrollToSelected?: boolean;
+    /** Rail组件的ref，用于手动控制滚动等操作 */
+    railRef?: React.RefObject<HTMLDivElement>;
+    [key: string]: any;
+}
+export interface TabListContainerProps {
+    children?: React.ReactNode;
+    className?: string;
+    [key: string]: any;
+}
+export interface TabItemProps {
+    children?: React.ReactNode;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    className?: string;
+    onClick?: (key?: string) => void;
+    /** Tab的唯一标识符 */
+    tabId?: string;
+    /** 是否自动注册到上下文 */
+    autoRegister?: boolean;
+    [key: string]: any;
+}
+export interface RailProps {
+    children?: React.ReactNode;
+    className?: string;
+    [key: string]: any;
+}
+export interface SelectionIndicatorProps {
+    focusRingClasses?: string;
+    isFocusVisible?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    [key: string]: any;
+}
+export interface ScrollShadowProps {
+    location: ScrollLocation;
+    visible: boolean;
+    className?: string;
+    [key: string]: any;
+}
+export interface ChevronButtonProps {
+    direction: 'prev' | 'next';
+    disabled?: boolean;
+    onClick?: () => void;
+    className?: string;
+    'aria-label'?: string;
+    [key: string]: any;
+}
+export interface ChevronControlsProps {
+    isPrevDisabled?: boolean;
+    isNextDisabled?: boolean;
+    onPrevClick?: () => void;
+    onNextClick?: () => void;
+    className?: string;
+    prevAction?: () => void;
+    nextAction?: () => void;
+    [key: string]: any;
+}
+export interface TabWrapperClasses {
+    wrapper: string;
+}
+export interface TabListClasses {
+    list: string;
+}
+export interface TabItemClasses {
+    item: string;
+    selected: string;
+    disabled: string;
+}
+export interface RailClasses {
+    rail: string;
+}
+export interface SelectionClasses {
+    selection: string;
+    position: string;
+    focused: string;
+}
+export interface ShadowClasses {
+    shadow: string;
+    isVisible: string;
+    locationStart: string;
+    locationEnd: string;
+}
+export interface ChevronClasses {
+    controls: string;
+    button: string;
+    disabled: string;
+}

package/lib/plus/productSelect/components/TabsStructure/types.js

@@ -0,0 +1,17 @@
+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/plus/productSelect/components/TabsStructure/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/plus/productSelect/components/TabsStructure/utils.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare function debounce<T extends (...args: any[]) => any>(func: T, wait: number): (...args: Parameters<T>) => void;
+export declare function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T>;
+/**
+ * 安全的滚动函数，包含错误处理和边界检查
+ * @param element - 要滚动的元素
+ * @param options - 滚动选项
+ */
+export declare function safeScrollTo(element: HTMLElement | null, options: {
+    left?: number;
+    behavior?: ScrollBehavior;
+}): boolean;

package/lib/plus/productSelect/components/TabsStructure/utils.js

@@ -0,0 +1,72 @@
+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/plus/productSelect/components/TabsStructure/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  debounce: () => debounce,
+  mergeRefs: () => mergeRefs,
+  safeScrollTo: () => safeScrollTo
+});
+module.exports = __toCommonJS(utils_exports);
+function debounce(func, wait) {
+  let timeout = null;
+  return (...args) => {
+    if (timeout) {
+      clearTimeout(timeout);
+    }
+    timeout = setTimeout(() => {
+      func(...args);
+    }, wait);
+  };
+}
+function mergeRefs(...refs) {
+  return (value) => {
+    refs.forEach((ref) => {
+      if (typeof ref === "function") {
+        ref(value);
+      } else if (ref && typeof ref === "object") {
+        ref.current = value;
+      }
+    });
+  };
+}
+function safeScrollTo(element, options) {
+  try {
+    if (!element || !element.scrollTo) {
+      return false;
+    }
+    const { left = 0, behavior = "smooth" } = options;
+    const maxScrollLeft = Math.max(0, element.scrollWidth - element.clientWidth);
+    const safeLeft = Math.max(0, Math.min(left, maxScrollLeft));
+    element.scrollTo({
+      left: safeLeft,
+      behavior
+    });
+    return true;
+  } catch (error) {
+    console.warn("Failed to scroll element:", error);
+    return false;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  debounce,
+  mergeRefs,
+  safeScrollTo
+});

package/lib/plus/productSelect/components/pisellPriceText/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.less';
+interface IProps {
+    value: string | number;
+    isMini?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    prefix?: React.ReactElement;
+    suffix?: React.ReactElement;
+}
+declare const index: (props: IProps) => JSX.Element;
+export default index;

package/lib/plus/productSelect/components/pisellPriceText/index.js

@@ -0,0 +1,73 @@
+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/plus/productSelect/components/pisellPriceText/index.tsx
+var pisellPriceText_exports = {};
+__export(pisellPriceText_exports, {
+  default: () => pisellPriceText_default
+});
+module.exports = __toCommonJS(pisellPriceText_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_classnames = __toESM(require("classnames"));
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_index = require("./index.less");
+var index = (props) => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  const { value } = props;
+  const locale = ((_b = (_a = context.appHelper.utils) == null ? void 0 : _a.storage) == null ? void 0 : _b.get("umi_locale")) || "en";
+  const [_prefix, _suffix] = (0, import_react.useMemo)(() => {
+    if (!props.isMini) return ["", ""];
+    if (!locale) return ["From", ""];
+    if (locale.toLowerCase().includes("zh")) return ["", "起"];
+    return ["From", ""];
+  }, [locale, props.isMini]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-price-text", props.className) }, props.prefix, _prefix ? /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      className: "pisell-price-text-prefix-text",
+      style: {
+        fontSize: "0.65em",
+        marginRight: 4
+      }
+    },
+    _prefix
+  ) : null, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText.Amount, { value }), _suffix ? /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      style: {
+        fontSize: "0.65em",
+        marginLeft: 4
+      },
+      className: "pisell-price-text-suffix-text"
+    },
+    _suffix
+  ) : null, props.suffix);
+};
+var pisellPriceText_default = index;

package/lib/plus/productSelect/components/pisellPriceText/index.less

@@ -0,0 +1,4 @@
+.pisell-price-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

package/lib/plus/productSelect/hooks/useToken.d.ts

@@ -0,0 +1,18 @@
+import { ProductSelectToken } from '../theme/token';
+export declare function useToken(customToken?: Partial<ProductSelectToken>): {
+    colorPrimary: string;
+    colorText: string;
+    colorTextSecondary: string;
+    searchInputColor: string;
+    containerBg: string;
+    tabItemBg: string;
+    tabItemHoverBg: string;
+    tabItemActiveBg: string;
+    categoryTextColor: string;
+    cardBg: string;
+    cardHoverBg: string;
+    cardSelectedBg: string;
+    cardSelectedTextColor: string;
+    cardSelectedSecondaryTextColor: string;
+};
+export declare function genCSSVars(token: ProductSelectToken): Record<string, string>;

package/lib/plus/productSelect/hooks/useToken.js

@@ -0,0 +1,50 @@
+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/plus/productSelect/hooks/useToken.ts
+var useToken_exports = {};
+__export(useToken_exports, {
+  genCSSVars: () => genCSSVars,
+  useToken: () => useToken
+});
+module.exports = __toCommonJS(useToken_exports);
+var import_react = require("react");
+var import_token = require("../theme/token");
+function useToken(customToken) {
+  return (0, import_react.useMemo)(() => {
+    let contextToken = null;
+    return {
+      ...import_token.defaultToken,
+      ...contextToken || {},
+      ...customToken || {}
+    };
+  }, [customToken]);
+}
+function genCSSVars(token) {
+  const cssVars = {};
+  Object.entries(token).forEach(([key, value]) => {
+    const cssKey = `--ps-${key.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`)}`;
+    cssVars[cssKey] = value;
+  });
+  return cssVars;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genCSSVars,
+  useToken
+});

package/lib/plus/productSelect/index.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import './index.less';
+interface ProductSelectProps {
+    dataSource: any[];
+    showSearch?: boolean;
+    showTab?: boolean;
+    layout?: {
+        grid: boolean;
+        config: string;
+    };
+    onChange: (value: any) => void;
+    value?: number;
+    loading?: boolean;
+    style?: React.CSSProperties;
+    emptyDescription?: string;
+    /** 当前滚动元素 */
+    scrollDom?: string;
+    /** 商品列表上方的其它组件 */
+    offsetDom?: any;
+    /** 样式变量 */
+    token?: Partial<any>;
+    /** 后台装修单选模式下的已选中项 */
+    selectedItems?: Array<any>;
+    /** 后台装修配置 */
+    productListSetting?: Partial<any>;
+    /** 兼容scrollDom */
+    customScrollParent?: HTMLElement | string;
+}
+export declare const PREFIX = "pisell-product-select";
+declare const index: ({ dataSource, emptyDescription, showSearch, scrollDom, offsetDom, style, token: customToken, onChange, value, selectedItems, productListSetting, customScrollParent, loading, layout, ...rest }: ProductSelectProps) => JSX.Element;
+export default index;