RawItem.js 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.default = void 0;
  7. var _vue = require("vue");
  8. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  9. var _classNames = _interopRequireDefault(require("../_util/classNames"));
  10. var _vueTypes = _interopRequireDefault(require("../_util/vue-types"));
  11. var _context = require("./context");
  12. var _Item = _interopRequireDefault(require("./Item"));
  13. var __rest = void 0 && (void 0).__rest || function (s, e) {
  14. var t = {};
  15. for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  16. if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
  17. if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  18. }
  19. return t;
  20. };
  21. var _default = exports.default = (0, _vue.defineComponent)({
  22. compatConfig: {
  23. MODE: 3
  24. },
  25. name: 'RawItem',
  26. inheritAttrs: false,
  27. props: {
  28. component: _vueTypes.default.any,
  29. title: _vueTypes.default.any,
  30. id: String,
  31. onMouseenter: {
  32. type: Function
  33. },
  34. onMouseleave: {
  35. type: Function
  36. },
  37. onClick: {
  38. type: Function
  39. },
  40. onKeydown: {
  41. type: Function
  42. },
  43. onFocus: {
  44. type: Function
  45. },
  46. role: String,
  47. tabindex: Number
  48. },
  49. setup(props, _ref) {
  50. let {
  51. slots,
  52. attrs
  53. } = _ref;
  54. const context = (0, _context.useInjectOverflowContext)();
  55. return () => {
  56. var _a;
  57. // Render directly when context not provided
  58. if (!context.value) {
  59. const {
  60. component: Component = 'div'
  61. } = props,
  62. restProps = __rest(props, ["component"]);
  63. return (0, _vue.createVNode)(Component, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), attrs), {
  64. default: () => [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]
  65. });
  66. }
  67. const _b = context.value,
  68. {
  69. className: contextClassName
  70. } = _b,
  71. restContext = __rest(_b, ["className"]);
  72. const {
  73. class: className
  74. } = attrs,
  75. restProps = __rest(attrs, ["class"]);
  76. // Do not pass context to sub item to avoid multiple measure
  77. return (0, _vue.createVNode)(_context.OverflowContextProvider, {
  78. "value": null
  79. }, {
  80. default: () => [(0, _vue.createVNode)(_Item.default, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
  81. "class": (0, _classNames.default)(contextClassName, className)
  82. }, restContext), restProps), props), slots)]
  83. });
  84. };
  85. }
  86. });