@dckj-npm/dc-material 0.1.0 → 0.1.1

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": "StringSetter",
+          "isRequired": false,
+          "initialValue": "#144477"
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "tipColor",
+            "zh-CN": "tip颜色"
+          },
+          "tip": "tipColor | tip颜色"
+        },
+        "name": "tipColor",
+        "description": "tip颜色",
+        "setter": {
+          "componentName": "StringSetter",
+          "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;

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

@@ -0,0 +1,36 @@
+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_es/meta.js

@@ -1,7 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
-import ColorfulButtonMeta from "./colorful-button/meta";
-import ColorfulInputMeta from "./colorful-input/meta";
+import DCSliderMeta from "./d-c-slider/meta";
+import NavigationMeta from "./navigation/meta";
 import TeletextListMeta from "./teletext-list/meta";
+import Title1Meta from "./title1/meta";
+import Title2Meta from "./title2/meta";
 var componentCategorySort = {};
 ["基础元素", "布局容器类", "表格类", "表单详情类", "帮助类", "对话框类", "业务类", "通用", "引导", "信息输入", "信息展示", "信息反馈"].reverse().forEach(function (item, index) {
   componentCategorySort[item] = ++index;
@@ -73,7 +75,7 @@ function fillRealVersion(meta, packageName, version, basicLibraryVersion) {
     packageName = '@dckj-npm/dc-material';
   }
   if (version === void 0) {
-    version = '0.1.0';
+    version = '0.1.1';
   }
   if (basicLibraryVersion === void 0) {
     basicLibraryVersion = {
@@ -100,7 +102,7 @@ function fillRealVersion(meta, packageName, version, basicLibraryVersion) {
   }
   return meta;
 }
-var componentMetas = [ColorfulButtonMeta, ColorfulInputMeta, TeletextListMeta];
+var componentMetas = [DCSliderMeta, NavigationMeta, TeletextListMeta, Title1Meta, Title2Meta];
 var components = [];
 var npmInfo = {};
 componentMetas.forEach(function (meta) {
@@ -163,4 +165,4 @@ if (!execCompile) {
     components: components,
     componentList: componentList
   };
-}
+}