@dckj-npm/dc-material 0.1.14 → 0.1.16

package/lowcode/d-c-slider/meta.design.ts

@@ -0,0 +1,173 @@
+import snippets from './snippets';
+
+export default {
+  group: '低代码组件',
+  componentName: 'DCSlider',
+  title: '图片轮播',
+  docUrl: '',
+  screenshot: '',
+  npm: {
+    package: '@dckj-npm/dc-material',
+    version: '{{version}}',
+    exportName: 'DCSlider',
+    main: '',
+    destructuring: true,
+    subName: '',
+  },
+  configure: {
+    component: {
+      isContainer: true,
+    },
+    props: [
+      {
+        name: 'slideDirection',
+        title: {
+          label: '轮播方向',
+          tip: 'slideDirection',
+        },
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                label: '水平',
+                value: 'hoz',
+              },
+              {
+                label: '垂直',
+                value: 'ver',
+              },
+            ],
+          },
+        },
+        description: '轮播方向',
+        defaultValue: 'hoz',
+      },
+      {
+        name: 'speed',
+        title: {
+          label: '轮播速度',
+          tip: 'speed',
+        },
+        setter: 'NumberSetter',
+        description: '轮播速度',
+        defaultValue: 600,
+      },
+      {
+        name: 'arrows',
+        title: {
+          label: '箭头',
+          tip: 'arrows|是否显示箭头',
+        },
+        setter: 'BoolSetter',
+        description: '是否显示箭头',
+        defaultValue: true,
+      },
+      {
+        name: 'arrowSize',
+        title: {
+          label: '箭头大小',
+          tip: "arrowSize|导航箭头大小 可选值: 'medium', 'large'",
+        },
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                label: '中',
+                value: 'medium',
+              },
+              {
+                label: '大',
+                value: 'large',
+              },
+            ],
+          },
+        },
+        description: "导航箭头大小 可选值: 'medium', 'large'",
+        defaultValue: 'medium',
+      },
+      {
+        name: 'arrowPosition',
+        title: {
+          label: '箭头位置',
+          tip: "arrowPosition|导航箭头位置 可选值: 'inner', 'outer'",
+        },
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                label: '内',
+                value: 'inner',
+              },
+              {
+                label: '外',
+                value: 'outter',
+              },
+            ],
+          },
+        },
+        description: "导航箭头位置 可选值: 'inner', 'outer'",
+        defaultValue: 'inner',
+      },
+      {
+        name: 'dots',
+        title: {
+          label: '导航锚点',
+          tip: 'dots|是否显示导航锚点',
+        },
+        setter: 'BoolSetter',
+        description: '是否显示导航锚点',
+        defaultValue: true,
+      },
+      {
+        name: 'dotsDirection',
+        title: {
+          label: '导航锚点位置',
+          tip: 'dotsDirection',
+        },
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                label: '水平',
+                value: 'hoz',
+              },
+              {
+                label: '垂直',
+                value: 'ver',
+              },
+            ],
+          },
+        },
+        description: '导航锚点位置',
+        defaultValue: 'hoz',
+      },
+      {
+        name: 'style.width',
+        title: '宽度',
+        setter: 'NumberSetter',
+      },
+      {
+        name: 'style.height',
+        title: '高度',
+        setter: 'NumberSetter',
+      },
+      {
+        name: 'slidesToShow',
+        title: {
+          label: '图片数量',
+          tip: 'slidesToShow|同时展示的图片数量',
+        },
+        setter: 'NumberSetter',
+        description: '同时展示的图片数量',
+        defaultValue: 1,
+      },
+    ],
+  },
+  icon: '',
+  category: '信息展示',
+  snippets,
+};

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

@@ -305,7 +305,7 @@ export default {
   ],
   configure: {
     component: {
-      isContainer: true,
+      // isContainer: true,
     },
     props: {
       isExtends: true,
@@ -320,7 +320,18 @@ export default {
         },
         {
           name: 'picUrls',
-          setter: 'SetterFormVariable'
+          title: '数据源绑定',
+          setter: {
+            componentName: 'SetterFormVariable',
+            props: {
+              attributes: [
+                {
+                  label: '图标链接',
+                  value: 'picUrls'
+                }
+              ]
+            }
+          }
         }
       ],
     },

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

@@ -37,6 +37,32 @@ export default [
           'https://img.alicdn.com/tps/TB1ikP.NVXXXXaYXpXXXXXXXXXX-1000-300.jpg',
           'https://img.alicdn.com/tps/TB1s1_JNVXXXXbhaXXXXXXXXXXX-1000-300.jpg']
       }
+      // children: [
+      //   {
+      //     componentName: 'Image',
+      //     props: {
+      //       src: 'https://img.alicdn.com/tps/TB1bewbNVXXXXc5XXXXXXXXXXXX-1000-300.png',
+      //     },
+      //   },
+      //   {
+      //     componentName: 'Image',
+      //     props: {
+      //       src: 'https://img.alicdn.com/tps/TB1xuUcNVXXXXcRXXXXXXXXXXXX-1000-300.jpg',
+      //     },
+      //   },
+      //   {
+      //     componentName: 'Image',
+      //     props: {
+      //       src: 'https://img.alicdn.com/tps/TB1ikP.NVXXXXaYXpXXXXXXXXXX-1000-300.jpg',
+      //     },
+      //   },
+      //   {
+      //     componentName: 'Image',
+      //     props: {
+      //       src: 'https://img.alicdn.com/tps/TB1s1_JNVXXXXbhaXXXXXXXXXXX-1000-300.jpg',
+      //     },
+      //   },
+      // ]
     },
   },
 ];

package/lowcode/grid-nav/meta.ts

@@ -22,21 +22,73 @@ const GridNavMeta: IPublicTypeComponentMetadata = {
     },
     "props": [
       {
-        name: 'dataSourceSetting',
-        title: '数据源配置',
-        setter: {
-          componentName: 'SetterFormVariable',
-          props: {
-            attributes: [
-              // { label: '导航项', value: 'items' }
-              { label: '标题', value: 'title' },
-              { label: '图标链接', value: 'icon' },
-              { label: '跳转链接', value: 'link' }
-            ],
-
-          }
+        "title": "数据源配置",
+        "name": "dataSourceSetting",
+        "setter": {
+          "componentName": "ArraySetter",
+          "props": {
+            "itemSetter": {
+              "componentName": "ObjectSetter",
+              "props": {
+                "config": {
+                  "items": [
+                    {
+                      "title": "跳转链接",
+                      "name": "link",
+                      "setter": {
+                        "componentName": "StringSetter",
+                        "isRequired": true,
+                        "initialValue": ""
+                      }
+                    },
+                    {
+                      "title": "图标链接",
+                      "name": "icon",
+                      "setter": {
+                        "componentName": "StringSetter",
+                        "isRequired": true,
+                        "initialValue": ""
+                      }
+                    },
+                    {
+                      "title": "标题",
+                      "name": "title",
+                      "setter": {
+                        "componentName": "StringSetter",
+                        "isRequired": true,
+                        "initialValue": ""
+                      }
+                    }
+                  ],
+                  "extraSetter": {
+                    "componentName": "MixedSetter",
+                    "isRequired": false,
+                    "props": {}
+                  }
+                }
+              }
+            }
+          },
+          "isRequired": true,
+          "initialValue": []
         }
       },
+      // {
+      //   name: 'dataSourceSetting',
+      //   title: '数据源配置',
+      //   setter: {
+      //     componentName: 'SetterFormVariable',
+      //     props: {
+      //       attributes: [
+      //         // { label: '导航项', value: 'items' }
+      //         { label: '标题', value: 'title' },
+      //         { label: '图标链接', value: 'icon' },
+      //         { label: '跳转链接', value: 'link' }
+      //       ],
+      //
+      //     }
+      //   }
+      // },
       {
         "title": "每行列数",
         "name": "columns",

package/lowcode/integral-task/meta.ts

@@ -0,0 +1,211 @@
+import icon from '../../src/assets/icon/integral-task/icon1.png'
+
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const IntegralTaskMeta: IPublicTypeComponentMetadata = {
+  "componentName": "IntegralTask",
+  "title": "任务列表",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@dckj-npm/dc-material",
+    "version": "0.1.13",
+    "exportName": "IntegralTask",
+    "main": "src\\index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": "图标",
+        "name": "icon",
+        "description": "图标",
+        "setter": {
+          "componentName": "StringSetter",
+          "isRequired": true,
+          "initialValue": ""
+        }
+      },
+      {
+        "title": "图片",
+        "name": "images",
+        "description": "图片",
+        "setter": {
+          "componentName": "ArraySetter",
+          "props": {
+            "itemSetter": "StringSetter"
+          }
+        }
+      },
+      {
+        "title": "未完成文案",
+        "name": "undoneLabel",
+        "description": "未完成文案",
+        "setter": "StringSetter"
+      },
+      {
+        "title": "完成文案",
+        "name": "completeLabel",
+        "description": "完成文案",
+        "setter": "StringSetter"
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "list",
+            "zh-CN": "任务名称"
+          },
+          "tip": "list | 任务名称"
+        },
+        "name": "list",
+        "description": "任务名称",
+        "setter": {
+          "componentName": "ArraySetter",
+          "props": {
+            "itemSetter": {
+              "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": "integral",
+                          "zh-CN": "integral"
+                        }
+                      },
+                      "name": "integral",
+                      "setter": {
+                        "componentName": "NumberSetter",
+                        "isRequired": true,
+                        "initialValue": 0
+                      }
+                    },
+                    {
+                      "title": {
+                        "label": {
+                          "type": "i18n",
+                          "en-US": "status",
+                          "zh-CN": "status"
+                        }
+                      },
+                      "name": "status",
+                      "setter": {
+                        "componentName": "NumberSetter",
+                        "isRequired": true,
+                        "initialValue": 0
+                      }
+                    }
+                  ],
+                  "extraSetter": {
+                    "componentName": "MixedSetter",
+                    "isRequired": false,
+                    "props": {}
+                  }
+                }
+              }
+            }
+          },
+          "isRequired": true,
+          "initialValue": []
+        }
+      }
+    ],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+const snippets: IPublicTypeSnippet[] = [
+  {
+    "title": "任务列表",
+    "screenshot": "",
+    "schema": {
+      "componentName": "IntegralTask",
+      "props": {
+        list: [
+          {
+            "name": "标题名称",
+            "integral": 10,
+            "status": 0
+          }
+        ],
+        icon: icon,
+        images: [
+            'https://52pupu.com/source/api/upload/1036284777780613120/2024/202409/20240927/1037148079553384448.png',
+            'https://52pupu.com/source/api/upload/1036284777780613120/2024/202409/20240927/1037148108544413696.png',
+            'https://52pupu.com/source/api/upload/1036284777780613120/2024/202409/20240927/1037148142006571008.png',
+            'https://52pupu.com/source/api/upload/1036284777780613120/2024/202409/20240927/1037148168208388096.png'
+        ],
+        undoneLabel: '去完成',
+        completeLabel: '领取奖励'
+      },
+      children: [
+        {
+          componentName: 'Image',
+          props: {
+            src: 'https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg',
+            key: 'image-left'
+          }
+        },
+        {
+          componentName: 'Image',
+          props: {
+            src: 'https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg',
+            key: 'image-icon'
+          }
+        },
+        {
+          componentName: 'NextText',
+          props: {
+            type: 'h5',
+            children: '购买礼品',
+            key: 'title'
+          },
+        },
+        {
+          componentName: 'NextText',
+          props: {
+            type: 'inherit',
+            children:
+                '10积分',
+            key: 'integral'
+          },
+        },
+        {
+          componentName: 'Button2',
+          props: {
+            name: '去完成',
+            key: 'button2',
+            color: 'complete'
+          },
+        }
+      ]
+    }
+  }
+];
+
+export default {
+  ...IntegralTaskMeta,
+  snippets
+};