@dckj-npm/dc-material 0.1.15 → 0.1.17

package/lowcode/teletext-list/meta.ts

@@ -21,17 +21,65 @@ const TeletextListMeta: IPublicTypeComponentMetadata = {
         "title": {
           "label": {
             "type": "i18n",
-            "en-US": "title",
-            "zh-CN": "标题"
-          },
-          "tip": "title | 标题"
+            "en-US": "imagePlacement",
+            "zh-CN": "图片位置"
+          }
         },
-        "name": "title",
-        "description": "标题",
+        "name": "imagePlacement",
+        "description": "图片位置",
         "setter": {
-          "componentName": "StringSetter",
-          "isRequired": false,
-          "initialValue": "图文列表标题"
+          "componentName": "RadioGroupSetter",
+          "props": {
+            "dataSource": [
+              {
+                "label": "left",
+                "value": "left"
+              },
+              {
+                "label": "right",
+                "value": "right"
+              },
+              {
+                "label": "none",
+                "value": "none"
+              }
+            ],
+            "options": [
+              {
+                "label": "left",
+                "value": "left"
+              },
+              {
+                "label": "right",
+                "value": "right"
+              },
+              {
+                "label": "none",
+                "value": "none"
+              }
+            ]
+          },
+          "initialValue": "left"
+        }
+      },
+      {
+        name: '数据源绑定',
+        setter: {
+          componentName: 'SetterFormVariable',
+          props: {
+            attributes: [
+              {
+                label: '图文数据',
+                value: 'dataList',
+                children: [
+                  {label: '图片链接', value: 'image'},
+                  {label: '标题', value: 'title'},
+                  {label: '说明', value: 'description'},
+                  {label: '标签', value: 'tags'}
+                ]
+              }
+            ]
+          }
         }
       },
       {
@@ -85,51 +133,6 @@ const TeletextListMeta: IPublicTypeComponentMetadata = {
                         "initialValue": ""
                       }
                     },
-                    {
-                      "title": {
-                        "label": {
-                          "type": "i18n",
-                          "en-US": "imagePlacement",
-                          "zh-CN": "图片位置"
-                        }
-                      },
-                      "name": "imagePlacement",
-                      "description": "图片位置",
-                      "setter": {
-                        "componentName": "RadioGroupSetter",
-                        "props": {
-                          "dataSource": [
-                            {
-                              "label": "left",
-                              "value": "left"
-                            },
-                            {
-                              "label": "right",
-                              "value": "right"
-                            },
-                            {
-                              "label": "none",
-                              "value": "none"
-                            }
-                          ],
-                          "options": [
-                            {
-                              "label": "left",
-                              "value": "left"
-                            },
-                            {
-                              "label": "right",
-                              "value": "right"
-                            },
-                            {
-                              "label": "none",
-                              "value": "none"
-                            }
-                          ]
-                        },
-                        "initialValue": "left"
-                      }
-                    },
                     {
                       "title": {
                         "label": {
@@ -222,7 +225,6 @@ const TeletextListMeta: IPublicTypeComponentMetadata = {
           "initialValue": [
             {
               "image": "https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg",
-              "imagePlacement": "left",
               "title": "标题名称",
               "description": "说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字",
               "tags": [
@@ -238,21 +240,6 @@ const TeletextListMeta: IPublicTypeComponentMetadata = {
             },
             {
               "image": "https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg",
-              "imagePlacement": "right",
-              "title": "标题名称",
-              "description": "说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字",
-              "tags": [
-                {
-                  "name": "报名火热",
-                  "color": "orange"
-                },
-                {
-                  "name": "人数众多",
-                  "color": "blue"
-                }
-              ]
-            },
-            {
               "title": "标题名称",
               "description": "说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字",
               "tags": [

package/lowcode_es/button2/meta.d.ts

@@ -0,0 +1,22 @@
+import { IPublicTypeSnippet } from '@alilc/lowcode-types';
+declare const _default: {
+    snippets: IPublicTypeSnippet[];
+    componentName: string;
+    uri?: string;
+    title?: import("@alilc/lowcode-types").IPublicTypeTitleContent;
+    icon?: import("@alilc/lowcode-types").IPublicTypeIconType;
+    tags?: string[];
+    description?: string;
+    docUrl?: string;
+    screenshot?: string;
+    devMode?: "proCode" | "lowCode";
+    npm?: import("@alilc/lowcode-types").IPublicTypeNpmInfo;
+    props?: import("@alilc/lowcode-types").IPublicTypePropConfig[];
+    configure?: import("@alilc/lowcode-types").IPublicTypeFieldConfig[] | import("@alilc/lowcode-types").IPublicTypeConfigure;
+    experimental?: import("@alilc/lowcode-types").IPublicTypeAdvanced;
+    schema?: import("@alilc/lowcode-types").IPublicTypeComponentSchema;
+    group?: string | import("@alilc/lowcode-types").IPublicTypeI18nData;
+    category?: string | import("@alilc/lowcode-types").IPublicTypeI18nData;
+    priority?: number;
+};
+export default _default;

package/lowcode_es/button2/meta.js

@@ -0,0 +1,66 @@
+import _extends from "@babel/runtime/helpers/extends";
+var Button2Meta = {
+  "componentName": "Button2",
+  "title": "按钮",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@dckj-npm/dc-material",
+    "version": "0.1.13",
+    "exportName": "Button2",
+    "main": "src\\index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [{
+      "title": {
+        "label": {
+          "type": "i18n",
+          "en-US": "name",
+          "zh-CN": "标签名称"
+        },
+        "tip": "name | 标签名称"
+      },
+      "name": "name",
+      "description": "标签名称",
+      "setter": {
+        "componentName": "StringSetter",
+        "isRequired": true,
+        "initialValue": ""
+      }
+    }, {
+      "title": {
+        "label": {
+          "type": "i18n",
+          "en-US": "color",
+          "zh-CN": "标签颜色"
+        },
+        "tip": "color | 标签颜色"
+      },
+      "name": "color",
+      "description": "标签颜色",
+      "setter": {
+        "componentName": "StringSetter",
+        "isRequired": true,
+        "initialValue": ""
+      }
+    }],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+var snippets = [{
+  "title": "按钮",
+  "screenshot": "",
+  "schema": {
+    "componentName": "Button2",
+    "props": {}
+  }
+}];
+export default _extends({}, Button2Meta, {
+  snippets: snippets
+});

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

@@ -83,18 +83,26 @@ declare const _default: {
         title?: undefined;
     })[];
     configure: {
-        component: {
-            isContainer: boolean;
-        };
+        component: {};
         props: {
             isExtends: boolean;
             override: ({
                 name: string;
                 condition: () => boolean;
+                title?: undefined;
                 setter?: undefined;
             } | {
                 name: string;
-                setter: string;
+                title: string;
+                setter: {
+                    componentName: string;
+                    props: {
+                        attributes: {
+                            label: string;
+                            value: string;
+                        }[];
+                    };
+                };
                 condition?: undefined;
             })[];
         };

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

@@ -0,0 +1,100 @@
+declare const _default: {
+    group: string;
+    componentName: string;
+    title: string;
+    docUrl: string;
+    screenshot: string;
+    npm: {
+        package: string;
+        version: string;
+        exportName: string;
+        main: string;
+        destructuring: boolean;
+        subName: string;
+    };
+    configure: {
+        component: {
+            isContainer: boolean;
+        };
+        props: ({
+            name: string;
+            title: {
+                label: string;
+                tip: string;
+            };
+            setter: {
+                componentName: string;
+                props: {
+                    options: {
+                        label: string;
+                        value: string;
+                    }[];
+                };
+            };
+            description: string;
+            defaultValue: string;
+        } | {
+            name: string;
+            title: {
+                label: string;
+                tip: string;
+            };
+            setter: string;
+            description: string;
+            defaultValue: number;
+        } | {
+            name: string;
+            title: {
+                label: string;
+                tip: string;
+            };
+            setter: string;
+            description: string;
+            defaultValue: boolean;
+        } | {
+            name: string;
+            title: string;
+            setter: string;
+            description?: undefined;
+            defaultValue?: undefined;
+        })[];
+    };
+    icon: string;
+    category: string;
+    snippets: {
+        title: string;
+        screenshot: string;
+        schema: {
+            componentName: string;
+            props: {
+                prefix: string;
+                animation: string;
+                arrows: boolean;
+                arrowSize: string;
+                arrowPosition: string;
+                arrowDirection: string;
+                autoplaySpeed: number;
+                dots: boolean;
+                dotsDirection: string;
+                draggable: boolean;
+                infinite: boolean;
+                slide: string;
+                slideDirection: string;
+                slidesToShow: number;
+                slidesToScroll: number;
+                speed: number;
+                triggerType: string;
+                centerPadding: string;
+                cssEase: string;
+                edgeFriction: number;
+                swipe: boolean;
+                touchMove: boolean;
+                touchThreshold: number;
+                useCSS: boolean;
+                waitForAnimate: boolean;
+                picUrls: string[];
+            };
+        };
+    }[];
+};
+export default _default;

package/lowcode_es/d-c-slider/meta.design.js

@@ -0,0 +1,149 @@
+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: snippets
+};

package/lowcode_es/d-c-slider/meta.js

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

package/lowcode_es/d-c-slider/snippets.js

@@ -32,5 +32,31 @@ export default [{
       // 轮播路径
       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']
     }
+    // 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_es/grid-nav/meta.js

@@ -19,26 +19,70 @@ var GridNavMeta = {
       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": "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",
       "setter": {
@@ -93,15 +137,15 @@ var GridNavMeta = {
     }, {
       name: 'fontSize',
       title: '字号',
-      defaultValue: 14,
+      defaultValue: 13,
       setter: 'NumberSetter'
     }, {
       name: 'fontColor',
       title: '字体颜色',
       propType: 'string',
       setter: 'ColorSetter',
-      defaultValue: '#333',
-      initialValue: '#333'
+      defaultValue: '#222',
+      initialValue: '#222'
     }, {
       name: 'lineHeight',
       title: '行高',