FormItemContext.js 3.7 KB

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