mobile-more/lib/components/BizDictionary/index.js

基于 antd-mobile v5 扩展移动端 UI 组件

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.Dictionary = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _ut = require("ut2");
var _classnames = _interopRequireDefault(require("classnames"));
var _antdMobile = require("antd-mobile");
var _BaseDictionary = _interopRequireDefault(require("./BaseDictionary"));
var _config = require("../../config");
var _excluded = ["value", "split", "gap", "wrapperStyle", "wrapperClassName", "type", "className", "spaceProps"];
var prefixCls = "".concat(_config.prefixClass, "-dictionary");
var BizDictionary = function BizDictionary(_ref) {
  var value = _ref.value,
    _ref$split = _ref.split,
    split = _ref$split === void 0 ? '、' : _ref$split,
    _ref$gap = _ref.gap,
    gap = _ref$gap === void 0 ? '0px' : _ref$gap,
    wrapperStyle = _ref.wrapperStyle,
    wrapperClassName = _ref.wrapperClassName,
    _ref$type = _ref.type,
    type = _ref$type === void 0 ? 'text' : _ref$type,
    className = _ref.className,
    spaceProps = _ref.spaceProps,
    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  var values = (0, _ut.castArray)(value);
  return /*#__PURE__*/_react.default.createElement(_antdMobile.Space, (0, _extends2.default)({
    wrap: true
  }, spaceProps, {
    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({
      '--gap': gap
    }, wrapperStyle), spaceProps === null || spaceProps === void 0 ? void 0 : spaceProps.style),
    className: (0, _classnames.default)(prefixCls, "".concat(prefixCls, "-").concat(type), wrapperClassName, spaceProps === null || spaceProps === void 0 ? void 0 : spaceProps.className)
  }), values.map(function (item, index) {
    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
      key: (0, _ut.toString)(item) + index
    }, /*#__PURE__*/_react.default.createElement(_BaseDictionary.default, (0, _extends2.default)({
      value: item,
      type: type,
      className: (0, _classnames.default)("".concat(prefixCls, "-item"), className)
    }, restProps)), index !== values.length - 1 && split && /*#__PURE__*/_react.default.createElement("span", {
      className: "".concat(prefixCls, "-split")
    }, split));
  }));
};

/**
 * @deprecated 即将废弃，请使用 `BizDictionary` 替代。
 */
var Dictionary = exports.Dictionary = BizDictionary;

/**
 * @deprecated 即将废弃，请使用 `BizDictionaryProps` 替代。
 */
var _default = exports.default = BizDictionary;