@dckj-npm/dc-material 0.1.358 → 0.1.360

package/es/components/position/index.scss

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

package/es/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/es/components/position/position-list.d.ts

@@ -1,12 +1,12 @@
-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;
+    currentLocation: Location;
+}
+declare const ContentList: React.FC<LocationProps>;
+export default ContentList;

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

@@ -12,10 +12,10 @@ var ContentList = function NavigationList(_ref) {
     setCurrent = _ref.setCurrent,
     currentLocation = _ref.currentLocation;
   var indexKeys = [];
-  /**
-   * 处理城市列表
-   * @param itemArrays
-   * @param searchValue
+  /**
+   * 处理城市列表
+   * @param itemArrays
+   * @param searchValue
    */
   var handleItem = function handleItem(itemArrays, searchValue) {
     if (!itemArrays) {

package/es/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/es/components/profile/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 个人信息
+ */
+import Profile from './profile';
+export type { ProfileProps } from './profile';
+export { Profile };

package/es/components/profile/index.js

@@ -0,0 +1,6 @@
+/**
+ * 个人信息
+ */
+
+import Profile from "./profile";
+export { Profile };

package/es/components/profile/index.scss

@@ -0,0 +1,37 @@
+.profile {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  &__image {
+    width: 82px;
+    height: 82px;
+    border-radius: 100%;
+    -o-object-fit: cover;
+    object-fit: cover;
+    margin-right: 20px;
+  }
+  &__info {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 8px;
+    &__name {
+      font-size: 16px;
+      font-weight: 700;
+      color: #222222;
+    }
+    &__phone {
+      font-size: 12px;
+      color: #222222;
+    }
+    &__button {
+      background-color: #FF4C3B;
+      color: #ffffff;
+      font-size: 14px;
+      font-weight: 700;
+      padding: 2px 10px;
+      border-radius: 3px;
+    }
+  }
+}
+

package/es/components/profile/profile.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import './index.scss';
+/**
+ * 个人资料
+ */
+export interface ProfileProps {
+    /**
+     * 数据
+     */
+    dataList?: DataProps;
+    /**
+     * 点击事件
+     */
+    onClick: () => void;
+    /**
+     * 子节点
+     */
+    children: React.ReactChild;
+}
+interface DataProps {
+    /**
+     * 头像
+     */
+    headPath: string;
+    /**
+     * 名字
+     */
+    userName: string;
+    /**
+     * 电话
+     */
+    phone: string;
+}
+declare const Profile: React.FC<ProfileProps>;
+export default Profile;

package/es/components/profile/profile.js

@@ -0,0 +1,41 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["dataList", "onClick", "children"];
+import React from 'react';
+import "./index.scss";
+import { convertChildren } from "../../../src/utils/children-node-handle";
+
+/**
+ * 个人资料
+ */
+
+var Profile = function Profile(_ref) {
+  var dataList = _ref.dataList,
+    onClick = _ref.onClick,
+    children = _ref.children,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  console.log('dataList', dataList);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "profile"
+  }, _otherProps, {
+    onClick: onClick
+  }), convertChildren(children, 'image', {
+    src: "https://51ymb.com/source/api/upload/" + (dataList === null || dataList === void 0 ? void 0 : dataList.headPath),
+    className: 'profile__image'
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "profile__info"
+  }, convertChildren(children, 'userName', {
+    children: [dataList === null || dataList === void 0 ? void 0 : dataList.userName],
+    className: 'profile__name'
+  }), convertChildren(children, 'phone', {
+    children: [dataList === null || dataList === void 0 ? void 0 : dataList.phone],
+    className: 'profile__phone'
+  }), convertChildren(children, 'button', {
+    children: ['Edit'],
+    onClick: onClick,
+    className: 'profile__button'
+  })));
+};
+Profile.displayName = 'Profile';
+export default Profile;

package/es/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/es/components/radio-group/index.js

@@ -1,5 +1,5 @@
-/**
- * 单选按钮组
+/**
+ * 单选按钮组
  */
 
 import RadioGroup from "./radio-group";

package/es/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;
+    }
+
+  }
+
+
+}
+
+

package/es/components/radio-group/radio-group-item.d.ts

@@ -1,48 +1,48 @@
-import React from 'react';
-import './index.scss';
-export type RadioGroupItemType = 'button' | 'text';
-export interface RadioGroupItemProps {
-    /**
-     * 选项
-     */
-    label: string;
-    /**
-     * 值
-     */
-    value: string;
-    /**
-     * 是否选中
-     */
-    checked: boolean;
-    /**
-     * 选中颜色
-     */
-    selectColor?: string;
-    /**
-     * 选中的文字颜色
-     */
-    selectTextColor?: string;
-    /**
-     * 未选中颜色
-     */
-    unSelectColor?: string;
-    /**
-     * 未选中的文字颜色
-     */
-    unSelectTextColor?: string;
-    /**
-     * 类型
-     */
-    type?: RadioGroupItemType;
-    /**
-     * 名称
-     */
-    name: string;
-    /**
-     * 改变事件
-     * @param value
-     */
-    onChange: (value: string) => void;
-}
-declare const RadioGroupItem: React.FC<RadioGroupItemProps>;
-export default RadioGroupItem;
+import React from 'react';
+import './index.scss';
+export type RadioGroupItemType = 'button' | 'text';
+export interface RadioGroupItemProps {
+    /**
+     * 选项
+     */
+    label: string;
+    /**
+     * 值
+     */
+    value: string;
+    /**
+     * 是否选中
+     */
+    checked: boolean;
+    /**
+     * 选中颜色
+     */
+    selectColor?: string;
+    /**
+     * 选中的文字颜色
+     */
+    selectTextColor?: string;
+    /**
+     * 未选中颜色
+     */
+    unSelectColor?: string;
+    /**
+     * 未选中的文字颜色
+     */
+    unSelectTextColor?: string;
+    /**
+     * 类型
+     */
+    type?: RadioGroupItemType;
+    /**
+     * 名称
+     */
+    name: string;
+    /**
+     * 改变事件
+     * @param value
+     */
+    onChange: (value: string) => void;
+}
+declare const RadioGroupItem: React.FC<RadioGroupItemProps>;
+export default RadioGroupItem;