@pisell/private-materials 6.3.2 → 6.3.4

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

@@ -0,0 +1,11 @@
+import React from 'react';
+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,72 @@
+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 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/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;

package/lib/plus/productSelect/index.js

@@ -0,0 +1,299 @@
+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/index.tsx
+var productSelect_exports = {};
+__export(productSelect_exports, {
+  PREFIX: () => PREFIX,
+  default: () => productSelect_default
+});
+module.exports = __toCommonJS(productSelect_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_SearchLg = __toESM(require("@pisell/icon/es/SearchLg"));
+var import_CategoryTabs = __toESM(require("./CategoryTabs"));
+var import_ProductList = __toESM(require("./ProductList"));
+var import_useToken = require("./hooks/useToken");
+var import_utils2 = require("./utils");
+var import_IntersectionObserver = __toESM(require("./components/IntersectionObserver"));
+var import_ProductCard = __toESM(require("./ProductCard"));
+var import_locales = __toESM(require("./locales"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_materials2 = require("@pisell/materials");
+var import_index = require("./index.less");
+var MOCK_DATA = (() => {
+  const mockData = [];
+  mockData.push({
+    __typename: "category",
+    id: "_c1_1"
+  });
+  for (let productIndex = 0; productIndex < 4; productIndex++) {
+    mockData.push({
+      __typename: "product",
+      id: "_pi" + productIndex
+    });
+  }
+  return mockData;
+})();
+var PREFIX = "pisell-product-select";
+var CONTAINER_CLASS = `${PREFIX}-wrapper`;
+var index = ({
+  dataSource = [],
+  emptyDescription,
+  showSearch = true,
+  scrollDom,
+  offsetDom,
+  style = {},
+  token: customToken,
+  onChange,
+  value,
+  selectedItems,
+  productListSetting = {},
+  customScrollParent,
+  loading = false,
+  layout,
+  ...rest
+}) => {
+  const searchRef = (0, import_react.useRef)(null);
+  const [keyword, setKeyword] = (0, import_react.useState)("");
+  const [activeKey, setActiveKey] = (0, import_react.useState)("");
+  const [scrollParent, setScrollParent] = (0, import_react.useState)(null);
+  const isIndicatorVisibleRef = (0, import_react.useRef)(false);
+  const containerRef = (0, import_react.useRef)(null);
+  const _customScrollParent = customScrollParent || scrollDom;
+  const gridComponents = (0, import_react.useMemo)(() => {
+    return (0, import_ProductList.createGridComponents)(layout);
+  }, [layout]);
+  const context = (0, import_useEngineContext.default)();
+  (0, import_react.useEffect)(() => {
+    var _a, _b;
+    import_utils.locales.init(
+      import_locales.default,
+      ((_b = (_a = context.appHelper.utils) == null ? void 0 : _a.storage) == null ? void 0 : _b.get("umi_locale")) || "en"
+    );
+  }, []);
+  const _filteredList = (0, import_react.useMemo)(() => {
+    if (!keyword) return dataSource;
+    return dataSource.filter((product) => {
+      if (typeof (product == null ? void 0 : product.title) !== "string") return false;
+      return product.title.toLowerCase().indexOf(keyword.toLowerCase()) !== -1;
+    });
+  }, [keyword, dataSource]);
+  const _groupedList = (0, import_react.useMemo)(() => {
+    let _list = _filteredList || [];
+    return (0, import_utils2.groupProductsByCategory)(_list);
+  }, [_filteredList]);
+  const _categories = (0, import_react.useMemo)(() => {
+    return _groupedList.filter((item) => item.__typename === "category").map((item) => {
+      return {
+        ...item,
+        key: String(item.id),
+        label: item.name
+      };
+    });
+  }, [_groupedList]);
+  (0, import_react.useEffect)(() => {
+    if (!(_categories == null ? void 0 : _categories.length)) {
+      setActiveKey("");
+      return;
+    }
+    if (!activeKey) {
+      switchCategory(_categories[0].key);
+    } else {
+      const found = _categories.find((category) => category.key === activeKey);
+      if (!found) switchCategory(_categories[0].key);
+    }
+  }, [_categories]);
+  (0, import_react.useLayoutEffect)(() => {
+    if (_customScrollParent) {
+      const sp = (0, import_utils2.getElementByIdentifier)(_customScrollParent);
+      setScrollParent(sp);
+    }
+  }, [_customScrollParent]);
+  const token = (0, import_useToken.useToken)(customToken);
+  const cssVars = (0, import_react.useMemo)(() => (0, import_useToken.genCSSVars)(token), [token]);
+  const mergedStyle = (0, import_react.useMemo)(() => {
+    const baseStyle = {
+      ...cssVars,
+      ...style
+    };
+    if (!scrollParent) return baseStyle;
+    if (scrollParent !== containerRef.current) {
+      return {
+        ...baseStyle,
+        overflow: "unset",
+        height: "unset"
+      };
+    }
+    return baseStyle;
+  }, [cssVars, style, scrollParent]);
+  const disabled = (0, import_react.useMemo)(() => {
+    return !!(productListSetting == null ? void 0 : productListSetting.list_max_length) && Array.isArray(selectedItems) && (selectedItems == null ? void 0 : selectedItems.length) > 0;
+  }, [productListSetting, selectedItems]);
+  const _onChange = (0, import_react.useCallback)(
+    (value2) => {
+      if (disabled) return;
+      onChange == null ? void 0 : onChange(value2);
+    },
+    [disabled, onChange]
+  );
+  const debounceIndicator = (0, import_react.useCallback)((delay) => {
+    isIndicatorVisibleRef.current = true;
+    const timeoutId = setTimeout(() => {
+      isIndicatorVisibleRef.current = false;
+    }, delay);
+    return () => clearTimeout(timeoutId);
+  }, []);
+  const lastActiveKeyRef = (0, import_react.useRef)("");
+  const handleItemIntersectionIn = (0, import_react.useCallback)((item) => {
+    const _key = String(item.__categoryId);
+    if (!isIndicatorVisibleRef.current && _key && _key !== lastActiveKeyRef.current) {
+      setActiveKey(_key);
+      lastActiveKeyRef.current = _key;
+    }
+  }, []);
+  const switchCategory = (key) => {
+    setActiveKey(key);
+    lastActiveKeyRef.current = key;
+    debounceIndicator(300);
+    const categoryIndex = _groupedList.findIndex(
+      (item) => item.__typename === "category" && String(item.id) === key
+    );
+    const _scrollParent = scrollParent || containerRef.current;
+    if (!_scrollParent || !containerRef.current) return;
+    const target = document.getElementById(`ps_category_${key}`);
+    if (!target) return;
+    const productSelectWrapper = document.querySelector(
+      `.${PREFIX}-wrapper`
+    );
+    const tabsWrapper = document.querySelector(`.${PREFIX}__tabs-wrapper`);
+    const tabsHeight = (tabsWrapper == null ? void 0 : tabsWrapper.offsetHeight) || 0;
+    const offsetElement = (0, import_utils2.getElementByIdentifier)(offsetDom);
+    const extraOffset = offsetElement ? offsetElement.clientHeight : 0;
+    if (categoryIndex === 0) {
+      if (productSelectWrapper) {
+        const wrapperOffsetTop = (0, import_utils2.getOffsetTopRelativeToScrollContainer)(
+          productSelectWrapper,
+          _scrollParent
+        );
+        _scrollParent.scrollTop = wrapperOffsetTop - extraOffset;
+      }
+      return;
+    } else {
+      const listOffsetTop = (0, import_utils2.getOffsetTopRelativeToScrollContainer)(
+        target,
+        _scrollParent
+      );
+      _scrollParent.scrollTop = listOffsetTop - tabsHeight - extraOffset;
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      ref: containerRef,
+      className: (0, import_classnames.default)(PREFIX, CONTAINER_CLASS, {
+        disabled
+      }),
+      style: mergedStyle
+    },
+    showSearch ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__search-wrapper` }, /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Input,
+      {
+        ref: searchRef,
+        prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
+        style: { height: 44 },
+        placeholder: import_utils.locales.getText("pisell2.product-select.search"),
+        allowClear: true,
+        value: keyword,
+        onChange: (e) => {
+          setKeyword(e.target.value);
+        }
+      }
+    )) : null,
+    /* @__PURE__ */ import_react.default.createElement(
+      import_CategoryTabs.default,
+      {
+        activeKey,
+        items: _categories,
+        onChange: switchCategory,
+        loading,
+        skeleton: /* @__PURE__ */ import_react.default.createElement(import_CategoryTabs.CategorySkeleton, null)
+      }
+    ),
+    !loading && !(_groupedList == null ? void 0 : _groupedList.length) ? /* @__PURE__ */ import_react.default.createElement(
+      import_materials2.PisellEmpty,
+      {
+        description: emptyDescription || import_utils.locales.getText("pisell2.product-select.empty")
+      }
+    ) : /* @__PURE__ */ import_react.default.createElement(
+      import_IntersectionObserver.default,
+      {
+        rootMargin: "-270px 0px -270px 0px",
+        priorityMode: "top"
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_ProductList.default,
+        {
+          className: `${PREFIX}__product-list`,
+          loading,
+          data: loading ? MOCK_DATA : _groupedList,
+          context: {
+            onItemIntersectionIn: handleItemIntersectionIn,
+            onItemIntersectionOut: () => {
+            }
+          },
+          _customScrollParent: scrollParent,
+          components: gridComponents,
+          itemContent: (index2, item, context2) => {
+            if (loading) {
+              return /* @__PURE__ */ import_react.default.createElement(import_ProductCard.ProductCardSkeleton, { index: index2, item });
+            }
+            return /* @__PURE__ */ import_react.default.createElement(
+              import_ProductCard.default,
+              {
+                index: index2,
+                item,
+                context: context2,
+                onSelect: _onChange,
+                isSelected: item.id === value,
+                decorateConfig: productListSetting
+              }
+            );
+          }
+        }
+      )
+    )
+  );
+};
+var productSelect_default = index;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PREFIX
+});

package/lib/plus/productSelect/index.less

@@ -0,0 +1,56 @@
+.pisell-product-select {
+  &-wrapper {
+    height: 100%;
+    background: var(--ps-container-bg, #ffffff);
+    overflow-y: auto;
+
+    &::-webkit-scrollbar {
+      display: none !important;
+    }
+
+    &.disabled {
+      .pisell-product-select__product-card {
+        background: var(--ps-card-hover-bg, #eaecf0);
+        cursor: not-allowed;
+      }
+    }
+  }
+
+  &__search-wrapper {
+    padding: 12px 12px 0px;
+    line-height: 0;
+    margin-top: 0 !important;
+
+    .pisell-lowcode-input-affix-wrapper {
+      &:hover,
+      &:focus,
+      &:focus-within {
+        border-color: var(--ps-color-primary, #8157d5) !important;
+        box-shadow: none !important;
+      }
+    }
+
+    > span {
+      background: var(--ps-container-bg, #ffffff);
+      color: var(--ps-search-input-color, #98a2b3);
+    }
+
+    input {
+      background: transparent;
+      color: var(--ps-search-input-color, #98a2b3);
+    }
+  }
+
+  &__product-list {
+    padding: 0px 12px 12px;
+  }
+
+  &__tabs-wrapper {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    // 基础样式采用原pill样式
+    padding: 16px 12px;
+    background: var(--ps-container-bg, #fff);
+  }
+}

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

@@ -0,0 +1,18 @@
+declare const _default: {
+    en: {
+        'pisell2.product-select.search': string;
+        'pisell2.product-select.stock': string;
+        'pisell2.product-select.empty': string;
+    };
+    'zh-CN': {
+        'pisell2.product-select.search': string;
+        'pisell2.product-select.stock': string;
+        'pisell2.product-select.empty': string;
+    };
+    'zh-HK': {
+        'pisell2.product-select.search': string;
+        'pisell2.product-select.stock': string;
+        'pisell2.product-select.empty': string;
+    };
+};
+export default _default;

package/lib/plus/productSelect/locales.js

@@ -0,0 +1,41 @@
+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/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    "pisell2.product-select.search": "Search",
+    "pisell2.product-select.stock": "Stock",
+    "pisell2.product-select.empty": "No Data"
+  },
+  "zh-CN": {
+    "pisell2.product-select.search": "搜索",
+    "pisell2.product-select.stock": "库存",
+    "pisell2.product-select.empty": "暂无数据"
+  },
+  "zh-HK": {
+    "pisell2.product-select.search": "搜索",
+    "pisell2.product-select.stock": "庫存",
+    "pisell2.product-select.empty": "暂无数据"
+  }
+};

package/lib/plus/productSelect/theme/token.d.ts

@@ -0,0 +1,17 @@
+export interface 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 const defaultToken: ProductSelectToken;

package/lib/plus/productSelect/theme/token.js

@@ -0,0 +1,47 @@
+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/theme/token.ts
+var token_exports = {};
+__export(token_exports, {
+  defaultToken: () => defaultToken
+});
+module.exports = __toCommonJS(token_exports);
+var defaultToken = {
+  colorPrimary: "#8157D5",
+  colorText: "#1B1B1B",
+  colorTextSecondary: "#4E4E4E",
+  containerBg: "#4E4E4E",
+  // search
+  searchInputColor: "#98a2b3",
+  // tab
+  tabItemBg: "#FFFFFF",
+  tabItemHoverBg: "#FFFFFF",
+  tabItemActiveBg: "#8157D5",
+  // category
+  categoryTextColor: "#FFFFFF",
+  cardBg: "#FFFFFF",
+  cardHoverBg: "#eaecf0",
+  cardSelectedBg: "#8157D5",
+  cardSelectedTextColor: "#ffffff",
+  cardSelectedSecondaryTextColor: "rgba(255, 255, 255, 0.7)"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  defaultToken
+});