index.js 1.5 KB

12345678910111213141516171819202122232425262728293031323334
  1. import { useEvent } from 'functional-mini/component';
  2. import { mountComponent } from '../../_util/component';
  3. import { useComponentEvent } from '../../_util/hooks/useComponentEvent';
  4. import { useHandleCustomEvent, useMultipleValueHandleCustomEvent, } from '../../_util/hooks/useHandleCustomEvent';
  5. import { useFormItem } from '../use-form-item';
  6. import { FormPickerDefaultProps } from './props';
  7. var FormPicker = function (props) {
  8. var _a = useFormItem(props), formData = _a.formData, emit = _a.emit;
  9. var _b = useComponentEvent(props), triggerEventValues = _b.triggerEventValues, triggerEventOnly = _b.triggerEventOnly, triggerEvent = _b.triggerEvent;
  10. useMultipleValueHandleCustomEvent('onOk', function (value, column, e) {
  11. emit('onChange', value);
  12. triggerEventValues('ok', [value, column], e);
  13. });
  14. useMultipleValueHandleCustomEvent('onChange', function (value, column, e) {
  15. triggerEventValues('change', [value, column], e);
  16. });
  17. useHandleCustomEvent('onVisibleChange', function (visible, e) {
  18. triggerEvent('visibleChange', visible, e);
  19. });
  20. useEvent('handleFormat', function (value, column) {
  21. if (props.onFormat) {
  22. return props.onFormat(value, column);
  23. }
  24. }, {
  25. handleResult: true,
  26. });
  27. useHandleCustomEvent('onDismissPicker', function (e) {
  28. triggerEventOnly('cancel', e);
  29. });
  30. return {
  31. formData: formData,
  32. };
  33. };
  34. mountComponent(FormPicker, FormPickerDefaultProps);