@pisell/materials 1.0.446 → 1.0.447

package/lowcode/pisell-wallet-card/meta.ts

@@ -0,0 +1,141 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellWalletCard',
+  title: '钱包卡片',
+  category: '通用',
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "PisellWalletCard",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      name: 'mode',
+      title: '展示模式',
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            { title: 'Light', value: 'light' },
+            { title: 'Dark', value: 'dark' },
+          ],
+        },
+      },
+      defaultValue: 'Light',
+    }, {
+      name: 'cardStyle',
+      title: '卡片样式',
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            { title: '默认', value: 'normal' },
+            { title: '完整显示Code', value: 'full' },
+          ],
+        },
+      },
+      defaultValue: 'normal',
+    }, {
+      name: 'codeType',
+      title: '展示码',
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            { title: '一维码', value: 'one' },
+            { title: '二维码', value: 'two' },
+          ],
+        },
+      },
+      condition: (target) => {
+        return !!target.getProps().getPropValue('showCode');
+      },
+      defaultValue: 'one',
+    }, {
+      name: 'codeDirection',
+      title: '码的方向',
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            { title: '下方展示', value: 'bottom' },
+            { title: '上方展示', value: 'top' },
+          ],
+        },
+      },
+      defaultValue: 'bottom',
+    }, {
+      name: 'data',
+      type: 'group',
+      display: 'accordion',
+      title: {
+        label: '数据',
+      },
+      items: [
+        {
+          title: 'icon',
+          "name": "icon",
+          "propType": "node",
+          "setter": {
+            "componentName": "SlotSetter",
+            "initialValue": {
+              "type": "JSSlot",
+            },
+          },
+        },
+        {
+          name: "vipLevel",
+          title: "会员等级",
+          setter: "BoolSetter",
+        }, {
+          name: "shopName",
+          title: "店铺名称",
+          setter: "BoolSetter",
+        }, {
+          name: "cardNo",
+          title: "卡号",
+          setter: "BoolSetter",
+        }, {
+          name: "showCode",
+          title: "二维码/一维码",
+          setter: "BoolSetter",
+        }, {
+          name: "points",
+          title: "积分卡信息",
+          setter: "BoolSetter",
+        }, {
+          name: "balance",
+          title: "余额信息",
+          setter: "BoolSetter",
+        }, {
+          name: "coupon",
+          title: "优惠券信息",
+          setter: "BoolSetter",
+        }, {
+          name: "vouCher",
+          title: "代金券信息",
+          setter: "BoolSetter",
+        }, {
+          name: "discountCard",
+          title: "折扣卡信息",
+          setter: "BoolSetter",
+        },
+      ]
+    }
+  ],
+  configure: {
+    component: { isContainer: true },
+    supports: {
+      style: true,
+      events: [],
+    },
+  },
+};

package/lowcode/pisell-wallet-card/snippets.ts

@@ -0,0 +1,26 @@
+export default [
+  {
+    title: '钱包卡片',
+    schema: {
+      componentName: 'PisellWalletCard',
+      props: {
+        icon: {
+          type: "JSSlot",
+        },
+        mode: 'light',
+        cardStyle: 'normal',
+        codeType: 'one',
+        vipLevel: true,
+        shopName: true,
+        cardNo: true,
+        showCode: true,
+        points: true,
+        balance: true,
+        coupon: true,
+        vouCher: true,
+        discountCard: true,
+        codeDirection: 'bottom'
+      },
+    },
+  },
+];

package/lowcode/product-card/meta.ts

@@ -0,0 +1,92 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'ProductCard',
+  title: '商品卡片',
+  category: '数据展示',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'ProductCard',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: '数据源',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: "dataSource",
+          title: { label: "商品信息", tip: "商品信息" },
+          propType: "object",
+          setter: "JsonSetter",
+        },
+      ],
+    },
+    {
+      title: '卡片信息展示',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: "isShowImage",
+          title: { label: "商品图片", tip: "商品图片" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: true,
+        },
+        {
+          name: "isShowHolder",
+          title: { label: "Holder name", tip: "主体名称" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: true,
+        },
+        {
+          name: "isShowNote",
+          title: { label: "备注信息", tip: "商品备注信息" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: true,
+        },
+        {
+          name: "isShowDelete",
+          title: { label: "删除按钮", tip: "操作删除商品" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: true,
+        },
+      ],
+    },
+  ],
+  configure: {
+    component: { isContainer: true },
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onDelete',
+          template:
+            "onDelete(open,${extParams}){\n// 删除商品的回调\nconsole.log('onDelete',open);}",
+        },
+        {
+          name: 'addNote',
+          template:
+            "addNote(open,${extParams}){\n// 添加备注的回调\nconsole.log('addNote',open);}",
+        },
+        {
+          name: 'addTime',
+          template:
+            "addTime(open,${extParams}){\n// 添加时间的回调\nconsole.log('addTime',open);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/product-card/snippets.ts

@@ -0,0 +1,15 @@
+export default [
+  {
+    title: '商品卡片',
+    // screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/tooltip-1.jpg',
+    screenshot: '',
+    schema: {
+      componentName: 'ProductCard',
+      props: {
+        dataSource: {
+          title: '商品标题'
+        }
+      },
+    },
+  },
+];

package/lowcode/record-view/meta.ts

@@ -223,6 +223,18 @@ const DivMeta: ComponentMetadata = {
       },
       propType: "bool",
     },
+
+    {
+      name: "pcDetailModalWidth",
+      title: {
+        label: "详情弹窗展示_（PC端） 宽度值",
+        tip: "pcDetailModalWidth | 详情弹窗展示_(PC端) 宽度值",
+      },
+      propType: "number",
+      condition: (target: any) => target.getProps().getPropValue('pcDetailModalDisplay')
+    },
+
+
     {
       name: "padDetailModalDisplay",
       title: {

package/lowcode/section-footers/meta.ts

@@ -16,7 +16,51 @@ export default {
         destructuring: true,
         subName: "",
     },
-    props: [{
-        
-    }]
+    props: [
+        {
+            name: 'left',
+            title: { label: '左边插槽', tip: '左边插槽' },
+            propType: 'node',
+            setter: {
+                componentName: 'SlotSetter',
+                initialValue: {
+                    type: 'JSSlot',
+                    value: [],
+                },
+            },
+        }, {
+            name: 'middle',
+            title: { label: '中间插槽', tip: '中间插槽' },
+            propType: 'node',
+            setter: {
+                componentName: 'SlotSetter',
+                initialValue: {
+                    type: 'JSSlot',
+                    value: [],
+                },
+            },
+        }, {
+            name: 'right',
+            title: { label: '右边插槽', tip: '右边插槽' },
+            propType: 'node',
+            setter: {
+                componentName: 'SlotSetter',
+                initialValue: {
+                    type: 'JSSlot',
+                    value: [],
+                },
+            },
+        }],
+
+    supports: {
+        style: true,
+        events: [
+            {
+                name: 'onChange',
+                template:
+                    "onChange(event,${extParams}){\n// 选项变化时的回调函数\nconsole.log('onChange',event);}",
+            },
+        ]
+    },
+    "component": {}
 }

package/lowcode/section-footers/snippe.ts

@@ -3,6 +3,19 @@ export default [
         title: '底部内容区块',
         schema: {
             componentName: 'SectionFooters',
-            props: {}
+            props: {
+                left: {
+                    type: "JSSlot",
+                    value: [],
+                },
+                middle: {
+                    type: "JSSlot",
+                    value: [],
+                },
+                right: {
+                    type: "JSSlot",
+                    value: [],
+                }
+            }
         }
     }]

package/lowcode/statistic/meta.ts

@@ -4,7 +4,7 @@ export default {
   snippets,
   componentName: 'Statistic',
   title: '统计数值',
-  category: '通用',
+  category: '数据展示',
   docUrl: "",
   screenshot: "",
   devMode: "proCode",

package/lowcode/tabs/meta.ts

@@ -86,41 +86,41 @@ export default {
                       },
                     },
                   },
-                  {
-                    name: "icon",
-                    title: {
-                      label: {
-                        type: "i18n",
-                        "en-US": "icon",
-                        "zh-CN": "图标",
-                      },
-                      tip: "icon | Set the icon component of the button",
-                    },
-                    propType: "node",
-                    setter: {
-                      componentName: "SlotSetter",
-                      initialValue: {
-                        type: "JSSlot",
-                        value: [
-                          {
-                            componentName: "Icon",
-                            props: {
-                              type: "SmileOutlined",
-                              size: 20,
-                              rotate: 0,
-                              spin: false,
-                            },
-                          },
-                        ],
-                      },
-                      defaultValue: null
-                    },
-                    condition(target) {
-                      return (
-                        target.getProps().getPropValue("type") === "icon-label"
-                      );
-                    },
-                  },
+                  // {
+                  //   name: "icon",
+                  //   title: {
+                  //     label: {
+                  //       type: "i18n",
+                  //       "en-US": "icon",
+                  //       "zh-CN": "图标",
+                  //     },
+                  //     tip: "icon | Set the icon component of the button",
+                  //   },
+                  //   propType: "node",
+                  //   setter: {
+                  //     componentName: "SlotSetter",
+                  //     initialValue: {
+                  //       type: "JSSlot",
+                  //       value: [
+                  //         {
+                  //           componentName: "Icon",
+                  //           props: {
+                  //             type: "SmileOutlined",
+                  //             size: 20,
+                  //             rotate: 0,
+                  //             spin: false,
+                  //           },
+                  //         },
+                  //       ],
+                  //     },
+                  //     defaultValue: null
+                  //   },
+                  //   condition(target) {
+                  //     return (
+                  //       target.getProps().getPropValue("type") === "icon-label"
+                  //     );
+                  //   },
+                  // },
                   {
                     name: "badge",
                     title: { label: "徽标数量", tip: "badge | 徽标数量" },
@@ -136,20 +136,20 @@ export default {
                 label: "标签项",
                 disabled: false,
                 forceRender: false,
-                icon: {
-                  type: "JSSlot",
-                  value: [
-                    {
-                      componentName: "Icon",
-                      props: {
-                        type: "SmileOutlined",
-                        size: 20,
-                        rotate: 0,
-                        spin: false,
-                      },
-                    },
-                  ],
-                },
+                // icon: {
+                //   type: "JSSlot",
+                //   value: [
+                //     {
+                //       componentName: "Icon",
+                //       props: {
+                //         type: "SmileOutlined",
+                //         size: 20,
+                //         rotate: 0,
+                //         spin: false,
+                //       },
+                //     },
+                //   ],
+                // },
                 children: {
                   type: "JSSlot",
                   value: [],
@@ -292,11 +292,11 @@ export default {
       name: "type",
       title: {
         label: "页签样式",
-        tip: "页签的基本样式，可选`line`、`card`、`editable-card` `icon-label`类型",
+        tip: "页签的基本样式，可选`line`、`pill`、`segmented` `icon-label`类型",
       },
       propType: {
         type: "oneOf",
-        value: ["line", "card", "editable-card", "icon-label"],
+        value: ["line", "pill", "segmented", "icon-label"],
       },
       defaultValue: "line",
     },

package/lowcode/tabs/snippets.ts

@@ -11,18 +11,18 @@ export default [
           {
             label: "标签项1",
             key: "tab-item-1",
-            icon: {
-              type: "JSSlot",
-              value: {
-                componentName: "Icon",
-                props: {
-                  type: "SmileOutlined",
-                  size: 20,
-                  rotate: 0,
-                  spin: false,
-                },
-              },
-            },
+            // icon: {
+            //   type: "JSSlot",
+            //   value: {
+            //     componentName: "Icon",
+            //     props: {
+            //       type: "SmileOutlined",
+            //       size: 20,
+            //       rotate: 0,
+            //       spin: false,
+            //     },
+            //   },
+            // },
             children: {
               type: "JSSlot",
               value: [],
@@ -31,18 +31,18 @@ export default [
           {
             label: "标签项2",
             key: "tab-item-2",
-            icon: {
-              type: "JSSlot",
-              value: {
-                componentName: "Icon",
-                props: {
-                  type: "SmileOutlined",
-                  size: 20,
-                  rotate: 0,
-                  spin: false,
-                },
-              },
-            },
+            // icon: {
+            //   type: "JSSlot",
+            //   value: {
+            //     componentName: "Icon",
+            //     props: {
+            //       type: "SmileOutlined",
+            //       size: 20,
+            //       rotate: 0,
+            //       spin: false,
+            //     },
+            //   },
+            // },
             children: {
               type: "JSSlot",
               value: [],
@@ -84,18 +84,18 @@ export default [
           {
             label: "标签项2",
             key: "tab-item-2",
-            icon: {
-              type: "JSSlot",
-              value: {
-                componentName: "Icon",
-                props: {
-                  type: "SmileOutlined",
-                  size: 20,
-                  rotate: 0,
-                  spin: false,
-                },
-              },
-            },
+            // icon: {
+            //   type: "JSSlot",
+            //   value: {
+            //     componentName: "Icon",
+            //     props: {
+            //       type: "SmileOutlined",
+            //       size: 20,
+            //       rotate: 0,
+            //       spin: false,
+            //     },
+            //   },
+            // },
             children: {
               type: "JSSlot",
               value: [],

package/lowcode/tag/meta.ts

@@ -44,6 +44,12 @@ export default {
       title: { label: '关闭时的回调', tip: '关闭时的回调' },
       propType: 'func',
     },
+    {
+      name: 'bordered',
+      title: { label: '是否显示边框', tip: '是否显示边框' },
+      propType: 'bool',
+      defaultValue: true,
+    },
     // {
     //   name: 'visible',
     //   title: { label: '是否显示标签', tip: '是否显示标签' },

package/lowcode/timeline/meta.ts

@@ -48,10 +48,17 @@ export default {
                     },
                   },
                   {
-                    name: 'color',
-                    title: '圆圈颜色',
-                    setter: 'StringSetter',
+                    name: "color",
+                    title: "圆圈颜色",
+                    propType: 'string',
+                    defaultValue: '#D0D5DD',
+                    setter: 'ColorSetter',
                   },
+                  // {
+                  //   name: 'color',
+                  //   title: '圆圈颜色',
+                  //   setter: 'StringSetter',
+                  // },
                   {
                     name: 'dot',
                     title: '自定义时间轴点',
@@ -98,6 +105,7 @@ export default {
               return {
                 key: `timeLine${uuid()}`,
                 // label: '时间轴',
+                color:'#D0D5DD',
                 children: {
                   type: "JSSlot",
                   value: [],
@@ -153,6 +161,7 @@ export default {
                   });
                 }
               }
+              console.log('%c [ items ]-158', 'font-size:13px; background:#4b6c60; color:#8fb0a4;', items);
               return items;
             },
 

package/lowcode/timeline/snippets.ts

@@ -8,6 +8,7 @@ export default [
         steps: [
           {
             key: 'timeLinei5wd',
+            color:'#D0D5DD',
             // label: '时间轴',
             children: {
               type: "JSSlot",
@@ -16,6 +17,7 @@ export default [
           },
           {
             key: 'timeLinei5wx',
+            color:'#D0D5DD',
             // label: '时间轴',
             children: {
               type: "JSSlot",

package/lowcode/timeline.item/meta.ts

@@ -21,7 +21,7 @@ export default {
       name: 'color',
       title: { label: '颜色', tip: '颜色' },
       propType: 'string',
-      defaultValue: '#00f',
+      defaultValue: '#D0D5DD',
       setter: 'ColorSetter',
     },
     {