@pisell/private-materials 6.3.106 → 6.3.108

package/lib/pro/Selector/selector.less

@@ -2,6 +2,7 @@
   display: flex;
   flex-direction: column;
   gap: 12px;
+  container-type: inline-size; // 启用容器查询
 
   &_header {
     display: flex;
@@ -42,4 +43,67 @@
       line-height: 34px;
     }
   }
+
+  &_options-container {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+
+  // 自动宽度布局 - 内容自适应
+  &_layout-auto-flex {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 16px;
+  }
+
+  // 响应式布局 - 最小宽度 210px
+  &_layout-responsive-210 {
+    display: grid;
+    gap: 16px;
+    grid-template-columns: 1fr; // 默认一列
+
+    // 容器宽度 >= 420px 且 < 630px: 两列
+    @container (min-width: 420px) {
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+    // 容器宽度 >= 630px 且 <= 840px: 三列
+    @container (min-width: 630px) {
+      grid-template-columns: repeat(3, 1fr);
+    }
+
+    // 容器宽度 >= 841px 且 <= 1366px: 四列
+    @container (min-width: 841px) {
+      grid-template-columns: repeat(4, 1fr);
+    }
+
+    // 容器宽度 > 1366px: 五列
+    @container (min-width: 1367px) {
+      grid-template-columns: repeat(5, 1fr);
+    }
+  }
+
+  // 响应式布局 - 最小宽度 330px
+  &_layout-responsive-330 {
+    display: grid;
+    gap: 16px;
+    grid-template-columns: 1fr; // 默认一列
+
+    // 容器宽度 >= 660px 且 < 995px: 两列
+    @container (min-width: 660px) {
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+    // 容器宽度 >= 995px 且 <= 1366px: 三列
+    @container (min-width: 995px) {
+      grid-template-columns: repeat(3, 1fr);
+    }
+
+    // 容器宽度 > 1366px: 四列
+    @container (min-width: 1367px) {
+      grid-template-columns: repeat(4, 1fr);
+    }
+  }
 }

package/lib/pro/Selector/selectorGroup.less

@@ -1,14 +1,6 @@
 .pisell-batch-selector {
   .pisell-product-select__tabs-wrapper {
     padding: 16px 0;
-
-    .pisell-tabstruct-item--selected {
-      background-color: var(--color-primary, #5d3f9f);
-    }
-
-    .pisell-tabstruct-selection {
-      background-color: var(--color-primary, #5d3f9f);
-    }
   }
 
   &__content {
@@ -21,4 +13,4 @@
       padding-top: 16px;
     }
   }
-}
+}

package/lib/pro/Selector/types.d.ts

@@ -77,48 +77,10 @@ export declare type ItemProps = {
     [key: string]: any;
 };
 export declare type LayoutType = 'antdGrid' | 'custom';
-/** 单个断点的完整配置 */
-export declare type BreakpointConfig = {
-    columns: number;
-    gap?: number | string;
-    style?: React.CSSProperties;
-};
-/**
- * 断点映射
- * key: 最小宽度（px）
- * value: 列数（简写）或完整配置
- * @example { 0: 1, 420: 2, 630: 3 } // 简写
- * @example { 0: { columns: 1, gap: 12 }, 420: { columns: 2, gap: 16 } } // 完整
- */
-export declare type BreakpointMap = Record<number, number | BreakpointConfig>;
-/** 响应式布局配置 */
-export declare type ResponsiveConfig = {
-    /** 每项最小宽度，系统自动计算断点 */
-    minWidth?: number;
-    /** 最大列数限制 */
-    maxColumns?: number;
-    /**
-     * 显式断点映射，key 为容器最小宽度(px)
-     * @example { 0: 1, 420: 2, 630: 3, 841: 4, 1367: 5 }
-     * @example { 0: { columns: 1, gap: 12 }, 420: { columns: 2, gap: 16 } }
-     */
-    breakpoints?: BreakpointMap;
-    /** 默认列数（容器宽度小于所有断点时），默认为 1 */
-    defaultColumns?: number;
-    /** 间距，默认为 16 */
-    gap?: number | string;
-    /** ResizeObserver 防抖延迟(ms)，默认为 0 */
-    debounce?: number;
-};
 export declare type LayoutConfig = {
     type?: LayoutType;
     className?: string;
     containerStyle?: React.CSSProperties;
-    /**
-     * 响应式布局配置
-     * 存在此配置时自动启用 ResizeObserver 响应式布局
-     */
-    responsive?: ResponsiveConfig;
     columns?: number;
     gutter?: number | object | Array<number>;
     align?: 'top' | 'middle' | 'bottom' | 'stretch';
@@ -158,11 +120,6 @@ export declare type HeaderProps = {
 };
 export interface SelectorProps<T = OptionKey> extends GroupItem {
     className?: string;
-    theme?: {
-        token?: {
-            colorPrimary?: string;
-        };
-    };
     value?: SelectionValue<T>;
     defaultValue?: SelectionValue<T>;
     onChange?: (value: SelectionValue<T>) => void;
@@ -189,7 +146,6 @@ export interface SelectorProps<T = OptionKey> extends GroupItem {
     stepperProps?: {
         size?: 'small' | 'middle' | 'large';
         shape?: 'round' | 'square';
-        horizontalPadding?: number | string;
     };
     style?: React.CSSProperties;
     /**
@@ -197,7 +153,6 @@ export interface SelectorProps<T = OptionKey> extends GroupItem {
      */
     titleProps?: HeaderProps;
     headerProps?: HeaderProps;
-    selectProps?: any;
 }
 export interface SelectorGroupProps {
     allowedValuesPolicy?: 'relaxed' | 'strict';
@@ -206,11 +161,6 @@ export interface SelectorGroupProps {
     dataSource: GroupItem[];
     defaultValue?: Record<string, SelectionValue>;
     linkageRules?: ExprRule[] | Record<string, any>;
-    theme?: {
-        token?: {
-            colorPrimary?: string;
-        };
-    };
     onChange?: (values: Record<string, SelectionValue>) => void;
     preserve?: boolean;
     tabProps?: {

package/lib/pro/numberKeyboard/locales.d.ts

@@ -8,11 +8,5 @@ declare const _default: {
     'zh-HK': {
         'pisell2.number.keyboard.ok': string;
     };
-    ja: {
-        'pisell2.number.keyboard.ok': string;
-    };
-    pt: {
-        'pisell2.number.keyboard.ok': string;
-    };
 };
 export default _default;

package/lib/pro/numberKeyboard/locales.js

@@ -31,11 +31,5 @@ var locales_default = {
   },
   "zh-HK": {
     "pisell2.number.keyboard.ok": "確認"
-  },
-  ja: {
-    "pisell2.number.keyboard.ok": "確認"
-  },
-  pt: {
-    "pisell2.number.keyboard.ok": "Confirmar"
   }
 };

package/lowcode/eco-cup-list/meta.ts

@@ -9,7 +9,7 @@ const EcoCupListMeta: ComponentMetadata = {
   "devMode": "proCode",
   "npm": {
     "package": "@pisell/private-materials",
-    "version": "6.3.105",
+    "version": "3.4.84",
     "exportName": "EcoCupList",
     "main": "src/index.ts",
     "destructuring": true,

package/lowcode/eco-customer-list/meta.ts

@@ -9,7 +9,7 @@ const EcoCustomerListMeta: ComponentMetadata = {
   "devMode": "proCode",
   "npm": {
     "package": "@pisell/private-materials",
-    "version": "6.3.105",
+    "version": "3.4.84",
     "exportName": "EcoCustomerList",
     "main": "src/index.ts",
     "destructuring": true,

package/lowcode/selector/meta.ts

@@ -303,24 +303,11 @@ export const SelectorPropsConfig: IPublicTypeFieldConfig[] = [
       componentName: 'JsonSetter',
     },
   },
-  {
-    name: 'theme',
-    title: {
-      label: {
-        type: 'i18n',
-        'en-US': 'Theme',
-        'zh-CN': '主题',
-      },
-    },
-    setter: {
-      componentName: 'JsonSetter',
-    },
-  }
 ];
 
 const SelectorMeta: IPublicTypeComponentMetadata = {
   componentName: 'Selector',
-  title: 'Selector',
+  title: '高级选择器',
   category: '表单',
   docUrl: '',
   screenshot: '',
@@ -355,7 +342,7 @@ const SelectorMeta: IPublicTypeComponentMetadata = {
 
 const snippets: IPublicTypeSnippet[] = [
   {
-    title: 'Selector',
+    title: '高级选择器',
     screenshot: '',
     schema: {
       componentName: 'Selector',

package/lowcode/selector.group/meta.ts

@@ -6,7 +6,7 @@ function uuid() {
 
 const SelectorGroupMeta = {
   componentName: 'Selector.Group',
-  title: 'Selector Group',
+  title: '高级选择器组',
   category: '表单',
   docUrl: '',
   screenshot: '',
@@ -191,19 +191,6 @@ const SelectorGroupMeta = {
         },
         setter: 'StringSetter',
       },
-      {
-        name: 'theme',
-        title: {
-          label: {
-            type: 'i18n',
-            'en-US': 'Theme',
-            'zh-CN': '主题',
-          },
-        },
-        setter: {
-          componentName: 'JsonSetter',
-        },
-      },
     ],
     supports: {
       style: true,
@@ -221,7 +208,7 @@ const SelectorGroupMeta = {
 
 const snippets = [
   {
-    title: 'Selector Group',
+    title: '高级选择器组',
     screenshot: '',
     schema: {
       componentName: 'Selector.Group',

package/lowcode/sku-options-selection/meta.ts

@@ -275,8 +275,7 @@ const LoginMeta: ComponentMetadata = {
                             },
                             setter: 'NumberSetter',
                             defaultValue: 2,
-                            description:
-                              '设置文本最大展示行数，超出部分省略，默认2行',
+                            description: '设置文本最大展示行数，超出部分省略，默认2行',
                           },
                         ],
                       },
@@ -448,102 +447,6 @@ const LoginMeta: ComponentMetadata = {
                     },
                   },
                 },
-                /**
-                 * Disabled文本配置
-                 */
-                {
-                  name: 'disabledText',
-                  title: {
-                    label: {
-                      type: 'i18n',
-                      'en-US': 'Disabled Text Config',
-                      'zh-CN': 'Disabled文本配置',
-                    },
-                  },
-                  setter: {
-                    componentName: 'ObjectSetter',
-                    props: {
-                      config: {
-                        items: [
-                          {
-                            name: 'visible',
-                            title: {
-                              label: {
-                                type: 'i18n',
-                                'en-US': 'Visible',
-                                'zh-CN': '是否显示',
-                              },
-                            },
-                            setter: 'BoolSetter',
-                          },
-                          {
-                            name: 'text',
-                            title: {
-                              label: {
-                                type: 'i18n',
-                                'en-US': 'Text',
-                                'zh-CN': '文本',
-                              },
-                            },
-                            setter: {
-                              componentName: 'PisellI18nSetter',
-                            },
-                          },
-                          {
-                            name: 'fontSize',
-                            title: {
-                              label: {
-                                type: 'i18n',
-                                'en-US': 'Font Size',
-                                'zh-CN': '字体大小',
-                              },
-                            },
-                            setter: 'NumberSetter',
-                          },
-                          {
-                            name: 'color',
-                            title: {
-                              label: {
-                                type: 'i18n',
-                                'en-US': 'Color',
-                                'zh-CN': '颜色',
-                              },
-                            },
-                            setter: 'ColorSetter',
-                          },
-                          {
-                            name: 'fontWeight',
-                            title: {
-                              label: {
-                                type: 'i18n',
-                                'en-US': 'Font Weight',
-                                'zh-CN': '字体粗细',
-                              },
-                            },
-                            setter: {
-                              componentName: 'SelectSetter',
-                              props: {
-                                options: [
-                                  { title: '正常', value: 'normal' },
-                                  { title: '粗体', value: 'bold' },
-                                  { title: '100', value: 100 },
-                                  { title: '200', value: 200 },
-                                  { title: '300', value: 300 },
-                                  { title: '400', value: 400 },
-                                  { title: '500', value: 500 },
-                                  { title: '600', value: 600 },
-                                  { title: '700', value: 700 },
-                                  { title: '800', value: 800 },
-                                  { title: '900', value: 900 },
-                                ],
-                              },
-                            },
-                          },
-                        ],
-                      },
-                    },
-                  },
-                },
               ],
             },
           },
@@ -573,7 +476,7 @@ const snippets: Snippet[] = [
         dataSource: defaultDataSource,
         value: {},
         config: {
-          overSold: false,
+          checkStock: true,
         },
         customScrollParent: '',
         customConfig: {
@@ -594,13 +497,6 @@ const snippets: Snippet[] = [
           image: {
             visible: true,
           },
-          disabledText: {
-            visible: true,
-            text: '',
-            fontSize: 16,
-            color: '#000000',
-            fontWeight: 700,
-          },
         },
       },
     },

package/lowcode/wallet-pass-gallery/meta.ts

@@ -13,72 +13,7 @@ const Meta = {
     subName: '',
   },
   configure: {
-    props: [
-      {
-        title: {
-          label: {
-            type: 'i18n',
-            'en-US': 'Hide Title',
-            'zh-CN': '隐藏标题',
-            'zh-HK': '隱藏標題',
-          },
-        },
-        name: 'hideTitle',
-        propType: 'bool',
-        setter: 'BoolSetter',
-        defaultValue: false,
-      },
-      {
-        title: {
-          label: {
-            type: 'i18n',
-            'en-US': 'Hide Add Button',
-            'zh-CN': '隐藏添加按钮',
-            'zh-HK': '隱藏添加按鈕',
-          },
-        },
-        name: 'hideAddButton',
-        propType: 'bool',
-        setter: 'BoolSetter',
-        defaultValue: false,
-      },
-      {
-        title: {
-          label: {
-            type: 'i18n',
-            'en-US': 'Customer',
-            'zh-CN': '当前客户',
-            'zh-HK': '当前客户',
-          },
-        },
-        name: 'customer',
-        setter: 'JsonSetter',
-      },
-      {
-        title: {
-          label: {
-            type: 'i18n',
-            'en-US': 'Platform',
-            'zh-CN': '平台',
-            'zh-HK': '平台',
-          },
-        },
-        name: 'platform',
-        propType: {
-          type: 'oneOf',
-          value: ['pc', 'h5'],
-        },
-        setter: {
-          componentName: 'RadioGroupSetter',
-          props: {
-            options: [
-              { title: 'PC', value: 'pc' },
-              { title: 'H5', value: 'h5' },
-            ],
-          },
-        },
-      },
-    ],
+    props: [],
     supports: {},
     component: {},
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.3.106",
+  "version": "6.3.108",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -14,7 +14,7 @@
     "@alilc/lowcode-react-renderer": "^1.1.7",
     "@alilc/lowcode-types": "1.1.7",
     "@alilc/lowcode-utils": "1.1.6",
-    "@pisell/build-plugin-lowcode": "^1.0.13",
+    "@pisell/build-plugin-lowcode": "^1.0.12",
     "@storybook/addon-essentials": "^7.6.19",
     "@storybook/addon-interactions": "^7.6.19",
     "@storybook/addon-links": "^7.6.19",
@@ -60,7 +60,6 @@
     "dist"
   ],
   "dependencies": {
-    "antd": "5.10.1",
     "@ant-design/icons": "^5.6.1",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^6.0.1",
@@ -69,6 +68,7 @@
     "@react-spring/web": "^9.6.1",
     "@use-gesture/react": "^10.3.1",
     "ahooks": "^3.7.6",
+    "antd": "^5.6.3",
     "classnames": "^2.3.2",
     "dayjs": "^1.11.9",
     "decimal.js": "^10.4.3",
@@ -76,10 +76,10 @@
     "react-infinite-scroll-component": "^6.1.0",
     "react-resizable": "^3.0.5",
     "styled-components": "^6.0.0-rc.3",
-    "@pisell/materials": "6.3.27",
-    "@pisell/utils": "3.0.5",
     "@pisell/date-picker": "3.0.8",
-    "@pisell/icon": "0.0.11"
+    "@pisell/icon": "0.0.11",
+    "@pisell/materials": "6.3.23",
+    "@pisell/utils": "3.0.5"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/es/components/ecocup/components/AddCustomerModal/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import './index.less';
-interface IProps {
-    visible: boolean;
-    data?: Record<string, any>;
-    onCancel: () => void;
-    onOk: (values: Record<string, any>) => void;
-}
-declare const AddCustomerModal: (props: IProps) => React.JSX.Element;
-export default AddCustomerModal;

package/es/components/ecocup/components/AddCustomerModal/index.less

@@ -1,9 +0,0 @@
-.pisell2-ecocup-add-customer-modal-content {
-  padding: 24px 0;
-
-  .pisell2-ecocup-add-customer-modal-content-name-wrap {
-    display: flex;
-    flex-direction: row;
-    gap: 16px;
-  }
-}

package/es/components/ecocup/components/CupActionList/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { ECupActionType, ICup, ICustomer } from '../../types';
-import './index.less';
-interface IProps {
-    maxNum: number;
-    currentNum: number;
-    cups: ICup[];
-    customerData?: ICustomer;
-    onClearAll: () => void;
-    onRemove: (cup: ICup) => void;
-    onAction: (type: ECupActionType, cup: ICup) => void;
-}
-declare const CupActionList: (props: IProps) => React.JSX.Element;
-export default CupActionList;

package/es/components/ecocup/components/CupActionList/index.js

@@ -1,91 +0,0 @@
-import React, { useMemo } from 'react';
-import { locales } from '@pisell/utils';
-import { Icon, Button } from '@pisell/materials';
-import { ECupActionType, ECupStatus } from "../../types";
-import { useModal } from "../../hooks";
-import CupActionModal from "../CupActionModal";
-import MoreDropdown from "../MoreDropdown";
-import "./index.less";
-import dayjs from 'dayjs';
-var CupActionList = function CupActionList(props) {
-  var maxNum = props.maxNum,
-    currentNum = props.currentNum,
-    cups = props.cups,
-    customerData = props.customerData,
-    onClearAll = props.onClearAll,
-    onRemove = props.onRemove,
-    onAction = props.onAction;
-  var cupActionModal = useModal('ecocup-cup-action-modal');
-  var isOverMax = useMemo(function () {
-    return currentNum > maxNum;
-  }, [currentNum, maxNum]);
-  var handleAction = function handleAction(type, cup) {
-    cupActionModal.open({
-      data: {
-        type: type,
-        cupData: cup,
-        customerData: customerData
-      },
-      onOk: function onOk() {
-        onAction(type, cup);
-      }
-    });
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "pisell2-ecocup-cup-action-list"
-  }, isOverMax && /*#__PURE__*/React.createElement("div", {
-    className: "pisell2-ecocup-cup-action-list-over-max"
-  }, /*#__PURE__*/React.createElement("span", null, locales.getText('pisell2.text.ecocup.customer-first-modal.over-max').replace('{{num}}', (currentNum - maxNum).toString())), /*#__PURE__*/React.createElement("span", {
-    onClick: onClearAll
-  }, locales.getText('pisell2.text.ecocup.button.clear-all'))), /*#__PURE__*/React.createElement("div", {
-    className: "pisell2-ecocup-cup-action-list-cup-list"
-  }, cups.map(function (cup) {
-    var _cup$rent_shop;
-    var isInStock = (cup === null || cup === void 0 ? void 0 : cup.status) === ECupStatus.IN_STOCK;
-    return /*#__PURE__*/React.createElement("div", {
-      key: cup.code,
-      className: "pisell2-ecocup-cup-action-list-cup",
-      style: isInStock ? {
-        backgroundColor: '#F6F2FF',
-        border: '1px solid #F6F2FF'
-      } : {
-        border: '1px solid #D0D5DD'
-      }
-    }, /*#__PURE__*/React.createElement(Icon, {
-      type: "RestOutlined",
-      size: 24,
-      color: "#7F56DA"
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "pisell2-ecocup-cup-action-list-cup-info"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "pisell2-ecocup-cup-action-list-cup-info-top"
-    }, /*#__PURE__*/React.createElement("span", null, locales.getText('pisell2.text.ecocup.cup-id')), /*#__PURE__*/React.createElement("span", null, (cup === null || cup === void 0 ? void 0 : cup.eco_cup_code) || (cup === null || cup === void 0 ? void 0 : cup.code) || '-')), !isInStock && /*#__PURE__*/React.createElement("div", {
-      className: "pisell2-ecocup-cup-action-list-cup-info-bottom"
-    }, /*#__PURE__*/React.createElement("span", null, (cup === null || cup === void 0 || (_cup$rent_shop = cup.rent_shop) === null || _cup$rent_shop === void 0 ? void 0 : _cup$rent_shop.name) || '-'), /*#__PURE__*/React.createElement("span", null, cup !== null && cup !== void 0 && cup.rent_time ? dayjs(cup === null || cup === void 0 ? void 0 : cup.rent_time).format('DD/MM/YYYY') : '-'))), isInStock ? /*#__PURE__*/React.createElement(Button, {
-      type: "primary",
-      icon: /*#__PURE__*/React.createElement(Icon, {
-        type: "pisell2-trash-01",
-        size: 24,
-        color: "#7F56DA"
-      }),
-      onClick: function onClick() {
-        return onRemove(cup);
-      },
-      className: "pisell2-ecocup-cup-action-list-cup-info-remove"
-    }, locales.getText('pisell2.text.ecocup.button.remove')) : /*#__PURE__*/React.createElement("div", {
-      className: "pisell2-ecocup-cup-action-list-cup-info-actions"
-    }, /*#__PURE__*/React.createElement(Button, {
-      type: "primary",
-      onClick: function onClick() {
-        return handleAction(ECupActionType.RETURN, cup);
-      }
-    }, "Return"), /*#__PURE__*/React.createElement(MoreDropdown, {
-      locales: locales,
-      onClick: function onClick(key) {
-        return handleAction(key, cup);
-      },
-      buttonText: locales.getText('pisell2.text.ecocup.button.others')
-    })));
-  })), (cupActionModal === null || cupActionModal === void 0 ? void 0 : cupActionModal.visible) && /*#__PURE__*/React.createElement(CupActionModal, cupActionModal === null || cupActionModal === void 0 ? void 0 : cupActionModal.modalProps));
-};
-export default CupActionList;