@dckj-npm/dc-material 0.1.7 → 0.1.9

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

@@ -0,0 +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
+};

package/lowcode/navigation/meta.ts

@@ -1,151 +1,152 @@
-import messageIcon from '../../src/assets/icon/navigation/message.png'
-import messageIconSelected from '../../src/assets/icon/navigation/message-selected.png'
-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 { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
-
-const NavigationMeta: IPublicTypeComponentMetadata = {
-  "componentName": "Navigation",
-  "title": "底部导航",
-  "docUrl": "",
-  "screenshot": "",
-  "devMode": "proCode",
-  "npm": {
-    "package": "@dckj-npm/dc-material",
-    "version": "0.1.7",
-    "exportName": "Navigation",
-    "main": "src\\index.tsx",
-    "destructuring": true,
-    "subName": ""
-  },
-  "configure": {
-    "props": [
-      {
-        "title": {
-          "label": {
-            "type": "i18n",
-            "en-US": "itemArray",
-            "zh-CN": "导航项"
-          }
-        },
-        "name": "itemArray",
-        "setter": {
-          "componentName": "ArraySetter",
-          "props": {
-            "itemSetter": {
-              "componentName": "ObjectSetter",
-              "props": {
-                "config": {
-                  "items": [
-                    {
-                      "title": {
-                        "label": {
-                          "type": "i18n",
-                          "en-US": "text",
-                          "zh-CN": "名称"
-                        }
-                      },
-                      "name": "text",
-                      "setter": {
-                        "componentName": "StringSetter",
-                        "isRequired": true,
-                        "initialValue": ""
-                      }
-                    },
-                    {
-                      "title": {
-                        "label": {
-                          "type": "i18n",
-                          "en-US": "icon",
-                          "zh-CN": "图标"
-                        }
-                      },
-                      "name": "icon",
-                      "setter": {
-                        "componentName": "StringSetter",
-                        "isRequired": true,
-                        "initialValue": ""
-                      }
-                    },
-                    {
-                      "title": {
-                        "label": {
-                          "type": "i18n",
-                          "en-US": "selectedIcon",
-                          "zh-CN": "选中图标"
-                        }
-                      },
-                      "name": "selectedIcon",
-                      "setter": {
-                        "componentName": "StringSetter",
-                        "isRequired": true,
-                        "initialValue": ""
-                      }
-                    }
-                  ],
-                  "extraSetter": {
-                    "componentName": "MixedSetter",
-                    "isRequired": false,
-                    "props": {}
-                  }
-                }
-              }
-            }
-          },
-          "isRequired": true,
-          "initialValue": []
-        }
-      },
-      {
-        "title": {
-          "label": {
-            "type": "i18n",
-            "en-US": "selectedColor",
-            "zh-CN": "选中颜色"
-          }
-        },
-        "name": "selectedColor",
-        "setter": "ColorSetter"
-      }
-    ],
-    "supports": {
-      "style": true
-    },
-    "component": {}
-  }
-};
-const snippets: IPublicTypeSnippet[] = [
-  {
-    "title": "底部导航",
-    "screenshot": "",
-    "schema": {
-      "componentName": "Navigation",
-      "props": {
-        "itemArray": [
-          {
-            "text": "首页",
-            "icon": indexIcon,
-            "selectedIcon": indexIconSelected
-          },
-          {
-            "text": "消息",
-            "icon": messageIcon,
-            "selectedIcon": messageIconSelected
-          },
-          {
-            "text": "我的",
-            "icon": mineIcon,
-            "selectedIcon": mineIconSelected
-          }
-        ]
-      }
-      }
-    }
-];
-
-export default {
-  ...NavigationMeta,
-  snippets
-};
+import messageIcon from '../../src/assets/icon/navigation/message.png'
+import messageIconSelected from '../../src/assets/icon/navigation/message-selected.png'
+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 { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const NavigationMeta: IPublicTypeComponentMetadata = {
+  group: '低代码组件',
+  "componentName": "Navigation",
+  "title": "底部导航",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@dckj-npm/dc-material",
+    "version": "0.1.8",
+    "exportName": "Navigation",
+    "main": "src\\index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "itemArray",
+            "zh-CN": "导航项"
+          }
+        },
+        "name": "itemArray",
+        "setter": {
+          "componentName": "ArraySetter",
+          "props": {
+            "itemSetter": {
+              "componentName": "ObjectSetter",
+              "props": {
+                "config": {
+                  "items": [
+                    {
+                      "title": {
+                        "label": {
+                          "type": "i18n",
+                          "en-US": "text",
+                          "zh-CN": "名称"
+                        }
+                      },
+                      "name": "text",
+                      "setter": {
+                        "componentName": "StringSetter",
+                        "isRequired": true,
+                        "initialValue": ""
+                      }
+                    },
+                    {
+                      "title": {
+                        "label": {
+                          "type": "i18n",
+                          "en-US": "icon",
+                          "zh-CN": "图标"
+                        }
+                      },
+                      "name": "icon",
+                      "setter": {
+                        "componentName": "StringSetter",
+                        "isRequired": true,
+                        "initialValue": ""
+                      }
+                    },
+                    {
+                      "title": {
+                        "label": {
+                          "type": "i18n",
+                          "en-US": "selectedIcon",
+                          "zh-CN": "选中图标"
+                        }
+                      },
+                      "name": "selectedIcon",
+                      "setter": {
+                        "componentName": "StringSetter",
+                        "isRequired": true,
+                        "initialValue": ""
+                      }
+                    }
+                  ],
+                  "extraSetter": {
+                    "componentName": "MixedSetter",
+                    "isRequired": false,
+                    "props": {}
+                  }
+                }
+              }
+            }
+          },
+          "isRequired": true,
+          "initialValue": []
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "selectedColor",
+            "zh-CN": "选中颜色"
+          }
+        },
+        "name": "selectedColor",
+        "setter": "ColorSetter"
+      }
+    ],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+const snippets: IPublicTypeSnippet[] = [
+  {
+    "title": "底部导航",
+    "screenshot": "",
+    "schema": {
+      "componentName": "Navigation",
+      "props": {
+        "itemArray": [
+          {
+            "text": "首页",
+            "icon": indexIcon,
+            "selectedIcon": indexIconSelected
+          },
+          {
+            "text": "消息",
+            "icon": messageIcon,
+            "selectedIcon": messageIconSelected
+          },
+          {
+            "text": "我的",
+            "icon": mineIcon,
+            "selectedIcon": mineIconSelected
+          }
+        ]
+      }
+      }
+    }
+];
+
+export default {
+  ...NavigationMeta,
+  snippets
+};