@dckj-npm/dc-material 0.1.8 → 0.1.9

package/lowcode/d-c-slider/snippets.ts

@@ -1,42 +1,42 @@
-export default [
-  {
-    title: '图片轮播',
-    screenshot:
-      'https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_slider.png',
-    schema: {
-      componentName: 'DCSlider',
-      props: {
-        prefix: 'next-',
-        animation: 'slide',
-        arrows: true,
-        arrowSize: 'medium',
-        arrowPosition: 'inner',
-        arrowDirection: 'hoz',
-        autoplaySpeed: 3000,
-        dots: true,
-        dotsDirection: 'hoz',
-        draggable: true,
-        infinite: true,
-        slide: 'div',
-        slideDirection: 'hoz',
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        speed: 600,
-        triggerType: 'click',
-        centerPadding: '50px',
-        cssEase: 'ease',
-        edgeFriction: 0.35,
-        swipe: true,
-        touchMove: true,
-        touchThreshold: 5,
-        useCSS: true,
-        waitForAnimate: true,
-        // 轮播路径
-        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 [
+  {
+    title: '图片轮播',
+    screenshot:
+      'https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_slider.png',
+    schema: {
+      componentName: 'DCSlider',
+      props: {
+        prefix: 'next-',
+        animation: 'slide',
+        arrows: true,
+        arrowSize: 'medium',
+        arrowPosition: 'inner',
+        arrowDirection: 'hoz',
+        autoplaySpeed: 3000,
+        dots: true,
+        dotsDirection: 'hoz',
+        draggable: true,
+        infinite: true,
+        slide: 'div',
+        slideDirection: 'hoz',
+        slidesToShow: 1,
+        slidesToScroll: 1,
+        speed: 600,
+        triggerType: 'click',
+        centerPadding: '50px',
+        cssEase: 'ease',
+        edgeFriction: 0.35,
+        swipe: true,
+        touchMove: true,
+        touchThreshold: 5,
+        useCSS: true,
+        waitForAnimate: true,
+        // 轮播路径
+        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']
+      }
+    },
+  },
+];

package/lowcode/grid-nav/meta.ts

@@ -0,0 +1,160 @@
+
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const GridNavMeta: IPublicTypeComponentMetadata = {
+  group: '低代码组件',
+  "componentName": "GridNav",
+  "title": "宫格导航",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@dckj-npm/dc-material",
+    "version": "0.1.0",
+    "exportName": "GridNav",
+    "main": "src\\index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    component: {
+      isContainer: true,
+    },
+    "props": [
+      {
+        name: 'dataSourceSetting',
+        title: '数据源配置',
+        setter: {
+          componentName: 'SetterFormVariable',
+          props: {
+            attributes: [
+              // { label: '导航项', value: 'items' }
+              { label: '标题', value: 'title' },
+              { label: '图标链接', value: 'icon' },
+              { label: '跳转链接', value: 'link' }
+            ],
+
+          }
+        }
+      },
+      {
+        "title": "每行列数",
+        "name": "columns",
+        "setter": {
+          "componentName": "NumberSetter",
+          "isRequired": true,
+          "initialValue": 4
+        }
+      },
+      {
+        "title": "icon尺寸",
+        "name": "iconSize",
+        "defaultValue": "medium",
+        "initialValue": "medium",
+        "setter": {
+          "componentName": "SelectSetter",
+          "initialValue": "medium",
+          "props": {
+            "defaultValue": "medium",
+            "options":[
+              {
+                "title": "大",
+                "value": "large"
+              },
+              {
+                "title": "中",
+                "value": "medium"
+              },
+              {
+                "title": "小",
+                "value": "small"
+              },
+            ]
+          }
+        }
+      },
+      {
+        "title": "字重",
+        "name": "fontWeight",
+        "defaultValue": "normal",
+        "initialValue": "normal",
+        "setter": {
+          "componentName": "SelectSetter",
+          "initialValue": "normal",
+          "props": {
+            "defaultValue": "normal",
+            "options":[
+              {
+                "title": "细",
+                "value": "100"
+              },
+              {
+                "title": "正常",
+                "value": "normal"
+              },
+              {
+                "title": "粗",
+                "value": "bold"
+              },
+            ]
+          }
+        }
+      },
+      {
+        name: 'fontSize',
+        title: '字号',
+        defaultValue: 14,
+        setter: 'NumberSetter',
+      },
+      {
+        name: 'fontColor',
+        title: '字体颜色',
+        propType: 'string',
+        setter: 'ColorSetter',
+        defaultValue: '#333',
+        initialValue: '#333'
+      },
+      {
+        name: 'lineHeight',
+        title: '行高',
+        defaultValue: 'auto',
+        setter: 'StringSetter',
+      },
+      {
+        name: 'lineNum',
+        title: '行数',
+        defaultValue: 1,
+        setter: 'NumberSetter',
+      },
+
+    ],
+    supports: {
+      style: true
+    }
+  }
+};
+const snippets: IPublicTypeSnippet[] = [
+  {
+    "title": "宫格导航",
+    "screenshot": "",
+    "schema": {
+      "componentName": "GridNav",
+      "props": {
+        "columns": 4,
+        "dataSourceSetting": [
+          { "title": '导航项', "icon": 'https://qcloudimg.tencent-cloud.cn/raw/fe54a986a821473655ba20afe30a543a.png', "link": '#' },
+          { "title": '导航项', "icon": 'https://qcloudimg.tencent-cloud.cn/raw/fe54a986a821473655ba20afe30a543a.png', "link": '#' },
+          { "title": '导航项', "icon": 'https://qcloudimg.tencent-cloud.cn/raw/fe54a986a821473655ba20afe30a543a.png', "link": '#' },
+          { "title": '导航项', "icon": 'https://qcloudimg.tencent-cloud.cn/raw/fe54a986a821473655ba20afe30a543a.png', "link": '#' },
+        ],
+        "iconSize": "medium",
+        "fontWeight": "normal"
+      }
+    }
+  }
+];
+
+export default {
+  ...GridNavMeta,
+  snippets
+};

package/lowcode/menu-list/meta.ts

@@ -1,147 +1,147 @@
-
-import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
-
-const MenuListMeta: IPublicTypeComponentMetadata = {
-  "group": "低代码组件",
-  "componentName": "MenuList",
-  "title": "列表菜单组件",
-  "docUrl": "",
-  "screenshot": "",
-  "devMode": "proCode",
-  "npm": {
-    "package": "@dckj-npm/dc-material",
-    "version": "0.1.8",
-    "exportName": "MenuList",
-    "main": "src/index.tsx",
-    "destructuring": true,
-    "subName": ""
-  },
-  "configure": {
-    "props": [
-      {
-        "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": "title",
-                          "zh-CN": "title"
-                        }
-                      },
-                      "name": "title",
-                      "description": "菜单名称",
-                      "setter": {
-                        "componentName": "StringSetter",
-                        "isRequired": true,
-                        "initialValue": ""
-                      }
-                    },
-                    {
-                      "title": {
-                        "label": {
-                          "type": "i18n",
-                          "en-US": "iconUrl",
-                          "zh-CN": "iconUrl"
-                        }
-                      },
-                      "name": "iconUrl",
-                      "description": "菜单图标",
-                      "setter": {
-                        "componentName": "CustomImageSetter",
-                        "isRequired": false,
-                        "initialValue": ""
-                      }
-                    },
-                    {
-                      "title": {
-                        "label": {
-                          "type": "i18n",
-                          "en-US": "click",
-                          "zh-CN": "点击事件"
-                        }
-                      },
-                      "name": "handleClick",
-                      "description": "菜单点击事件",
-                      "setter": {
-                        "componentName": "FunctionSetter",
-                        "isRequired": false,
-                        "initialValue": ""
-                      }
-                    }
-                  ],
-                  "extraSetter": {
-                    "componentName": "MixedSetter",
-                    "isRequired": false,
-                    "props": {}
-                  }
-                }
-              }
-            }
-          },
-          "initialValue":  [
-            {
-              title: '我的名片',
-              iconUrl: 'http://122.225.55.70:18084/files/upload/2024/09/12/139d14911a124bfc956a7f725e9470e1.png'
-            },
-            {
-              title: '邀请人名片',
-              iconUrl: 'http://122.225.55.70:18084/files/upload/2024/09/12/50cdc578b82f48a2af504b283fd3c8e5.png'
-            },
-            {
-              title: '在线留言',
-              iconUrl: 'http://122.225.55.70:18084/files/upload/2024/09/12/204802207fff4aaca5b002adebfa4b94.png'
-            },
-            {
-              title: '联系我们',
-              iconUrl: 'http://122.225.55.70:18084/files/upload/2024/09/12/70a8c6d97c084484a1e19bb7ff1489d3.png'
-            },
-            {
-              title: '帮助中心',
-              iconUrl: 'http://122.225.55.70:18084/files/upload/2024/09/12/02b52f9fe2294cd68b5a1f09a229194f.png'
-            },
-            {
-              title: '退出登录',
-              iconUrl: 'http://122.225.55.70:18084/files/upload/2024/09/12/15ac6db27c84409fbacb2ee7826c31ab.png'
-            }
-          ]
-        }
-      }
-    ],
-    "supports": {
-      "style": true
-    },
-    "component": {}
-  }
-};
-const snippets: IPublicTypeSnippet[] = [
-  {
-    "title": "列表菜单组件",
-    "screenshot": "",
-    "schema": {
-      "componentName": "MenuList",
-      "props": {}
-    }
-  }
-];
-
-export default {
-  ...MenuListMeta,
-  snippets
-};
+
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const MenuListMeta: IPublicTypeComponentMetadata = {
+  "group": "低代码组件",
+  "componentName": "MenuList",
+  "title": "列表菜单组件",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@dckj-npm/dc-material",
+    "version": "0.1.8",
+    "exportName": "MenuList",
+    "main": "src/index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "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": "title",
+                          "zh-CN": "title"
+                        }
+                      },
+                      "name": "title",
+                      "description": "菜单名称",
+                      "setter": {
+                        "componentName": "StringSetter",
+                        "isRequired": true,
+                        "initialValue": ""
+                      }
+                    },
+                    {
+                      "title": {
+                        "label": {
+                          "type": "i18n",
+                          "en-US": "iconUrl",
+                          "zh-CN": "iconUrl"
+                        }
+                      },
+                      "name": "iconUrl",
+                      "description": "菜单图标",
+                      "setter": {
+                        "componentName": "CustomImageSetter",
+                        "isRequired": false,
+                        "initialValue": ""
+                      }
+                    },
+                    {
+                      "title": {
+                        "label": {
+                          "type": "i18n",
+                          "en-US": "click",
+                          "zh-CN": "点击事件"
+                        }
+                      },
+                      "name": "handleClick",
+                      "description": "菜单点击事件",
+                      "setter": {
+                        "componentName": "FunctionSetter",
+                        "isRequired": false,
+                        "initialValue": ""
+                      }
+                    }
+                  ],
+                  "extraSetter": {
+                    "componentName": "MixedSetter",
+                    "isRequired": false,
+                    "props": {}
+                  }
+                }
+              }
+            }
+          },
+          "initialValue":  [
+            {
+              title: '我的名片',
+              iconUrl: 'http://122.225.55.70:18084/files/upload/2024/09/12/139d14911a124bfc956a7f725e9470e1.png'
+            },
+            {
+              title: '邀请人名片',
+              iconUrl: 'http://122.225.55.70:18084/files/upload/2024/09/12/50cdc578b82f48a2af504b283fd3c8e5.png'
+            },
+            {
+              title: '在线留言',
+              iconUrl: 'http://122.225.55.70:18084/files/upload/2024/09/12/204802207fff4aaca5b002adebfa4b94.png'
+            },
+            {
+              title: '联系我们',
+              iconUrl: 'http://122.225.55.70:18084/files/upload/2024/09/12/70a8c6d97c084484a1e19bb7ff1489d3.png'
+            },
+            {
+              title: '帮助中心',
+              iconUrl: 'http://122.225.55.70:18084/files/upload/2024/09/12/02b52f9fe2294cd68b5a1f09a229194f.png'
+            },
+            {
+              title: '退出登录',
+              iconUrl: 'http://122.225.55.70:18084/files/upload/2024/09/12/15ac6db27c84409fbacb2ee7826c31ab.png'
+            }
+          ]
+        }
+      }
+    ],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+const snippets: IPublicTypeSnippet[] = [
+  {
+    "title": "列表菜单组件",
+    "screenshot": "",
+    "schema": {
+      "componentName": "MenuList",
+      "props": {}
+    }
+  }
+];
+
+export default {
+  ...MenuListMeta,
+  snippets
+};