@dckj-npm/dc-material 0.1.150 → 0.1.152

package/lib/components/notice-bar/notice-bar.d.ts

@@ -1,46 +1,46 @@
-import React from 'react';
-import './index.scss';
-interface DataProps {
-    /**
-     * 内容
-     */
-    content?: string;
-    /**
-     * 发布时间
-     */
-    releaseTime?: string;
-    /**
-     * 是否置顶
-     */
-    isTop?: number;
-}
-export interface NoticeBarProps {
-    /**
-     * 数据
-     */
-    dataList?: DataProps[];
-    /**
-     * 点击事件
-     * @param e
-     */
-    onClick?: (e: any) => void;
-    /**
-     * 子节点
-     */
-    children: React.ReactChild;
-    /**
-     * 左侧图标
-     */
-    icon: string;
-    /**
-     * 点击事件
-     * @param e
-     */
-    handleMoreClick?: (e: any) => void;
-    /**
-     * 更多
-     */
-    moreText: string;
-}
-declare const NoticeBar: React.FC<NoticeBarProps>;
-export default NoticeBar;
+import React from 'react';
+import './index.scss';
+interface DataProps {
+    /**
+     * 内容
+     */
+    content?: string;
+    /**
+     * 发布时间
+     */
+    releaseTime?: string;
+    /**
+     * 是否置顶
+     */
+    isTop?: number;
+}
+export interface NoticeBarProps {
+    /**
+     * 数据
+     */
+    dataList?: DataProps[];
+    /**
+     * 点击事件
+     * @param e
+     */
+    onClick?: (e: any) => void;
+    /**
+     * 子节点
+     */
+    children: React.ReactChild;
+    /**
+     * 左侧图标
+     */
+    icon: string;
+    /**
+     * 点击事件
+     * @param e
+     */
+    handleMoreClick?: (e: any) => void;
+    /**
+     * 更多
+     */
+    moreText: string;
+}
+declare const NoticeBar: React.FC<NoticeBarProps>;
+export default NoticeBar;

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

@@ -1,5 +1,5 @@
-export interface Location {
-    lat: string;
-    lng: string;
-    address: string;
-}
+export interface Location {
+    lat: string;
+    lng: string;
+    address: string;
+}

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

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

package/lib/components/position/index.scss

@@ -1,124 +1,27 @@
-.location {
-  display: flex;
-  cursor: pointer;
-  color: #414141;
-  font-size: 13.5px;
-  &-address {
-    margin-right: 7px;
-  }
-  &-icon {
-    display: flex;
-    align-items: center;
-  }
-}
-.location-city-box {
-  font-size: 13px;
-  color: #000;
-  font-weight: 500;
-  border-radius: 4px;
-  border: 1px solid #CCCCCC;
-  width: 80px;
-  height: 28px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.location-list {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background-color: #fff;
-  padding: 10px 10px 0 13px;
-  z-index: 999;
-  overflow-y: scroll;
-
-  &-head {
-    padding: 0 13px 0 13px;
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    gap: 12px;
-    margin-bottom: 15px;
-    &-img {
-      width: 8px;
-      height: 14px;
-    }
-  }
-  &-location {
-    margin-bottom: 15px;
-    &-img {
-      width: 10px;
-      height: 13px;
-      margin-right: 2px;
-    }
-    &-text {
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      max-width: 4em;
-    }
-  }
-  &-hot {
-    margin-bottom: 21px;
-    &-title {
-      font-size: 14px;
-      color: #999999;
-      margin-bottom: 15px;
-    }
-    &-content {
-      display: grid;
-      grid-template-columns: repeat(4, 1fr);
-      grid-column-gap: 10px;
-      grid-row-gap: 15px;
-      &-item {
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        max-width: 4em;
-      }
-    }
-  }
-  &-city {
-    &-box {
-      &-type {
-        font-size: 14px;
-        color: #999999;
-        padding: 0;
-        line-height: 10px;
-        margin: 5px 0 20px 0;
-      }
-      &-name {
-        color: #000;
-        font-size: 13px;
-        padding: 0;
-        line-height: 12px;
-        margin-bottom: 20px;
-        font-weight: 500;
-      }
-    }
-  }
-  &-index-bar {
-    background-color: #F7F7F7;
-    position: fixed;
-    right: 12px;
-    border-radius: 5px;
-    padding: 5px 3px;
-    top: 280px;
-    z-index: 10;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    text-align: center;
-    cursor: pointer;
-    user-select: none;
-    &-name {
-      font-weight: 500;
-      font-size: 10px;
-    }
-  }
-}
-.location-list-index {
-  overflow-y: scroll;
-}
+.location {
+  display: flex;
+  cursor: pointer;
+  color: #414141;
+  font-size: 13.5px;
+  &-address {
+    margin-right: 7px;
+  }
+  &-icon {
+    display: flex;
+    align-items: center;
+  }
+}
+.location-list {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: #fff;
+  padding: 10px 15px;
+  z-index: 999;
+  &-item {
+    padding: 10px 0;
+    border-bottom: solid 1px #eee;
+  }
+}

package/lib/components/position/position-left.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import './index.scss';
-import { Location } from "./entity";
-export interface LocationProps {
-    currentLocation: Location;
-    clickHandle: () => void;
-}
-declare const NavigationLeft: React.FC<LocationProps>;
-export default NavigationLeft;
+import * as React from 'react';
+import './index.scss';
+import { Location } from "./entity";
+export interface LocationProps {
+    currentLocation: Location;
+    clickHandle: () => void;
+}
+declare const NavigationLeft: React.FC<LocationProps>;
+export default NavigationLeft;

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

@@ -1,12 +1,11 @@
-import * as React from 'react';
-import './index.scss';
-import { Location } from "./position";
-interface LocationProps {
-    itemArray: Location[];
-    open: boolean;
-    setIsOpen: () => void;
-    setCurrent: (data: Location) => void;
-    currentLocation: Location;
-}
-declare const ContentList: React.FC<LocationProps>;
-export default ContentList;
+import * as React from 'react';
+import './index.scss';
+import { Location } from "./position";
+interface LocationProps {
+    itemArray: Location[];
+    open: boolean;
+    setIsOpen: () => void;
+    setCurrent: (data: Location) => void;
+}
+declare const ContentList: React.FC<LocationProps>;
+export default ContentList;

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

@@ -1,56 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
+var React = _interopRequireWildcard(require("react"));
 require("./index.scss");
-var _img = _interopRequireDefault(require("../../assets/icon/position/img.png"));
-var _location = _interopRequireDefault(require("../../assets/icon/position/location.png"));
-var _searchBar = _interopRequireDefault(require("../search-bar/search-bar"));
-var _textUtil = require("../../utils/textUtil");
 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 ContentList = function NavigationList(_ref) {
+var ContentList = function navigationList(_ref) {
   var open = _ref.open,
     itemArray = _ref.itemArray,
     setIsOpen = _ref.setIsOpen,
-    setCurrent = _ref.setCurrent,
-    currentLocation = _ref.currentLocation;
-  var indexKeys = [];
-  /**
-   * 处理城市列表
-   * @param itemArrays
-   * @param searchValue
-   */
-  var handleItem = function handleItem(itemArrays, searchValue) {
-    if (!itemArrays) {
-      return {};
-    }
-    var groupName = (0, _textUtil.groupCitiesByInitial)(itemArrays);
-    indexKeys = Object.keys(groupName);
-    if (searchValue) {
-      // 根据关键字过滤
-      indexKeys.forEach(function (item) {
-        var cityArray = groupName[item];
-        var filterCity = cityArray.filter(function (locationItem) {
-          return locationItem.address.indexOf(searchValue) != -1;
-        });
-        if (!filterCity || filterCity.length == 0) {
-          // 如果不存在关键字匹配，则删掉整个key
-          delete groupName[item];
-        } else {
-          groupName[item] = filterCity;
-        }
-      });
-    }
-    return groupName;
-  };
-  var _useState = (0, _react.useState)(handleItem(itemArray)),
-    cityList = _useState[0],
-    setCityList = _useState[1];
-  console.log('cityList', cityList);
+    setCurrent = _ref.setCurrent;
   var changeHandle = function changeHandle(position) {
     console.log('changeHandle', position);
     // 设置当前选中位置
@@ -58,84 +18,18 @@ var ContentList = function NavigationList(_ref) {
     // 关闭位置列表
     setIsOpen();
   };
-  var indexClickHandle = function indexClickHandle(index) {
-    var indexStr = 'index-' + index;
-    var dom = document.getElementById(indexStr);
-    if (dom) {
-      dom.scrollIntoView({
-        behavior: 'smooth',
-        block: 'start'
-      });
-    }
-  };
-  var handleSearch = function handleSearch(name) {
-    var data = handleItem(itemArray, name);
-    setCityList(data);
-  };
-  var hotCityArray = itemArray ? itemArray.filter(function (item) {
-    return item.isHot;
-  }) : [];
   return /*#__PURE__*/React.createElement("div", {
     className: "location-list",
     style: {
       display: open ? 'block' : 'none'
     }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "location-list-head"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: _img["default"],
-    className: "location-list-head-img",
-    onClick: setIsOpen
-  }), /*#__PURE__*/React.createElement(_searchBar["default"], {
-    onConfirm: function onConfirm(value) {
-      return handleSearch(value);
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "location-city-box location-list-location"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: _location["default"],
-    className: "location-list-location-img"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "location-list-location-text",
-    onClick: setIsOpen
-  }, currentLocation.address)), hotCityArray && hotCityArray.length ? /*#__PURE__*/React.createElement("div", {
-    className: "location-list-hot"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "location-list-hot-title"
-  }, "\u70ED\u95E8\u57CE\u5E02"), /*#__PURE__*/React.createElement("div", {
-    className: "location-list-hot-content"
-  }, hotCityArray ? hotCityArray.map(function (item) {
+  }, itemArray ? itemArray.map(function (item) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "location-city-box location-list-hot-content-item",
       onClick: function onClick() {
         return changeHandle(item);
-      }
+      },
+      className: "location-list-item"
     }, item.address);
-  }) : '')) : '', /*#__PURE__*/React.createElement("div", {
-    className: "location-list-city"
-  }, cityList ? Object.keys(cityList).map(function (item) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "location-list-city-box"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "location-list-city-box-type",
-      id: "index-" + item
-    }, item), cityList[item].map(function (cityInfo) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "location-list-city-box-name",
-        onClick: function onClick() {
-          return changeHandle(cityInfo);
-        }
-      }, cityInfo.address);
-    }));
-  }) : ''), /*#__PURE__*/React.createElement("div", {
-    className: "location-list-index-bar"
-  }, cityList ? Object.keys(cityList).map(function (item) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "location-list-index-bar-name",
-      onClick: function onClick() {
-        return indexClickHandle(item);
-      }
-    }, item);
-  }) : ''));
+  }) : /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u6570\u636E"));
 };
 var _default = exports["default"] = ContentList;

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { Location } from "./entity";
-export interface LocationProps {
-    itemArray: Location[];
-    defaultLocation: Location;
-}
-declare const Navigation: React.FC<LocationProps>;
-export default Navigation;
+import * as React from 'react';
+import { Location } from "./entity";
+export interface LocationProps {
+    itemArray: Location[];
+    defaultLocation: Location;
+}
+declare const Navigation: React.FC<LocationProps>;
+export default Navigation;

package/lib/components/position/position.js

@@ -11,7 +11,7 @@ var _positionLeft = _interopRequireDefault(require("./position-left"));
 var _excluded = ["itemArray", "defaultLocation", "__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,
     defaultLocation = _ref.defaultLocation,
     __designMode = _ref.__designMode,
@@ -28,6 +28,7 @@ var Navigation = function BottomNavigation(_ref) {
       return;
     }
     setIsOpen(!isOpen);
+    console.log('isopen', isOpen);
   };
   // React.useEffect(() => {
   //   console.log('defaultLocation', defaultLocation)

package/lib/components/radio-group/index.d.ts

@@ -1,8 +1,8 @@
-/**
- * 单选按钮组
- */
-import RadioGroup from './radio-group';
-import RadioGroupItem from './radio-group-item';
-export type { RadioGroupProps } from './radio-group';
-export type { RadioGroupItemProps } from './radio-group-item';
-export { RadioGroup as CustomRadioGroup, RadioGroupItem as CustomRadioGroupItem, };
+/**
+ * 单选按钮组
+ */
+import RadioGroup from './radio-group';
+import RadioGroupItem from './radio-group-item';
+export type { RadioGroupProps } from './radio-group';
+export type { RadioGroupItemProps } from './radio-group-item';
+export { RadioGroup as CustomRadioGroup, RadioGroupItem as CustomRadioGroupItem, };

package/lib/components/radio-group/index.scss

@@ -1,40 +1,40 @@
-@import '../../variables.scss';
-
-.radio-group__panel {
-  display: flex;
-  gap: 12px;
-  width: 100%;
-
-  .radio-group-item__button {
-    flex: 0 0 auto;
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 250ms;
-    font-size: 12px;
-    padding: 5px 11px;
-    border-radius: 25rem;
-  }
-
-  .radio-group-item__text {
-    flex: 0 0 auto;
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 250ms;
-    font-size: 12px;
-    padding: 5px 0;
-
-    .radio-group-item__text__line {
-      width: 100%;
-      height: 1px;
-      right: 0;
-      left: 0;
-      bottom: 0;
-      position: absolute;
-    }
-
-  }
-
-
-}
-
-
+@import '../../variables.scss';
+
+.radio-group__panel {
+  display: flex;
+  gap: 12px;
+  width: 100%;
+
+  .radio-group-item__button {
+    flex: 0 0 auto;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 250ms;
+    font-size: 12px;
+    padding: 5px 11px;
+    border-radius: 25rem;
+  }
+
+  .radio-group-item__text {
+    flex: 0 0 auto;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 250ms;
+    font-size: 12px;
+    padding: 5px 0;
+
+    .radio-group-item__text__line {
+      width: 100%;
+      height: 1px;
+      right: 0;
+      left: 0;
+      bottom: 0;
+      position: absolute;
+    }
+
+  }
+
+
+}
+
+