sunmao-sdk/es/layout/CpDetail.js

榫卯-开箱即用赋能-sdk

function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }

function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }

function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }

function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }

function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

import React, { useState, useEffect, useRef } from "react";
import ModalFactory from "./../component/ModalFactory";
import { handleAppParams, postNew } from "./../net/request";
import * as formUtils from "./../utils/formUtils";
import * as commonUtils from "./../utils/commonUtils";
import { CP } from "..";
import { aclCheckPermissions, getHsfHost } from "../net/api";
import CardRender from "../component/CardRender";
var displayName = "CpDetail";

var CpDetail = function CpDetail(props) {
  var title = props.title,
      schema = props.schema,
      refreshSchema = props.refreshSchema,
      _props$api = props.api,
      api = _props$api === void 0 ? {} : _props$api,
      initData = props.initData,
      filterParams = props.filterParams,
      widgets = props.widgets;
  var requestFunc = CP.getCPInfo().requestFunc || postNew;

  var _useState = useState(false),
      _useState2 = _slicedToArray(_useState, 2),
      loading = _useState2[0],
      setLoading = _useState2[1];

  var _useState3 = useState({}),
      _useState4 = _slicedToArray(_useState3, 2),
      formData = _useState4[0],
      setForm = _useState4[1];

  var validate = useRef([]);
  var searchParams = useRef({});
  var hasPageSchema = useRef(false);
  var pageInfo = useRef(formUtils.defaultPageInfo());

  var _useState5 = useState(null),
      _useState6 = _slicedToArray(_useState5, 2),
      cardConfig = _useState6[0],
      setDetailConfig = _useState6[1];

  var reqData = useRef(initData);
  useEffect(function () {
    if (schema && !cardConfig) {
      // 改为非受控组件
      try {
        pageInfo.current = schema;
        hasPageSchema.current = true;
        resetDetailConfig();
      } catch (e) {
        commonUtils.log(e);
      }
    }
  }, [schema]);
  useEffect(function () {
    if (refreshSchema) {
      try {
        pageInfo.current = refreshSchema;
        hasPageSchema.current = true;
        resetDetailConfig();
      } catch (e) {
        commonUtils.log(e);
      }
    }
  }, [refreshSchema]);
  useEffect(function () {
    if (hasPageSchema.current && !commonUtils.isEmptyObj(initData)) {
      searchParams.current = _objectSpread(_objectSpread({}, searchParams.current), initData);
      onSdkSearch();
    } else {
      setModelData(initData);
    }
  }, [initData]);

  var reqHandle = function reqHandle(url, okPath, okFunc, params) {
    return requestFunc(url, handleAppParams(params), okPath).then(function (res) {
      if (okFunc) okFunc(res, onSdkSearch, params);else onSdkSearch();
    }).catch(function (err) {
      return commonUtils.log(err);
    });
  };
  /**
   * 按键事件  -  表单弹框
   * @param formSchema  表单内容
   * @param title 表单名称
   * @param okPath 自定义请求成功标示
   * @param url 请求url
   * @param okFunc  自定义成功调用函数
   */


  var formHandle = function formHandle(formSchema, title, url, okPath, okFunc, params) {
    return ModalFactory.showModalForm({
      formSchema: formSchema,
      widgets: widgets,
      width: 1000,
      title: title,
      request: {
        okPath: okPath,
        url: url,
        params: params,
        handleOk: function handleOk(formData, validate) {
          if (validate.length) return false;
          return true;
        },
        onSuccess: function onSuccess(res, formData) {
          if (okFunc) okFunc(res, onSdkSearch, params, formData);else onSdkSearch();
        }
      }
    });
  };
  /**
   * 必备函数
   * 表格请求函数
   * 暂支持post请求，因get用长度限制，避免过多参数
   * @param params 搜索项信息
   */


  var onSdkSearch = function onSdkSearch(params) {
    var _params = _objectSpread(_objectSpread({}, searchParams.current), params);

    var _pageInfo$current = pageInfo.current,
        url = _pageInfo$current.url,
        _pageInfo$current$okP = _pageInfo$current.okPath,
        okPath = _pageInfo$current$okP === void 0 ? "data" : _pageInfo$current$okP;

    if (!url) {
      setModelData(_params);
      return;
    }

    setLoading(true);
    requestFunc(commonUtils.getUrl(url), handleAppParams(_params, filterParams), okPath).then(function (_ref) {
      var data = _ref.data,
          exactData = _ref.exactData;
      if (!data) throw new Error("请求错误，自行处理，该请求可自行设计，只要返回正确数据格式即可！");
      setModelData(_objectSpread(_objectSpread({}, _params), exactData || data));
    }).catch(function (err) {
      console.error("err", err, displayName);
    }).finally(function () {
      setLoading(false);
    });
  };

  var setModelData = function setModelData(data) {
    reqData.current = data;
    setForm(reqData.current);
  };
  /**
   * 表格列操作区-暂为弹框操作
   * @param record 行数据
   * @param handleInfo 操作信息
   */


  var onSdkTableHandle = function onSdkTableHandle(record, handleInfo) {
    var content = handleInfo.content,
        funcType = handleInfo.funcType;

    var _ref2 = content || {},
        formItems = _ref2.formItems,
        name = _ref2.name,
        url = _ref2.url,
        okPath = _ref2.okPath,
        okFunc = _ref2.okFunc,
        filterSchemaFunc = _ref2.filterSchemaFunc,
        displayType = _ref2.displayType;

    var apiUrl = commonUtils.getUrl(url);

    var params = _objectSpread({
      rowInfo: record
    }, record);

    switch (funcType) {
      case "34": // 直接请求

      case "35":
        // 二次确认请求
        reqHandle(apiUrl, okPath, commonUtils.getFunc(okFunc, apis), params);
        break;

      case "36":
        // 表单弹框请求
        var filterSchema = commonUtils.getFunc(filterSchemaFunc, apis);
        var listTranslSchema = formUtils.listTranslSchema(formItems, 2, record);
        if (formUtils.getDicTrue(displayType)) listTranslSchema.displayType = "column";
        formHandle(filterSchema ? filterSchema(listTranslSchema) : listTranslSchema, name, apiUrl, okPath, commonUtils.getFunc(okFunc, apis), params);
        break;

      default:
        break;
    }
  };

  var apis = _objectSpread(_objectSpread({}, api), {}, {
    onSdkSearch: onSdkSearch,
    onSdkTableHandle: onSdkTableHandle
  });

  var resetDetailConfig = function resetDetailConfig() {
    var search = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
    var _pageInfo$current2 = pageInfo.current,
        name = _pageInfo$current2.name,
        form = _pageInfo$current2.form,
        handle = _pageInfo$current2.handle; // 获取默认初始值

    searchParams.current = _objectSpread(_objectSpread(_objectSpread({}, formUtils.getInitData(form === null || form === void 0 ? void 0 : form.formItems)), commonUtils.isObj(initData) ? initData : {}), search);

    var _formUtils$getTableHa = formUtils.getTableHandle(handle === null || handle === void 0 ? void 0 : handle.handleItems),
        rowHandle = _formUtils$getTableHa.btn,
        rowAcl = _formUtils$getTableHa.acl;

    var permissionNames = [];

    var aclCheckPermissionResults = _toConsumableArray(rowAcl);

    var schema = commonUtils.buildSchema({
      customCardBody: commonUtils.getFunc(form === null || form === void 0 ? void 0 : form.customCardBody, apis),
      title: title || name,
      formConfig: _objectSpread(_objectSpread({}, formUtils.listTranslSchema(form === null || form === void 0 ? void 0 : form.formItems, 4)), {}, {
        // 第二个参数需配置
        formData: searchParams.current
      }),
      actionConfig: {
        showCount: parseInt((handle === null || handle === void 0 ? void 0 : handle.showCount) || "2"),
        // 按键显示数量
        actionList: rowHandle,
        fixed: "right" // 按键显示位置； 常见右、底中

      }
    }, apis);
    setDetailConfig(schema);

    if (permissionNames.length) {
      var _CP$getCPInfo$extPara;

      postNew(getHsfHost() + aclCheckPermissions, {
        userId: (_CP$getCPInfo$extPara = CP.getCPInfo().extParams) === null || _CP$getCPInfo$extPara === void 0 ? void 0 : _CP$getCPInfo$extPara.bucId,
        permissionNames: permissionNames
      }, "checkPermissionResults", {}, "[object Array]").then(function (res) {
        aclCheckPermissionResults = res.data;
        setDetailConfig(_objectSpread(_objectSpread({}, schema), {}, {
          aclCheckPermissionResults: aclCheckPermissionResults
        }));
      });
    } // 刷新详情
    // 延迟刷新


    setTimeout(onSdkSearch, 350); // onSdkSearch();
  };

  return cardConfig ? /*#__PURE__*/React.createElement(CardRender, {
    loading: loading,
    reqData: reqData.current,
    frConfig: {
      formData: formData,
      onChange: function onChange(data) {
        return setForm(data);
      },
      onValidate: function onValidate(value) {
        return validate.current = value;
      }
    },
    schema: cardConfig
  }) : null;
};

export default /*#__PURE__*/React.memo(CpDetail);