@dckj-npm/dc-material 0.1.15 → 0.1.17

package/lowcode/message-list/meta.ts

@@ -0,0 +1,205 @@
+
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const MessageListMeta: IPublicTypeComponentMetadata = {
+  "componentName": "MessageList",
+  "title": "消息列表",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@dckj-npm/dc-material",
+    "version": "0.1.13",
+    "exportName": "MessageList",
+    "main": "src\\index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": "图片",
+        "name": "images",
+        "description": "图片",
+        "setter": {
+          "componentName": "ArraySetter",
+          "props": {
+            "itemSetter": "StringSetter"
+          }
+        }
+      },
+      {
+        name: '数据源绑定',
+        setter: {
+          componentName: 'SetterFormVariable',
+          props: {
+            attributes: [
+              {
+                label: '消息数据',
+                value: 'dataList',
+                children: [
+                  { label: '图片链接', value: 'image' },
+                  { label: '标题', value: 'title' },
+                  { label: '说明', value: 'description' },
+                  { label: '发布时间', value: 'gmtCreate' }
+                ],
+                // 发送不同参数的请求
+                mapping: [
+                  {
+                  label: '全部数据',
+                  name: 'dataList'
+                  },
+                  {
+                    value: '已读数据',
+                    name: 'readDataList'
+                  },
+                  {
+                    value: '未读数据',
+                    name: 'unReadDataList'
+                  }
+                ]
+              }
+            ]
+          }
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "onClick",
+            "zh-CN": "点击事件"
+          },
+          "tip": "onClick | 点击事件"
+        },
+        "name": "onClick",
+        "description": "点击事件",
+        "setter": {
+          "componentName": "FunctionSetter"
+        }
+      }
+    ],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+const snippets: IPublicTypeSnippet[] = [
+  {
+    "title": "消息列表",
+    "screenshot": "",
+    "schema": {
+      "componentName": "MessageList",
+      "props": {
+        images: [
+          'https://52pupu.com/source/api/upload/1036284777780613120/2024/202409/20240930/1038087407058161664.png',
+          'https://52pupu.com/source/api/upload/1036284777780613120/2024/202409/20240930/1038087477308559360.png'
+        ],
+        dataList: [
+          {
+            "title": "权益信息",
+            "description": "这里是消息    为小官时皆尝有之。” 金·元好问《为橄子醵金》诗之一：“明珠评价敌连城，弃掷泥涂意未平。” 清黄六鸿《福惠全",
+            "gmtCreate": "2024-05-24 09:24"
+          },
+          {
+            "title": "审核信息",
+            "description": "这里是消息    为小官时皆尝有之。” 金·元好问《为橄子醵金》诗之一：“明珠评价敌连城，弃掷泥涂意未平。” 清黄六鸿《福惠全",
+            "gmtCreate": "2024-05-24 09:24"
+          },
+          {
+            "title": "权益信息",
+            "description": "这里是消息    为小官时皆尝有之。” 金·元好问《为橄子醵金》诗之一：“明珠评价敌连城，弃掷泥涂意未平。” 清黄六鸿《福惠全",
+            "gmtCreate": "2024-05-24 09:24"
+          }
+        ],
+        readDataList: [
+          {
+            "image": "https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg",
+            "title": "已读标题名称",
+            "description": "已读说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字",
+            "gmtCreate": "2024-05-24 09:24"
+          },
+          {
+            "image": "https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg",
+            "title": "已读标题名称",
+            "description": "已读说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字",
+            "gmtCreate": "2024-05-24 09:24"
+          }
+        ],
+        unReadDataList: [
+          {
+            "image": "https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg",
+            "title": "未读标题名称",
+            "description": "未读说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字",
+            "gmtCreate": "2024-05-24 09:24"
+          },
+          {
+            "image": "https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg",
+            "title": "未读标题名称",
+            "description": "未读说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字",
+            "gmtCreate": "2024-05-24 09:24"
+          }
+        ],
+
+      },
+      children: [
+        {
+          componentName: 'Image',
+          props: {
+            key: 'image',
+            width: 44,
+            height: 44,
+            style: {
+              borderRadius: '50%'
+            }
+          },
+        },
+        {
+          componentName: 'NextText',
+          props: {
+            type: 'h5',
+            key: 'title',
+            'style': {
+              fontSize: '15px',
+              color: '#333',
+            },
+          },
+        },
+        {
+          componentName: 'NextText',
+          props: {
+            type: 'inherit',
+            key: 'content',
+            'style': {
+              fontSize: '13px',
+              color: '#333',
+            },
+          },
+        },
+        {
+          componentName: 'NextText',
+          props: {
+            type: 'inherit',
+            key: 'gmtCreate',
+            'style': {
+              fontSize: '10px',
+              color: '#999',
+            },
+          },
+        },
+        {
+          componentName: 'TabMessage',
+          props: {
+            key: 'tabMessage',
+          },
+        }
+      ]
+    }
+  }
+];
+
+export default {
+  ...MessageListMeta,
+  snippets
+};

package/lowcode/navigation/meta.ts

@@ -4,6 +4,8 @@ import indexIcon from '../../src/assets/icon/navigation/index.png'
 import indexIconSelected from '../../src/assets/icon/navigation/index-selected.png'
 import mineIcon from '../../src/assets/icon/navigation/mine.png'
 import mineIconSelected from '../../src/assets/icon/navigation/mine-selected.png'
+import presentIcon from '../../src/assets/icon/navigation/present.png'
+import presentIconSelected from '../../src/assets/icon/navigation/present-selected.png'
 import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
 
 const NavigationMeta: IPublicTypeComponentMetadata = {
@@ -84,6 +86,15 @@ const NavigationMeta: IPublicTypeComponentMetadata = {
                         "isRequired": true,
                         "initialValue": ""
                       }
+                    },
+                    {
+                      "title": "跳转页面",
+                      "name": "pageId",
+                      "setter": {
+                        "componentName": "StringSetter",
+                        "isRequired": true,
+                        "initialValue": ""
+                      }
                     }
                   ],
                   "extraSetter": {
@@ -111,8 +122,12 @@ const NavigationMeta: IPublicTypeComponentMetadata = {
         "setter": "ColorSetter"
       }
     ],
-    "supports": {
-      "style": true
+    supports: {
+      style: true,
+      events: [{
+        name: 'onClick',
+        // template: "onSearch(params,${extParams}){\n window.location.href=`http://localhost:4500/preview.html?pathId=${params.pathId}`;\n console.log(params.pathId) \n}"
+      }],
     },
     "component": {}
   }
@@ -124,6 +139,7 @@ const snippets: IPublicTypeSnippet[] = [
     "schema": {
       "componentName": "Navigation",
       "props": {
+        selectedColor: '#EB7244',
         "itemArray": [
           {
             "text": "首页",
@@ -135,6 +151,11 @@ const snippets: IPublicTypeSnippet[] = [
             "icon": messageIcon,
             "selectedIcon": messageIconSelected
           },
+          {
+            "text": "礼品",
+            "icon": presentIcon,
+            "selectedIcon": presentIconSelected
+          },
           {
             "text": "我的",
             "icon": mineIcon,

package/lowcode/notice-bar/meta.ts

@@ -0,0 +1,291 @@
+import noticeIcon from '../../src/assets/icon/notice-bar/notice.png'
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const NoticeBarMeta: IPublicTypeComponentMetadata = {
+  "group": "低代码组件",
+  "componentName": "NoticeBar",
+  "title": "公告栏",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@dckj-npm/dc-material",
+    "version": "0.1.13",
+    "exportName": "NoticeBar",
+    "main": "src\\index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": "图标",
+        "name": "icon",
+        "description": "图标",
+        "setter": {
+          "componentName": "StringSetter",
+          "isRequired": true,
+          "initialValue": ""
+        }
+      },
+      {
+        name: '数据源绑定',
+        setter: {
+          componentName: 'SetterFormVariable',
+          props: {
+            attributes: [
+              {
+                label: '公告数据',
+                value: 'dataList',
+                children: [
+                  { label: '公告内容', value: 'content' },
+                  { label: '是否置顶', value: 'isTop' },
+                  { label: '发布时间', value: 'releaseTime' },
+                  { label: '标签', value: 'tag' }
+                ]
+              }
+            ]
+          }
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "dataList",
+            "zh-CN": "数据"
+          },
+          "tip": "dataList | 数据"
+        },
+        "name": "dataList",
+        "description": "数据",
+        "setter": {
+          "componentName": "ArraySetter",
+          "props": {
+            "itemSetter": {
+              "componentName": "ObjectSetter",
+              "props": {
+                "config": {
+                  "items": [
+                    {
+                      "title": {
+                        "label": {
+                          "type": "i18n",
+                          "en-US": "content",
+                          "zh-CN": "公告内容"
+                        }
+                      },
+                      "name": "content",
+                      "setter": {
+                        "componentName": "StringSetter",
+                        "isRequired": false,
+                        "initialValue": ""
+                      }
+                    },
+                    {
+                      "title": {
+                        "label": {
+                          "type": "i18n",
+                          "en-US": "releaseTime",
+                          "zh-CN": "发布时间"
+                        }
+                      },
+                      "name": "releaseTime",
+                      "setter": {
+                        "componentName": "StringSetter",
+                        "isRequired": false,
+                        "initialValue": ""
+                      }
+                    },
+                    {
+                      "title": {
+                        "label": {
+                          "type": "i18n",
+                          "en-US": "isTop",
+                          "zh-CN": "是否置顶"
+                        }
+                      },
+                      "name": "isTop",
+                      "setter": {
+                        "componentName": "BoolSetter",
+                        "isRequired": false,
+                        "initialValue": false
+                      }
+                    },
+                    {
+                      "title": {
+                        "label": {
+                          "type": "i18n",
+                          "en-US": "tag",
+                          "zh-CN": "标签"
+                        }
+                      },
+                      "name": "tag",
+                      "setter": {
+                        "componentName": "ObjectSetter",
+                        "props": {
+                          "config": {
+                            "items": [
+                              {
+                                "title": {
+                                  "label": {
+                                    "type": "i18n",
+                                    "en-US": "name",
+                                    "zh-CN": "name"
+                                  }
+                                },
+                                "name": "name",
+                                "setter": {
+                                  "componentName": "StringSetter",
+                                  "isRequired": true,
+                                  "initialValue": ""
+                                }
+                              },
+                              {
+                                "title": {
+                                  "label": {
+                                    "type": "i18n",
+                                    "en-US": "color",
+                                    "zh-CN": "color"
+                                  }
+                                },
+                                "name": "color",
+                                "setter": {
+                                  "componentName": "StringSetter",
+                                  "isRequired": true,
+                                  "initialValue": ""
+                                }
+                              }
+                            ],
+                            "extraSetter": {
+                              "componentName": "MixedSetter",
+                              "isRequired": false,
+                              "props": {}
+                            }
+                          }
+                        }
+                      }
+                    }
+                  ],
+                  "extraSetter": {
+                    "componentName": "MixedSetter",
+                    "isRequired": false,
+                    "props": {}
+                  }
+                }
+              }
+            }
+          },
+          "initialValue": [
+            {
+              "content" : "按需招聘，智能推荐附件测试测试测试测试测试测试测试",
+              "isTop" : true,
+              "releaseTime" : "1小时前",
+              "tag" : {
+                "name": "置顶",
+                "color": "orange"
+              },
+            },
+            {
+              "content" : "近期,有关部门相继部署有关部门相继部署有关部门相继部署",
+              "isTop" : false,
+              "releaseTime" : "2024-03-26",
+              "tag" : {
+                "name": "最新",
+                "color": "green"
+              },
+            },
+            {
+              "content" : "测试测试测试测试测试测测试测试测试测试测试测测试测试测试测试测试测",
+              "isTop" : false,
+              "releaseTime" : "2023-10-15",
+              "tag" : {
+                "name": "最新",
+                "color": "red"
+              },
+            },
+          ]
+        }
+      },
+
+    ],
+    "supports": {
+      "style": true,
+      "events": [
+        {
+          "name": "onClick",
+          "template":
+            "onClick(key,${extParams}){\n// 点击项目的事件\nconsole.log('onClick', key);}",
+        },
+      ],
+    },
+    "component": {}
+  }
+};
+const snippets: IPublicTypeSnippet[] = [
+  {
+    "title": "公告栏",
+    "screenshot": "",
+    "schema": {
+      "componentName": "NoticeBar",
+      "props": {
+        icon: "https://52pupu.com/source/api/upload/1036284777780613120/2024/202409/20240930/1038129927842566144.png"
+      },
+      children: [
+        {
+          componentName: 'Title1',
+          props: {
+            type: 'h5',
+            children: '列表标题',
+            key: 'box-title'
+          },
+        },
+        {
+          componentName: 'Image',
+          props: {
+            src: 'https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg',
+            key: 'image'
+          },
+        },
+        {
+          componentName: 'NextText',
+          props: {
+            type: 'h5',
+            children: '标题标题',
+            key: 'title'
+          },
+        },
+        {
+          componentName: 'NextText',
+          props: {
+            type: 'inherit',
+            children:
+              '基于 Ali-Lowcode-Engine 快速打造高生产力的低代码研发平台, 基于自然布局体系快速搭建页面',
+            key: 'content'
+          },
+        },
+        {
+          componentName: 'TagC',
+          props: {
+            name: '报名火热',
+            color: 'orange',
+            key: 'teletext-tagc-1'
+          },
+        },
+        {
+          componentName: 'TagC',
+          props: {
+            name: '报名火热',
+            color: 'blue',
+            key: 'teletext-tagc-2'
+          },
+        }
+      ]
+    }
+  }
+];
+
+export default {
+  ...NoticeBarMeta,
+  snippets
+};