@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

package/es/input/util.js

@@ -1,191 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.filterObjProps = exports.formatValue = exports.formatAmount = exports.format = exports.formatCard = exports.formatTel = exports.formatId = exports.getAttrs = void 0;
-
-/**
- * 提取非函数属性
- * @param {object} oldProps 原始props
- */
-var getAttrs = function getAttrs(oldProps) {
-  var noNeed = ['value', 'className', 'class', 'id', 'style', 'size', 'disabled'];
-  var attrs = {};
-  var events = {};
-
-  for (var i in oldProps) {
-    if (!(oldProps[i] instanceof Function)) {
-      if (noNeed.indexOf(i) === -1) {
-        attrs[i] = oldProps[i];
-      }
-    } else {
-      events[i] = oldProps[i];
-    }
-  }
-
-  return {
-    attrs: attrs,
-    events: events
-  };
-};
-/**
- * 格式化身份证
- */
-
-
-exports.getAttrs = getAttrs;
-
-var formatId = function formatId(val) {
-  val = val.replace(/[^a-zA-Z0-9]/g, '');
-  var len = val.length;
-
-  if (val === '' || len < 7) {
-    return val;
-  }
-
-  if (len < 11) {
-    return val.slice(0, 6) + ' ' + val.slice(6, 10);
-  } else if (len < 15) {
-    return val.slice(0, 6) + ' ' + val.slice(6, 10) + ' ' + val.slice(10, 14);
-  } else {
-    return val.slice(0, 6) + ' ' + val.slice(6, 10) + ' ' + val.slice(10, 14) + ' ' + val.slice(14, 18);
-  }
-};
-/**
- * 格式化手机号
- */
-
-
-exports.formatId = formatId;
-
-var formatTel = function formatTel(val) {
-  val = val.replace(/\D/g, '');
-  var len = val.length;
-
-  if (val === '' || len < 4) {
-    return val;
-  }
-
-  if (len < 8) {
-    return val.slice(0, 3) + ' ' + val.slice(3, 7);
-  } else {
-    return val.slice(0, 3) + ' ' + val.slice(3, 7) + ' ' + val.slice(7, 11);
-  }
-};
-/**
- * 格式化银行卡号
- */
-
-
-exports.formatTel = formatTel;
-
-var formatCard = function formatCard(val) {
-  val = val.replace(/\D/g, '');
-  var len = val.length;
-
-  if (val === '' || val.length < 5) {
-    return val;
-  }
-
-  if (len < 9) {
-    return val.slice(0, 4) + ' ' + val.slice(4, 8);
-  } else if (len < 13) {
-    return val.slice(0, 4) + ' ' + val.slice(4, 8) + ' ' + val.slice(8, 12);
-  } else if (len < 17) {
-    return val.slice(0, 4) + ' ' + val.slice(4, 8) + ' ' + val.slice(8, 12) + ' ' + val.slice(12, 16);
-  } else {
-    return val.slice(0, 4) + ' ' + val.slice(4, 8) + ' ' + val.slice(8, 12) + ' ' + val.slice(12, 16) + ' ' + val.slice(16, 19);
-  }
-};
-/**
- * 输入规则
- * @param {string} val  需要处理的值
- * @param {string} type 输入框类型
- */
-
-
-exports.formatCard = formatCard;
-
-var format = function format(val, type) {
-  switch (type) {
-    case 'id':
-      return formatId(val);
-
-    case 'tel':
-      return formatTel(val);
-
-    case 'card':
-      return formatCard(val);
-
-    case 'email':
-      return val.replace(/\W/g, '');
-
-    case 'amount':
-      val = val.replace(/[^\d|.|,]/g, '').replace(/(\.\d*?)(\.|,).*/, function (_, $1) {
-        return $1;
-      });
-      return val;
-
-    default:
-      return val;
-  }
-};
-/**
- * 金额自动生成小数
- * @param {string} val  需要处理的值
- */
-
-
-exports.format = format;
-
-var formatAmount = function formatAmount(val) {
-  return val.indexOf('.') > -1 ? val : val + '.00';
-};
-/**
- * 净化数据
- */
-
-
-exports.formatAmount = formatAmount;
-
-var formatValue = function formatValue(val, type) {
-  var numberType = ['id', 'tel', 'amount', 'card'];
-
-  if (numberType.indexOf(type) > -1) {
-    var tmp = val.replace(/[^\d|.]/g, '');
-
-    switch (type) {
-      case 'id':
-        return tmp.slice(0, 18);
-
-      case 'tel':
-        return tmp.slice(0, 11);
-
-      case 'card':
-        return tmp.slice(0, 19);
-
-      default:
-        return tmp;
-    }
-  } else {
-    return val;
-  }
-};
-/**
- * 过滤属性
- */
-
-
-exports.formatValue = formatValue;
-
-var filterObjProps = function filterObjProps(obj, propsNeedFilter) {
-  return Object.keys(obj).filter(function (key) {
-    return !propsNeedFilter.includes(key);
-  }).reduce(function (filteredObj, key) {
-    filteredObj[key] = obj[key];
-    return filteredObj;
-  }, {});
-};
-
-exports.filterObjProps = filterObjProps;

package/es/lib/withDragDropContext.js

@@ -1,16 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _reactDnd = require("react-dnd");
-
-var _reactDndHtml5Backend = _interopRequireDefault(require("react-dnd-html5-backend"));
-
-var _default = (0, _reactDnd.DragDropContext)(_reactDndHtml5Backend["default"]);
-
-exports["default"] = _default;

package/es/list/IconText.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-require("./style");
-
-var prefixCls = 'hi-icontext';
-
-var IconText = function IconText(_ref) {
-  var name = _ref.name,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? {} : _ref$style,
-      iconStyle = _ref.iconStyle,
-      className = _ref.className,
-      text = _ref.text;
-  return /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefixCls),
-    style: style
-  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: name,
-    style: Object.assign({}, iconStyle, {
-      marginRight: '2px'
-    }),
-    className: (0, _classnames["default"])(className, "".concat(prefixCls, "--icon"))
-  }), text);
-};
-
-var _default = IconText;
-exports["default"] = _default;

package/es/list/Item.js

@@ -1,63 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var prefixCls = 'hi-list';
-
-var isArray = function isArray(arg) {
-  return arg instanceof Array;
-};
-
-var ExtraArray = function ExtraArray(_ref) {
-  var extra = _ref.extra;
-  return /*#__PURE__*/_react["default"].createElement("ul", {
-    className: "".concat(prefixCls, "-extra-items")
-  }, extra.map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement("li", {
-      className: "".concat(prefixCls, "-extra-item"),
-      key: index
-    }, item);
-  }));
-};
-
-var Item = function Item(_ref2) {
-  var title = _ref2.title,
-      titleTag = _ref2.titleTag,
-      titleTagType = _ref2.titleTagType,
-      description = _ref2.description,
-      extra = _ref2.extra;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefixCls, "-item__content"),
-    key: "content"
-  }, (title || titleTag) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefixCls, "-item-title__content")
-  }, title && /*#__PURE__*/_react["default"].createElement("h4", {
-    className: "".concat(prefixCls, "-item__title"),
-    key: "title"
-  }, title), titleTag && /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("".concat(prefixCls, "-item__titleTag"), (0, _defineProperty2["default"])({}, "".concat(prefixCls, "-titleTag__").concat(titleTagType), titleTagType)),
-    key: "titleTag"
-  }, titleTag)), description && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefixCls, "-item__desc"),
-    key: "description"
-  }, description), extra && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefixCls, "-item__extra"),
-    key: "extra"
-  }, isArray(extra) ? /*#__PURE__*/_react["default"].createElement(ExtraArray, {
-    extra: extra
-  }) : extra));
-};
-
-var _default = Item;
-exports["default"] = _default;

package/es/list/index.d.ts

@@ -1,30 +0,0 @@
-import React from 'react'
-import {PaginationProps} from '../pagination'
-
-export type ListItem = {
-  title: string | JSX.Element
-  titleTag?: string | JSX.Element
-  titleTagType?: 'primary' | 'success' |'warning' | 'danger'
-  description?: string | JSX.Element
-  extra?: string | string[]
-  avatar?: string
-  style?: React.CSSProperties
-  className?: string
-}
-export interface ListProps {
-  type?: 'default' | 'card'
-  data: ListItem[]
-  renderItem?: (item: ListItem) => JSX.Element
-  action?: (item: ListItem) => JSX.Element
-  actionPosition?: 'top' | 'center' |'bottom'
-  split?: boolean
-  pagination?: boolean | PaginationProps
-  bordered?: boolean
-  hoverable?: boolean
-  layout?: 'vertical' | 'horizontal'
-  emptyText?: string | JSX.Element
-  style?: React.CSSProperties
-  className?: string
-}
-declare const List: React.ComponentType<ListProps>
-export default List

package/es/list/index.js

@@ -1,159 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "IconText", {
-  enumerable: true,
-  get: function get() {
-    return _IconText["default"];
-  }
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _pagination = _interopRequireDefault(require("../pagination"));
-
-var _Item = _interopRequireDefault(require("./Item"));
-
-var _IconText = _interopRequireDefault(require("./IconText"));
-
-require("./style");
-
-var prefixCls = 'hi-list';
-
-var getPagePosition = function getPagePosition(pagination) {
-  var pagePosition = 'flex-end';
-
-  switch (pagination.position) {
-    case 'left':
-      pagePosition = 'start';
-      break;
-
-    case 'middle':
-      pagePosition = 'center';
-      break;
-
-    case 'right':
-      pagePosition = 'flex-end';
-      break;
-
-    default:
-      pagePosition = 'flex-end';
-  }
-
-  return pagePosition;
-};
-
-var getActionPosition = function getActionPosition(actionPosition) {
-  var _actionPosition = 'flex-end';
-
-  switch (actionPosition) {
-    case 'top':
-      _actionPosition = 'flex-start';
-      break;
-
-    case 'center':
-      _actionPosition = 'center';
-      break;
-
-    case 'bottom':
-      _actionPosition = 'flex-end';
-      break;
-
-    default:
-      _actionPosition = 'flex-end';
-  }
-
-  return _actionPosition;
-};
-
-var List = function List(_ref) {
-  var data = _ref.data,
-      bordered = _ref.bordered,
-      type = _ref.type,
-      layout = _ref.layout,
-      hoverable = _ref.hoverable,
-      _ref$emptyText = _ref.emptyText,
-      emptyText = _ref$emptyText === void 0 ? '暂无数据' : _ref$emptyText,
-      _ref$pagination = _ref.pagination,
-      pagination = _ref$pagination === void 0 ? {} : _ref$pagination,
-      action = _ref.action,
-      _ref$actionPosition = _ref.actionPosition,
-      actionPosition = _ref$actionPosition === void 0 ? '' : _ref$actionPosition,
-      renderItem = _ref.renderItem,
-      _ref$split = _ref.split,
-      split = _ref$split === void 0 ? true : _ref$split,
-      others = (0, _objectWithoutProperties2["default"])(_ref, ["data", "bordered", "type", "layout", "hoverable", "emptyText", "pagination", "action", "actionPosition", "renderItem", "split"]);
-
-  var _useState = (0, _react.useState)(data),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      datas = _useState2[0],
-      setData = _useState2[1];
-
-  var paginationProps = pagination;
-  (0, _react.useEffect)(function () {
-    setData(data);
-  }, [data]);
-
-  var renderListItem = function renderListItem(item, index) {
-    var _classNames;
-
-    var _ref2 = item || {},
-        avatar = _ref2.avatar;
-
-    return /*#__PURE__*/_react["default"].createElement("li", {
-      className: (0, _classnames["default"])("".concat(prefixCls, "-item"), (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-item__card"), type === 'card'), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-item__colume"), layout === 'vertical'), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-item__hoverable"), type === 'card' && hoverable), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-item__split"), split), _classNames)),
-      key: index
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "".concat(prefixCls, "-item__row"),
-      key: "row"
-    }, avatar && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "".concat(prefixCls, "-item__avatar"),
-      key: "avatar"
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: avatar
-    })), renderItem && renderItem(item)), action && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "".concat(prefixCls, "-item__action"),
-      key: "action",
-      style: {
-        alignSelf: getActionPosition(actionPosition)
-      }
-    }, action(item)));
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-    className: "".concat(prefixCls)
-  }, others), /*#__PURE__*/_react["default"].createElement("ul", {
-    className: (0, _classnames["default"])("".concat(prefixCls, "-items"), (0, _defineProperty2["default"])({}, "".concat(prefixCls, "-items__border"), bordered && type !== 'card'))
-  }, datas && datas.length ? datas.map(function (item, index) {
-    return renderListItem(item, index);
-  }) : /*#__PURE__*/_react["default"].createElement("li", {
-    className: "".concat(prefixCls, "-item--empty")
-  }, emptyText)), paginationProps && /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      justifyContent: getPagePosition(paginationProps),
-      marginTop: '16px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_pagination["default"], paginationProps)));
-};
-
-List.Item = _Item["default"];
-var _default = List;
-exports["default"] = _default;

package/es/list/style/index.css

@@ -1 +0,0 @@
-.hi-list-items{margin:0;padding:0}.hi-list-items__border{border:1px solid var(--color-gray-30);border-bottom:none}.hi-list-items__border .hi-list-item{padding-left:12px}.hi-list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 24px 16px 0}.hi-list-item__row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.hi-list-item-title__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hi-list-item__title{padding:0;margin:0;color:var(--color-black);font-size:16px;line-height:24px;font-weight:400}.hi-list-item__titleTag{height:18px;font-size:12px;font-weight:400;line-height:18px;margin-left:8px;padding:0 6px;border-radius:9px;color:var(--color-primary);border:1px solid var(--color-primary)}.hi-list-item__desc{color:var(--color-black);font-size:12px;line-height:20px}.hi-list-item__extra{color:var(--color-gray-70);font-size:12px;line-height:20px}.hi-list-item__avatar{margin-right:14px}.hi-list-item__avatar img{width:72px;height:72px;display:inline-block}.hi-list-item__action{color:var(--color-black);font-size:12px;line-height:20px;text-align:center;cursor:pointer}.hi-list-item__split{border-bottom:1px solid var(--color-gray-30)}.hi-list-item__card{border:1px solid var(--color-gray-30);margin-top:12px;padding:8px 16px 8px 12px}.hi-list-item__colume{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.hi-list-item--empty{color:var(--color-gray-70);text-align:center;line-height:88px;list-style:none}.hi-list-item__hoverable:hover{-webkit-box-shadow:2px 2px 5px 2px rgba(0,0,0,0.08);box-shadow:2px 2px 5px 2px rgba(0,0,0,0.08)}.hi-list-extra-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0}.hi-list-extra-items li{list-style:none}.hi-list-extra-item{line-height:20px}.hi-list-extra-item::after{display:inline-block;content:'';width:1px;height:10px;margin:0 12px;background-color:var(--color-gray-30)}.hi-list-extra-item:last-child::after{display:inline-block;content:'';width:0}.hi-list-titleTag__primary{color:var(--color-primary);border:1px solid var(--color-primary)}.hi-list-titleTag__warning{color:#ffb31a;border:1px solid #ffb31a}.hi-list-titleTag__success{color:#1da553;border:1px solid #1da553}.hi-list-titleTag__danger{color:#f44343;border:1px solid #f44343}

package/es/list/style/index.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("./index.css");