@aliretail/react-materials-components/lib/FormComponents/cascaderSelect/index.js

B 端物料组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.CascaderSelect = void 0;

var _cascaderSelect = _interopRequireDefault(require("@alifd/next/lib/cascader-select"));

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var React = _interopRequireWildcard(require("react"));

var _next = require("@formily/next");

var _shared = require("../shared");

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

// 深度遍历查找目标节点及缓存相关路径
function findTreePath(value, tree) {
  if (tree.length === 0) return;

  for (var i = 0; i < tree.length; i++) {
    var item = tree[i];

    if (item.value === value) {
      // 如果找到， 则跳出
      return [item.label];
    }

    if (item.children) {
      var path = findTreePath(value, item.children);

      if (path.length > 0) {
        // 子节点找到, 把本节点插入到第一个
        path.splice(0, 0, item.label);
        return path;
      }
    }
  }

  return [];
}

var FormilyCascaderSelect = function FormilyCascaderSelect(props) {
  if (props.readOnly) {
    if (props.multiple && Array.isArray(props.value)) {
      // 多选情况下，value 为数组
      var displayArray = [];
      props.value.forEach(function (leafValue) {
        var findValue = findTreePath(leafValue, props.dataSource || []);
        displayArray.push( /*#__PURE__*/React.createElement("span", {
          key: leafValue,
          className: "aliretail-formily-cascader-readonly"
        }, (findValue === null || findValue === void 0 ? void 0 : findValue.join('/')) || '-'));
      });
      return /*#__PURE__*/React.createElement("div", {
        className: "aliretail-formily-cascader-readonly-array"
      }, displayArray);
    } else {
      // 单选情况下，value 为字符串
      var value = props.value;

      if (!value.length) {
        return '-';
      }

      if (Array.isArray(value)) value = value[0];
      var res = findTreePath(value, props.dataSource || []);
      return /*#__PURE__*/React.createElement("span", {
        className: "aliretail-formily-cascader-readonly"
      }, (res === null || res === void 0 ? void 0 : res.join('/')) || '-');
    }
  }

  var onChange = function onChange() {
    props.onChange && props.onChange.apply(props, arguments);
    props.onChangeBak && props.onChangeBak.apply(props, arguments);
  };

  return /*#__PURE__*/React.createElement(_cascaderSelect["default"], (0, _extends2["default"])({}, props, {
    onChange: onChange
  }));
};

var CascaderSelect = (0, _next.connect)({
  getProps: _shared.mapStyledProps,
  getComponent: _shared.mapCustomComponent,
  defaultProps: {
    hasClear: true
  }
})(FormilyCascaderSelect);
exports.CascaderSelect = CascaderSelect;