@dckj-npm/dc-material 0.1.12 → 0.1.13

package/lowcode_lib/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_lib/d-c-slider/meta.js

@@ -0,0 +1,303 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _snippets = _interopRequireDefault(require("./snippets"));
+var _default = exports["default"] = {
+  group: '低代码组件',
+  componentName: 'DCSlider',
+  title: '图片轮播',
+  docUrl: '',
+  screenshot: '',
+  "npm": {
+    "package": "@dckj-npm/dc-material",
+    "version": "0.1.8",
+    "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["default"]
+};

package/lowcode_lib/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_lib/d-c-slider/snippets.js

@@ -0,0 +1,40 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _default = exports["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_lib/grid-nav/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_lib/grid-nav/meta.js

@@ -0,0 +1,157 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var GridNavMeta = {
+  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
+    }
+  }
+};
+var snippets = [{
+  "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"
+    }
+  }
+}];
+var _default = exports["default"] = (0, _extends2["default"])({}, GridNavMeta, {
+  snippets: snippets
+});