@dckj-npm/dc-material 0.1.16 → 0.1.18

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

@@ -1,4 +1,4 @@
-
+import noticeIcon from '../../src/assets/icon/notice-bar/notice.png'
 import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
 
 const NoticeBarMeta: IPublicTypeComponentMetadata = {
@@ -18,6 +18,16 @@ const NoticeBarMeta: IPublicTypeComponentMetadata = {
   },
   "configure": {
     "props": [
+      {
+        "title": "图标",
+        "name": "icon",
+        "description": "图标",
+        "setter": {
+          "componentName": "StringSetter",
+          "isRequired": true,
+          "initialValue": ""
+        }
+      },
       {
         name: '数据源绑定',
         setter: {
@@ -197,7 +207,7 @@ const NoticeBarMeta: IPublicTypeComponentMetadata = {
           ]
         }
       },
-      
+
     ],
     "supports": {
       "style": true,
@@ -218,7 +228,9 @@ const snippets: IPublicTypeSnippet[] = [
     "screenshot": "",
     "schema": {
       "componentName": "NoticeBar",
-      "props": {},
+      "props": {
+        icon: "https://52pupu.com/source/api/upload/1036284777780613120/2024/202409/20240930/1038129927842566144.png"
+      },
       children: [
         {
           componentName: 'Title1',

package/lowcode/position/meta.ts

@@ -1,161 +1,161 @@
-
-import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
-
-const PositionMeta: IPublicTypeComponentMetadata = {
-  group: '低代码组件',
-  "componentName": "Position",
-  "title": "Position",
-  "docUrl": "",
-  "screenshot": "",
-  "devMode": "proCode",
-  "npm": {
-    "package": "@dckj-npm/dc-material",
-    "version": "0.1.7",
-    "exportName": "Position",
-    "main": "src\\index.tsx",
-    "destructuring": true,
-    "subName": ""
-  },
-  "configure": {
-    "props": [
-      {
-        "title": {
-          "label": {
-            "type": "i18n",
-            "en-US": "itemArray",
-            "zh-CN": "数据源绑定"
-          }
-        },
-        "name": "itemArray",
-        "setter": {
-          componentName: 'SetterFormVariable',
-          props: {
-            attributes: [
-              {
-                label: '经纬度',
-                value: 'itemArray',
-                children: [
-                  { label: '城市', value: 'address' },
-                  { label: '纬度', value: 'lat' },
-                  { label: '经度', value: 'lng' }
-                ]
-              }
-            ]
-          }
-        }
-      },
-      {
-        "title": {
-          "label": {
-            "type": "i18n",
-            "en-US": "defaultLocation",
-            "zh-CN": "默认地址"
-          }
-        },
-        "name": "defaultLocation",
-        "setter": {
-          "componentName": "ObjectSetter",
-          "props": {
-            "config": {
-              "items": [
-                {
-                  "title": {
-                    "label": {
-                      "type": "i18n",
-                      "en-US": "lat",
-                      "zh-CN": "lat"
-                    }
-                  },
-                  "name": "lat",
-                  "setter": {
-                    "componentName": "StringSetter",
-                    "isRequired": true,
-                    "initialValue": ""
-                  }
-                },
-                {
-                  "title": {
-                    "label": {
-                      "type": "i18n",
-                      "en-US": "lng",
-                      "zh-CN": "lng"
-                    }
-                  },
-                  "name": "lng",
-                  "setter": {
-                    "componentName": "StringSetter",
-                    "isRequired": true,
-                    "initialValue": ""
-                  }
-                },
-                {
-                  "title": {
-                    "label": {
-                      "type": "i18n",
-                      "en-US": "address",
-                      "zh-CN": "address"
-                    }
-                  },
-                  "name": "address",
-                  "setter": {
-                    "componentName": "StringSetter",
-                    "isRequired": true,
-                    "initialValue": ""
-                  }
-                }
-              ],
-              "extraSetter": {
-                "componentName": "MixedSetter",
-                "isRequired": false,
-                "props": {}
-              }
-            }
-          },
-          "isRequired": true
-        }
-      }
-    ],
-    "supports": {
-      "style": true
-    },
-    "component": {}
-  }
-};
-const snippets: IPublicTypeSnippet[] = [
-  {
-    "title": "定位",
-    "screenshot": "",
-    "schema": {
-      "componentName": "Position",
-      "props": {
-        defaultLocation: {
-          lng: '123',
-          lat: '123',
-          address: '嘉兴市'
-        },
-        itemArray: [
-          {
-            lng: '123',
-            lat: '123',
-            address: '嘉兴市'
-          },
-          {
-            lng: '123',
-            lat: '123',
-            address: '杭州市'
-          },
-          {
-            lng: '123',
-            lat: '123',
-            address: '上海市'
-          }
-        ]
-      }
-    }
-  }
-];
-
-export default {
-  ...PositionMeta,
-  snippets
-};
+
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const PositionMeta: IPublicTypeComponentMetadata = {
+  group: '低代码组件',
+  "componentName": "Position",
+  "title": "Position",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@dckj-npm/dc-material",
+    "version": "0.1.7",
+    "exportName": "Position",
+    "main": "src\\index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "itemArray",
+            "zh-CN": "数据源绑定"
+          }
+        },
+        "name": "itemArray",
+        "setter": {
+          componentName: 'SetterFormVariable',
+          props: {
+            attributes: [
+              {
+                label: '经纬度',
+                value: 'itemArray',
+                children: [
+                  { label: '城市', value: 'address' },
+                  { label: '纬度', value: 'lat' },
+                  { label: '经度', value: 'lng' }
+                ]
+              }
+            ]
+          }
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "defaultLocation",
+            "zh-CN": "默认地址"
+          }
+        },
+        "name": "defaultLocation",
+        "setter": {
+          "componentName": "ObjectSetter",
+          "props": {
+            "config": {
+              "items": [
+                {
+                  "title": {
+                    "label": {
+                      "type": "i18n",
+                      "en-US": "lat",
+                      "zh-CN": "lat"
+                    }
+                  },
+                  "name": "lat",
+                  "setter": {
+                    "componentName": "StringSetter",
+                    "isRequired": true,
+                    "initialValue": ""
+                  }
+                },
+                {
+                  "title": {
+                    "label": {
+                      "type": "i18n",
+                      "en-US": "lng",
+                      "zh-CN": "lng"
+                    }
+                  },
+                  "name": "lng",
+                  "setter": {
+                    "componentName": "StringSetter",
+                    "isRequired": true,
+                    "initialValue": ""
+                  }
+                },
+                {
+                  "title": {
+                    "label": {
+                      "type": "i18n",
+                      "en-US": "address",
+                      "zh-CN": "address"
+                    }
+                  },
+                  "name": "address",
+                  "setter": {
+                    "componentName": "StringSetter",
+                    "isRequired": true,
+                    "initialValue": ""
+                  }
+                }
+              ],
+              "extraSetter": {
+                "componentName": "MixedSetter",
+                "isRequired": false,
+                "props": {}
+              }
+            }
+          },
+          "isRequired": true
+        }
+      }
+    ],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+const snippets: IPublicTypeSnippet[] = [
+  {
+    "title": "定位",
+    "screenshot": "",
+    "schema": {
+      "componentName": "Position",
+      "props": {
+        defaultLocation: {
+          lng: '123',
+          lat: '123',
+          address: '嘉兴市'
+        },
+        itemArray: [
+          {
+            lng: '123',
+            lat: '123',
+            address: '嘉兴市'
+          },
+          {
+            lng: '123',
+            lat: '123',
+            address: '杭州市'
+          },
+          {
+            lng: '123',
+            lat: '123',
+            address: '上海市'
+          }
+        ]
+      }
+    }
+  }
+];
+
+export default {
+  ...PositionMeta,
+  snippets
+};

package/lowcode/swiper/meta.ts

@@ -0,0 +1,237 @@
+
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const SwiperMeta: IPublicTypeComponentMetadata = {
+  group: '低代码组件',
+  category: '信息展示',
+  "componentName": "Swiper",
+  title: '图片轮播',
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@dckj-npm/dc-material",
+    "version": "0.1.16",
+    "exportName": "Swiper",
+    "main": "src\\index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": "初始索引",
+        "name": "initialSlide",
+        "description": "设定初始化时slide的索引",
+        "setter": {
+          "componentName": "NumberSetter",
+          "isRequired": false,
+          "initialValue": 0
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "direction",
+            "zh-CN": "方向"
+          },
+          "tip": "direction | 轮播方向"
+        },
+        "name": "direction",
+        "setter": {
+          "componentName": "RadioGroupSetter",
+          "props": {
+            "dataSource": [
+              {
+                "label": "vertical",
+                "value": "vertical"
+              },
+              {
+                "label": "horizontal",
+                "value": "horizontal"
+              }
+            ],
+            "options": [
+              {
+                "label": "vertical",
+                "value": "vertical"
+              },
+              {
+                "label": "horizontal",
+                "value": "horizontal"
+              }
+            ]
+          },
+          "initialValue": "vertical"
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "speed",
+            "zh-CN": "切换速度"
+          },
+          "tip": "speed | 切换速度，单位ms"
+        },
+        "name": "speed",
+        "description": "切换速度，单位ms",
+        "setter": {
+          "componentName": "NumberSetter",
+          "isRequired": false,
+          "initialValue": 0
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "slidesPerView",
+            "zh-CN": "展示数量"
+          },
+          "tip": "同时展示图片数量"
+        },
+        "name": "slidesPerView",
+        "description": "展示数量",
+        "setter": {
+          "componentName": "NumberSetter",
+          "isRequired": true,
+          "initialValue": 0
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "height",
+            "zh-CN": "高度"
+          },
+          "tip": "height | 高度"
+        },
+        "name": "height",
+        "description": "高度",
+        "setter": {
+          "componentName": "NumberSetter",
+          "isRequired": true
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "autoHeight",
+            "zh-CN": "自动高度"
+          },
+          "tip": "autoHeight | 自动高度"
+        },
+        "name": "autoHeight",
+        "description": "自动高度",
+        "setter": {
+          "componentName": "BoolSetter",
+          "isRequired": true,
+          "initialValue": false
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "autoplay",
+            "zh-CN": "自动播放"
+          },
+          "tip": "autoplay | 自动播放"
+        },
+        "name": "autoplay",
+        "description": "自动播放",
+        "setter": {
+          "componentName": "BoolSetter",
+          "isRequired": true,
+          "initialValue": false
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "loop",
+            "zh-CN": "循环播放"
+          },
+          "tip": "loop | 循环播放"
+        },
+        "name": "loop",
+        "description": "循环播放",
+        "setter": {
+          "componentName": "BoolSetter",
+          "isRequired": true,
+          "initialValue": false
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "spaceBetween",
+            "zh-CN": "图片间距"
+          },
+          "tip": "spaceBetween | 图片间距"
+        },
+        "name": "spaceBetween",
+        "description": "图片间距",
+        "setter": {
+          "componentName": "NumberSetter",
+          "isRequired": true,
+          "initialValue": 0
+        }
+      },
+      {
+        name: 'picUrls',
+        title: '数据源绑定',
+        setter: {
+          componentName: 'SetterFormVariable',
+          props: {
+            attributes: [
+              {
+                label: '图标链接',
+                value: 'picUrls'
+              }
+            ]
+          }
+        }
+      }
+    ],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+const snippets: IPublicTypeSnippet[] = [
+  {
+    "title": "图片轮播",
+    "screenshot": "",
+    "schema": {
+      "componentName": "Swiper",
+      "props": {
+        spaceBetween: 0,
+        loop: true,
+        autoplay: true,
+        speed: 200,
+        slidesPerView: 1,
+        initialSlide: 1,
+        direction: 'horizontal',
+        autoHeight: false,
+        // 轮播路径
+        picUrls: ['https://img.alicdn.com/tps/TB1bewbNVXXXXc5XXXXXXXXXXXX-1000-300.png',
+          'https://img.alicdn.com/tps/TB1xuUcNVXXXXcRXXXXXXXXXXXX-1000-300.jpg',
+          'https://img.alicdn.com/tps/TB1ikP.NVXXXXaYXpXXXXXXXXXX-1000-300.jpg',
+          'https://img.alicdn.com/tps/TB1s1_JNVXXXXbhaXXXXXXXXXXX-1000-300.jpg']
+      }
+    }
+  }
+];
+
+export default {
+  ...SwiperMeta,
+  snippets
+};