ng-layout-form/es/formset/index.js

layout form

var _excluded = ["item", "defaultConfig"];
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
import { compHoc, history, NG, registerComponent, useExtendRef } from 'ng-lib-tsx';
import { useMemo } from 'react';
import { fomatValues, getSubscribeFn } from "../";
import { LayConfWrap } from "../util/util";
import { FormFieldSet as DefaultComp } from "./FormFieldSet";
import "./index.less";
import { jsx as _jsx } from "react/jsx-runtime";
export { default as FormFieldSet } from "./FormFieldSet";
export function FormSetComp(props) {
  var _ref2;
  var _ref = props,
    _ref$formConf = _ref.formConf,
    formConf = _ref$formConf === void 0 ? [] : _ref$formConf,
    opt = _ref.opt,
    dv = _ref.defaultValue,
    value = _ref.value,
    _ref$initSc = _ref.initSc,
    initSc = _ref$initSc === void 0 ? {} : _ref$initSc,
    outRef = _ref.outRef,
    dataId = _ref.dataId,
    onValuesChange = _ref.onValuesChange,
    formSetStyle = _ref.style,
    formSetClassName = _ref.className,
    rules = _ref.rules,
    collapsible = _ref.collapsible,
    defaultCollapse = _ref.collapse;
  var defaultValue = useMemo(function () {
    return value || dv || {};
  }, [value, dv]);
  var s = Array.isArray(formConf) ? formConf : formConf.children;
  var query = history.location.query;
  var optType = opt || query.opt;
  var defaultCollapsible = (_ref2 = collapsible !== null && collapsible !== void 0 ? collapsible : formConf.collapsible) !== null && _ref2 !== void 0 ? _ref2 : true;
  var collapse = defaultCollapse !== undefined ? defaultCollapse : formConf.collapse;
  function getFormatValues() {
    var id = dataId || 'PhId';
    var opt = optType || defaultValue !== null && defaultValue !== void 0 && defaultValue[id] ? 'modifiedRow' : 'newRow';
    var g = fomatValues('COMMON_KEY', 'form', opt, id)(defaultValue);
    s.forEach(function (item) {
      g = g(getData(item.name || item.itemId, 'getValues', false));
    });
    return g()['COMMON_KEY'];
  }
  function getValues() {
    var v = {};
    s.forEach(function (item) {
      v = _objectSpread(_objectSpread({}, v), getData(item.name || item.itemId, 'getValues', false));
    });
    return _objectSpread(_objectSpread({}, defaultValue), v);
  }
  function mergeHandler(v) {
    s.forEach(function (item) {
      var key = item.name || item.itemId;
      var t = NG.getCmp(key);
      t && t.getApi().mergeHandler(v[key]);
    });
  }
  useExtendRef(outRef, {
    mergeHandler: mergeHandler,
    getValues: getValues,
    getFormatValues: getFormatValues,
    validateForm: validateForm,
    isValid: isValid,
    getItem: function getItem(name) {
      for (var i = 0; i < s.length; i++) {
        var _NG$getCmpApi, _NG$getCmpApi$getItem, _NG$getCmpApi2;
        var t = (_NG$getCmpApi = NG.getCmpApi(s[i].name || s[i].itemId)) === null || _NG$getCmpApi === void 0 ? void 0 : (_NG$getCmpApi$getItem = (_NG$getCmpApi2 = _NG$getCmpApi).getItem) === null || _NG$getCmpApi$getItem === void 0 ? void 0 : _NG$getCmpApi$getItem.call(_NG$getCmpApi2, name);
        if (t) return t;
      }
    },
    isChanged: function isChanged() {
      return s.some(function (item) {
        var _NG$getCmpApi3;
        return (_NG$getCmpApi3 = NG.getCmpApi(item.name || item.itemId)) === null || _NG$getCmpApi3 === void 0 ? void 0 : _NG$getCmpApi3.isChanged();
      });
    },
    getConfig: function getConfig() {
      return formConf;
    },
    getForm: function getForm(key) {
      var _NG$getCmp;
      return (_NG$getCmp = NG.getCmp(key)) === null || _NG$getCmp === void 0 ? void 0 : _NG$getCmp.getApi();
    },
    subscribe: getSubscribeFn(outRef)
  });
  function validateForm() {
    return Promise.all(s.map(function (item) {
      return getData(item.name || item.itemId, 'validateForm');
    }));
  }
  function isValid() {
    return Promise.all(s.map(function (item) {
      return getData(item.name || item.itemId, 'isValid');
    })).then(function (result) {
      return result.every(function (r) {
        return r === true;
      });
    });
  }
  var defaultConfig = useMemo(function () {
    var cfg = _objectSpread({}, Array.isArray(formConf) ? {} : formConf);
    delete cfg.children;
    return cfg;
  }, [formConf]);
  var containerId = "".concat(props.id || props['data-cid'] || defaultConfig.name || 'formset');
  return /*#__PURE__*/_jsx("div", {
    id: props.id || props['data-cid'],
    className: NG.classNames('formSetContainer', formSetClassName),
    style: formSetStyle,
    children: s && s.map(function (item) {
      var _item$collapsible;
      var name = item.name || item.itemId;
      return item.hidden ? null : /*#__PURE__*/_jsx(ItemRender, {
        defaultConfig: defaultConfig,
        item: item,
        title: item.title || item.label,
        initSc: initSc[name],
        id: name,
        cid: containerId,
        formSetRef: outRef,
        layout: 'horizontal',
        labelPosition: 'left',
        opt: optType,
        rules: rules,
        disabled: props.disabled,
        collapsible: (_item$collapsible = item.collapsible) !== null && _item$collapsible !== void 0 ? _item$collapsible : defaultCollapsible && (item.title || item.title),
        collapse: typeof collapse === 'boolean' ? collapse : collapse === null || collapse === void 0 ? void 0 : collapse[name],
        value: defaultValue,
        onValuesChange: onValuesChange
      }, name);
    })
  });
}
function ItemRender(_ref3) {
  var item = _ref3.item,
    defaultConfig = _ref3.defaultConfig,
    others = _objectWithoutProperties(_ref3, _excluded);
  var cfg = useMemo(function () {
    return _objectSpread(_objectSpread({}, defaultConfig), item);
  }, [defaultConfig, item]);
  return /*#__PURE__*/_jsx(DefaultComp, _objectSpread({
    formConf: cfg
  }, others));
}
function getData(id, key) {
  var t = NG.getCmp(id).getApi();
  for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
    args[_key - 2] = arguments[_key];
  }
  return t && t[key].apply(t, args) || {};
}
var FormSet = compHoc(LayConfWrap(FormSetComp), 'NGFormSet');
export default FormSet;
registerComponent({
  FormSet: FormSet
});