utils.mjs 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. import { isDef, clamp, extend, createNamespace } from "../utils/index.mjs";
  2. const [name, bem, t] = createNamespace("picker");
  3. const getFirstEnabledOption = (options) => options.find((option) => !option.disabled) || options[0];
  4. function getColumnsType(columns, fields) {
  5. const firstColumn = columns[0];
  6. if (firstColumn) {
  7. if (Array.isArray(firstColumn)) {
  8. return "multiple";
  9. }
  10. if (fields.children in firstColumn) {
  11. return "cascade";
  12. }
  13. }
  14. return "default";
  15. }
  16. function findIndexOfEnabledOption(options, index) {
  17. index = clamp(index, 0, options.length);
  18. for (let i = index; i < options.length; i++) {
  19. if (!options[i].disabled) return i;
  20. }
  21. for (let i = index - 1; i >= 0; i--) {
  22. if (!options[i].disabled) return i;
  23. }
  24. return 0;
  25. }
  26. const isOptionExist = (options, value, fields) => value !== void 0 && !!options.find((option) => option[fields.value] === value);
  27. function findOptionByValue(options, value, fields) {
  28. const index = options.findIndex((option) => option[fields.value] === value);
  29. const enabledIndex = findIndexOfEnabledOption(options, index);
  30. return options[enabledIndex];
  31. }
  32. function formatCascadeColumns(columns, fields, selectedValues) {
  33. const formatted = [];
  34. let cursor = {
  35. [fields.children]: columns
  36. };
  37. let columnIndex = 0;
  38. while (cursor && cursor[fields.children]) {
  39. const options = cursor[fields.children];
  40. const value = selectedValues.value[columnIndex];
  41. cursor = isDef(value) ? findOptionByValue(options, value, fields) : void 0;
  42. if (!cursor && options.length) {
  43. const firstValue = getFirstEnabledOption(options)[fields.value];
  44. cursor = findOptionByValue(options, firstValue, fields);
  45. }
  46. columnIndex++;
  47. formatted.push(options);
  48. }
  49. return formatted;
  50. }
  51. function getElementTranslateY(element) {
  52. const { transform } = window.getComputedStyle(element);
  53. const translateY = transform.slice(7, transform.length - 1).split(", ")[5];
  54. return Number(translateY);
  55. }
  56. function assignDefaultFields(fields) {
  57. return extend(
  58. {
  59. text: "text",
  60. value: "value",
  61. children: "children"
  62. },
  63. fields
  64. );
  65. }
  66. export {
  67. assignDefaultFields,
  68. bem,
  69. findIndexOfEnabledOption,
  70. findOptionByValue,
  71. formatCascadeColumns,
  72. getColumnsType,
  73. getElementTranslateY,
  74. getFirstEnabledOption,
  75. isOptionExist,
  76. name,
  77. t
  78. };