@dckj-npm/dc-material 0.1.149 → 0.1.150

package/es/utils/textUtil.d.ts

@@ -1,10 +1,10 @@
-/**
- * @description 短横线字符串转驼峰
- * @param str
- */
-export declare function lineToUppercase(str: string): string;
-/**
- * 将城市分组
- * @param cities
- */
-export declare function groupCitiesByInitial(cities: any): {};
+/**
+ * @description 短横线字符串转驼峰
+ * @param str
+ */
+export declare function lineToUppercase(str: string): string;
+/**
+ * 将城市分组
+ * @param cities
+ */
+export declare function groupCitiesByInitial(cities: any): {};

package/es/utils/textUtil.js

@@ -1,8 +1,8 @@
 import { pinyin } from 'pinyin-pro';
 
-/**
- * @description 短横线字符串转驼峰
- * @param str
+/**
+ * @description 短横线字符串转驼峰
+ * @param str
  */
 export function lineToUppercase(str) {
   function upper(all, letter) {
@@ -11,9 +11,9 @@ export function lineToUppercase(str) {
   return str.replace(/-(\w)/g, upper);
 }
 
-/**
- * 将城市分组
- * @param cities
+/**
+ * 将城市分组
+ * @param cities
  */
 export function groupCitiesByInitial(cities) {
   var cityGroups = {};
@@ -36,9 +36,9 @@ export function groupCitiesByInitial(cities) {
   }, {});
 }
 
-/**
- * 获取拼音首字母
- * @param str
+/**
+ * 获取拼音首字母
+ * @param str
  */
 function getFirstWord(str) {
   if (!str) {

package/es/utils/time-util.d.ts

@@ -1,5 +1,5 @@
-/**
- * 时间计算
- * @param timeString
- */
-export declare function formatTime(timeString: any): string;
+/**
+ * 时间计算
+ * @param timeString
+ */
+export declare function formatTime(timeString: any): string;

package/es/utils/time-util.js

@@ -1,6 +1,6 @@
-/**
- * 时间计算
- * @param timeString
+/**
+ * 时间计算
+ * @param timeString
  */
 export function formatTime(timeString) {
   var time = new Date(timeString);

package/es/variables.d.ts

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

package/es/variables.scss

@@ -1,3 +1,3 @@
-@import '~@alifd/next/variables.scss';
-
-$biz-css-prefix: '.bizpack';
+@import '~@alifd/next/variables.scss';
+
+$biz-css-prefix: '.bizpack';

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

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import './index.scss';
-interface Navigation {
-    text: string;
-    icon: string;
-    selectedIcon: string;
-    pageId: string;
-}
-export interface NavigationProps {
-    itemArray: Navigation[];
-    selectedColor: string;
-    onClick?: (pageId: string) => void;
-}
-declare const Navigation: React.FC<NavigationProps>;
-export default Navigation;
+import * as React from 'react';
+import './index.scss';
+interface NavigationItem {
+    text: string;
+    icon: string;
+    selectedIcon: string;
+    pageId: string;
+}
+export interface NavigationProps {
+    itemArray: NavigationItem[];
+    selectedColor: string;
+    onClick?: (pageId: string) => void;
+}
+declare const Navigation: React.FC<NavigationProps>;
+export default Navigation;

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

@@ -5,21 +5,22 @@ 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 _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _lowcodeMaterials = require("@alilc/lowcode-materials");
 require("./index.scss");
 var _excluded = ["itemArray", "selectedColor", "onClick", "__designMode"];
 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 Navigation = function bottomNavigation(_ref) {
+var Navigation = function BottomNavigation(_ref) {
   var itemArray = _ref.itemArray,
     selectedColor = _ref.selectedColor,
     onClick = _ref.onClick,
     __designMode = _ref.__designMode,
     otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  var _React$useState = React.useState(0),
-    activeNum = _React$useState[0],
-    setActiveNum = _React$useState[1];
+  var _useState = (0, _react.useState)(0),
+    activeNum = _useState[0],
+    setActiveNum = _useState[1];
   var clickHandle = function clickHandle(index, pageId) {
     // 更新激活tab
     setActiveNum(index);
@@ -31,8 +32,10 @@ var Navigation = function bottomNavigation(_ref) {
     onClick(pageId);
   };
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+    className: "bottom-navigation"
+  }, otherProps), /*#__PURE__*/React.createElement("div", {
     className: "navigation-panel"
-  }, otherProps), itemArray.map(function (item, index) {
+  }, itemArray.map(function (item, index) {
     var _item$selectedIcon;
     return /*#__PURE__*/React.createElement("div", {
       className: "navigation-panel-item",
@@ -55,6 +58,6 @@ var Navigation = function bottomNavigation(_ref) {
         fontSize: "12px"
       }
     }, item.text));
-  }));
+  })));
 };
 var _default = exports["default"] = Navigation;

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/bottom-navigation/index.scss

@@ -1,24 +1,28 @@
-.navigation-panel {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 9px 0px 6px 0px;
-  width: 100%;
-  position: fixed;
-  left: 0;
-  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;
-    .navigation-item-image {
-      margin-bottom: 3px;
-    }
-  }
-}
+.bottom-navigation {
+  padding-bottom: env(safe-area-inset-bottom);
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  background-color: #fff;
+  z-index: 10;
+}
+.navigation-panel {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 9px 0 6px 0;
+  width: 100%;
+  box-sizing: border-box;
+  &-item {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    flex: 1;
+    .navigation-item-image {
+      margin-bottom: 3px;
+    }
+  }
+}

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

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import './index.scss';
-export interface ButtonProps {
-    /**
-     * 标签名称
-     */
-    name: string;
-    /**
-     * 标签颜色
-     */
-    color: string;
-}
-declare const Button: React.FC<ButtonProps>;
-export default Button;
+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/lib/components/button/index.d.ts

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

package/lib/components/button/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 var _button = _interopRequireDefault(require("./button"));
-/**
- * 标签tag
+/**
+ * 标签tag
  */
 var _default = exports["default"] = _button["default"];

package/lib/components/button/index.scss

@@ -1,16 +1,16 @@
-.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);
-}
+.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/lib/components/carousel/carousel.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import './carousel.scss';
-export interface CarouselProps {
-    /**
-     * 图片列表
-     */
-    images: string[];
-    /**
-     * 定时播放的时间
-     */
-    interval?: number;
-}
-declare const Carousel: React.FC<CarouselProps>;
-export default Carousel;
+import React from 'react';
+import './carousel.scss';
+export interface CarouselProps {
+    /**
+     * 图片列表
+     */
+    images: string[];
+    /**
+     * 定时播放的时间
+     */
+    interval?: number;
+}
+declare const Carousel: React.FC<CarouselProps>;
+export default Carousel;

package/lib/components/carousel/carousel.scss

@@ -1,32 +1,32 @@
-.carousel {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-
-.carousel-track {
-  display: flex;
-  width: 100%;
-  height: 100%;
-}
-
-.carousel-image {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  object-position: center;
-}
-
-.carousel-counter {
-  position: absolute;
-  bottom: 2px;
-  right: 2px;
-  color: white;
-  background: rgba(0, 0, 0, 0.5);
-  padding: 2px 8px;
-  border-radius: 5px;
-  font-size: 12px;
-  display: flex;
-  gap: 2px;
-}
+.carousel {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.carousel-track {
+  display: flex;
+  width: 100%;
+  height: 100%;
+}
+
+.carousel-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: center;
+}
+
+.carousel-counter {
+  position: absolute;
+  bottom: 2px;
+  right: 2px;
+  color: white;
+  background: rgba(0, 0, 0, 0.5);
+  padding: 2px 8px;
+  border-radius: 5px;
+  font-size: 12px;
+  display: flex;
+  gap: 2px;
+}

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-button/index.scss

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

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/colorful-input/index.scss

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

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

@@ -0,0 +1,3 @@
+import SliderImg from './slider-img';
+export type { SliderComponentProps } from './slider-img';
+export default SliderImg;

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

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

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

@@ -0,0 +1,6 @@
+
+.slider-img {
+  height: 172px;
+  //width: 100%;
+  object-fit: fill;
+}

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

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import './index.scss';
+export interface SliderComponentProps {
+    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 SliderImg: React.FC<SliderComponentProps>;
+export default SliderImg;

package/lib/components/dc-slider/slider-img.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _slider = _interopRequireDefault(require("@alifd/next/lib/slider"));
+var React = _interopRequireWildcard(require("react"));
+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 SliderImg = function DCSlider(props) {
+  console.log('slider', props.picUrls);
+  var style = props.style;
+  return /*#__PURE__*/React.createElement(_slider["default"], props, props.picUrls && props.picUrls.length > 0 ? props.picUrls.map(function (url, index) {
+    return /*#__PURE__*/React.createElement("img", {
+      src: url,
+      alt: "Slide",
+      key: index,
+      className: "slider-img",
+      style: style
+    });
+  }) : /*#__PURE__*/React.createElement("div", null, "\u56FE\u7247\u4E3A\u7A7A"));
+};
+var _default = exports["default"] = SliderImg;