@dckj-npm/dc-material 0.1.1 → 0.1.3

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

@@ -1,48 +1,48 @@
-import React from 'react';
-import './index.scss';
-/**
- * 数据
- */
-interface DataProps {
-    /**
-     * 标题
-     */
-    title?: string;
-    /**
-     * 图片地址
-     */
-    image?: string;
-    /**
-     * 图片位置
-     */
-    imagePlacement?: "left" | "right" | "none";
-    /**
-     * 说明
-     */
-    description?: string;
-    /**
-     * 标签列表
-     */
-    tags?: {
-        /**
-         * 标签名称
-         */
-        name: string;
-        /**
-         * 标签颜色
-         */
-        color: string;
-    }[];
-}
-export interface TeletextListProps {
-    /**
-     * 标题
-     */
-    title?: string;
-    /**
-     * 数据
-     */
-    dataList?: DataProps[];
-}
-declare const TeletextList: React.FC<TeletextListProps>;
-export default TeletextList;
+import React from 'react';
+import './index.scss';
+/**
+ * 数据
+ */
+interface DataProps {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 图片地址
+     */
+    image?: string;
+    /**
+     * 图片位置
+     */
+    imagePlacement?: "left" | "right" | "none";
+    /**
+     * 说明
+     */
+    description?: string;
+    /**
+     * 标签列表
+     */
+    tags?: {
+        /**
+         * 标签名称
+         */
+        name: string;
+        /**
+         * 标签颜色
+         */
+        color: string;
+    }[];
+}
+export interface TeletextListProps {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 数据
+     */
+    dataList?: DataProps[];
+}
+declare const TeletextList: React.FC<TeletextListProps>;
+export default TeletextList;

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

@@ -3,9 +3,11 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutP
 var _excluded = ["title", "dataList"];
 import React from 'react';
 import "./index.scss";
+import { Title1 } from "../title";
+import { default as TeletextListItem } from "./teletext-list-item";
 
-/**
- * 数据
+/**
+ * 数据
  */
 
 var DEFAULT_DATA_1 = {
@@ -54,39 +56,14 @@ var TeletextList = function TeletextList(_ref) {
   var _otherProps = otherProps || {};
   return /*#__PURE__*/React.createElement("div", _extends({
     className: "teletext-list__panel"
-  }, _otherProps), title ? /*#__PURE__*/React.createElement("div", {
-    className: "teletext-list__panel__title"
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, title))) : null, /*#__PURE__*/React.createElement("div", {
+  }, _otherProps), /*#__PURE__*/React.createElement(Title1, {
+    title: title
+  }), /*#__PURE__*/React.createElement("div", {
     className: "teletext-list__panel__item-list"
   }, dataList.map(function (item, index) {
-    var _item$tags;
-    return /*#__PURE__*/React.createElement("div", {
-      key: index,
-      className: "teletext-list__panel__item"
-    }, item.image && item.imagePlacement === 'left' ? /*#__PURE__*/React.createElement("div", {
-      className: "teletext-list__panel__item_image"
-    }, /*#__PURE__*/React.createElement("img", {
-      alt: "img",
-      src: item.image
-    })) : null, /*#__PURE__*/React.createElement("div", {
-      className: "teletext-list__panel__item__text"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "teletext-list__panel__item__text__title"
-    }, item.title), /*#__PURE__*/React.createElement("div", {
-      className: "teletext-list__panel__item__text__description"
-    }, item.description), item.tags ? /*#__PURE__*/React.createElement("div", {
-      className: "teletext-list__panel__item__text__tags"
-    }, (_item$tags = item.tags) === null || _item$tags === void 0 ? void 0 : _item$tags.map(function (tag, tagIndex) {
-      return /*#__PURE__*/React.createElement("span", {
-        key: tagIndex,
-        className: tag.color
-      }, tag.name);
-    })) : null), item.image && item.imagePlacement === 'right' ? /*#__PURE__*/React.createElement("div", {
-      className: "teletext-list__panel__item_image"
-    }, /*#__PURE__*/React.createElement("img", {
-      alt: "img",
-      src: item.image
-    })) : null);
+    return /*#__PURE__*/React.createElement(TeletextListItem, _extends({
+      key: index
+    }, item));
   })));
 };
 TeletextList.displayName = 'TeletextList';

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

@@ -1,8 +1,8 @@
-/**
- * 标题
- */
-import Title1 from './title-1';
-import Title2 from './title-2';
-export type { Title1Props } from './title-1';
-export type { Title2Props } from './title-2';
-export { Title1, Title2 };
+/**
+ * 标题
+ */
+import Title1 from './title-1';
+import Title2 from './title-2';
+export type { Title1Props } from './title-1';
+export type { Title2Props } from './title-2';
+export { Title1, Title2 };

package/es/components/title/index.js

@@ -1,5 +1,5 @@
-/**
- * 标题
+/**
+ * 标题
  */
 
 import Title1 from "./title-1";

package/es/components/title/title-1.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import './title-1.scss';
-export interface Title1Props {
-    /**
-     * 标题
-     */
-    title?: string;
-}
-declare const Title1: React.FC<Title1Props>;
-export default Title1;
+import React from 'react';
+import './title-1.scss';
+export interface Title1Props {
+    /**
+     * 标题
+     */
+    title?: string;
+}
+declare const Title1: React.FC<Title1Props>;
+export default Title1;

package/es/components/title/title-1.scss

@@ -1,26 +1,26 @@
-@import '../../variables.scss';
-
-.custom-title-1 {
-
-  & > span {
-    position: relative;
-    font-size: 17px;
-    font-weight: 500;
-    color: #000000;
-    z-index: 1;
-
-    &::after {
-      content: '';
-      position: absolute;
-      bottom: -2px;
-      left: 0;
-      width: 100%;
-      height: 5px;
-      background: linear-gradient(-30deg, #95CDFE, #61A0FE);
-      border-radius: 5px;
-      opacity: 0.6;
-      z-index: 0;
-    }
-  }
-
-}
+@import '../../variables.scss';
+
+.custom-title-1 {
+
+  & > span {
+    position: relative;
+    font-size: 17px;
+    font-weight: 500;
+    color: #000000;
+    z-index: 1;
+
+    &::after {
+      content: '';
+      position: absolute;
+      bottom: -2px;
+      left: 0;
+      width: 100%;
+      height: 5px;
+      background: linear-gradient(-30deg, #95CDFE, #61A0FE);
+      border-radius: 5px;
+      opacity: 0.6;
+      z-index: 0;
+    }
+  }
+
+}

package/es/components/title/title-2.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-import './title-2.scss';
-export interface Title2Props {
-    /**
-     * 标题
-     */
-    title?: string;
-    /**
-     * 颜色
-     */
-    color?: string;
-    /**
-     * tip颜色
-     */
-    tipColor?: string;
-}
-declare const Title2: React.FC<Title2Props>;
-export default Title2;
+import React from 'react';
+import './title-2.scss';
+export interface Title2Props {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 颜色
+     */
+    color?: string;
+    /**
+     * tip颜色
+     */
+    tipColor?: string;
+}
+declare const Title2: React.FC<Title2Props>;
+export default Title2;

package/es/components/title/title-2.js

@@ -16,7 +16,7 @@ var Title2 = function Title2(_ref) {
     color: color
   } : {};
   var tipColorStyle = tipColor ? {
-    'background-color': tipColor
+    'backgroundColor': tipColor
   } : {};
   return /*#__PURE__*/React.createElement("div", _extends({
     className: "custom-title-2"

package/es/components/title/title-2.scss

@@ -1,22 +1,22 @@
-@import '../../variables.scss';
-
-.custom-title-2 {
-
-  & > div {
-    font-size: 16px;
-    font-weight: 500;
-    color: #144477;
-    display: flex;
-    gap: 3.5px;
-    align-items: center;
-
-    & > div.tips {
-      content: '';
-      display: inline-block;
-      width: 3.5px;
-      height: 14.5px;
-      background-color: #388AF7;
-    }
-  }
-
-}
+@import '../../variables.scss';
+
+.custom-title-2 {
+
+  & > div {
+    font-size: 16px;
+    font-weight: 500;
+    color: #144477;
+    display: flex;
+    gap: 3.5px;
+    align-items: center;
+
+    & > div.tips {
+      content: '';
+      display: inline-block;
+      width: 3.5px;
+      height: 14.5px;
+      background-color: #388AF7;
+    }
+  }
+
+}

package/es/index.d.ts

@@ -1,12 +1,12 @@
-export type { ComponentProps } from './components/dc-slider';
-export { default as DCSlider } from './components/dc-slider';
-export type { NavigationProps } from './components/bottom-navigation';
-export { default as Navigation } from './components/bottom-navigation';
-export type { TeletextListProps } from './components/teletext-list';
-export { default as TeletextList } from './components/teletext-list';
-export type { Title1Props } from './components/title';
-export { Title1 } from './components/title';
-export type { Title2Props } from './components/title';
-export { Title2 } from './components/title';
-declare const bizCssPrefix = "bizpack";
-export { bizCssPrefix };
+export type { ComponentProps } from './components/dc-slider';
+export { default as DCSlider } from './components/dc-slider';
+export type { NavigationProps } from './components/bottom-navigation';
+export { default as Navigation } from './components/bottom-navigation';
+export type { TeletextListProps } from './components/teletext-list';
+export { default as TeletextList } from './components/teletext-list';
+export type { Title1Props } from './components/title';
+export { Title1 } from './components/title';
+export type { Title2Props } from './components/title';
+export { Title2 } from './components/title';
+declare const bizCssPrefix = "bizpack";
+export { bizCssPrefix };

package/es/index.scss

@@ -1,3 +1,3 @@
-@import './components/colorful-button/index.scss';
-@import './components/colorful-input/index.scss';
-@import './components/teletext-list/index.scss';
+@import './components/colorful-button/index.scss';
+@import './components/colorful-input/index.scss';
+@import './components/teletext-list/index.scss';

package/es/variables.d.ts

@@ -1,2 +1,2 @@
-declare const bizCssPrefix = "bizpack";
-export { bizCssPrefix };
+declare const bizCssPrefix = "bizpack";
+export { bizCssPrefix };

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

@@ -1,13 +1,13 @@
-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;
+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/lib/components/bottom-navigation/bottom-navigation.js

@@ -3,6 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _lowcodeMaterials = require("@alilc/lowcode-materials");
@@ -21,9 +22,10 @@ var Navigation = function bottomNavigation(_ref) {
     // 更新激活tab
     setActiveNum(index);
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
     className: "navigation"
-  }, itemArray.map(function (item, index) {
+  }, otherProps), itemArray.map(function (item, index) {
+    var _item$selectedIcon;
     return /*#__PURE__*/React.createElement("div", {
       className: "navigation-item",
       onClick: function onClick() {
@@ -33,7 +35,7 @@ var Navigation = function bottomNavigation(_ref) {
         color: activeNum === index ? selectedColor !== null && selectedColor !== void 0 ? selectedColor : '#4598FF' : ''
       }
     }, /*#__PURE__*/React.createElement(_lowcodeMaterials.Image, {
-      src: item.icon,
+      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'

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

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

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

@@ -1,12 +1,12 @@
-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;
+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/lib/components/colorful-button/index.d.ts

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

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import './index.scss';
-export interface ColorfulInputProps {
-    color?: string;
-    style?: object;
-}
-declare const ColorfulInput: React.FC<ColorfulInputProps>;
-export default ColorfulInput;
+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/lib/components/colorful-input/index.d.ts

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

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

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

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

@@ -1,32 +1,32 @@
-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;
+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/lib/components/dc-slider/slider.js

@@ -10,7 +10,7 @@ require("./index.scss");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var DCSlider = function DCSlider(props) {
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_slider["default"], props, props.picUrls && props.picUrls.length > 0 ? props.picUrls.map(function (url, index) {
+  return /*#__PURE__*/React.createElement("div", props, /*#__PURE__*/React.createElement(_slider["default"], props, props.picUrls && props.picUrls.length > 0 ? props.picUrls.map(function (url, index) {
     return /*#__PURE__*/React.createElement(_lowcodeMaterials.Image, {
       src: url,
       alt: "Slide",

package/lib/components/position/index.d.ts

@@ -0,0 +1,3 @@
+import Position from './position';
+export type { NavigationProps } from './position';
+export default Position;

package/lib/components/position/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _position = _interopRequireDefault(require("./position"));
+var _default = exports["default"] = _position["default"];

package/lib/components/position/index.scss

@@ -0,0 +1,16 @@
+.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;
+  }
+}