@pisell/materials 2.2.34 → 2.2.36

package/lib/index.d.ts

@@ -5,7 +5,6 @@ export { Avatar } from 'antd';
 export { Badge } from 'antd';
 export { Breadcrumb } from 'antd';
 export { Card } from 'antd';
-export { Collapse } from 'antd';
 export { Carousel } from 'antd';
 export { Col } from 'antd';
 export { Descriptions } from 'antd';
@@ -70,6 +69,7 @@ export { default as QRCode } from './components/qrcode';
 export { default as ClassicLayout } from './components/classicLayout';
 export { default as List } from './components/list';
 export { default as Sort } from './components/sort';
+export { default as CardPro } from './components/cardPro';
 export { default as InputNumberRange } from './components/input-number-range';
 export { default as LowCodePage } from './components/lowCodePage';
 export { default as Segmented } from './components/segmented';
@@ -101,10 +101,12 @@ export { default as PisellAlert } from './components/pisellAlert';
 export { default as PisellCard } from './components/pisellCard';
 export { default as PisellInformationEntry } from './components/pisellInformationEntry';
 export { default as usePisellConfig } from './components/pisell-config-provider/hooks/usePisellConfig';
-export { globalConfig, default as PisellContext } from './components/pisell-config-provider/context';
+export { globalConfig, default as PisellContext, } from './components/pisell-config-provider/context';
 export { default as PisellPriceKeyboard } from './components/virtual-keyboard/Amount';
 export { default as PisellNumberKeyboard } from './components/virtual-keyboard/Number';
 export { default as PisellAdjustPrice } from './components/pisellAdjustPrice';
 export { default as PisellAdjustPriceInputNumber } from './components/pisellAdjustPrice/PisellAdjustPriceInputNumber';
 export { default as PisellStatisticList } from './components/pisellStatisticList';
 export { default as PisellFloatingPanel } from './components/pisellFloatingPanel';
+export { default as ProductCard } from './components/productCard';
+export { default as Collapse } from './components/collapse';

package/lib/index.js

@@ -41,38 +41,39 @@ __export(src_exports, {
   Button: () => import_button.default,
   Calendar: () => import_calendar.default,
   Card: () => import_antd7.Card,
-  Carousel: () => import_antd9.Carousel,
+  CardPro: () => import_cardPro.default,
+  Carousel: () => import_antd8.Carousel,
   Cascader: () => import_cascader.default,
   Checkbox: () => import_checkbox.default,
   ClassicLayout: () => import_classicLayout.default,
-  Col: () => import_antd10.Col,
-  Collapse: () => import_antd8.Collapse,
+  Col: () => import_antd9.Col,
+  Collapse: () => import_collapse.default,
   Component: () => import_component.default,
   ConfigProvider: () => import_config_provider.default,
   DatePicker: () => import_date_picker.default,
-  Descriptions: () => import_antd11.Descriptions,
+  Descriptions: () => import_antd10.Descriptions,
   Div: () => import_div.default,
-  Divider: () => import_antd12.Divider,
+  Divider: () => import_antd11.Divider,
   DragSortTree: () => import_drag_sort_tree.default,
   Drawer: () => import_drawer.default,
   Dropdown: () => import_dropdown.default,
-  Empty: () => import_antd13.Empty,
+  Empty: () => import_antd12.Empty,
   Filter: () => import_filter.default,
   Form: () => import_form.default,
-  Grid: () => import_antd14.Grid,
+  Grid: () => import_antd13.Grid,
   Icon: () => import_icon.default,
   Iconfont: () => import_iconfont.default,
-  Image: () => import_antd15.Image,
+  Image: () => import_antd14.Image,
   Input: () => import_input.default,
-  InputNumber: () => import_antd16.InputNumber,
+  InputNumber: () => import_antd15.InputNumber,
   InputNumberRange: () => import_input_number_range.default,
   List: () => import_list.default,
   LowCodePage: () => import_lowCodePage.default,
-  Mentions: () => import_antd19.Mentions,
-  Menu: () => import_antd18.Menu,
+  Mentions: () => import_antd18.Mentions,
+  Menu: () => import_antd17.Menu,
   Modal: () => import_modal.default,
   Page: () => import_page.default,
-  Pagination: () => import_antd22.Pagination,
+  Pagination: () => import_antd21.Pagination,
   PisellAdjustPrice: () => import_pisellAdjustPrice.default,
   PisellAdjustPriceInputNumber: () => import_PisellAdjustPriceInputNumber.default,
   PisellAlert: () => import_pisellAlert.default,
@@ -99,15 +100,16 @@ __export(src_exports, {
   PisellToast: () => import_pisellToast.default,
   PisellTooltip: () => import_pisellTooltip.default,
   PisellWalletPassCard: () => import_pisellWalletPassCard.default,
-  Popconfirm: () => import_antd23.Popconfirm,
-  Popover: () => import_antd24.Popover,
-  Progress: () => import_antd25.Progress,
+  Popconfirm: () => import_antd22.Popconfirm,
+  Popover: () => import_antd23.Popover,
+  ProductCard: () => import_productCard.default,
+  Progress: () => import_antd24.Progress,
   QRCode: () => import_qrcode.default,
   Radio: () => import_radio.default,
-  Rate: () => import_antd26.Rate,
+  Rate: () => import_antd25.Rate,
   RecordView: () => import_record_view.default,
-  Result: () => import_antd27.Result,
-  Row: () => import_antd28.Row,
+  Result: () => import_antd26.Result,
+  Row: () => import_antd27.Row,
   Segmented: () => import_segmented.default,
   Select: () => import_select.default,
   SelectTime: () => import_select_time.default,
@@ -115,20 +117,20 @@ __export(src_exports, {
   Slider: () => import_slider.default,
   Sort: () => import_sort.default,
   SortableList: () => import_sortableList.default,
-  Space: () => import_antd29.Space,
-  Spin: () => import_antd30.Spin,
-  Statistic: () => import_antd20.Statistic,
-  Steps: () => import_antd31.Steps,
-  Switch: () => import_antd32.Switch,
+  Space: () => import_antd28.Space,
+  Spin: () => import_antd29.Spin,
+  Statistic: () => import_antd19.Statistic,
+  Steps: () => import_antd30.Steps,
+  Switch: () => import_antd31.Switch,
   Table: () => import_table.default,
   Tabs: () => import_tabs.default,
-  Tag: () => import_antd35.Tag,
+  Tag: () => import_antd34.Tag,
   TimePicker: () => import_time_picker.default,
-  Timeline: () => import_antd36.Timeline,
-  Tooltip: () => import_antd37.Tooltip,
-  Transfer: () => import_antd33.Transfer,
+  Timeline: () => import_antd35.Timeline,
+  Tooltip: () => import_antd36.Tooltip,
+  Transfer: () => import_antd32.Transfer,
   Translation: () => import_translation.default,
-  Tree: () => import_antd34.Tree,
+  Tree: () => import_antd33.Tree,
   TreeSelect: () => import_tree_select.default,
   Typography: () => import_typography.default,
   Upload: () => import_upload.default,
@@ -136,10 +138,10 @@ __export(src_exports, {
   VirtualKeyboardTime: () => import_Time.default,
   getBankCardTypeImg: () => import_utils.getBankCardTypeImg,
   globalConfig: () => import_context.globalConfig,
-  message: () => import_antd17.message,
-  notification: () => import_antd21.notification,
+  message: () => import_antd16.message,
+  notification: () => import_antd20.notification,
   usePisellConfig: () => import_usePisellConfig.default,
-  version: () => import_antd38.version
+  version: () => import_antd37.version
 });
 module.exports = __toCommonJS(src_exports);
 var import_antd = require("antd");
@@ -179,7 +181,6 @@ var import_antd34 = require("antd");
 var import_antd35 = require("antd");
 var import_antd36 = require("antd");
 var import_antd37 = require("antd");
-var import_antd38 = require("antd");
 var import_typography = __toESM(require("./components/typography"));
 var import_skeleton = __toESM(require("./components/skeleton"));
 var import_checkbox = __toESM(require("./components/checkbox"));
@@ -214,6 +215,7 @@ var import_qrcode = __toESM(require("./components/qrcode"));
 var import_classicLayout = __toESM(require("./components/classicLayout"));
 var import_list = __toESM(require("./components/list"));
 var import_sort = __toESM(require("./components/sort"));
+var import_cardPro = __toESM(require("./components/cardPro"));
 var import_input_number_range = __toESM(require("./components/input-number-range"));
 var import_lowCodePage = __toESM(require("./components/lowCodePage"));
 var import_segmented = __toESM(require("./components/segmented"));
@@ -252,6 +254,8 @@ var import_pisellAdjustPrice = __toESM(require("./components/pisellAdjustPrice")
 var import_PisellAdjustPriceInputNumber = __toESM(require("./components/pisellAdjustPrice/PisellAdjustPriceInputNumber"));
 var import_pisellStatisticList = __toESM(require("./components/pisellStatisticList"));
 var import_pisellFloatingPanel = __toESM(require("./components/pisellFloatingPanel"));
+var import_productCard = __toESM(require("./components/productCard"));
+var import_collapse = __toESM(require("./components/collapse"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,
@@ -266,6 +270,7 @@ var import_pisellFloatingPanel = __toESM(require("./components/pisellFloatingPan
   Button,
   Calendar,
   Card,
+  CardPro,
   Carousel,
   Cascader,
   Checkbox,
@@ -326,6 +331,7 @@ var import_pisellFloatingPanel = __toESM(require("./components/pisellFloatingPan
   PisellWalletPassCard,
   Popconfirm,
   Popover,
+  ProductCard,
   Progress,
   QRCode,
   Radio,

package/lowcode/card-pro/meta.ts

@@ -0,0 +1,338 @@
+import { uuid } from "../_utils/utils";
+import snippets from "./snippe";
+
+export default {
+    snippets,
+    componentName: "CardPro",
+    title: "卡片",
+    category: "通用",
+    docUrl: "",
+    screenshot: "",
+    devMode: "proCode",
+    npm: {
+        package: "@pisell/materials",
+        version: "1.0.1",
+        exportName: "CardPro",
+        main: "src/index.tsx",
+        destructuring: true,
+        subName: "",
+    },
+
+
+    props: [
+        {
+            name: "badge",
+            title: {
+                label: "启用徽标区域",
+                tip: "启用徽标区域"
+            },
+            propType: "node",
+            setter: {
+                componentName: "SlotSetter",
+            },
+        },
+        {
+            name: "objectFit",
+            title: {
+                label: "填充类型",
+                tip: "媒体区域填充类型",
+            },
+            propType: { type: "oneOf", value: ["large", "middle", "small"] },
+            setter: [
+                {
+                    componentName: "RadioGroupSetter",
+                    props: {
+                        options: [
+                            {
+                                title: "fill",
+                                value: "fill",
+                            },
+                            {
+                                title: "contain",
+                                value: "contain",
+                            },
+                            {
+                                title: "cover",
+                                value: "cover",
+                            },
+                            {
+                                title: "none",
+                                value: "none",
+                            },
+                            {
+                                title: "scale-down",
+                                value: "scale-down",
+                            },
+                        ],
+                    },
+                },
+                "VariableSetter",
+            ],
+            setValue: (target, value) => {
+                // 当属性值更新时，手动触发逻辑
+                let coverValue = target.getProps().getPropValue("cover") || {};
+                coverValue.value[0].props.style.objectFit = value
+                target.getProps().setPropValue("cover", coverValue);
+            },
+            defaultValue: "fill",
+        },
+        {
+            name: "contentHeight",
+            title: { label: "内容区域高度", tip: "输入内容区域高度 超出高度出现滚动条" },
+            propType: "number",
+            setter: "NumberSetter",
+            defaultValue: 40,
+        },
+        {
+            name: "coverHeight",
+            title: { label: "媒体区域高度", tip: "输入媒体区域高度" },
+            propType: "number",
+            setter: "NumberSetter",
+            defaultValue: 100,
+        },
+        {
+            name: "cover",
+            title: {
+                label: "启用媒体区域"
+            },
+            propType: "node",
+            setter: {
+                componentName: "SlotSetter",
+                initialValue: {
+                    type: "JSSlot",
+                    value: [
+                        {
+                            componentName: "Image",
+                            props: {
+                                src: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
+                                width: '100%',
+                                height: '100%',
+                                style: {
+                                    objectFit: 'fill'
+                                }
+                            },
+                        },
+                    ],
+                },
+            },
+        },
+
+
+        {
+            name: "isShowHead",
+            title: { label: "显示头部区域", tip: "是否显示头部区域" },
+            propType: "bool",
+            setter: "BoolSetter",
+            defaultValue: true,
+        },
+
+        {
+            name: "isShowFooter",
+            title: { label: "显示底部区域", tip: "是否显示底部区域" },
+            propType: "bool",
+            setter: "BoolSetter",
+            defaultValue: true,
+        },
+
+
+        {
+            name: "head",
+            title: {
+                label: "头部区域",
+            },
+            condition: (target) => {
+                return target.getProps().getPropValue('isShowHead')
+            },
+            display: 'accordion',
+            type: "group",
+            items: [{
+                name: "headTitle",
+                title: {
+                    label: {
+                        type: "i18n",
+                        zh_CN: "主标题",
+                        en_US: "Main Title",
+                    },
+                    tip: {
+                        type: 'i18n',
+                        zh_CN: '主标题',
+                        en_US: 'Please enter the main title'
+                    }
+                },
+                propType: "string",
+                setter: "StringSetter",
+                defaultValue: "这是主标题"
+            }, {
+                name: "headSubTitle",
+                title: {
+                    label: "副标题",
+                    placeholder: "请输入副标题"
+                },
+                propType: "string",
+                setter: "StringSetter",
+                defaultValue: "这是副标题"
+            },
+            {
+                name: "extra",
+                title: { label: "头部操作", tip: "头部操作" },
+                propType: { type: "oneOfType", value: ["string", "node"] },
+                setter: [
+                    {
+                        componentName: "SlotSetter",
+                        initialValue: {
+                            type: "JSSlot",
+                            value: [],
+                        },
+                    },
+                    "VariableSetter",
+                ],
+            },
+
+            ]
+        },
+        {
+            name: "footer",
+            title: {
+                label: "底部区域",
+            },
+            condition: (target) => {
+                return target.getProps().getPropValue('isShowFooter')
+            },
+            display: 'accordion',
+            type: "group",
+            items: [
+                {
+                    name: "actionButtons",
+                    title: {
+                        label: "底部按钮",
+                    },
+                    setter: {
+                        componentName: "ArraySetter",
+                        props: {
+                            itemSetter: {
+                                componentName: "ObjectSetter",
+                                props: {
+                                    config: {
+                                        items: [
+                                            {
+                                                name: "key",
+                                                title: "key",
+                                                setter: "StringSetter",
+                                                initialValue: (val) => val || uuid(),
+                                                supportVariable: true,
+                                            },
+                                            {
+                                                name: "button",
+                                                title: {
+                                                    label: {
+                                                        type: "i18n",
+                                                        "en-US": "button",
+                                                        "zh-CN": "按钮",
+                                                    },
+                                                },
+                                                propType: "node",
+                                                setter: {
+                                                    componentName: "SlotSetter",
+                                                    initialValue: {
+                                                        type: "JSSlot",
+                                                        value: [
+                                                            {
+                                                                componentName: "Button",
+                                                                props: {
+                                                                    type: "primary",
+                                                                    children: "kik",
+                                                                },
+                                                            },
+                                                        ],
+                                                    },
+                                                },
+                                            },
+                                        ],
+                                    },
+                                },
+                                initialValue: () => {
+                                    return {
+                                        key: uuid(),
+                                        button: {
+                                            type: "JSSlot",
+                                            value: [
+                                                {
+                                                    componentName: "Button",
+                                                    props: {
+                                                        type: "primary",
+                                                        children: "按钮"
+                                                    }
+                                                },
+                                            ],
+                                        },
+                                    };
+                                },
+                            },
+                        },
+                    },
+                },
+
+
+
+                {
+                    name: "fixedFooter",
+                    title: {
+                        label: "底部固定"
+                    },
+                    propType: "bool",
+                    setter: "BoolSetter",
+                    defaultValue: true,
+                },
+                {
+                    name: "buttonPosition",
+                    title: {
+                        label: "按钮位置",
+                        tip: "选择按钮排列位置",
+                    },
+                    propType: { type: "oneOf", value: ["large", "middle", "small"] },
+                    setter: [
+                        {
+                            componentName: "RadioGroupSetter",
+                            props: {
+                                options: [
+                                    {
+                                        title: "居左",
+                                        value: "start",
+                                    },
+                                    {
+                                        title: "居中",
+                                        value: "center",
+                                    },
+                                    {
+                                        title: "居右",
+                                        value: "end",
+                                    },
+                                ],
+                            },
+                        },
+                        "VariableSetter",
+                    ],
+                    defaultValue: "center",
+                },
+
+            ]
+        }
+    ],
+
+    configure: {
+        component: {
+            isContainer: true
+        },
+        isExeng: true,
+        supports: {
+            style: true,
+            events: [
+                {
+                    name: "onClick",
+                    template:
+                        "onClick(event,${extParams}){\n// 点击按钮时的回调\nconsole.log('onClick', event);}",
+                },
+            ],
+        },
+    }
+}

package/lowcode/card-pro/snippe.ts

@@ -0,0 +1,39 @@
+import { uuid } from "../_utils/utils";
+
+export default [{
+    componentName: 'CardPro',
+    title: 'CardPro',
+    schema: {
+        componentName: 'CardPro',
+        props: {
+
+            actionButtons: [
+                {
+                    key: uuid(),
+                    button: {
+                        type: "JSSlot",
+                        value: {
+                            componentName: "Button",
+                            props: {
+                                children: "主按钮",
+                                type: "primary"
+                            },
+                        },
+                    }
+                }, {
+                    key: uuid(),
+                    button: {
+                        type: "JSSlot",
+                        value: {
+                            componentName: "Button",
+                            props: {
+                                children: "副按钮",
+                                type: "default"
+                            },
+                        },
+                    }
+                }
+            ]
+        }
+    }
+}]

package/lowcode/collapse/meta.ts

@@ -63,12 +63,52 @@ export default {
     },
     {
       name: 'ghost',
-      title: { label: '透明无边框', tip: '使折叠面板透明且无边框' },
+      title: { label: '幽灵折叠面板', tip: '将折叠面板的背景变成透明' },
       propType: 'bool',
       defaultValue: false,
       setter: 'BoolSetter',
       supportVariable: true
     },
+    {
+      title: "标题",
+      display: "block",
+      type: "group",
+      items: [
+        {
+          name: "showHeader",
+          title: { label: "标题显隐", tip: "header | 标题显示于隐藏" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: true,
+        },
+        {
+          name: "headerFontSize",
+          title: {
+            label: "字号",
+            tip: "headerFontSize | 标题字体大小",
+          },
+          propType: "string",
+          setter: "NumberSetter",
+          defaultValue: 14,
+          condition(target) {
+            return !!target.getProps().getPropValue("showHeader");
+          },
+        },
+        {
+          name: "headerColor",
+          title: {
+            label: "颜色",
+            tip: "headerColor | 标题字体颜色",
+          },
+          propType: "string",
+          setter: "ColorSetter",
+          defaultValue: "#101828",
+          condition(target) {
+            return !!target.getProps().getPropValue("showHeader");
+          },
+        }
+      ],
+    },
     {
       name: 'collapses',
       title: '折叠项',
@@ -203,6 +243,50 @@ export default {
         ],
       },
     },
+    {
+      title: "自定义面板",
+      display: "block",
+      type: "group",
+      items: [
+        {
+          name: "panelBackground",
+          title: {
+            label: "背景色",
+            tip: "panelBackground | 面板背景颜色",
+          },
+          propType: "string",
+          setter: 'ColorSetter',
+        },
+        {
+          name: "panelBorderRadius",
+          title: {
+            label: "圆角",
+            tip: "panelBorderRadius | 面板圆角大小",
+          },
+          propType: "string",
+          setter: "NumberSetter",
+          defaultValue: 0,
+        },
+        {
+          name: "panelMarginBottom",
+          title: {
+            label: "边距",
+            tip: "panelMarginBottom | 每个面板之间的间距",
+          },
+          propType: "string",
+          setter: "NumberSetter",
+          defaultValue: 0,
+        },
+        {
+          name: "expandIcon",
+          title: {
+            label: "图标",
+            tip: "expandIcon | 切换面板图标",
+          },
+          setter: ['SlotSetter'],
+        },
+      ],
+    },
   ],
   configure: {
     supports: {