@dckj-npm/dc-material 0.1.16 → 0.1.18

package/es/components/bottom-navigation/bottom-navigation.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import './index.scss';
-interface Navigation {
-    text: string;
-    icon: string;
-    selectedIcon: string;
-}
-export interface NavigationProps {
-    itemArray: Navigation[];
-    selectedColor: string;
-}
-declare const Navigation: React.FC<NavigationProps>;
-export default Navigation;

package/es/components/bottom-navigation/bottom-navigation.js

@@ -1,39 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["itemArray", "selectedColor"];
-import * as React from 'react';
-import { Image } from '@alilc/lowcode-materials';
-import "./index.scss";
-var Navigation = function bottomNavigation(_ref) {
-  var itemArray = _ref.itemArray,
-    selectedColor = _ref.selectedColor,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _React$useState = React.useState(0),
-    activeNum = _React$useState[0],
-    setActiveNum = _React$useState[1];
-  var clickHandle = function clickHandle(index) {
-    // 更新激活tab
-    setActiveNum(index);
-  };
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "navigation-panel"
-  }, otherProps), itemArray.map(function (item, index) {
-    var _item$selectedIcon;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "navigation-panel-item",
-      onClick: function onClick() {
-        return clickHandle(index);
-      },
-      style: {
-        color: activeNum === index ? selectedColor !== null && selectedColor !== void 0 ? selectedColor : '#4598FF' : ''
-      }
-    }, /*#__PURE__*/React.createElement(Image, {
-      src: activeNum === index ? (_item$selectedIcon = item.selectedIcon) !== null && _item$selectedIcon !== void 0 ? _item$selectedIcon : item.icon : item.icon,
-      style: {
-        width: '24.5px',
-        height: '24.5px'
-      }
-    }), /*#__PURE__*/React.createElement("span", null, item.text));
-  }));
-};
-export default Navigation;

package/es/components/bottom-navigation/index.d.ts

@@ -1,3 +0,0 @@
-import Navigation from './bottom-navigation';
-export type { NavigationProps } from './bottom-navigation';
-export default Navigation;

package/es/components/bottom-navigation/index.js

@@ -1,2 +0,0 @@
-import Navigation from "./bottom-navigation";
-export default Navigation;

package/es/components/bottom-navigation/index.scss

@@ -1,20 +0,0 @@
-.navigation-panel {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 9px 0px 6px 0px;
-  width: 100%;
-  position: fixed;
-  bottom: 0;
-  background-color: #fff;
-  box-sizing: border-box;
-  z-index: 10;
-  &-item {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    flex: 1;
-  }
-}

package/es/components/button/button.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import './index.scss';
-export interface ButtonProps {
-    /**
-     * 标签名称
-     */
-    name: string;
-    /**
-     * 标签颜色
-     */
-    color: string;
-}
-declare const Button: React.FC<ButtonProps>;
-export default Button;

package/es/components/button/button.js

@@ -1,14 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["name", "color"];
-import * as React from 'react';
-import "./index.scss";
-var Button = function Button(_ref) {
-  var name = _ref.name,
-    color = _ref.color,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("span", _extends({
-    className: "button__container " + (color ? color : '')
-  }, otherProps), name);
-};
-export default Button;

package/es/components/button/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * 标签tag
- */
-import Button from './button';
-export type { ButtonProps } from './button';
-export default Button;

package/es/components/button/index.js

@@ -1,5 +0,0 @@
-/**
- * 标签tag
- */
-import Button from "./button";
-export default Button;

package/es/components/button/index.scss

@@ -1,16 +0,0 @@
-.button__container {
-  padding: 9px 15px;
-  border-radius: 15px;
-  color: white;
-  font-size: 14px;
-}
-.complete {
-  color: #fff;
-  background-color: rgba(233, 110, 65, 1);
-}
-
-.undone {
-  color: rgba(233, 110, 65, 1);
-  background-color: #fff;
-  border: 1px solid rgba(233, 110, 65, 1);
-}

package/es/components/colorful-button/colorful-button.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import './index.scss';
-export interface ColorfulButtonProps {
-    /**
-     * 类型
-     */
-    type?: "primary" | "secondary" | "normal";
-    color?: string;
-    style?: object;
-}
-declare const ColorfulButton: React.FC<ColorfulButtonProps>;
-export default ColorfulButton;

package/es/components/colorful-button/colorful-button.js

@@ -1,25 +0,0 @@
-import _Button from "@alifd/next/es/button";
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["type", "color", "style"];
-import * as React from 'react';
-import "./index.scss";
-var ColorfulButton = function ColorfulButton(_ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'primary' : _ref$type,
-    color = _ref.color,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? {} : _ref$style,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _style = style || {};
-  if (color) {
-    _style.backgroundColor = color;
-  }
-  var _otherProps = otherProps || {};
-  _otherProps.style = _style;
-  return /*#__PURE__*/React.createElement(_Button, _extends({
-    type: type
-  }, _otherProps), "fusion button");
-};
-ColorfulButton.displayName = 'ColorfulButton';
-export default ColorfulButton;

package/es/components/colorful-button/index.d.ts

@@ -1,3 +0,0 @@
-import ColorfulButton from './colorful-button';
-export type { ColorfulButtonProps } from './colorful-button';
-export default ColorfulButton;

package/es/components/colorful-button/index.js

@@ -1,2 +0,0 @@
-import ColorfulButton from "./colorful-button";
-export default ColorfulButton;

package/es/components/colorful-button/index.scss

@@ -1,5 +0,0 @@
-@import '../../variables.scss';
-
-#{$biz-css-prefix}-colorful-button {
-  border: 2px dashed blue;
-}

package/es/components/colorful-input/colorful-input.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import './index.scss';
-export interface ColorfulInputProps {
-    color?: string;
-    style?: object;
-}
-declare const ColorfulInput: React.FC<ColorfulInputProps>;
-export default ColorfulInput;

package/es/components/colorful-input/colorful-input.js

@@ -1,19 +0,0 @@
-import _Input from "@alifd/next/es/input";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["color", "style"];
-import * as React from 'react';
-import "./index.scss";
-var ColorfulInput = function ColorfulInput(_ref) {
-  var color = _ref.color,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? {} : _ref$style,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _style = style || {};
-  if (color) {
-    _style.backgroundColor = color;
-  }
-  var _otherProps = otherProps || {};
-  _otherProps.style = _style;
-  return /*#__PURE__*/React.createElement(_Input, _otherProps);
-};
-export default ColorfulInput;

package/es/components/colorful-input/index.d.ts

@@ -1,3 +0,0 @@
-import ColorfulInput from './colorful-input';
-export type { ColorfulInputProps } from './colorful-input';
-export default ColorfulInput;

package/es/components/colorful-input/index.js

@@ -1,2 +0,0 @@
-import ColorfulInput from "./colorful-input";
-export default ColorfulInput;

package/es/components/colorful-input/index.scss

@@ -1,5 +0,0 @@
-@import '../../variables.scss';
-
-#{$biz-css-prefix}-colorful-button {
-  border: 2px dashed blue;
-}

package/es/components/dc-slider/index.d.ts

@@ -1,3 +0,0 @@
-import DCSlider from './slider';
-export type { ComponentProps } from './slider';
-export default DCSlider;

package/es/components/dc-slider/index.js

@@ -1,2 +0,0 @@
-import DCSlider from "./slider";
-export default DCSlider;

package/es/components/dc-slider/index.scss

@@ -1,8 +0,0 @@
-/* write style here */
-.ExampleComponent {
-
-}
-.img{
-  width: 100%;
-  height: 100%;
-}

package/es/components/dc-slider/slider.d.ts

@@ -1,33 +0,0 @@
-import * as React from 'react';
-import './index.scss';
-export interface ComponentProps {
-    prefix: string;
-    animation: string;
-    arrows: true;
-    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[];
-    variableWidth: boolean;
-}
-declare const DCSlider: React.FC<ComponentProps>;
-export default DCSlider;

package/es/components/dc-slider/slider.js

@@ -1,10 +0,0 @@
-import _Button from "antd/es/button";
-import * as React from 'react';
-import "./index.scss";
-var DCSlider = function DCSlider(props) {
-  var children = props.children;
-  console.log('slider-children', children);
-  console.log('Carousel', 123);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, null, "123"));
-};
-export default DCSlider;

package/es/components/grid-nav/grid-nav.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-export interface GridNavProps {
-    dataSourceSetting: [];
-    columns: number;
-    iconSize: string;
-    fontWeight: string;
-    fontSize: number;
-    fontColor: string;
-    lineHeight: string;
-    lineNum: number;
-}
-declare const GridNav: React.ForwardRefExoticComponent<GridNavProps & React.RefAttributes<any>>;
-export default GridNav;

package/es/components/grid-nav/grid-nav.js

@@ -1,91 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { forwardRef } from 'react';
-var ExampleComponent = function ExampleComponent(props, ref) {
-  var columns = props.columns,
-    _props$iconSize = props.iconSize,
-    iconSize = _props$iconSize === void 0 ? 'medium' : _props$iconSize,
-    _props$fontWeight = props.fontWeight,
-    fontWeight = _props$fontWeight === void 0 ? 'normal' : _props$fontWeight,
-    _props$fontSize = props.fontSize,
-    fontSize = _props$fontSize === void 0 ? 14 : _props$fontSize,
-    _props$fontColor = props.fontColor,
-    fontColor = _props$fontColor === void 0 ? '#333' : _props$fontColor,
-    _props$lineHeight = props.lineHeight,
-    lineHeight = _props$lineHeight === void 0 ? 'auto' : _props$lineHeight,
-    _props$lineNum = props.lineNum,
-    lineNum = _props$lineNum === void 0 ? 1 : _props$lineNum,
-    dataSourceSetting = props.dataSourceSetting;
-  console.log('dataSourceSetting的值为', dataSourceSetting);
-
-  // 设置图标尺寸
-  var iconStyle = {};
-  switch (iconSize) {
-    case 'large':
-      iconStyle = {
-        width: '64px',
-        height: '64px'
-      };
-      break;
-    case 'medium':
-      iconStyle = {
-        width: '48px',
-        height: '48px'
-      };
-      break;
-    case 'small':
-      iconStyle = {
-        width: '32px',
-        height: '32px'
-      };
-      break;
-    default:
-      iconStyle = {
-        width: '48px',
-        height: '48px'
-      };
-  }
-
-  // 设置字重
-  var fontStyle = {
-    fontWeight: fontWeight,
-    fontSize: fontSize,
-    color: fontColor,
-    lineHeight: lineHeight
-  };
-
-  // 设置行数
-  var fontLineStyle = {};
-  fontLineStyle = {
-    maxWidth: '80px',
-    overflow: 'hidden',
-    // whiteSpace: lineNum === 1 ? 'nowrap' : 'none',
-    textOverflow: 'ellipsis',
-    display: '-webkit-box',
-    WebkitLineClamp: lineNum,
-    WebkitBoxOrient: 'vertical'
-  };
-  var fontAllStyle = _extends({}, fontStyle, fontLineStyle);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    className: "grid-navigation",
-    style: {
-      gridTemplateColumns: "repeat(" + columns + ", 1fr)"
-    }
-  }, dataSourceSetting.map(function (item, index) {
-    return item ? /*#__PURE__*/React.createElement("a", {
-      key: index,
-      href: item.link || '#',
-      className: "grid-item"
-    }, /*#__PURE__*/React.createElement("img", {
-      src: item.icon || 'https://qcloudimg.tencent-cloud.cn/raw/fe54a986a821473655ba20afe30a543a.png',
-      alt: item.title || '导航',
-      style: iconStyle
-    }), /*#__PURE__*/React.createElement("span", {
-      style: fontAllStyle
-    }, item.title || '无标题')) : null;
-  }));
-};
-var GridNav = /*#__PURE__*/forwardRef(ExampleComponent);
-GridNav.displayName = 'GridNav';
-export default GridNav;

package/es/components/grid-nav/index.d.ts

@@ -1,3 +0,0 @@
-import GridNav from "./grid-nav";
-export type { GridNavProps } from './grid-nav';
-export default GridNav;

package/es/components/grid-nav/index.js

@@ -1,2 +0,0 @@
-import GridNav from "./grid-nav";
-export default GridNav;

package/es/components/grid-nav/index.scss

@@ -1,36 +0,0 @@
-/* write style here */
-.grid-navigation {
-    padding: 10px;
-    width: 100%;
-    display: grid;
-    gap: 16px; /* 宫格之间的间距 */
-    // grid-template-columns: repeat(60px, minmax(1fr));
-  }
-  
-  .grid-item {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    text-align: center;
-    text-decoration: none;
-    color: #333;
-    position: relative;
-    img {
-      width: 48px;
-      height: 48px;
-      margin-bottom: 4px;
-    }
-  
-    span {
-      font-size: 14px;
-      // overflow: hidden;
-      // text-overflow: ellipsis;
-      // white-space: nowrap;
-      // max-width: 60px;
-    }
-  
-    &:hover {
-      color: #007bff;
-    }
-  }
-  

package/es/components/integral-task/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * 标签tag
- */
-import IntegralTask from './integral-task';
-export type { IntegralTaskProps } from './integral-task';
-export default IntegralTask;

package/es/components/integral-task/index.js

@@ -1,5 +0,0 @@
-/**
- * 标签tag
- */
-import IntegralTask from "./integral-task";
-export default IntegralTask;

package/es/components/integral-task/index.scss

@@ -1,35 +0,0 @@
-.integral-task__container {
-  padding: 0 12px;
-  &__item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    &__left {
-      display: flex;
-      align-items: center;
-      &__img {
-        width: 53px;
-        height: 53px;
-        margin-right: 9px;
-      }
-      &__content {
-        &__title {
-          font-size: 15px;
-          color: #333333;
-        }
-        &__integral {
-          display: flex;
-          align-items: center;
-          &--icon {
-            width: 15px;
-            height: 15px;
-          }
-          &--number {
-            font-size: 12px;
-            color: #EA6A3D;
-          }
-        }
-      }
-    }
-  }
-}

package/es/components/integral-task/integral-task.d.ts

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import './index.scss';
-interface DataProps {
-    /**
-     * 任务名称
-     */
-    name: string;
-    /**
-     * 积分
-     */
-    integral: number;
-    /**
-     * 状态 0 未完成 1 已完成
-     */
-    status: number;
-}
-export interface IntegralTaskProps {
-    /**
-     * 任务名称
-     */
-    list: DataProps[];
-    /**
-     * 图标
-     */
-    icon: string;
-    /**
-     * 图片
-     */
-    images: string[];
-    /**
-     * 完成文案
-     */
-    completeLabel: string;
-    /**
-     * 未完成文案
-     */
-    undoneLabel: string;
-}
-declare const IntegralTask: React.FC<IntegralTaskProps>;
-export default IntegralTask;

package/es/components/integral-task/integral-task.js

@@ -1,53 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["list", "icon", "images", "undoneLabel", "completeLabel", "children"];
-import * as React from 'react';
-import "./index.scss";
-import { convertChildren } from "../../utils/children-node-handle";
-var Status = /*#__PURE__*/function (Status) {
-  Status[Status["undone"] = 0] = "undone";
-  Status[Status["complete"] = 1] = "complete";
-  return Status;
-}(Status || {});
-var IntegralTask = function IntegralTask(_ref) {
-  var list = _ref.list,
-    icon = _ref.icon,
-    images = _ref.images,
-    undoneLabel = _ref.undoneLabel,
-    completeLabel = _ref.completeLabel,
-    children = _ref.children,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  console.log(images, 'images');
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "integral-task__container"
-  }, otherProps), list && list.length ? list.map(function (item, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "integral-task__container__item"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "integral-task__container__item__left"
-    }, convertChildren(children, 'image-left', {
-      src: images[index % images.length],
-      className: 'integral-task__container__item__left__img'
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "integral-task__container__item__left__content"
-    }, convertChildren(children, 'title', {
-      children: item.name,
-      className: 'integral-task__container__item__left__content__title'
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "integral-task__container__item__left__content__integral"
-    }, icon ? convertChildren(children, 'image-icon', {
-      src: icon,
-      className: 'integral-task__container__item__left__content__integral--icon'
-    }) : '', convertChildren(children, 'integral', {
-      children: item.integral + ' 积分',
-      className: 'integral-task__container__item__left__content__integral--number'
-    })))), /*#__PURE__*/React.createElement("div", {
-      className: "integral-task__container__item__right"
-    }, convertChildren(children, 'button2', {
-      children: item.integral + ' 积分',
-      name: item.status === Status.undone ? undoneLabel : completeLabel,
-      color: Status[item.status]
-    })));
-  }) : '暂无数据');
-};
-export default IntegralTask;

package/es/components/menu-list/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * 菜单列表
- */
-import MenuList from './menu-list';
-export type { MenuListDataProps, MenuListProps } from './types';
-export default MenuList;

package/es/components/menu-list/index.js

@@ -1,6 +0,0 @@
-/**
- * 菜单列表
- */
-
-import MenuList from "./menu-list";
-export default MenuList;