@dckj-npm/dc-material 0.1.0 → 0.1.3

package/lowcode/{colorful-input → title1}/meta.ts

@@ -1,56 +1,58 @@
-
-import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
-
-const ColorfulInputMeta: IPublicTypeComponentMetadata = {
-  "componentName": "ColorfulInput",
-  "title": "ColorfulInput",
-  "docUrl": "",
-  "screenshot": "",
-  "devMode": "proCode",
-  "npm": {
-    "package": "@dckj-npm/dc-material",
-    "version": "0.1.0",
-    "exportName": "ColorfulInput",
-    "main": "src/index.tsx",
-    "destructuring": true,
-    "subName": ""
-  },
-  "configure": {
-    "props": [
-      {
-        "title": {
-          "label": {
-            "type": "i18n",
-            "en-US": "color",
-            "zh-CN": "color"
-          }
-        },
-        "name": "color",
-        "setter": {
-          "componentName": "StringSetter",
-          "isRequired": false,
-          "initialValue": ""
-        }
-      }
-    ],
-    "supports": {
-      "style": true
-    },
-    "component": {}
-  }
-};
-const snippets: IPublicTypeSnippet[] = [
-  {
-    "title": "ColorfulInput",
-    "screenshot": "",
-    "schema": {
-      "componentName": "ColorfulInput",
-      "props": {}
-    }
-  }
-];
-
-export default {
-  ...ColorfulInputMeta,
-  snippets
-};
+
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const Title1Meta: IPublicTypeComponentMetadata = {
+  "componentName": "Title1",
+  "title": "个性化标题1",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@dckj-npm/dc-material",
+    "version": "0.1.0",
+    "exportName": "Title1",
+    "main": "src/index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "title",
+            "zh-CN": "标题"
+          },
+          "tip": "title | 标题"
+        },
+        "name": "title",
+        "description": "标题",
+        "setter": {
+          "componentName": "StringSetter",
+          "isRequired": false,
+          "initialValue": "标题名称"
+        }
+      }
+    ],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+const snippets: IPublicTypeSnippet[] = [
+  {
+    "title": "个性化标题1",
+    "screenshot": "",
+    "schema": {
+      "componentName": "Title1",
+      "props": {}
+    }
+  }
+];
+
+export default {
+  ...Title1Meta,
+  snippets
+};

package/lowcode/title2/meta.ts

@@ -0,0 +1,92 @@
+
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const Title2Meta: IPublicTypeComponentMetadata = {
+  "componentName": "Title2",
+  "title": "个性化标题2",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@dckj-npm/dc-material",
+    "version": "0.1.0",
+    "exportName": "Title2",
+    "main": "src/index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "title",
+            "zh-CN": "标题"
+          },
+          "tip": "title | 标题"
+        },
+        "name": "title",
+        "description": "标题",
+        "setter": {
+          "componentName": "StringSetter",
+          "isRequired": false,
+          "initialValue": "标题名称"
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "color",
+            "zh-CN": "颜色"
+          },
+          "tip": "color | 颜色"
+        },
+        "name": "color",
+        "description": "颜色",
+        "setter": {
+          "componentName": "ColorSetter",
+          "isRequired": false,
+          "initialValue": "#144477"
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "tipColor",
+            "zh-CN": "tip颜色"
+          },
+          "tip": "tipColor | tip颜色"
+        },
+        "name": "tipColor",
+        "description": "tip颜色",
+        "setter": {
+          "componentName": "ColorSetter",
+          "isRequired": false,
+          "initialValue": "#388AF7"
+        }
+      }
+    ],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+const snippets: IPublicTypeSnippet[] = [
+  {
+    "title": "个性化标题2",
+    "screenshot": "",
+    "schema": {
+      "componentName": "Title2",
+      "props": {}
+    }
+  }
+];
+
+export default {
+  ...Title2Meta,
+  snippets
+};

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

@@ -0,0 +1,140 @@
+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;
+    };
+    props: ({
+        name: string;
+        propType: string;
+        defaultValue: string;
+        description?: undefined;
+        title?: undefined;
+    } | {
+        name: string;
+        propType: string;
+        defaultValue: boolean;
+        description?: undefined;
+        title?: undefined;
+    } | {
+        name: string;
+        propType: string;
+        description: string;
+        defaultValue?: undefined;
+        title?: undefined;
+    } | {
+        name: string;
+        title: {
+            label: string;
+            tip: string;
+        };
+        propType: string;
+        description: string;
+        defaultValue: number;
+    } | {
+        name: string;
+        title: {
+            label: string;
+            tip: string;
+        };
+        propType: string;
+        description: string;
+        defaultValue?: undefined;
+    } | {
+        name: string;
+        title: {
+            label: string;
+            tip: string;
+        };
+        propType: string;
+        description: string;
+        defaultValue: boolean;
+    } | {
+        name: string;
+        title: {
+            label: string;
+            tip: string;
+        };
+        propType: {
+            type: string;
+            value: string[];
+        };
+        description: string;
+        defaultValue: string;
+    } | {
+        name: string;
+        propType: string;
+        description: string;
+        defaultValue: any;
+        title?: undefined;
+    } | {
+        name: string;
+        propType: string;
+        defaultValue?: undefined;
+        description?: undefined;
+        title?: undefined;
+    })[];
+    configure: {
+        component: {
+            isContainer: boolean;
+        };
+        props: {
+            isExtends: boolean;
+            override: ({
+                name: string;
+                condition: () => boolean;
+                setter?: undefined;
+            } | {
+                name: string;
+                setter: string;
+                condition?: 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.js

@@ -0,0 +1,298 @@
+import snippets from "./snippets";
+export default {
+  group: '原子组件',
+  componentName: 'DCSlider',
+  title: '图片轮播',
+  docUrl: '',
+  screenshot: '',
+  "npm": {
+    "package": "@dckj-npm/dc-material",
+    "version": "0.1.2",
+    "exportName": "DCSlider",
+    "main": "src\\index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  props: [{
+    name: 'prefix',
+    propType: 'string',
+    defaultValue: 'next-'
+  }, {
+    name: 'rtl',
+    propType: 'bool',
+    defaultValue: false
+  }, {
+    name: 'className',
+    propType: 'any',
+    description: '自定义传入的样式'
+  }, {
+    name: 'slidesToShow',
+    title: {
+      label: '图片数量',
+      tip: 'slidesToShow|同时展示的图片数量'
+    },
+    propType: 'number',
+    description: '同时展示的图片数量',
+    defaultValue: 1
+  }, {
+    name: 'slidesToScroll',
+    title: {
+      label: '同时滑动的图片数量',
+      tip: 'slidesToScroll'
+    },
+    propType: 'number',
+    description: '同时滑动的图片数量',
+    defaultValue: 1
+  }, {
+    name: 'speed',
+    title: {
+      label: '轮播速度',
+      tip: 'speed'
+    },
+    propType: 'number',
+    description: '轮播速度',
+    defaultValue: 600
+  }, {
+    name: 'activeIndex',
+    title: {
+      label: '指定轮播图',
+      tip: 'activeIndex|跳转到指定的轮播图（受控）'
+    },
+    propType: 'number',
+    description: '跳转到指定的轮播图（受控）'
+  }, {
+    name: 'adaptiveHeight',
+    title: {
+      label: '自适应高度',
+      tip: 'adaptiveHeight'
+    },
+    propType: 'bool',
+    description: '是否使用自适应高度',
+    defaultValue: true
+  }, {
+    name: 'animation',
+    title: {
+      label: '动效类型',
+      tip: 'animation'
+    },
+    propType: {
+      type: 'oneOfType',
+      value: ['string', 'bool']
+    },
+    description: "动效类型，默认是'slide'",
+    defaultValue: 'slide'
+  }, {
+    name: 'arrows',
+    title: {
+      label: '箭头',
+      tip: 'arrows|是否显示箭头'
+    },
+    propType: 'bool',
+    description: '是否显示箭头',
+    defaultValue: true
+  }, {
+    name: 'arrowSize',
+    title: {
+      label: '箭头大小',
+      tip: "arrowSize|导航箭头大小 可选值: 'medium', 'large'"
+    },
+    propType: {
+      type: 'oneOf',
+      value: ['medium', 'large']
+    },
+    description: "导航箭头大小 可选值: 'medium', 'large'",
+    defaultValue: 'medium'
+  }, {
+    name: 'arrowPosition',
+    title: {
+      label: '箭头位置',
+      tip: "arrowPosition|导航箭头位置 可选值: 'inner', 'outer'"
+    },
+    propType: {
+      type: 'oneOf',
+      value: ['inner', 'outer']
+    },
+    description: "导航箭头位置 可选值: 'inner', 'outer'",
+    defaultValue: 'inner'
+  }, {
+    name: 'arrowDirection',
+    title: {
+      label: '箭头方向',
+      tip: "arrowDirection|导航箭头的方向 可选值: 'hoz', 'ver'"
+    },
+    propType: {
+      type: 'oneOf',
+      value: ['hoz', 'ver']
+    },
+    description: "导航箭头的方向 可选值: 'hoz', 'ver'",
+    defaultValue: 'hoz'
+  }, {
+    name: 'autoplay',
+    title: {
+      label: '自动播放',
+      tip: 'autoplay'
+    },
+    propType: 'bool',
+    description: '是否自动播放',
+    defaultValue: false
+  }, {
+    name: 'autoplaySpeed',
+    title: {
+      label: '自动播放的速度',
+      tip: 'autoplaySpeed, 默认 3000 毫秒'
+    },
+    propType: 'number',
+    description: '自动播放的速度',
+    defaultValue: 3000
+  }, {
+    name: 'nextArrow',
+    propType: 'node',
+    description: '向后箭头',
+    defaultValue: null
+  }, {
+    name: 'prevArrow',
+    propType: 'node',
+    description: '向前箭头',
+    defaultValue: null
+  }, {
+    name: 'centerMode',
+    title: {
+      label: '居中模式',
+      tip: 'centerMode'
+    },
+    propType: 'bool',
+    description: '是否启用居中模式',
+    defaultValue: false
+  }, {
+    name: 'dots',
+    title: {
+      label: '导航锚点',
+      tip: 'dots|是否显示导航锚点'
+    },
+    propType: 'bool',
+    description: '是否显示导航锚点',
+    defaultValue: true
+  }, {
+    name: 'dotsDirection',
+    title: {
+      label: '导航锚点位置',
+      tip: 'dotsDirection'
+    },
+    propType: {
+      type: 'oneOf',
+      value: ['hoz', 'ver']
+    },
+    description: '导航锚点位置',
+    defaultValue: 'hoz'
+  }, {
+    name: 'draggable',
+    title: {
+      label: '可拖拽',
+      tip: 'draggable'
+    },
+    propType: 'bool',
+    description: '是否可拖拽',
+    defaultValue: true
+  }, {
+    name: 'infinite',
+    title: {
+      label: '无穷循环',
+      tip: 'infinite'
+    },
+    propType: 'bool',
+    description: '是否使用无穷循环模式',
+    defaultValue: true
+  }, {
+    name: 'defaultActiveIndex',
+    title: {
+      label: '初始轮播图',
+      tip: 'defaultActiveIndex|初始被激活的轮播图'
+    },
+    propType: 'number',
+    description: '初始被激活的轮播图',
+    defaultValue: 0
+  }, {
+    name: 'lazyLoad',
+    title: {
+      label: '懒加载',
+      tip: 'lazyLoad|是否启用懒加载'
+    },
+    propType: 'bool',
+    description: '是否启用懒加载',
+    defaultValue: false
+  }, {
+    name: 'slideDirection',
+    title: {
+      label: '轮播方向',
+      tip: 'slideDirection'
+    },
+    propType: {
+      type: 'oneOf',
+      value: ['hoz', 'ver']
+    },
+    description: '轮播方向',
+    defaultValue: 'hoz'
+  }, {
+    name: 'triggerType',
+    title: {
+      label: '触发方式',
+      tip: 'triggerType|锚点导航触发方式'
+    },
+    propType: {
+      type: 'oneOf',
+      value: ['click', 'hover']
+    },
+    description: '锚点导航触发方式',
+    defaultValue: 'click'
+  }, {
+    name: 'onChange',
+    propType: 'func',
+    description: '轮播切换的回调函数\n@param {Number} index 幻灯片的索引'
+  }, {
+    name: 'onBeforeChange',
+    propType: 'func'
+  }, {
+    name: 'style',
+    propType: 'object',
+    description: '自定义传入的class',
+    defaultValue: null
+  }, {
+    name: 'picUrls',
+    propType: 'array',
+    description: '图片路径'
+  }, {
+    name: 'focusOnSelect',
+    title: {
+      label: '自动居中',
+      tip: 'focusOnSelect|多图轮播时，点击选中后自动居中'
+    },
+    propType: 'bool',
+    description: '多图轮播时，点击选中后自动居中',
+    defaultValue: false
+  }],
+  configure: {
+    component: {
+      isContainer: true
+    },
+    props: {
+      isExtends: true,
+      override: [{
+        name: 'rtl',
+        condition: function condition() {
+          return false;
+        }
+      }, {
+        name: 'prefix',
+        condition: function condition() {
+          return false;
+        }
+      }, {
+        name: 'picUrls',
+        setter: 'SetterFormVariable'
+      }]
+    }
+  },
+  icon: '',
+  category: '信息展示',
+  snippets: snippets
+};

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

@@ -0,0 +1,36 @@
+declare const _default: {
+    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;