use-watch.mjs 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. import { watch } from 'vue';
  2. import '../../../../constants/index.mjs';
  3. import '../../../../utils/index.mjs';
  4. import { UPDATE_MODEL_EVENT, INPUT_EVENT } from '../../../../constants/event.mjs';
  5. import { throwError, debugWarn } from '../../../../utils/error.mjs';
  6. const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
  7. const _emit = (val) => {
  8. emit(UPDATE_MODEL_EVENT, val);
  9. emit(INPUT_EVENT, val);
  10. };
  11. const valueChanged = () => {
  12. if (props.range) {
  13. return ![minValue.value, maxValue.value].every((item, index) => item === initData.oldValue[index]);
  14. } else {
  15. return props.modelValue !== initData.oldValue;
  16. }
  17. };
  18. const setValues = () => {
  19. var _a, _b;
  20. if (props.min > props.max) {
  21. throwError("Slider", "min should not be greater than max.");
  22. return;
  23. }
  24. const val = props.modelValue;
  25. if (props.range && Array.isArray(val)) {
  26. if (val[1] < props.min) {
  27. _emit([props.min, props.min]);
  28. } else if (val[0] > props.max) {
  29. _emit([props.max, props.max]);
  30. } else if (val[0] < props.min) {
  31. _emit([props.min, val[1]]);
  32. } else if (val[1] > props.max) {
  33. _emit([val[0], props.max]);
  34. } else {
  35. initData.firstValue = val[0];
  36. initData.secondValue = val[1];
  37. if (valueChanged()) {
  38. if (props.validateEvent) {
  39. (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn(err));
  40. }
  41. initData.oldValue = val.slice();
  42. }
  43. }
  44. } else if (!props.range && typeof val === "number" && !Number.isNaN(val)) {
  45. if (val < props.min) {
  46. _emit(props.min);
  47. } else if (val > props.max) {
  48. _emit(props.max);
  49. } else {
  50. initData.firstValue = val;
  51. if (valueChanged()) {
  52. if (props.validateEvent) {
  53. (_b = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _b.call(elFormItem, "change").catch((err) => debugWarn(err));
  54. }
  55. initData.oldValue = val;
  56. }
  57. }
  58. }
  59. };
  60. setValues();
  61. watch(() => initData.dragging, (val) => {
  62. if (!val) {
  63. setValues();
  64. }
  65. });
  66. watch(() => props.modelValue, (val, oldVal) => {
  67. if (initData.dragging || Array.isArray(val) && Array.isArray(oldVal) && val.every((item, index) => item === oldVal[index]) && initData.firstValue === val[0] && initData.secondValue === val[1]) {
  68. return;
  69. }
  70. setValues();
  71. }, {
  72. deep: true
  73. });
  74. watch(() => [props.min, props.max], () => {
  75. setValues();
  76. });
  77. };
  78. export { useWatch };
  79. //# sourceMappingURL=use-watch.mjs.map