FormItemContext.js 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
  2. import { watch, computed, inject, provide, ref, onBeforeUnmount, getCurrentInstance, defineComponent } from 'vue';
  3. import devWarning from '../vc-util/devWarning';
  4. var ContextKey = Symbol('ContextProps');
  5. var InternalContextKey = Symbol('InternalContextProps');
  6. export var useProvideFormItemContext = function useProvideFormItemContext(props) {
  7. var useValidation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : computed(function () {
  8. return true;
  9. });
  10. var formItemFields = ref(new Map());
  11. var addFormItemField = function addFormItemField(key, type) {
  12. formItemFields.value.set(key, type);
  13. formItemFields.value = new Map(formItemFields.value);
  14. };
  15. var removeFormItemField = function removeFormItemField(key) {
  16. formItemFields.value.delete(key);
  17. formItemFields.value = new Map(formItemFields.value);
  18. };
  19. var instance = getCurrentInstance();
  20. watch([useValidation, formItemFields], function () {
  21. if (process.env.NODE_ENV !== 'production') {
  22. if (useValidation.value && formItemFields.value.size > 1) {
  23. devWarning(false, 'Form.Item', "FormItem can only collect one field item, you haved set ".concat(_toConsumableArray(formItemFields.value.values()).map(function (v) {
  24. return "`".concat(v.name, "`");
  25. }).join(', '), " ").concat(formItemFields.value.size, " field items.\n You can set not need to be collected fields into `a-form-item-rest`"));
  26. var cur = instance;
  27. while (cur.parent) {
  28. console.warn('at', cur.type);
  29. cur = cur.parent;
  30. }
  31. }
  32. }
  33. });
  34. provide(ContextKey, props);
  35. provide(InternalContextKey, {
  36. addFormItemField: addFormItemField,
  37. removeFormItemField: removeFormItemField
  38. });
  39. };
  40. var defaultContext = {
  41. id: computed(function () {
  42. return undefined;
  43. }),
  44. onFieldBlur: function onFieldBlur() {},
  45. onFieldChange: function onFieldChange() {},
  46. clearValidate: function clearValidate() {}
  47. };
  48. var defaultInternalContext = {
  49. addFormItemField: function addFormItemField() {},
  50. removeFormItemField: function removeFormItemField() {}
  51. };
  52. export var useInjectFormItemContext = function useInjectFormItemContext() {
  53. var internalContext = inject(InternalContextKey, defaultInternalContext);
  54. var formItemFieldKey = Symbol('FormItemFieldKey');
  55. var instance = getCurrentInstance();
  56. internalContext.addFormItemField(formItemFieldKey, instance.type);
  57. onBeforeUnmount(function () {
  58. internalContext.removeFormItemField(formItemFieldKey);
  59. });
  60. // We should prevent the passing of context for children
  61. provide(InternalContextKey, defaultInternalContext);
  62. provide(ContextKey, defaultContext);
  63. return inject(ContextKey, defaultContext);
  64. };
  65. export default defineComponent({
  66. compatConfig: {
  67. MODE: 3
  68. },
  69. name: 'AFormItemRest',
  70. setup: function setup(_, _ref) {
  71. var slots = _ref.slots;
  72. provide(InternalContextKey, defaultInternalContext);
  73. provide(ContextKey, defaultContext);
  74. return function () {
  75. var _slots$default;
  76. return (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
  77. };
  78. }
  79. });