@ant-design/pro-components 2.8.10 → 3.0.0-beta.2

package/lib/field/PureProField.js

@@ -0,0 +1,166 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pureRenderText = exports.PureProField = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _advancedFormat = _interopRequireDefault(require("dayjs/plugin/advancedFormat"));
+var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
+var _localeData = _interopRequireDefault(require("dayjs/plugin/localeData"));
+var _weekday = _interopRequireDefault(require("dayjs/plugin/weekday"));
+var _weekOfYear = _interopRequireDefault(require("dayjs/plugin/weekOfYear"));
+var _react = _interopRequireWildcard(require("react"));
+var _provider = _interopRequireDefault(require("../provider"));
+var _utils = require("../utils");
+var _Text = _interopRequireDefault(require("./components/Text"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["text", "valueType", "mode", "onChange", "formItemRender", "value", "readonly", "fieldProps"],
+  _excluded2 = ["placeholder"];
+_dayjs.default.extend(_localeData.default);
+_dayjs.default.extend(_advancedFormat.default);
+_dayjs.default.extend(_isoWeek.default);
+_dayjs.default.extend(_weekOfYear.default);
+_dayjs.default.extend(_weekday.default);
+
+/** 默认的 Field 需要实现的功能 */
+
+/** 轻量筛选的field属性 */
+
+/** Value type by function */
+
+/**
+ * 根据不同的类型来转化数值
+ *
+ * @param dataValue
+ * @param valueType
+ */
+var pureRenderText = exports.pureRenderText = function pureRenderText(dataValue, valueType, props, valueTypeMap) {
+  var _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'read' : _props$mode,
+    _props$emptyText = props.emptyText,
+    emptyText = _props$emptyText === void 0 ? '-' : _props$emptyText;
+  if (emptyText !== false && mode === 'read' && valueType !== 'option' && valueType !== 'switch') {
+    if (typeof dataValue !== 'boolean' && typeof dataValue !== 'number' && !dataValue) {
+      var fieldProps = props.fieldProps,
+        render = props.render;
+      if (render) {
+        return render(dataValue, (0, _objectSpread2.default)({
+          mode: mode
+        }, fieldProps), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: emptyText
+        }));
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: emptyText
+      });
+    }
+  }
+
+  // eslint-disable-next-line no-param-reassign
+  delete props.emptyText;
+  if ((0, _typeof2.default)(valueType) === 'object') {
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    return pureRenderText(dataValue, valueType.type, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, valueType), props), valueTypeMap);
+  }
+  var customValueTypeConfig = valueTypeMap && valueTypeMap[valueType];
+  if (customValueTypeConfig) {
+    // eslint-disable-next-line no-param-reassign
+    delete props.ref;
+    if (mode === 'read') {
+      var _customValueTypeConfi;
+      var readDom = (_customValueTypeConfi = customValueTypeConfig.render) === null || _customValueTypeConfi === void 0 ? void 0 : _customValueTypeConfi.call(customValueTypeConfig, dataValue, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        text: dataValue
+      }, props), {}, {
+        mode: mode || 'read'
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: dataValue
+      }));
+      if (props !== null && props !== void 0 && props.render) {
+        var _props$render;
+        return (_props$render = props.render) === null || _props$render === void 0 ? void 0 : _props$render.call(props, dataValue, (0, _objectSpread2.default)({
+          text: dataValue
+        }, props), readDom);
+      }
+      return readDom;
+    }
+    if (mode === 'update' || mode === 'edit') {
+      var _customValueTypeConfi2;
+      var dom = (_customValueTypeConfi2 = customValueTypeConfig.formItemRender) === null || _customValueTypeConfi2 === void 0 ? void 0 : _customValueTypeConfi2.call(customValueTypeConfig, dataValue, (0, _objectSpread2.default)({
+        text: dataValue
+      }, props), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: dataValue
+      }));
+      if (props !== null && props !== void 0 && props.formItemRender) {
+        var _props$formItemRender;
+        return (_props$formItemRender = props.formItemRender) === null || _props$formItemRender === void 0 ? void 0 : _props$formItemRender.call(props, dataValue, (0, _objectSpread2.default)({
+          text: dataValue
+        }, props), dom);
+      }
+      return dom;
+    }
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, (0, _objectSpread2.default)({
+    text: dataValue
+  }, props));
+};
+
+/** ProField 的类型 */
+
+var ProFieldComponent = function ProFieldComponent(_ref, ref) {
+  var _ref2, _fieldProps$value, _ref3, _rest$placeholder, _rest$placeholder2;
+  var text = _ref.text,
+    _ref$valueType = _ref.valueType,
+    valueType = _ref$valueType === void 0 ? 'text' : _ref$valueType,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'read' : _ref$mode,
+    onChange = _ref.onChange,
+    formItemRender = _ref.formItemRender,
+    value = _ref.value,
+    readonly = _ref.readonly,
+    restFieldProps = _ref.fieldProps,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var context = (0, _react.useContext)(_provider.default);
+  var onChangeCallBack = (0, _utils.useRefFunction)(function () {
+    var _restFieldProps$onCha;
+    for (var _len = arguments.length, restParams = new Array(_len), _key = 0; _key < _len; _key++) {
+      restParams[_key] = arguments[_key];
+    }
+    restFieldProps === null || restFieldProps === void 0 || (_restFieldProps$onCha = restFieldProps.onChange) === null || _restFieldProps$onCha === void 0 || _restFieldProps$onCha.call.apply(_restFieldProps$onCha, [restFieldProps].concat(restParams));
+    onChange === null || onChange === void 0 || onChange.apply(void 0, restParams);
+  });
+  var fieldProps = (0, _utils.useDeepCompareMemo)(function () {
+    return (value !== undefined || restFieldProps) && (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      value: value
+    }, (0, _utils.omitUndefined)(restFieldProps)), {}, {
+      onChange: onChangeCallBack
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [value, restFieldProps, onChangeCallBack]);
+  var renderedDom = pureRenderText(mode === 'edit' ? (_ref2 = (_fieldProps$value = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.value) !== null && _fieldProps$value !== void 0 ? _fieldProps$value : text) !== null && _ref2 !== void 0 ? _ref2 : '' : (_ref3 = text !== null && text !== void 0 ? text : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.value) !== null && _ref3 !== void 0 ? _ref3 : '', valueType || 'text', (0, _utils.omitUndefined)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+    ref: ref
+  }, rest), {}, {
+    mode: readonly ? 'read' : mode,
+    formItemRender: formItemRender ? function (curText, props, dom) {
+      var _placeholder = props.placeholder,
+        restProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
+      var newDom = formItemRender(curText, restProps, dom);
+      // formItemRender 之后的dom可能没有props，这里会帮忙注入一下
+      if ( /*#__PURE__*/_react.default.isValidElement(newDom)) return /*#__PURE__*/_react.default.cloneElement(newDom, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, fieldProps), newDom.props || {}));
+      return newDom;
+    } : undefined,
+    placeholder: formItemRender ? undefined : (_rest$placeholder = rest === null || rest === void 0 ? void 0 : rest.placeholder) !== null && _rest$placeholder !== void 0 ? _rest$placeholder : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placeholder,
+    fieldProps: (0, _utils.pickProProps)((0, _utils.omitUndefined)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, fieldProps), {}, {
+      placeholder: formItemRender ? undefined : (_rest$placeholder2 = rest === null || rest === void 0 ? void 0 : rest.placeholder) !== null && _rest$placeholder2 !== void 0 ? _rest$placeholder2 : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placeholder
+    })))
+  })), context.valueTypeMap || {});
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+    children: renderedDom
+  });
+};
+var PureProField = exports.PureProField = /*#__PURE__*/_react.default.forwardRef(ProFieldComponent);

package/lib/field/ValueTypeToComponent.d.ts

@@ -0,0 +1,3 @@
+import { ProRenderFieldPropsType } from '../provider';
+declare const ValueTypeToComponentMap: Record<string, ProRenderFieldPropsType>;
+export default ValueTypeToComponentMap;