@flow-editor/render/es/hooks/useDawnPath.js

Dawn数据流的React实现

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(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(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; }

import { DawnNode, Path } from '@flow-editor/dawn';
import { useRefCallback, useUpdate } from '@rc-hooks/use';
import { useEffect, useRef } from 'react';
export function useDawnPath(options) {
  var scope = options.scope,
      model = options.model,
      config = options.config,
      brick = options.brick,
      _options$isArray = options.isArray,
      isArray = _options$isArray === void 0 ? false : _options$isArray,
      _options$renderConfig = options.renderConfig,
      renderConfig = _options$renderConfig === void 0 ? {} : _options$renderConfig,
      onUpdatingBrickInfo = options.onUpdatingBrickInfo;
  var update = useUpdate();
  var pendingRef = useRef([]);
  var oldRef = useRef(null);
  var onUpdatingBrickInfoCallback = useRefCallback(onUpdatingBrickInfo);
  var _renderConfig$updateW = renderConfig.updateWhenLoading,
      updateWhenLoading = _renderConfig$updateW === void 0 ? false : _renderConfig$updateW,
      _renderConfig$updateW2 = renderConfig.updateWhenValidating,
      updateWhenValidating = _renderConfig$updateW2 === void 0 ? false : _renderConfig$updateW2,
      _renderConfig$updateU = renderConfig.updateUntilReady,
      updateUntilReady = _renderConfig$updateU === void 0 ? false : _renderConfig$updateU;
  var node = new DawnNode(scope, config.props.fieldName, isArray);
  useEffect(function () {
    var pending = pendingRef.current;

    if (pending.length) {
      pending.map(function (item) {
        return item();
      });
      pending.length = 0;
    }
  });
  return new Path(_objectSpread({}, brick, {
    model: model,
    node: node,
    brickConfig: config,
    updateBrickInfo: function updateBrickInfo(instance) {
      var old = oldRef.current;

      if (!instance.ready && updateUntilReady || old !== null && instance.ready !== old.ready && !updateUntilReady || instance.loading && !updateWhenLoading || instance.validating && !updateWhenValidating) {
        return Promise.resolve();
      }

      var pending = pendingRef.current;
      oldRef.current = instance;
      onUpdatingBrickInfoCallback(instance, old);
      return new Promise(function (resolve) {
        if (pending.length === 0) {
          update();
        }

        pending.push(resolve);
      });
    }
  }));
}