@pisell/private-materials 3.3.42 → 3.3.44

package/lib/components/eventBooking/components/scheduleCalendar/calendarItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem } from '../../type';
 declare type CalendarItemProps = {
     month: string;

package/lib/components/eventBooking/components/scheduleCalendar/components/ScheduleTimeItem/index.d.ts

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

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

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

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/index.d.ts

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

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/index.d.ts

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

package/lib/components/pay/toC/WalletPassBlock/components/WalletUseList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WalletPassDataType } from '../../../PaymentMethods/WalletPass/serve';
 import './index.less';
 interface WalletUseListProps {

package/lib/components/pisellSelectCustomerModal/RightPanel/Add/PhoneField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PhoneField: ({ value, onChange }: any) => JSX.Element;
 export default PhoneField;

package/lib/components/pisellSelectCustomerModal/RightPanel/Add/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface AddClientProps {
     onChange: (value: any) => void;

package/lib/components/pisellSelectCustomerModal/RightPanel/List/index.d.ts

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

package/lib/components/pisellSelectCustomerModal/RightPanel/index.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PopoverProps } from 'antd';
 import { CustomerCardProps } from './CustomerCard';
 import './index.less';

package/lib/components/productExtension/fields/Actor/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Actor: ({ name }: {
     name: string;
 }) => JSX.Element;

package/lib/components/productExtension/fields/SelectProducts/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface valueType {
 }

package/lib/components/productExtension/fields/SelectResourcesTable/index.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 interface ProductExtensionProps {
     onDataChange: any;

package/lib/components/productSelect/components/TabProduct/index.d.ts

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

package/lib/components/productSelect/components/productGroup/index.d.ts

@@ -1,17 +1,21 @@
 import './index.less';
+declare type BoolConfigVal = 0 | 1;
 export interface ProductCardConfig {
-    showImg: boolean;
+    isProductCover: BoolConfigVal;
     imgWidth: string;
     imgHeight: string;
-    showTitle: boolean;
+    radius?: number;
+    isTitle: BoolConfigVal;
+    isSubtitle: BoolConfigVal;
     showSpec: boolean;
-    showTags: boolean;
-    showPrice: boolean;
-    showOriginalPrice: boolean;
+    isTag: BoolConfigVal;
+    isPrice: BoolConfigVal;
+    isOriginPrice: BoolConfigVal;
     showZeroPrice: boolean;
     showMarketingTag: boolean;
     showRemark: boolean;
-    showStock: boolean;
+    isStock: BoolConfigVal;
+    list_max_length: 0 | 1;
 }
 interface ProductGroupProps {
     data: {
@@ -29,6 +33,6 @@ interface ProductGroupProps {
     onSelectProduct?: (id: number) => void;
     currentProductId?: number;
 }
-declare const ProductGroup: ({ data, layout, onSelectProduct, currentProductId, showImg, imgWidth, imgHeight, showTitle, showSpec, showTags, showPrice, showOriginalPrice, showZeroPrice, showMarketingTag, showRemark, showStock, }: ProductGroupProps & ProductCardConfig) => JSX.Element;
+declare const ProductGroup: ({ data, layout, onSelectProduct, currentProductId, isProductCover, imgWidth, imgHeight, radius, isTitle, isSubtitle, showSpec, isTag, isPrice, isOriginPrice, showZeroPrice, showMarketingTag, showRemark, isStock, }: ProductGroupProps & ProductCardConfig) => JSX.Element;
 export declare const ProductGroupSkeleton: ({ layout }: any) => JSX.Element;
 export default ProductGroup;

package/lib/components/productSelect/components/productGroup/index.js

@@ -45,18 +45,20 @@ var ProductGroup = ({
   layout = { grid: false },
   onSelectProduct,
   currentProductId,
-  showImg = true,
+  isProductCover = 1,
   imgWidth = "180px",
   imgHeight = "126px",
-  showTitle = true,
+  radius = 8,
+  isTitle = 1,
+  isSubtitle = 0,
   showSpec = true,
-  showTags = true,
-  showPrice = true,
-  showOriginalPrice = true,
+  isTag = 0,
+  isPrice = 0,
+  isOriginPrice = 0,
   showZeroPrice = false,
   showMarketingTag = true,
   showRemark = true,
-  showStock = true
+  isStock = 0
 }) => {
   const _products = (0, import_react.useMemo)(() => {
     const { products } = data;
@@ -70,7 +72,7 @@ var ProductGroup = ({
   };
   const renderPrice = (item) => {
     if (!showZeroPrice && !parseFloat(item.price)) return null;
-    return showPrice || showOriginalPrice ? /* @__PURE__ */ import_react.default.createElement("div", { className: "price-info" }, showPrice ? /* @__PURE__ */ import_react.default.createElement("div", { className: "price" }, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText.Amount, { value: item.price })) : null, showOriginalPrice && parseFloat(item.original_price) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "original-price" }, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText.Amount, { value: item.original_price })) : null) : null;
+    return !!isPrice || !!isOriginPrice ? /* @__PURE__ */ import_react.default.createElement("div", { className: "price-info" }, isPrice ? /* @__PURE__ */ import_react.default.createElement("div", { className: "price" }, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText.Amount, { value: item.price })) : null, !!isOriginPrice && parseFloat(item.original_price) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "original-price" }, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText.Amount, { value: item.original_price })) : null) : null;
   };
   const renderItem = (item) => /* @__PURE__ */ import_react.default.createElement(
     "div",
@@ -82,7 +84,7 @@ var ProductGroup = ({
         onSelectProduct == null ? void 0 : onSelectProduct(item);
       }
     },
-    showImg && item.cover ? /* @__PURE__ */ import_react.default.createElement(
+    isProductCover && item.cover ? /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: "card-left",
@@ -91,9 +93,9 @@ var ProductGroup = ({
           height: imgHeight || "auto"
         }
       },
-      /* @__PURE__ */ import_react.default.createElement("img", { src: item.cover })
+      /* @__PURE__ */ import_react.default.createElement("img", { loading: "lazy", src: item.cover, style: { borderRadius: radius } })
     ) : null,
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "card-right" }, showTitle ? /* @__PURE__ */ import_react.default.createElement("div", { className: "title" }, item.title) : null, showStock && !!item.is_track ? /* @__PURE__ */ import_react.default.createElement("div", { className: "stock" }, getStockText(item)) : null, renderPrice(item))
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "card-right" }, !!isTitle ? /* @__PURE__ */ import_react.default.createElement("div", { className: "title" }, item.title) : null, !!isSubtitle && item.subtitle ? /* @__PURE__ */ import_react.default.createElement("div", { className: "subtitle" }, item.subtitle) : null, !!isStock && !!item.is_track ? /* @__PURE__ */ import_react.default.createElement("div", { className: "stock" }, getStockText(item)) : null, renderPrice(item))
   );
   return /* @__PURE__ */ import_react.default.createElement("div", { "data-section": data.id, className: "pisell-product-select-group" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "group-title" }, data.name), /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "16px 0" } }, (layout == null ? void 0 : layout.grid) && layout.config ? /* @__PURE__ */ import_react.default.createElement(
     import_gridLayout.default,

package/lib/components/productSelect/components/productGroup/index.less

@@ -44,6 +44,7 @@
 
       .card-right {
         .title,
+        .subtitle,
         .price {
           color: var(--ps-card-selected-text-color, '#FFFFFF');
         }
@@ -99,7 +100,7 @@
 
       img {
         border-radius: 8px;
-        background: url(<path-to-image>) lightgray 50% / cover no-repeat;
+        background: lightgray 50% / cover no-repeat;
         width: 100%;
         height: 100%;
         object-fit: cover;
@@ -111,8 +112,9 @@
       flex-direction: column;
       row-gap: 8px;
       min-height: 92px;
+      overflow: hidden;
       .title {
-        color: var(--ps-card-text, #1b1b1b);
+        color: var(--ps-color-text, #1b1b1b);
         font-size: 18px;
         font-style: normal;
         font-weight: 600;
@@ -124,6 +126,18 @@
         text-overflow: ellipsis;
         // word-break: break-word;
       }
+      .subtitle {
+        color: var(--ps-color-text, #1b1b1b);
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 24px;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
       .stock,
       .specs {
         overflow: hidden;
@@ -169,7 +183,7 @@
         gap: 8px;
       }
       .price {
-        color: var(--ps-card-text, #1b1b1b);
+        color: var(--ps-color-text, #1b1b1b);
         font-size: 18px;
         font-style: normal;
         font-weight: 600;

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

@@ -4,7 +4,6 @@ import type { ProductSelectToken } from './theme/token';
 import './index.less';
 interface ProductSelectProps {
     dataSource: any[];
-    theme?: 'light' | 'dark';
     showSearch?: boolean;
     showTab?: boolean;
     layout?: {
@@ -18,6 +17,8 @@ interface ProductSelectProps {
     style?: React.CSSProperties;
     emptyDescription?: string;
     token?: Partial<ProductSelectToken>;
+    selectedItems?: Array<any>;
+    productListSetting?: Partial<ProductCardConfig>;
 }
-declare const index: ({ dataSource, theme, showSearch, scrollDom, style, token: customToken, ...rest }: ProductSelectProps & Partial<ProductCardConfig>) => JSX.Element;
+declare const index: ({ dataSource, showSearch, scrollDom, style, token: customToken, onChange, selectedItems, productListSetting, ...rest }: ProductSelectProps) => JSX.Element;
 export default index;

package/lib/components/productSelect/index.js

@@ -33,6 +33,7 @@ __export(productSelect_exports, {
 });
 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"));
@@ -44,11 +45,13 @@ var import_useToken = require("./hooks/useToken");
 var import_index = require("./index.less");
 var index = ({
   dataSource = [],
-  theme = "light",
   showSearch = true,
   scrollDom,
   style = {},
   token: customToken,
+  onChange,
+  selectedItems,
+  productListSetting = {},
   ...rest
 }) => {
   var _a, _b;
@@ -86,10 +89,19 @@ var index = ({
     }
     return baseStyle;
   }, [cssVars, style, scrollDom]);
+  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)((value) => {
+    if (disabled) return;
+    onChange == null ? void 0 : onChange(value);
+  }, [disabled, onChange]);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      className: `pisell-product-select-wrapper`,
+      className: (0, import_classnames.default)(`pisell-product-select-wrapper`, {
+        disabled
+      }),
       style: mergedStyle
     },
     showSearch ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-product-select-search-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
@@ -111,7 +123,9 @@ var index = ({
       {
         list: _dataSource,
         scrollDom: scrollDom || ".pisell-product-select-wrapper",
-        ...rest
+        ...productListSetting,
+        ...rest,
+        onChange: _onChange
       }
     )
   );

package/lib/components/productSelect/index.less

@@ -7,6 +7,13 @@
     display: none !important;
   }
 
+  &.disabled {
+    .product-card {
+      background: var(--ps-card-hover-bg, #eaecf0);
+      cursor: not-allowed;
+    }
+  }
+
   .pisell-product-select-search-wrapper {
     padding: 12px 12px 0px;
     margin-top: 12px;

package/lib/components/shoppingCart/components/Cart/index.d.ts

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

package/lib/components/shoppingCart/components/Empty/index.d.ts

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

package/lib/components/shoppingCart/components/Render/index.d.ts

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

package/lib/components/shoppingCart/hooks/useAddService.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const useAddService: (id?: number, type?: string) => JSX.Element | null;
 export default useAddService;

package/lib/components/shoppingCart/hooks/useClearCart.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const useClearCart: (key?: number | undefined) => JSX.Element | null;
 export default useClearCart;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { shoppingCartProps } from './type';
 declare const shoppingCart: ({ onCard, onAction, onChange, onAddProduct, onActiveKey, ...props }: shoppingCartProps) => JSX.Element;
 export default shoppingCart;

package/lib/components/ticketBooking/components/addServiceVariant/addService.js

@@ -292,7 +292,15 @@ var AddSerivce = (props) => {
           },
           onChange: handleSelectProduct,
           value: currentProduct == null ? void 0 : currentProduct.id,
-          loading: !renderList.length && loading
+          loading: !renderList.length && loading,
+          productListSetting: {
+            isProductCover: 1,
+            isTitle: 1,
+            isSubtitle: 1,
+            isPrice: 1,
+            isOriginPrice: 1,
+            isStock: 1
+          }
         }
       );
     }

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

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

package/lib/components/ticketBooking/components/timeBar/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Dayjs } from 'dayjs';
 import './index.less';
 interface ITimeBarProps {

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

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

package/lib/components/wallet/hooks/useWalletCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IWalletListItemProps } from '../serve';
 /**
  * 钱包卡片Hook的参数

package/lib/components/workSpaceList/components/Modal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Modal as AntModal, ModalFuncProps as AntModalFuncProps, ModalProps as AntModalProps } from 'antd';
 import './index.less';
 interface ModalProps extends AntModalProps {

package/lowcode/product-select/meta.ts

@@ -49,38 +49,15 @@ const productSelectMeta = {
       display: 'block',
       items: [
         {
-          name: 'theme',
-          title: { label: '卡片样式' },
-          propType: { type: 'oneOf', value: ['dark', 'light'] },
-          setter: [
-            {
-              componentName: 'RadioGroupSetter',
-              props: {
-                options: [
-                  {
-                    title: 'Dark',
-                    value: 'dark',
-                  },
-                  {
-                    title: 'Light',
-                    value: 'light',
-                  },
-                ],
-              },
-            },
-          ],
-          defaultValue: 'Dark',
-        },
-        {
-          name: 'showSearch',
-          title: { label: '全部商品tab', tip: '全部商品tab' },
+          name: 'isSearch',
+          title: { label: '开启搜索功能'},
           propType: 'bool',
           setter: 'BoolSetter',
           defaultValue: true,
         },
         {
           name: 'showTab',
-          title: { label: '全部商品tab', tip: '全部商品tab' },
+          title: { label: '全部商品tab' },
           propType: 'bool',
           setter: 'BoolSetter',
           defaultValue: true,
@@ -115,7 +92,7 @@ const productSelectMeta = {
       display: 'block',
       items: [
         {
-          name: 'showImg',
+          name: 'isProductCover',
           title: { label: '商品图片', tip: '是否展示商品图片' },
           propType: 'bool',
           setter: 'BoolSetter',
@@ -124,7 +101,7 @@ const productSelectMeta = {
         {
           name: 'imgWidth',
           condition: (target: IPublicModelSettingField) => {
-            return target.parent.getPropValue('showImg') === true;
+            return target.parent.getPropValue('isProductCover') === true;
           },
           title: { label: '商品图片宽度' },
           propType: 'string',
@@ -134,7 +111,7 @@ const productSelectMeta = {
         {
           name: 'imgHeight',
           condition: (target: IPublicModelSettingField) => {
-            return target.parent.getPropValue('showImg') === true;
+            return target.parent.getPropValue('isProductCover') === true;
           },
           title: { label: '商品图片高度' },
           propType: 'string',
@@ -142,11 +119,18 @@ const productSelectMeta = {
           defaultValue: '126px',
         },
         {
-          name: 'showTitle',
+          name: 'isTitle',
           title: { label: '商品名称' },
           propType: 'bool',
           setter: 'BoolSetter',
           defaultValue: true,
+        },
+          {
+          name: 'isSubtitle',
+          title: { label: '商品副标题' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
         },
         {
           name: 'showSpec',
@@ -156,21 +140,21 @@ const productSelectMeta = {
           defaultValue: true,
         },
         {
-          name: 'showTags',
+          name: 'isTag',
           title: { label: '商品标签' },
           propType: 'bool',
           setter: 'BoolSetter',
           defaultValue: true,
         },
         {
-          name: 'showPrice',
+          name: 'isPrice',
           title: { label: '价格' },
           propType: 'bool',
           setter: 'BoolSetter',
           defaultValue: true,
         },
         {
-          name: 'showOriginalPrice',
+          name: 'isOriginPrice',
           title: { label: '商品原价' },
           propType: 'bool',
           setter: 'BoolSetter',
@@ -191,7 +175,7 @@ const productSelectMeta = {
           defaultValue: true,
         },
         {
-          name: 'showStock',
+          name: 'isStock',
           title: { label: '商品库存' },
           propType: 'bool',
           setter: 'BoolSetter',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "3.3.42",
+  "version": "3.3.44",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -60,8 +60,8 @@
     "rc-virtual-list": "^3.11.3",
     "decimal.js": "^10.4.3",
     "@pisell/utils": "1.0.42",
+    "@pisell/materials": "3.3.13",
     "@pisell/icon": "0.0.11",
-    "@pisell/materials": "3.3.14",
     "@pisell/date-picker": "3.0.2"
   },
   "peerDependencies": {