@dckj-npm/dc-material 0.1.358 → 0.1.360

package/lib/components/address-list/address-list-item.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './address-list-item.scss';
+export interface AddressListItemProps {
+    name?: string;
+    phone?: string;
+    address?: string;
+    tag?: string;
+    selected?: boolean;
+    onClick?: (e: any) => void;
+    onRemove?: () => void;
+    onEdit?: () => void;
+}
+declare const AddressListItem: React.FC<AddressListItemProps>;
+export default AddressListItem;

package/lib/components/address-list/address-list-item.js

@@ -0,0 +1,55 @@
+"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 _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+require("./address-list-item.scss");
+var _childrenNodeHandle = require("../../utils/children-node-handle");
+var _excluded = ["children", "phone", "name", "address", "tag", "selected", "onClick", "onRemove", "onEdit"];
+var AddressListItem = function AddressListItem(_ref) {
+  var children = _ref.children,
+    phone = _ref.phone,
+    name = _ref.name,
+    address = _ref.address,
+    tag = _ref.tag,
+    selected = _ref.selected,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    onRemove = _ref.onRemove,
+    onEdit = _ref.onEdit,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "address-list-item " + (selected ? 'selected' : '')
+  }, _otherProps), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "address-list-item-circle",
+    onClick: onClick
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "address-list-item-content"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "address-list-item-header"
+  }, (0, _childrenNodeHandle.convertChildren)(children, 'name', {
+    children: [name],
+    className: 'address-list-item-name'
+  }), (0, _childrenNodeHandle.convertChildren)(children, 'tag', {
+    children: [tag],
+    className: 'address-list-item-tag'
+  })), (0, _childrenNodeHandle.convertChildren)(children, 'address', {
+    children: [address],
+    className: 'address-list-item-address'
+  }), (0, _childrenNodeHandle.convertChildren)(children, 'phone', {
+    children: [phone],
+    className: 'address-list-item-phone'
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "address-list-item-actions"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: onRemove
+  }, "REMOVE"), /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: onEdit
+  }, "EDIT"))));
+};
+AddressListItem.displayName = 'AddressListItem';
+var _default = exports["default"] = AddressListItem;

package/lib/components/address-list/address-list-item.scss

@@ -0,0 +1,90 @@
+.address-list-item {
+    display: flex;
+    align-items: flex-start;
+    padding: 15px;
+    margin: 10px 0;
+    background-color: #fafbfc;
+    border-radius: 8px;
+
+    &-circle {
+        width: 16px;
+        height: 16px;
+        border: 1px solid #767676;
+        border-radius: 50%;
+        margin-right: 15px;
+        cursor: pointer;
+    }
+
+    &.selected &-circle {
+        position: relative;
+        background-color: #fff;
+        border-color: #ff4444;
+        
+        &::after {
+            content: '';
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            width: 8.8px;
+            height: 8.8px;
+            border-radius: 50%;
+            background-color: #ff4444;
+        }
+    }
+
+    &-content {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+    }
+
+    &-header {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 8px;
+    }
+
+    &-name {
+        font-size: 14px;
+        font-weight: bold;
+        color: #222222;
+    }
+
+    &-tag {
+        background-color: #FF4C3B;
+        color: #ffffff;
+        font-size: 10px;
+        font-weight: 700;
+        padding: 1px 6px;
+        border-radius: 2px;
+        line-height: 18px !important;
+    }
+
+    &-address {
+        margin-bottom: 8px;
+        font-size: 14px;
+        color: #222222;
+    }
+
+    &-phone {
+        font-size: 14px;
+        line-height: 1.3;
+        margin: 0;
+        color: #222222;
+    }
+
+    &-actions {
+        display: flex;
+        gap: 10px;
+        margin-top: 12px;
+        button {
+            padding: 4px 10px;
+            background-color: rgba(237, 239, 244, 0.6);
+            color: #777777;
+            font-size: 14px;
+            cursor: pointer;
+            border: none !important;
+        }
+    }
+}

package/lib/components/address-list/address-list.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import './index.scss';
+/**
+ * 数据
+ */
+interface DataProps {
+    /**
+     * 地址
+     */
+    address?: string;
+    /**
+     * 姓名
+     */
+    name?: string;
+    /**
+     * 电话
+     */
+    phone?: string;
+    /**
+     * 标签
+     */
+    tag?: string;
+}
+export interface AddressListProps {
+    /**
+     * 数据
+     */
+    dataList?: DataProps[];
+    /**
+     * 点击事件
+     * @param e
+     */
+    onClick?: (e: any) => void;
+    /**
+     * 子节点
+     */
+    children: React.ReactChild;
+    /**
+     * 选中项改变事件
+     */
+    onSelect?: (index: number) => void;
+}
+declare const AddressList: React.FC<AddressListProps>;
+export default AddressList;

package/lib/components/address-list/address-list.js

@@ -0,0 +1,51 @@
+"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 _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireWildcard(require("react"));
+require("./index.scss");
+var _addressListItem = _interopRequireDefault(require("./address-list-item"));
+var _excluded = ["dataList", "onClick", "onSelect", "children"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+/**
+ * 数据
+ */
+
+var AddressList = function AddressList(_ref) {
+  var dataList = _ref.dataList,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    onSelect = _ref.onSelect,
+    children = _ref.children,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _useState = (0, _react.useState)(-1),
+    selectedIndex = _useState[0],
+    setSelectedIndex = _useState[1];
+  var _otherProps = otherProps || {};
+  var handleSelect = function handleSelect(index) {
+    setSelectedIndex(index);
+    onSelect === null || onSelect === void 0 ? void 0 : onSelect(index);
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "address-list"
+  }, _otherProps), dataList ? dataList.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_addressListItem["default"], (0, _extends2["default"])({
+      key: index,
+      onClick: function onClick() {
+        return handleSelect(index);
+      },
+      selected: selectedIndex === index,
+      onRemove: function onRemove() {
+        return console.log('remove', index);
+      },
+      onEdit: function onEdit() {
+        return console.log('edit', index);
+      }
+    }, item), children);
+  }) : /*#__PURE__*/_react["default"].createElement("div", null, "\u6682\u65E0\u6570\u636E"));
+};
+AddressList.displayName = 'AddressList';
+var _default = exports["default"] = AddressList;

package/lib/components/address-list/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 测试地址列表
+ */
+import AddressList from './address-list';
+export type { AddressListProps } from './address-list';
+export { AddressList };

package/lib/components/address-list/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _addressList = _interopRequireDefault(require("./address-list"));
+exports.AddressList = _addressList["default"];

package/lib/components/address-list/index.scss

@@ -0,0 +1,4 @@
+.address-list {
+    display: flex;
+    flex-direction: column;
+}

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

@@ -1,15 +1,15 @@
-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;
+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

@@ -10,8 +10,7 @@ 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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var Navigation = function BottomNavigation(_ref) {
   var itemArray = _ref.itemArray,
     selectedColor = _ref.selectedColor,

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,28 +1,28 @@
-.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;
-    }
-  }
-}
+.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/bread-crumb/bread-crumb.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import './index.scss';
+export interface BreadCrumbProps {
+    /**
+     * 数据源
+     */
+    dataList?: DataListProps[];
+    /**
+     * 面包屑项配置
+     */
+    itemList?: DataListProps[];
+}
+interface DataListProps {
+    /**
+     * 节点名称
+     */
+    name: string;
+    /**
+     * 链接
+     */
+    link: string;
+}
+declare const BreadCrumb: React.FC<BreadCrumbProps>;
+export default BreadCrumb;

package/lib/components/bread-crumb/bread-crumb.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _breadcrumb = _interopRequireDefault(require("@alifd/next/lib/breadcrumb"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+require("./index.scss");
+var _excluded = ["dataList", "itemList"];
+var BreadCrumb = function BreadCrumb(_ref) {
+  var dataList = _ref.dataList,
+    itemList = _ref.itemList,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  var renderItems = function renderItems() {
+    if ((dataList === null || dataList === void 0 ? void 0 : dataList.length) > 0) {
+      return dataList.map(function (item, index) {
+        return /*#__PURE__*/_react["default"].createElement(_breadcrumb["default"].Item, {
+          key: index,
+          link: item.link
+        }, item.name);
+      });
+    }
+    if ((itemList === null || itemList === void 0 ? void 0 : itemList.length) > 0) {
+      return itemList.map(function (item, index) {
+        return /*#__PURE__*/_react["default"].createElement(_breadcrumb["default"].Item, {
+          key: index,
+          link: item.link
+        }, item.name);
+      });
+    }
+    return /*#__PURE__*/_react["default"].createElement(_breadcrumb["default"].Item, null, "\u6682\u65E0\u6570\u636E");
+  };
+  return /*#__PURE__*/_react["default"].createElement(_breadcrumb["default"], _otherProps, renderItems());
+};
+BreadCrumb.displayName = 'BreadCrumb';
+var _default = exports["default"] = BreadCrumb;

package/lib/components/bread-crumb/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 面包屑
+ */
+import BreadCrumb from './bread-crumb';
+export type { BreadCrumbProps } from './bread-crumb';
+export { BreadCrumb };

package/lib/components/bread-crumb/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _breadCrumb = _interopRequireDefault(require("./bread-crumb"));
+exports.BreadCrumb = _breadCrumb["default"];

package/lib/components/bread-crumb/index.scss

@@ -0,0 +1,4 @@
+.bread-crumb {
+  display: flex;
+  align-items: center;
+}

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/button.js

@@ -8,14 +8,16 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 require("./index.scss");
 var _excluded = ["name", "color"];
-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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var Button = function Button(_ref) {
   var name = _ref.name,
     color = _ref.color,
     otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   return /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({
-    className: "button__container " + (color ? color : '')
+    className: 'button__container',
+    style: {
+      color: color
+    }
   }, otherProps), name);
 };
 var _default = exports["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.js

@@ -4,8 +4,7 @@ exports.__esModule = true;
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("./carousel.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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var Carousel = function Carousel(_ref) {
   var _ref$images = _ref.images,
     images = _ref$images === void 0 ? [] : _ref$images,