index.js 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.default = useTreeSelectStyle;
  6. var _style = require("../../checkbox/style");
  7. var _internal = require("../../theme/internal");
  8. var _style2 = require("../../tree/style");
  9. // =============================== Base ===============================
  10. const genBaseStyle = token => {
  11. const {
  12. componentCls,
  13. treePrefixCls,
  14. colorBgElevated
  15. } = token;
  16. const treeCls = `.${treePrefixCls}`;
  17. return [
  18. // ======================================================
  19. // == Dropdown ==
  20. // ======================================================
  21. {
  22. [`${componentCls}-dropdown`]: [{
  23. padding: `${token.paddingXS}px ${token.paddingXS / 2}px`
  24. },
  25. // ====================== Tree ======================
  26. (0, _style2.genTreeStyle)(treePrefixCls, (0, _internal.mergeToken)(token, {
  27. colorBgContainer: colorBgElevated
  28. })), {
  29. [treeCls]: {
  30. borderRadius: 0,
  31. '&-list-holder-inner': {
  32. alignItems: 'stretch',
  33. [`${treeCls}-treenode`]: {
  34. [`${treeCls}-node-content-wrapper`]: {
  35. flex: 'auto'
  36. }
  37. }
  38. }
  39. }
  40. },
  41. // ==================== Checkbox ====================
  42. (0, _style.getStyle)(`${treePrefixCls}-checkbox`, token),
  43. // ====================== RTL =======================
  44. {
  45. '&-rtl': {
  46. direction: 'rtl',
  47. [`${treeCls}-switcher${treeCls}-switcher_close`]: {
  48. [`${treeCls}-switcher-icon svg`]: {
  49. transform: 'rotate(90deg)'
  50. }
  51. }
  52. }
  53. }]
  54. }];
  55. };
  56. // ============================== Export ==============================
  57. function useTreeSelectStyle(prefixCls, treePrefixCls) {
  58. return (0, _internal.genComponentStyleHook)('TreeSelect', token => {
  59. const treeSelectToken = (0, _internal.mergeToken)(token, {
  60. treePrefixCls: treePrefixCls.value
  61. });
  62. return [genBaseStyle(treeSelectToken)];
  63. })(prefixCls);
  64. }