@pisell/materials 1.0.671 → 1.0.672

package/lowcode/product-card/snippets.ts

@@ -0,0 +1,23 @@
+export default [
+  {
+    title: '商品卡片',
+    // screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/tooltip-1.jpg',
+    screenshot: '',
+    schema: {
+      componentName: 'ProductCard',
+      props: {
+        dataSource: {
+          title: '商品标题',
+          num: 1,
+          price: 100,
+          total: 120,
+          symbol: '&'
+        },
+        isShowImage: true,
+        isShowHolder: true,
+        isShowNote: true,
+        isShowDelete: true,
+      },
+    },
+  },
+];

package/lowcode/record-view/meta.ts

@@ -207,6 +207,14 @@ const DivMeta: ComponentMetadata = {
         },
       },
     },
+    {
+      name: "doubleList",
+      title: {
+        label: "双重列表",
+        tip: "doubleList | 双重列表",
+      },
+      propType: "bool",
+    },
     {
       name: "search",
       title: {
@@ -223,6 +231,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

@@ -0,0 +1,66 @@
+import snippets from "./snippe";
+
+export default {
+    snippets,
+    componentName: "SectionFooters",
+    title: "底部内容区块",
+    category: "通用",
+    docUrl: "",
+    screenshot: "",
+    devMode: "proCode",
+    npm: {
+        package: "@pisell/materials",
+        version: "1.0.1",
+        exportName: "SectionFooters",
+        main: "src/index.tsx",
+        destructuring: true,
+        subName: "",
+    },
+    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

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

package/lowcode/spin/meta.ts

@@ -27,6 +27,15 @@ export default {
       title: { label: '加载指示符', tip: '加载指示符' },
       propType: 'node',
     },
+    {
+      name: 'fullscreen',
+      title: {
+        label: '全屏',
+        tip: '是否全屏加载',
+      },
+      propType: 'bool',
+      defaultValue: false,
+    },
     {
       name: 'size',
       title: {

package/lowcode/table/meta.ts

@@ -703,6 +703,16 @@ export default {
           display: "block",
           type: "group",
           items: [
+            {
+              name: "gallery.content.showLabel",
+              // true 会去查询其他是否展示标题的判断,false 则直接关闭
+              title: { label: "展示标题", tip: "gallery.content.showLabel" },
+              setter: "BoolSetter",
+              defaultValue: true,
+              initialValue: () => {
+                return true
+              }
+            },
             {
               name: "gallery.content.fields",
               title: "",

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: [],
@@ -160,140 +160,6 @@ export default {
         },
       },
     },
-    // {
-    //   name: 'tabs',
-    //   title: '标签项',
-    //   setter: {
-    //     componentName: 'ArraySetter',
-    //     props: {
-    //       itemSetter: {
-    //         componentName: 'ObjectSetter',
-    //         props: {
-    //           config: {
-    //             items: [
-    //               {
-    //                 name: 'key',
-    //                 title: 'key',
-    //                 setter: 'StringSetter',
-    //                 initialValue: (val) => val || uuid(),
-    //                 supportVariable: true
-    //               },
-    //               {
-    //                 name: 'tab',
-    //                 title: '标题',
-    //                 setter: 'StringSetter',
-    //                 initialValue: '标签项',
-    //                 supportVariable: true
-    //               },
-    //               // {
-    //               //   name: 'closeable',
-    //               //   title: '是否可删除',
-    //               //   condition(target) {
-    //               //     return target.getProps().getPropValue('type') === 'editable-card';
-    //               //   },
-    //               //   setter: 'BoolSetter',
-    //               //   initialValue: true,
-    //               // },
-    //               {
-    //                 name: 'disabled',
-    //                 title: '禁用',
-    //                 setter: 'BoolSetter',
-    //                 initialValue: false,
-    //                 supportVariable: true
-    //               },
-    //               {
-    //                 name: 'forceRender',
-    //                 title: '隐藏时保留',
-    //                 propType: 'bool',
-    //                 setter: 'BoolSetter',
-    //                 initialValue: false,
-    //                 supportVariable: true
-    //               },
-    //             ],
-    //           },
-    //         },
-    //         initialValue: () => {
-    //           return {
-    //             key: uuid(),
-    //             tab: '标签项',
-    //             closeable: true,
-    //             disabled: false,
-    //             forceRender: false,
-    //           };
-    //         },
-    //       },
-    //     },
-    //   },
-    //   extraProps: {
-    //     getValue(target, fieldValue) {
-    //       const map = target.node.children.map((child) => {
-    //         const key = child.getPropValue('key') ? String(child.getPropValue('key')) : child.id;
-    //         return {
-    //           key,
-    //           tab: child.getPropValue('tab'),
-    //           closeable: child.getPropValue('closeable'),
-    //           disabled: child.getPropValue('disabled'),
-    //           forceRender: child.getPropValue('forceRender'),
-    //         };
-    //       });
-    //       return map;
-    //     },
-    //     setValue(target, value) {
-    //       const { node } = target;
-    //       const map = {};
-
-    //       if (!Array.isArray(value)) {
-    //         value = [];
-    //       }
-    //       value.forEach((item) => {
-    //         const tabItem = Object.assign({}, item);
-    //         map[item.key] = tabItem;
-    //       });
-
-    //       node.children.mergeChildren(
-    //         (child) => {
-    //           const key = String(child.getPropValue('key'));
-    //           if (Object.hasOwnProperty.call(map, key)) {
-    //             child.setPropValue('tab', map[key].tab);
-    //             child.setPropValue('closeable', map[key].closeable);
-    //             child.setPropValue('disabled', map[key].disabled);
-    //             child.setPropValue('forceRender', map[key].forceRender);
-    //             delete map[key];
-    //             return false;
-    //           }
-    //           return true;
-    //         },
-    //         () => {
-    //           const items = [];
-    //           for (const key in map) {
-    //             if (Object.hasOwnProperty.call(map, key)) {
-    //               items.push({
-    //                 componentName: 'Tabs.TabPane',
-    //                 props: map[key],
-    //               });
-    //             }
-    //           }
-    //           return items;
-    //         },
-    //         (child1, child2) => {
-    //           const a = value.findIndex(
-    //             (item) => String(item.key) === String(child1.getPropValue('key')),
-    //           );
-    //           const b = value.findIndex(
-    //             (item) => String(item.key) === String(child2.getPropValue('key')),
-    //           );
-    //           return a - b;
-    //         },
-    //       );
-    //     },
-    //   },
-    // },
-    // {
-
-    //   name: 'addIcon',
-    //   title: { label: '自定义添加按钮', tip: '自定义添加按钮' },
-    //   propType: 'node',
-    // },
     {
       name: "animated",
       title: {
@@ -368,6 +234,16 @@ export default {
         );
       },
     },
+    {
+      name: 'isResponsive',
+      title: {
+        label: '宽度自适应',
+        tip: 'responsive | 是否自动适配当前平台',
+      },
+      propType: 'bool',
+      setter: 'BoolSetter',
+      defaultValue: false,
+    },
     {
       name: "tabBarExtraContent",
       title: { label: "额外元素", tip: "tab bar上额外的元素" },
@@ -426,11 +302,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

@@ -37,20 +37,38 @@ export default {
                     initialValue: (val) => val || uuid(),
                   },
                   {
-                    name: 'color',
-                    title: '圆圈颜色',
-                    setter: 'StringSetter',
+                    name: "children",
+                    title: "内容",
+                    setter: {
+                      componentName: "SlotSetter",
+                      initialValue: {
+                        type: "JSSlot",
+                        value: [],
+                      },
+                    },
                   },
+                  {
+                    name: "color",
+                    title: "圆圈颜色",
+                    propType: 'string',
+                    defaultValue: '#D0D5DD',
+                    setter: 'ColorSetter',
+                  },
+                  // {
+                  //   name: 'color',
+                  //   title: '圆圈颜色',
+                  //   setter: 'StringSetter',
+                  // },
                   {
                     name: 'dot',
                     title: '自定义时间轴点',
                     setter: 'node',
                   },
-                  {
-                    name: 'label',
-                    title: '设置标签',
-                    setter: 'PisellI18nSetter',
-                  },
+                  // {
+                  //   name: 'label',
+                  //   title: '设置标签',
+                  //   setter: 'PisellI18nSetter',
+                  // },
                   {
                     name: 'position',
                     title: {
@@ -86,7 +104,12 @@ export default {
             initialValue: () => {
               return {
                 key: `timeLine${uuid()}`,
-                label: '时间轴',
+                // label: '时间轴',
+                color: '#D0D5DD',
+                children: {
+                  type: "JSSlot",
+                  value: [],
+                },
               };
             },
           },

package/lowcode/timeline/snippets.ts

@@ -8,11 +8,21 @@ export default [
         steps: [
           {
             key: 'timeLinei5wd',
-            label: '时间轴',
+            color:'#D0D5DD',
+            // label: '时间轴',
+            children: {
+              type: "JSSlot",
+              value: [],
+            },
           },
           {
             key: 'timeLinei5wx',
-            label: '时间轴',
+            color:'#D0D5DD',
+            // label: '时间轴',
+            children: {
+              type: "JSSlot",
+              value: [],
+            },
           },
         ],
       },

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',
     },
     {