@dckj-npm/dc-material 0.1.8 → 0.1.10

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"
-  }, otherProps), itemArray.map(function (item, index) {
-    var _item$selectedIcon;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "navigation-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,16 +0,0 @@
-.navigation {
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 9px 50px 6px 50px;
-  position: fixed;
-  bottom: 0;
-  &-item {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-  }
-}

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,32 +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[];
-}
-declare const DCSlider: React.FC<ComponentProps>;
-export default DCSlider;

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

@@ -1,14 +0,0 @@
-import _Slider from "@alifd/next/es/slider";
-import * as React from 'react';
-import { Image } from '@alilc/lowcode-materials';
-import "./index.scss";
-var DCSlider = function DCSlider(props) {
-  return /*#__PURE__*/React.createElement("div", props, /*#__PURE__*/React.createElement(_Slider, props, props.picUrls && props.picUrls.length > 0 ? props.picUrls.map(function (url, index) {
-    return /*#__PURE__*/React.createElement(Image, {
-      src: url,
-      alt: "Slide",
-      key: index
-    });
-  }) : /*#__PURE__*/React.createElement("div", null, "\u56FE\u7247\u4E3A\u7A7A")));
-};
-export default DCSlider;

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;

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

@@ -1,16 +0,0 @@
-@import '../../variables.scss';
-
-.menu-list__panel {
-  border-radius: 10px;
-  background-color: white;
-
-  .menu-list__panel__item-list {
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-    padding: 1px 22px;
-  }
-
-}
-
-

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { MenuListDataProps } from "./types";
-import "./menu-list-item.scss";
-declare const MenuListItem: React.FC<MenuListDataProps>;
-export default MenuListItem;

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

@@ -1,32 +0,0 @@
-import React from 'react';
-import "./menu-list-item.scss";
-var MenuListItem = function MenuListItem(_ref) {
-  var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? '菜单名称' : _ref$title,
-    _ref$iconUrl = _ref.iconUrl,
-    iconUrl = _ref$iconUrl === void 0 ? '' : _ref$iconUrl,
-    handleClick = _ref.handleClick;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "menu-list__panel__item",
-    onClick: handleClick
-  }, iconUrl ? /*#__PURE__*/React.createElement("div", {
-    className: "menu-list__panel__item_icon"
-  }, /*#__PURE__*/React.createElement("img", {
-    alt: "",
-    src: iconUrl
-  })) : null, /*#__PURE__*/React.createElement("div", {
-    className: "menu-list__panel__item_title"
-  }, title), /*#__PURE__*/React.createElement("div", {
-    className: "menu-list__panel__item_right"
-  }, /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "32",
-    height: "32",
-    viewBox: "0 0 32 32"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M22 16L12 26l-1.4-1.4l8.6-8.6l-8.6-8.6L12 6z"
-  }))));
-};
-MenuListItem.displayName = 'MenuListItem';
-export default MenuListItem;

package/es/components/menu-list/menu-list-item.scss

@@ -1,49 +0,0 @@
-@import '../../variables.scss';
-
-.menu-list__panel__item {
-  display: flex;
-  gap: 7px;
-  justify-content: space-between;
-  align-items: center;
-  height: 45px;
-
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-
-  &:last-child {
-    border-bottom: none;
-  }
-
-  .menu-list__panel__item_icon {
-    height: 100%;
-    display: flex;
-    align-items: center;
-
-    & > img {
-      height: 15px;
-    }
-  }
-
-  .menu-list__panel__item_title {
-    font-size: 15px;
-    color: #666666;
-    font-weight: 500;
-    margin-right: auto;
-  }
-
-  .menu-list__panel__item_right {
-    height: 100%;
-    display: flex;
-    align-items: center;
-
-    & > svg {
-      height: 16px;
-      font-size: 12px;
-      color: #666666;
-      font-weight: 500;
-    }
-
-
-  }
-
-
-}

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import './index.scss';
-import { MenuListProps } from "./types";
-declare const MenuList: React.FC<MenuListProps>;
-export default MenuList;

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

@@ -1,25 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["dataList"];
-import React from 'react';
-import "./index.scss";
-import MenuListItem from "./menu-list-item";
-var MenuList = function MenuList(_ref) {
-  var dataList = _ref.dataList,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _otherProps = otherProps || {};
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "menu-list__panel"
-  }, _otherProps), /*#__PURE__*/React.createElement("div", {
-    className: "menu-list__panel__item-list"
-  }, dataList.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(MenuListItem, {
-      key: index,
-      title: item.title,
-      iconUrl: item.iconUrl,
-      handleClick: item.handleClick
-    });
-  })));
-};
-MenuList.displayName = 'MenuList';
-export default MenuList;

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

@@ -1,23 +0,0 @@
-/**
- * 数据
- */
-export interface MenuListDataProps {
-    /**
-     * 菜单名称
-     */
-    title: string;
-    /**
-     * 菜单图标地址
-     */
-    iconUrl?: string;
-    /**
-     * 点击事件
-     */
-    handleClick?: Function;
-}
-export interface MenuListProps {
-    /**
-     * 数据
-     */
-    dataList?: MenuListDataProps[];
-}

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,6 +0,0 @@
-/**
- * 图文列表
- */
-import TeletextList from './teletext-list';
-export type { TeletextListProps } from './teletext-list';
-export default TeletextList;

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

@@ -1,6 +0,0 @@
-/**
- * 图文列表
- */
-
-import TeletextList from "./teletext-list";
-export default TeletextList;

package/es/components/teletext-list/index.scss

@@ -1,16 +0,0 @@
-@import '../../variables.scss';
-
-.teletext-list__panel {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-
-  .teletext-list__panel__item-list {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-  }
-
-}
-
-

package/es/components/teletext-list/teletext-list-item.d.ts

@@ -1,42 +0,0 @@
-import React from 'react';
-import './teletext-list-item.scss';
-/**
- * 数据
- */
-interface TeletextListItemProps {
-    /**
-     * 点击事件
-     */
-    onClick?: (e: any) => void;
-    /**
-     * 标题
-     */
-    title?: string;
-    /**
-     * 图片地址
-     */
-    image?: string;
-    /**
-     * 图片位置
-     */
-    imagePlacement?: "left" | "right" | "none";
-    /**
-     * 说明
-     */
-    description?: string;
-    /**
-     * 标签列表
-     */
-    tags?: {
-        /**
-         * 标签名称
-         */
-        name: string;
-        /**
-         * 标签颜色
-         */
-        color: string;
-    }[];
-}
-declare const TeletextListItem: React.FC<TeletextListItemProps>;
-export default TeletextListItem;

package/es/components/teletext-list/teletext-list-item.js

@@ -1,50 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["onClick", "title", "image", "imagePlacement", "description", "tags"];
-import React from 'react';
-import "./teletext-list-item.scss";
-
-/**
- * 数据
- */
-
-var TeletextListItem = function TeletextListItem(_ref) {
-  var _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-    title = _ref.title,
-    image = _ref.image,
-    imagePlacement = _ref.imagePlacement,
-    description = _ref.description,
-    tags = _ref.tags,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _otherProps = otherProps || {};
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "teletext-list__panel__item",
-    onClick: onClick
-  }, _otherProps), image && imagePlacement === 'left' ? /*#__PURE__*/React.createElement("div", {
-    className: "teletext-list__panel__item_image"
-  }, /*#__PURE__*/React.createElement("img", {
-    alt: "img",
-    src: image
-  })) : null, /*#__PURE__*/React.createElement("div", {
-    className: "teletext-list__panel__item__text"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "teletext-list__panel__item__text__title"
-  }, title), /*#__PURE__*/React.createElement("div", {
-    className: "teletext-list__panel__item__text__description"
-  }, description), tags ? /*#__PURE__*/React.createElement("div", {
-    className: "teletext-list__panel__item__text__tags"
-  }, tags === null || tags === void 0 ? void 0 : tags.map(function (tag, tagIndex) {
-    return /*#__PURE__*/React.createElement("span", {
-      key: tagIndex,
-      className: tag.color
-    }, tag.name);
-  })) : null), image && imagePlacement === 'right' ? /*#__PURE__*/React.createElement("div", {
-    className: "teletext-list__panel__item_image"
-  }, /*#__PURE__*/React.createElement("img", {
-    alt: "img",
-    src: image
-  })) : null);
-};
-TeletextListItem.displayName = 'TeletextListItem';
-export default TeletextListItem;

package/es/components/teletext-list/teletext-list-item.scss

@@ -1,74 +0,0 @@
-@import '../../variables.scss';
-
-.teletext-list__panel__item {
-  display: flex;
-  gap: 5px;
-  padding-bottom: 10px;
-  justify-content: space-between;
-
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-
-  .teletext-list__panel__item_image {
-    width: 90px;
-    height: 71px;
-    border-radius: 5px;
-    flex: 0 0 auto;
-    overflow: hidden;
-
-    & > img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-
-  }
-
-  .teletext-list__panel__item__text {
-    display: flex;
-    flex-direction: column;
-    gap: 3px;
-
-    .teletext-list__panel__item__text__title {
-      font-size: 15px;
-      font-weight: 500;
-      color: #000000;
-    }
-
-    .teletext-list__panel__item__text__description {
-      -webkit-line-clamp: 1;
-      overflow: hidden;
-      color: #686868;
-      -webkit-box-orient: vertical;
-      display: -webkit-box;
-      font-size: 12px;
-      text-overflow: ellipsis;
-    }
-
-    .teletext-list__panel__item__text__tags {
-      display: flex;
-      gap: 6px;
-
-      & > span {
-        padding: 2px 6px;
-        border-radius: 4px;
-        background-color: black;
-        color: white;
-        font-size: 11px;
-
-        &.orange {
-          color: #F1770E;
-          background-color: rgba(241, 119, 14, 0.1);
-        }
-
-        &.blue {
-          color: #2972DD;
-          background-color: rgba(41, 114, 221, 0.1);
-        }
-
-      }
-
-    }
-
-  }
-
-}