yc-design-vue 1.9.7 → 1.9.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/es/Alert/index.css +1 -1
  2. package/es/Anchor/index.css +1 -1
  3. package/es/AutoComplete/type.d.ts +3 -1
  4. package/es/Avatar/index.css +1 -1
  5. package/es/BackTop/index.css +1 -1
  6. package/es/BackTop/index.vue.js +2 -7
  7. package/es/Badge/index.css +1 -1
  8. package/es/Breadcrumb/index.css +1 -1
  9. package/es/Button/hooks/useContext.d.ts +2 -2
  10. package/es/Button/hooks/useContext.js +3 -13
  11. package/es/Button/index.css +1 -1
  12. package/es/Calendar/index.css +1 -1
  13. package/es/Card/index.css +1 -1
  14. package/es/Carousel/index.css +1 -1
  15. package/es/Cascader/index.css +1 -1
  16. package/es/Checkbox/index.css +1 -1
  17. package/es/Collapse/index.css +1 -1
  18. package/es/ColorPicker/index.css +1 -1
  19. package/es/Descriptions/index.css +1 -1
  20. package/es/Dropdown/index.css +1 -1
  21. package/es/Image/ImagePreviewToolbar.vue.js +6 -6
  22. package/es/Image/index.css +1 -1
  23. package/es/Input/index.css +1 -1
  24. package/es/InputNumber/InputNumber.vue.d.ts +0 -1
  25. package/es/InputNumber/InputNumber.vue.js +1 -6
  26. package/es/InputNumber/index.d.ts +0 -3
  27. package/es/InputNumber/type.d.ts +0 -2
  28. package/es/InputTag/index.css +1 -1
  29. package/es/List/index.css +1 -1
  30. package/es/Menu/index.css +1 -1
  31. package/es/Pagination/index.css +1 -1
  32. package/es/Popconfirm/index.css +1 -1
  33. package/es/Popover/index.css +1 -1
  34. package/es/Radio/index.css +1 -1
  35. package/es/Result/index.css +1 -1
  36. package/es/Select/hooks/useSelectHotkeys.js +3 -1
  37. package/es/Select/index.css +1 -1
  38. package/es/Skeleton/index.css +1 -1
  39. package/es/Slider/index.css +1 -1
  40. package/es/Spin/index.css +1 -1
  41. package/es/Steps/index.css +1 -1
  42. package/es/Switch/index.css +1 -1
  43. package/es/Tabs/index.css +1 -1
  44. package/es/Tag/index.css +1 -1
  45. package/es/Textarea/index.css +1 -1
  46. package/es/TimePicker/TimePicker.vue.js +2 -2
  47. package/es/TimePicker/index.css +1 -1
  48. package/es/Timeline/index.css +1 -1
  49. package/es/Tooltip/index.css +1 -1
  50. package/es/Transfer/TransferPanel.vue.js +6 -4
  51. package/es/Transfer/index.css +1 -1
  52. package/es/Transfer/type.d.ts +3 -9
  53. package/es/Trigger/hooks/useTriggerPosition.d.ts +0 -1
  54. package/es/Trigger/hooks/useTriggerPosition.js +3 -8
  55. package/es/Trigger/index.vue.js +2 -1
  56. package/es/Typography/TypographyBase.vue.js +2 -2
  57. package/es/VerificationCode/index.vue.js +5 -3
  58. package/es/Watermark/index.d.ts +3 -3
  59. package/es/Watermark/index.vue.d.ts +1 -1
  60. package/es/_shared/icons/IconCopy.vue.js +23 -1
  61. package/es/_shared/icons/IconCopy.vue2.js +1 -23
  62. package/es/_shared/icons/IconEdit.vue.js +23 -1
  63. package/es/_shared/icons/IconEdit.vue2.js +1 -23
  64. package/es/_shared/icons/IconFullScreen.vue.js +23 -1
  65. package/es/_shared/icons/IconFullScreen.vue2.js +1 -23
  66. package/es/_shared/icons/IconOriginSize.vue.js +29 -1
  67. package/es/_shared/icons/IconOriginSize.vue2.js +1 -29
  68. package/es/_shared/icons/IconRotateLeft.vue.js +23 -1
  69. package/es/_shared/icons/IconRotateLeft.vue2.js +1 -23
  70. package/es/_shared/icons/IconRotateRight.vue.js +23 -1
  71. package/es/_shared/icons/IconRotateRight.vue2.js +1 -23
  72. package/es/_shared/icons/IconZoomIn.vue.js +23 -1
  73. package/es/_shared/icons/IconZoomIn.vue2.js +1 -23
  74. package/es/_shared/icons/IconZoomOut.vue.js +23 -1
  75. package/es/_shared/icons/IconZoomOut.vue2.js +1 -23
  76. package/es/_shared/utils/global-config.d.ts +1 -1
  77. package/es/_shared/utils/global-config.js +1 -1
  78. package/es/shared.css +1 -1
  79. package/es/style.css +1 -1
  80. package/lib/Alert/index.css +1 -1
  81. package/lib/Anchor/index.css +1 -1
  82. package/lib/AutoComplete/type.d.ts +3 -1
  83. package/lib/Avatar/index.css +1 -1
  84. package/lib/BackTop/index.css +1 -1
  85. package/lib/BackTop/index.vue.js +1 -1
  86. package/lib/Badge/index.css +1 -1
  87. package/lib/Breadcrumb/index.css +1 -1
  88. package/lib/Button/hooks/useContext.d.ts +2 -2
  89. package/lib/Button/hooks/useContext.js +1 -1
  90. package/lib/Button/index.css +1 -1
  91. package/lib/Calendar/index.css +1 -1
  92. package/lib/Card/index.css +1 -1
  93. package/lib/Carousel/index.css +1 -1
  94. package/lib/Cascader/index.css +1 -1
  95. package/lib/Checkbox/index.css +1 -1
  96. package/lib/Collapse/index.css +1 -1
  97. package/lib/ColorPicker/index.css +1 -1
  98. package/lib/Descriptions/index.css +1 -1
  99. package/lib/Dropdown/index.css +1 -1
  100. package/lib/Image/ImagePreviewToolbar.vue.js +1 -1
  101. package/lib/Image/index.css +1 -1
  102. package/lib/Input/index.css +1 -1
  103. package/lib/InputNumber/InputNumber.vue.d.ts +0 -1
  104. package/lib/InputNumber/InputNumber.vue.js +1 -1
  105. package/lib/InputNumber/index.d.ts +0 -3
  106. package/lib/InputNumber/type.d.ts +0 -2
  107. package/lib/InputTag/index.css +1 -1
  108. package/lib/List/index.css +1 -1
  109. package/lib/Menu/index.css +1 -1
  110. package/lib/Pagination/index.css +1 -1
  111. package/lib/Popconfirm/index.css +1 -1
  112. package/lib/Popover/index.css +1 -1
  113. package/lib/Radio/index.css +1 -1
  114. package/lib/Result/index.css +1 -1
  115. package/lib/Select/hooks/useSelectHotkeys.js +1 -1
  116. package/lib/Select/index.css +1 -1
  117. package/lib/Skeleton/index.css +1 -1
  118. package/lib/Slider/index.css +1 -1
  119. package/lib/Spin/index.css +1 -1
  120. package/lib/Steps/index.css +1 -1
  121. package/lib/Switch/index.css +1 -1
  122. package/lib/Tabs/index.css +1 -1
  123. package/lib/Tag/index.css +1 -1
  124. package/lib/Textarea/index.css +1 -1
  125. package/lib/TimePicker/TimePicker.vue.js +1 -1
  126. package/lib/TimePicker/index.css +1 -1
  127. package/lib/Timeline/index.css +1 -1
  128. package/lib/Tooltip/index.css +1 -1
  129. package/lib/Transfer/TransferPanel.vue.js +1 -1
  130. package/lib/Transfer/index.css +1 -1
  131. package/lib/Transfer/type.d.ts +3 -9
  132. package/lib/Trigger/hooks/useTriggerPosition.d.ts +0 -1
  133. package/lib/Trigger/hooks/useTriggerPosition.js +1 -1
  134. package/lib/Trigger/index.vue.js +1 -1
  135. package/lib/Typography/TypographyBase.vue.js +1 -1
  136. package/lib/VerificationCode/index.vue.js +1 -1
  137. package/lib/Watermark/index.d.ts +3 -3
  138. package/lib/Watermark/index.vue.d.ts +1 -1
  139. package/lib/_shared/icons/IconCopy.vue.js +1 -1
  140. package/lib/_shared/icons/IconCopy.vue2.js +1 -1
  141. package/lib/_shared/icons/IconEdit.vue.js +1 -1
  142. package/lib/_shared/icons/IconEdit.vue2.js +1 -1
  143. package/lib/_shared/icons/IconFullScreen.vue.js +1 -1
  144. package/lib/_shared/icons/IconFullScreen.vue2.js +1 -1
  145. package/lib/_shared/icons/IconOriginSize.vue.js +1 -1
  146. package/lib/_shared/icons/IconOriginSize.vue2.js +1 -1
  147. package/lib/_shared/icons/IconRotateLeft.vue.js +1 -1
  148. package/lib/_shared/icons/IconRotateLeft.vue2.js +1 -1
  149. package/lib/_shared/icons/IconRotateRight.vue.js +1 -1
  150. package/lib/_shared/icons/IconRotateRight.vue2.js +1 -1
  151. package/lib/_shared/icons/IconZoomIn.vue.js +1 -1
  152. package/lib/_shared/icons/IconZoomIn.vue2.js +1 -1
  153. package/lib/_shared/icons/IconZoomOut.vue.js +1 -1
  154. package/lib/_shared/icons/IconZoomOut.vue2.js +1 -1
  155. package/lib/_shared/utils/global-config.d.ts +1 -1
  156. package/lib/_shared/utils/global-config.js +1 -1
  157. package/lib/shared.css +1 -1
  158. package/lib/style.css +1 -1
  159. package/package.json +2 -3
package/lib/Menu/index.css CHANGED
@@ -1 +1 @@
1
- .yc-menu-inline{display:flex;flex-direction:column;gap:4px}.yc-menu-inline .yc-menu-inline-content{display:flex;flex-direction:column;gap:4px}.yc-menu{position:relative;transition:width .2s cubic-bezier(.34, .69, .1, 1)}.yc-menu .yc-menu-inner{overflow:auto;padding:4px 8px;display:flex}.yc-menu .yc-menu-collapse-button{cursor:pointer;position:absolute;right:12px;bottom:12px;width:24px;height:24px;border-radius:2px;font-size:14px;display:flex;align-items:center;justify-content:center}.yc-menu-mode-vertical .yc-menu-inner{height:100%;flex-direction:column;gap:4px}.yc-menu-mode-horizontal .yc-menu-inner{position:relative;overflow:hidden;min-height:58px;width:100%;padding:14px 20px 14px 32px;display:flex;align-items:center;gap:12px}.yc-menu-mode-horizontal .yc-menu-inner .yc-menu-inline{flex-shrink:0}.yc-menu-collapsed .yc-menu-inner{padding:4px}.yc-menu-light{background-color:var(--color-menu-light-bg)}.yc-menu-light .yc-menu-collapse-button{color:var(--color-text-3);background-color:var(--color-fill-1)}.yc-menu-light .yc-menu-collapse-button:hover{background-color:var(--color-fill-3)}.yc-menu-dark{background-color:var(--color-menu-dark-bg)}.yc-menu-dark .yc-menu-collapse-button{color:var(--color-white);background-color:rgb(var(--primary-6))}.yc-menu-dark .yc-menu-collapse-button:hover{background-color:rgb(var(--primary-7))}.yc-menu-item{cursor:pointer;flex-shrink:0;padding:0 12px;border-radius:2px;min-height:40px;line-height:40px;font-size:14px;transition:color .2s cubic-bezier(0, 0, 1, 1);display:flex;justify-content:center;align-items:center}.yc-menu-item .yc-menu-icon{line-height:1;margin-right:16px;color:#86909c}.yc-menu-item .yc-menu-item-title{flex-shrink:0;flex:1}.yc-menu-item .yc-menu-suffix-icon{margin-left:16px}.yc-menu-item-collapsed .yc-menu-icon{margin-right:0}.yc-menu-item-mode-horizontal{flex-shrink:0;position:relative}.yc-menu-item-mode-horizontal .yc-menu-item{min-height:30px;line-height:30px}.yc-menu-item-mode-horizontal .yc-menu-item .yc-menu-icon-suffix{margin-left:6px}.yc-menu-item-mode-horizontal .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-item-mode-horizontal .yc-menu-item.yc-menu-item-selected::after{content:'';position:absolute;left:12px;right:12px;bottom:-14px;height:3px;background-color:#165dff}.yc-menu-item-ellipsis{position:absolute;top:50%;transform:translateY(-50%)}.yc-menu-item-light .yc-menu-item{color:var(--color-text-2)}.yc-menu-item-light .yc-menu-item:not(.yc-menu-item-disabled):hover{background-color:var(--color-fill-2)}.yc-menu-item-light .yc-menu-item.yc-menu-item-selected{font-weight:500;color:rgb(var(--primary-6));background-color:var(--color-fill-2)}.yc-menu-item-light .yc-menu-item.yc-menu-item-selected .yc-menu-icon{color:rgb(var(--primary-6))}.yc-menu-item-light .yc-menu-item.yc-menu-item-disabled{cursor:not-allowed;color:var(--color-text-4)}.yc-menu-inline-header .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-item-dark .yc-menu-item{color:var(--color-text-4)}.yc-menu-item-dark .yc-menu-item:not(.yc-menu-item-disabled):hover{background-color:var(--color-menu-dark-hover)}.yc-menu-item-dark .yc-menu-item.yc-menu-item-selected{font-weight:500;color:rgb(var(--primary-6));background-color:var(--color-menu-dark-hover)}.yc-menu-item-dark .yc-menu-item.yc-menu-item-selected .yc-menu-icon{color:rgb(var(--primary-6))}.yc-menu-item-dark .yc-menu-item.yc-menu-item-disabled{cursor:not-allowed;color:var(--color-text-2)}.yc-menu-inline-header .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-trigger.yc-dropdown-popup-dark .yc-trigger-content .yc-dropdown{background-color:var(--color-menu-dark-bg);border-color:var(--color-menu-dark-bg)}.yc-trigger.yc-dropdown-popup-dark .yc-trigger-content .yc-dropdown .yc-dropdown-option{color:var(--color-text-4)}.yc-trigger.yc-dropdown-popup-dark .yc-trigger-content .yc-dropdown .yc-dropdown-option:not(.yc-dropdown-option-disabled):hover,.yc-trigger.yc-dropdown-popup-dark .yc-trigger-content .yc-dropdown .yc-dropdown-option:not(.yc-dropdown-option-disabled).yc-dropdown-option-active{background-color:var(--color-menu-dark-hover)}.yc-trigger.yc-dropdown-popup-dark .yc-trigger-content .yc-dropdown .yc-dropdown-option:not(.yc-dropdown-option-disabled).yc-dropdown-option-active{color:var(--color-white)}.yc-trigger.yc-dropdown-popup-dark .yc-trigger-arrow{background-color:var(--color-menu-dark-bg);border-color:var(--color-menu-dark-bg)}.yc-menu-group{display:flex;flex-direction:column;gap:4px}.yc-menu-group .yc-menu-group-title{max-width:100%;padding:0 12px;line-height:40px;font-size:14px;color:var(--color-text-3);font-weight:400}
1
+ .yc-menu-inline{display:flex;flex-direction:column;gap:4px}.yc-menu-inline .yc-menu-inline-content{display:flex;flex-direction:column;gap:4px}.yc-menu{position:relative;transition:width .2s cubic-bezier(.34, .69, .1, 1)}.yc-menu .yc-menu-inner{overflow:auto;padding:4px 8px;display:flex}.yc-menu .yc-menu-collapse-button{cursor:pointer;position:absolute;right:12px;bottom:12px;width:24px;height:24px;border-radius:var(--border-radius-small);font-size:14px;display:flex;align-items:center;justify-content:center}.yc-menu-mode-vertical .yc-menu-inner{height:100%;flex-direction:column;gap:4px}.yc-menu-mode-horizontal .yc-menu-inner{position:relative;overflow:hidden;min-height:58px;width:100%;padding:14px 20px 14px 32px;display:flex;align-items:center;gap:12px}.yc-menu-mode-horizontal .yc-menu-inner .yc-menu-inline{flex-shrink:0}.yc-menu-collapsed .yc-menu-inner{padding:4px}.yc-menu-light{background-color:var(--color-menu-light-bg)}.yc-menu-light .yc-menu-collapse-button{color:var(--color-text-3);background-color:var(--color-fill-1)}.yc-menu-light .yc-menu-collapse-button:hover{background-color:var(--color-fill-3)}.yc-menu-dark{background-color:var(--color-menu-dark-bg)}.yc-menu-dark .yc-menu-collapse-button{color:var(--color-white);background-color:rgb(var(--primary-6))}.yc-menu-dark .yc-menu-collapse-button:hover{background-color:rgb(var(--primary-7))}.yc-menu-item{cursor:pointer;flex-shrink:0;padding:0 12px;border-radius:var(--border-radius-small);min-height:40px;line-height:40px;font-size:14px;transition:color .2s cubic-bezier(0, 0, 1, 1);display:flex;justify-content:center;align-items:center}.yc-menu-item .yc-menu-icon{line-height:1;margin-right:16px;color:#86909c}.yc-menu-item .yc-menu-item-title{flex-shrink:0;flex:1}.yc-menu-item .yc-menu-suffix-icon{margin-left:16px}.yc-menu-item-collapsed .yc-menu-icon{margin-right:0}.yc-menu-item-mode-horizontal{flex-shrink:0;position:relative}.yc-menu-item-mode-horizontal .yc-menu-item{min-height:30px;line-height:30px}.yc-menu-item-mode-horizontal .yc-menu-item .yc-menu-icon-suffix{margin-left:6px}.yc-menu-item-mode-horizontal .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-item-mode-horizontal .yc-menu-item.yc-menu-item-selected::after{content:'';position:absolute;left:12px;right:12px;bottom:-14px;height:3px;background-color:#165dff}.yc-menu-item-ellipsis{position:absolute;top:50%;transform:translateY(-50%)}.yc-menu-item-light .yc-menu-item{color:var(--color-text-2)}.yc-menu-item-light .yc-menu-item:not(.yc-menu-item-disabled):hover{background-color:var(--color-fill-2)}.yc-menu-item-light .yc-menu-item.yc-menu-item-selected{font-weight:500;color:rgb(var(--primary-6));background-color:var(--color-fill-2)}.yc-menu-item-light .yc-menu-item.yc-menu-item-selected .yc-menu-icon{color:rgb(var(--primary-6))}.yc-menu-item-light .yc-menu-item.yc-menu-item-disabled{cursor:not-allowed;color:var(--color-text-4)}.yc-menu-inline-header .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-item-dark .yc-menu-item{color:var(--color-text-4)}.yc-menu-item-dark .yc-menu-item:not(.yc-menu-item-disabled):hover{background-color:var(--color-menu-dark-hover)}.yc-menu-item-dark .yc-menu-item.yc-menu-item-selected{font-weight:500;color:rgb(var(--primary-6));background-color:var(--color-menu-dark-hover)}.yc-menu-item-dark .yc-menu-item.yc-menu-item-selected .yc-menu-icon{color:rgb(var(--primary-6))}.yc-menu-item-dark .yc-menu-item.yc-menu-item-disabled{cursor:not-allowed;color:var(--color-text-2)}.yc-menu-inline-header .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-trigger.yc-dropdown-popup-dark .yc-trigger-content .yc-dropdown{background-color:var(--color-menu-dark-bg);border-color:var(--color-menu-dark-bg)}.yc-trigger.yc-dropdown-popup-dark .yc-trigger-content .yc-dropdown .yc-dropdown-option{color:var(--color-text-4)}.yc-trigger.yc-dropdown-popup-dark .yc-trigger-content .yc-dropdown .yc-dropdown-option:not(.yc-dropdown-option-disabled):hover,.yc-trigger.yc-dropdown-popup-dark .yc-trigger-content .yc-dropdown .yc-dropdown-option:not(.yc-dropdown-option-disabled).yc-dropdown-option-active{background-color:var(--color-menu-dark-hover)}.yc-trigger.yc-dropdown-popup-dark .yc-trigger-content .yc-dropdown .yc-dropdown-option:not(.yc-dropdown-option-disabled).yc-dropdown-option-active{color:var(--color-white)}.yc-trigger.yc-dropdown-popup-dark .yc-trigger-arrow{background-color:var(--color-menu-dark-bg);border-color:var(--color-menu-dark-bg)}.yc-menu-group{display:flex;flex-direction:column;gap:4px}.yc-menu-group .yc-menu-group-title{max-width:100%;padding:0 12px;line-height:40px;font-size:14px;color:var(--color-text-3);font-weight:400}
package/lib/Pagination/index.css CHANGED
@@ -1 +1 @@
1
- .yc-pagination{display:flex;align-items:center;gap:8px}.yc-pagination .yc-pagination-total{height:100%;color:var(--color-text-1);white-space:nowrap}.yc-pagination .yc-pagination-list{display:flex;align-items:center;gap:8px}.yc-pagination .yc-pagination-simple{display:flex;align-items:center}.yc-pagination .yc-pagination-simple .yc-pagination-jumper-simple{gap:0;padding:0 4px}.yc-pagination .yc-pagination-simple .yc-pagination-jumper-simple .yc-pagination-jumper-separator{padding:0 12px}.yc-pagination .yc-pagination-simple .yc-pagination-jumper-simple .yc-pagination-jumper-total-page{padding-right:8px}.yc-pagination .yc-pagination-item{outline:0;cursor:pointer;user-select:none;padding:0 8px;border-radius:2px;background-color:transparent;color:var(--color-text-2);display:flex;justify-content:center;align-items:center;transition:color .2s cubic-bezier(0, 0, 1, 1),background-color .2s cubic-bezier(0, 0, 1, 1)}.yc-pagination .yc-pagination-item:not(.yc-pagination-item-disabled):not(.yc-pagination-item-active):hover{background-color:var(--color-fill-1)}.yc-pagination .yc-pagination-item:not(.yc-pagination-item-disabled):not(.yc-pagination-item-active):hover.yc-pagination-item-previous,.yc-pagination .yc-pagination-item:not(.yc-pagination-item-disabled):not(.yc-pagination-item-active):hover.yc-pagination-item-next{color:rgb(var(--primary-6))}.yc-pagination .yc-pagination-item.yc-pagination-item-disabled{color:var(--color-text-4);cursor:not-allowed;background-color:transparent}.yc-pagination .yc-pagination-item.yc-pagination-item-disabled.yc-pagination-item-active{color:var(--color-primary-light-3);background-color:var(--color-fill-1)}.yc-pagination .yc-pagination-item.yc-pagination-item-active{color:rgb(var(--primary-6));background-color:var(--color-primary-light-1)}.yc-pagination .yc-pagination-options .yc-select{width:110px}.yc-pagination .yc-pagination-jumper{display:flex;align-items:center;gap:8px}.yc-pagination .yc-pagination-jumper .yc-input-outer{width:40px}.yc-pagination .yc-pagination-jumper .yc-input-outer .yc-input-wrapper{padding-left:2px;padding-right:2px}.yc-pagination .yc-pagination-jumper .yc-input-outer .yc-input-wrapper .yc-input{text-align:center}.yc-pagination .yc-pagination-jumper .yc-pagination-jumper-text-goto{color:var(--color-text-3);white-space:nowrap}.yc-pagination-size-mini .yc-pagination-total{font-size:12px;line-height:24px}.yc-pagination-size-mini .yc-pagination-item{min-width:24px;height:24px;font-size:12px;line-height:24px}.yc-pagination-size-mini .yc-pagination-jumper>span{font-size:12px}.yc-pagination-size-mini .yc-pagination-options .yc-select{width:102px}.yc-pagination-size-small .yc-pagination-total{font-size:14px;line-height:28px}.yc-pagination-size-small .yc-pagination-item{min-width:28px;height:28px;font-size:14px;line-height:28px}.yc-pagination-size-small .yc-pagination-jumper>span{font-size:14px}.yc-pagination-size-medium .yc-pagination-total{font-size:14px;line-height:32px}.yc-pagination-size-medium .yc-pagination-item{min-width:32px;height:32px;font-size:14px;line-height:32px}.yc-pagination-size-medium .yc-pagination-jumper>span{font-size:14px}.yc-pagination-size-large .yc-pagination-total{font-size:14px;line-height:36px}.yc-pagination-size-large .yc-pagination-item{min-width:36px;height:36px;font-size:14px;line-height:36px}.yc-pagination-size-large .yc-pagination-jumper>span{font-size:14px}
1
+ .yc-pagination{display:flex;align-items:center;gap:8px}.yc-pagination .yc-pagination-total{height:100%;color:var(--color-text-1);white-space:nowrap}.yc-pagination .yc-pagination-list{display:flex;align-items:center;gap:8px}.yc-pagination .yc-pagination-simple{display:flex;align-items:center}.yc-pagination .yc-pagination-simple .yc-pagination-jumper-simple{gap:0;padding:0 4px}.yc-pagination .yc-pagination-simple .yc-pagination-jumper-simple .yc-pagination-jumper-separator{padding:0 12px}.yc-pagination .yc-pagination-simple .yc-pagination-jumper-simple .yc-pagination-jumper-total-page{padding-right:8px}.yc-pagination .yc-pagination-item{outline:0;cursor:pointer;user-select:none;padding:0 8px;border-radius:var(--border-radius-small);background-color:transparent;color:var(--color-text-2);display:flex;justify-content:center;align-items:center;transition:color .2s cubic-bezier(0, 0, 1, 1),background-color .2s cubic-bezier(0, 0, 1, 1)}.yc-pagination .yc-pagination-item:not(.yc-pagination-item-disabled):not(.yc-pagination-item-active):hover{background-color:var(--color-fill-1)}.yc-pagination .yc-pagination-item:not(.yc-pagination-item-disabled):not(.yc-pagination-item-active):hover.yc-pagination-item-previous,.yc-pagination .yc-pagination-item:not(.yc-pagination-item-disabled):not(.yc-pagination-item-active):hover.yc-pagination-item-next{color:rgb(var(--primary-6))}.yc-pagination .yc-pagination-item.yc-pagination-item-disabled{color:var(--color-text-4);cursor:not-allowed;background-color:transparent}.yc-pagination .yc-pagination-item.yc-pagination-item-disabled.yc-pagination-item-active{color:var(--color-primary-light-3);background-color:var(--color-fill-1)}.yc-pagination .yc-pagination-item.yc-pagination-item-active{color:rgb(var(--primary-6));background-color:var(--color-primary-light-1)}.yc-pagination .yc-pagination-options .yc-select{width:110px}.yc-pagination .yc-pagination-jumper{display:flex;align-items:center;gap:8px}.yc-pagination .yc-pagination-jumper .yc-input-outer{width:40px}.yc-pagination .yc-pagination-jumper .yc-input-outer .yc-input-wrapper{padding-left:2px;padding-right:2px}.yc-pagination .yc-pagination-jumper .yc-input-outer .yc-input-wrapper .yc-input{text-align:center}.yc-pagination .yc-pagination-jumper .yc-pagination-jumper-text-goto{color:var(--color-text-3);white-space:nowrap}.yc-pagination-size-mini .yc-pagination-total{font-size:12px;line-height:24px}.yc-pagination-size-mini .yc-pagination-item{min-width:24px;height:24px;font-size:12px;line-height:24px}.yc-pagination-size-mini .yc-pagination-jumper>span{font-size:12px}.yc-pagination-size-mini .yc-pagination-options .yc-select{width:102px}.yc-pagination-size-small .yc-pagination-total{font-size:14px;line-height:28px}.yc-pagination-size-small .yc-pagination-item{min-width:28px;height:28px;font-size:14px;line-height:28px}.yc-pagination-size-small .yc-pagination-jumper>span{font-size:14px}.yc-pagination-size-medium .yc-pagination-total{font-size:14px;line-height:32px}.yc-pagination-size-medium .yc-pagination-item{min-width:32px;height:32px;font-size:14px;line-height:32px}.yc-pagination-size-medium .yc-pagination-jumper>span{font-size:14px}.yc-pagination-size-large .yc-pagination-total{font-size:14px;line-height:36px}.yc-pagination-size-large .yc-pagination-item{min-width:36px;height:36px;font-size:14px;line-height:36px}.yc-pagination-size-large .yc-pagination-jumper>span{font-size:14px}
package/lib/Popconfirm/index.css CHANGED
@@ -1 +1 @@
1
- .yc-popconfirm .yc-popconfirm-popup-content{padding:16px;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,0.1);color:var(--color-text-2);font-size:14px;line-height:1.5715;display:flex;flex-direction:column;gap:16px}.yc-popconfirm .yc-popconfirm-popup-content .yc-popconfirm-body{display:flex;align-items:center;gap:8px}.yc-popconfirm .yc-popconfirm-popup-content .yc-popconfirm-body .yc-popconfirm-icon{font-size:18px;height:22px;width:18px;display:flex;justify-content:center;align-items:center}.yc-popconfirm .yc-popconfirm-popup-content .yc-popconfirm-body .yc-popconfirm-content{text-align:left;word-wrap:break-word}.yc-popconfirm .yc-popconfirm-popup-content .yc-popconfirm-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px}.yc-popconfirm .yc-popconfirm-popup-arrow{z-index:1;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3)}.yc-popconfirm-info .yc-popconfirm-icon{color:rgb(var(--primary-6))}.yc-popconfirm-success .yc-popconfirm-icon{color:rgb(var(--success-6))}.yc-popconfirm-warning .yc-popconfirm-icon{color:rgb(var(--warning-6))}.yc-popconfirm-error .yc-popconfirm-icon{color:rgb(var(--danger-6))}
1
+ .yc-popconfirm .yc-popconfirm-popup-content{padding:16px;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-medium);box-shadow:0 4px 10px rgba(0,0,0,0.1);color:var(--color-text-2);font-size:14px;line-height:1.5715;display:flex;flex-direction:column;gap:16px}.yc-popconfirm .yc-popconfirm-popup-content .yc-popconfirm-body{display:flex;align-items:center;gap:8px}.yc-popconfirm .yc-popconfirm-popup-content .yc-popconfirm-body .yc-popconfirm-icon{font-size:18px;height:22px;width:18px;display:flex;justify-content:center;align-items:center}.yc-popconfirm .yc-popconfirm-popup-content .yc-popconfirm-body .yc-popconfirm-content{text-align:left;word-wrap:break-word}.yc-popconfirm .yc-popconfirm-popup-content .yc-popconfirm-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px}.yc-popconfirm .yc-popconfirm-popup-arrow{z-index:1;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3)}.yc-popconfirm-info .yc-popconfirm-icon{color:rgb(var(--primary-6))}.yc-popconfirm-success .yc-popconfirm-icon{color:rgb(var(--success-6))}.yc-popconfirm-warning .yc-popconfirm-icon{color:rgb(var(--warning-6))}.yc-popconfirm-error .yc-popconfirm-icon{color:rgb(var(--danger-6))}
package/lib/Popover/index.css CHANGED
@@ -1 +1 @@
1
- .yc-popover .yc-popover-popup-content{padding:12px 16px;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,0.1);color:var(--color-text-2);font-size:14px;line-height:1.5715}.yc-popover .yc-popover-popup-content .yc-popover-title{margin-bottom:4px;color:var(--color-text-1);font-weight:500;font-size:16px}.yc-popover .yc-popover-popup-arrow{z-index:1;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3)}
1
+ .yc-popover .yc-popover-popup-content{padding:12px 16px;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-medium);box-shadow:0 4px 10px rgba(0,0,0,0.1);color:var(--color-text-2);font-size:14px;line-height:1.5715}.yc-popover .yc-popover-popup-content .yc-popover-title{margin-bottom:4px;color:var(--color-text-1);font-weight:500;font-size:16px}.yc-popover .yc-popover-popup-arrow{z-index:1;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3)}
package/lib/Radio/index.css CHANGED
@@ -1 +1 @@
1
- .yc-radio{position:relative;cursor:pointer;padding-left:5px;font-size:14px;line-height:unset;display:inline-flex;align-items:center;gap:8px}.yc-radio .yc-radio-icon,.yc-radio .yc-radio-label{flex-shrink:0}.yc-radio .yc-radio-icon{position:relative;width:14px;height:14px;border:2px solid var(--color-neutral-3);border-radius:50%;color:var(--color-white);display:flex;justify-content:center;align-items:center}.yc-radio .yc-radio-icon::after{content:'';position:absolute;transform:scale(1);width:10px;height:10px;border-radius:50%;transition:transform .3s cubic-bezier(.3, 1.3, .3, 1);background-color:var(--color-bg-2)}.yc-radio .yc-radio-label{user-select:none;flex:1;color:var(--color-text-1)}.yc-radio-button{position:relative;display:inline-block;margin:1.5px;color:var(--color-text-2);background-color:transparent;border-radius:2px;cursor:pointer;transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-radio-button:not(:first-child):before{content:'';display:block;position:absolute;top:50%;left:-2px;transform:translateY(-50%);background-color:var(--color-neutral-3);width:1px;height:14px;transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-radio-button:not(.yc-radio-disabled):not(.yc-radio-checked):hover{background-color:var(--color-bg-5);color:var(--color-text-1)}.yc-radio-button:not(.yc-radio-disabled):not(.yc-radio-checked):hover::before{opacity:0}.yc-radio-button:not(.yc-radio-disabled):not(.yc-radio-checked):hover+.yc-radio-button::before{opacity:0}.yc-radio-button .yc-radio-button-content{display:block;padding:0 12px}.yc-radio .yc-radio-target,.yc-radio-button .yc-radio-target{position:absolute;left:0;top:0;width:0;height:0;visibility:hidden}.yc-radio-checked.yc-radio .yc-radio-icon{border-color:rgb(var(--primary-6));background-color:rgb(var(--primary-6))}.yc-radio-checked.yc-radio .yc-radio-icon::after{background-color:var(--color-white);transform:scale(.4)}.yc-radio-checked.yc-radio-button{color:rgb(var(--primary-6));background-color:var(--color-bg-5)}.yc-radio-checked.yc-radio-button::before{opacity:0}.yc-radio-checked.yc-radio-button+.yc-radio-button::before{opacity:0}.yc-radio-unchecked:not(.yc-radio-disabled):hover .yc-icon-button::before{background-color:var(--color-fill-2)}.yc-radio-unchecked:not(.yc-radio-disabled):hover .yc-icon-button .yc-radio-icon{transition:border-color .1s cubic-bezier(0, 0, 1, 1);border-color:var(--color-neutral-3)}.yc-radio-disabled *{cursor:not-allowed}.yc-radio-disabled.yc-radio.yc-radio-unchecked .yc-radio-icon{border-color:var(--color-neutral-3)}.yc-radio-disabled.yc-radio.yc-radio-unchecked .yc-radio-icon::after{background-color:var(--color-fill-2)}.yc-radio-disabled.yc-radio.yc-radio-checked .yc-radio-icon{border-color:transparent;background-color:var(--color-primary-light-3)}.yc-radio-disabled.yc-radio .yc-radio-label{color:var(--color-text-4)}.yc-radio-disabled.yc-radio-button.yc-radio-unchecked{color:var(--color-text-4)}.yc-radio-disabled.yc-radio-button.yc-radio-checked{color:var(--color-primary-light-3);background-color:var(--color-bg-5)}.yc-radio-button.yc-radio-button-size-mini{font-size:12px;line-height:18px}.yc-radio-button.yc-radio-button-size-small{font-size:14px;line-height:22px}.yc-radio-button.yc-radio-button-size-medium{font-size:14px;line-height:26px}.yc-radio-button.yc-radio-button-size-large{font-size:14px;line-height:30px}.yc-radio-group-direction-horizontal{display:inline-flex;align-items:center;gap:20px}.yc-radio-group-direction-vertical{display:flex;flex-direction:column}.yc-radio-group-direction-vertical .yc-radio{line-height:32px}.yc-radio-button-group{display:inline-flex;padding:1.5px;background-color:var(--color-fill-2);border-radius:2px}
1
+ .yc-radio{position:relative;cursor:pointer;padding-left:5px;font-size:14px;line-height:unset;display:inline-flex;align-items:center;gap:8px}.yc-radio .yc-radio-icon,.yc-radio .yc-radio-label{flex-shrink:0}.yc-radio .yc-radio-icon{position:relative;width:14px;height:14px;border:2px solid var(--color-neutral-3);border-radius:var(--border-radius-circle);color:var(--color-white);display:flex;justify-content:center;align-items:center}.yc-radio .yc-radio-icon::after{content:'';position:absolute;transform:scale(1);width:10px;height:10px;border-radius:var(--border-radius-circle);transition:transform .3s cubic-bezier(.3, 1.3, .3, 1);background-color:var(--color-bg-2)}.yc-radio .yc-radio-label{user-select:none;flex:1;color:var(--color-text-1)}.yc-radio-button{position:relative;display:inline-block;margin:1.5px;color:var(--color-text-2);background-color:transparent;border-radius:var(--border-radius-small);cursor:pointer;transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-radio-button:not(:first-child):before{content:'';display:block;position:absolute;top:50%;left:-2px;transform:translateY(-50%);background-color:var(--color-neutral-3);width:1px;height:14px;transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-radio-button:not(.yc-radio-disabled):not(.yc-radio-checked):hover{background-color:var(--color-bg-5);color:var(--color-text-1)}.yc-radio-button:not(.yc-radio-disabled):not(.yc-radio-checked):hover::before{opacity:0}.yc-radio-button:not(.yc-radio-disabled):not(.yc-radio-checked):hover+.yc-radio-button::before{opacity:0}.yc-radio-button .yc-radio-button-content{display:block;padding:0 12px}.yc-radio .yc-radio-target,.yc-radio-button .yc-radio-target{position:absolute;left:0;top:0;width:0;height:0;visibility:hidden}.yc-radio-checked.yc-radio .yc-radio-icon{border-color:rgb(var(--primary-6));background-color:rgb(var(--primary-6))}.yc-radio-checked.yc-radio .yc-radio-icon::after{background-color:var(--color-white);transform:scale(.4)}.yc-radio-checked.yc-radio-button{color:rgb(var(--primary-6));background-color:var(--color-bg-5)}.yc-radio-checked.yc-radio-button::before{opacity:0}.yc-radio-checked.yc-radio-button+.yc-radio-button::before{opacity:0}.yc-radio-unchecked:not(.yc-radio-disabled):hover .yc-icon-button::before{background-color:var(--color-fill-2)}.yc-radio-unchecked:not(.yc-radio-disabled):hover .yc-icon-button .yc-radio-icon{transition:border-color .1s cubic-bezier(0, 0, 1, 1);border-color:var(--color-neutral-3)}.yc-radio-disabled *{cursor:not-allowed}.yc-radio-disabled.yc-radio.yc-radio-unchecked .yc-radio-icon{border-color:var(--color-neutral-3)}.yc-radio-disabled.yc-radio.yc-radio-unchecked .yc-radio-icon::after{background-color:var(--color-fill-2)}.yc-radio-disabled.yc-radio.yc-radio-checked .yc-radio-icon{border-color:transparent;background-color:var(--color-primary-light-3)}.yc-radio-disabled.yc-radio .yc-radio-label{color:var(--color-text-4)}.yc-radio-disabled.yc-radio-button.yc-radio-unchecked{color:var(--color-text-4)}.yc-radio-disabled.yc-radio-button.yc-radio-checked{color:var(--color-primary-light-3);background-color:var(--color-bg-5)}.yc-radio-button.yc-radio-button-size-mini{font-size:12px;line-height:18px}.yc-radio-button.yc-radio-button-size-small{font-size:14px;line-height:22px}.yc-radio-button.yc-radio-button-size-medium{font-size:14px;line-height:26px}.yc-radio-button.yc-radio-button-size-large{font-size:14px;line-height:30px}.yc-radio-group-direction-horizontal{display:inline-flex;align-items:center;gap:20px}.yc-radio-group-direction-vertical{display:flex;flex-direction:column}.yc-radio-group-direction-vertical .yc-radio{line-height:32px}.yc-radio-button-group{display:inline-flex;padding:1.5px;background-color:var(--color-fill-2);border-radius:var(--border-radius-small)}
package/lib/Result/index.css CHANGED
@@ -1 +1 @@
1
- .yc-result{width:100%;padding:32px 32px 24px;display:flex;flex-direction:column;align-items:center}.yc-result .yc-result-icon{font-size:20px;margin-bottom:16px}.yc-result .yc-result-icon .yc-result-icon-tip{width:45px;height:45px;border-radius:50%;display:flex;justify-content:center;align-items:center}.yc-result .yc-result-title,.yc-result .yc-result-subtitle{color:var(--color-text-2);font-size:14px;line-height:1.5715;text-align:center}.yc-result .yc-result-title.yc-result-title,.yc-result .yc-result-subtitle.yc-result-title{color:var(--color-text-1)}.yc-result .yc-result-extra{margin-top:20px}.yc-result .yc-result-content{margin-top:20px;width:100%}.yc-result .yc-result-icon-info{color:rgb(var(--primary-6))}.yc-result .yc-result-icon-info .yc-result-icon-tip{background-color:var(--color-primary-light-1)}.yc-result .yc-result-icon-success{color:rgb(var(--success-6))}.yc-result .yc-result-icon-success .yc-result-icon-tip{background-color:var(--color-success-light-1)}.yc-result .yc-result-icon-warning{color:rgb(var(--warning-6))}.yc-result .yc-result-icon-warning .yc-result-icon-tip{background-color:var(--color-warning-light-1)}.yc-result .yc-result-icon-error{color:rgb(var(--danger-6))}.yc-result .yc-result-icon-error .yc-result-icon-tip{background-color:var(--color-danger-light-1)}.yc-result .yc-result-icon-403,.yc-result .yc-result-icon-404,.yc-result .yc-result-icon-500{padding-top:24px}.yc-result .yc-result-icon-403 .yc-result-icon-tip,.yc-result .yc-result-icon-404 .yc-result-icon-tip,.yc-result .yc-result-icon-500 .yc-result-icon-tip{width:92px;height:92px;line-height:92px}
1
+ .yc-result{width:100%;padding:32px 32px 24px;display:flex;flex-direction:column;align-items:center}.yc-result .yc-result-icon{font-size:20px;margin-bottom:16px}.yc-result .yc-result-icon .yc-result-icon-tip{width:45px;height:45px;border-radius:var(--border-radius-circle);display:flex;justify-content:center;align-items:center}.yc-result .yc-result-title,.yc-result .yc-result-subtitle{color:var(--color-text-2);font-size:14px;line-height:1.5715;text-align:center}.yc-result .yc-result-title.yc-result-title,.yc-result .yc-result-subtitle.yc-result-title{color:var(--color-text-1)}.yc-result .yc-result-extra{margin-top:20px}.yc-result .yc-result-content{margin-top:20px;width:100%}.yc-result .yc-result-icon-info{color:rgb(var(--primary-6))}.yc-result .yc-result-icon-info .yc-result-icon-tip{background-color:var(--color-primary-light-1)}.yc-result .yc-result-icon-success{color:rgb(var(--success-6))}.yc-result .yc-result-icon-success .yc-result-icon-tip{background-color:var(--color-success-light-1)}.yc-result .yc-result-icon-warning{color:rgb(var(--warning-6))}.yc-result .yc-result-icon-warning .yc-result-icon-tip{background-color:var(--color-warning-light-1)}.yc-result .yc-result-icon-error{color:rgb(var(--danger-6))}.yc-result .yc-result-icon-error .yc-result-icon-tip{background-color:var(--color-danger-light-1)}.yc-result .yc-result-icon-403,.yc-result .yc-result-icon-404,.yc-result .yc-result-icon-500{padding-top:24px}.yc-result .yc-result-icon-403 .yc-result-icon-tip,.yc-result .yc-result-icon-404 .yc-result-icon-tip,.yc-result .yc-result-icon-500 .yc-result-icon-tip{width:92px;height:92px;line-height:92px}
package/lib/Select/hooks/useSelectHotkeys.js CHANGED
@@ -1 +1 @@
1
- "use strict";const e=require("vue"),l=require("../../node_modules/@vueuse/core/index.js");module.exports=u=>{const{computedValue:r,computedVisible:t,options:v,hotkeys:a,multiple:n,limit:o,blur:i,emits:s}=u,c=e.ref(-1);return a.value?(l.onKeyStroke(["ArrowUp","ArrowDown","Enter"],e=>{if(!t.value||!v.value.length)return;const{key:l}=e;if(e.preventDefault(),"ArrowUp"==l)c.value--,c.value=c.value<0?v.value.length-1:c.value;else if("ArrowDown"==l)c.value++,c.value=c.value>=v.value.length?0:c.value;else{const e=v.value[c.value].value;if(n.value){const l=r.value;if(-1==l.findIndex(l=>l==e)){if(o.value>0&&l.length==o.value)return s("exceedLimit",e);r.value=[...l,e]}else r.value=l.filter(l=>l!=e)}else r.value=e,i();s("select",e)}}),{curIndex:c}):{curIndex:c}};
1
+ "use strict";const e=require("vue"),l=require("../../node_modules/@vueuse/core/index.js");module.exports=u=>{const{computedValue:r,computedVisible:t,options:a,hotkeys:n,multiple:v,limit:o,blur:i,emits:s}=u,c=e.ref(-1);return n.value?(l.onKeyStroke(["ArrowUp","ArrowDown","Enter"],e=>{if(!t.value||!a.value.length)return;const{key:l}=e;if(e.preventDefault(),"ArrowUp"==l)c.value--,c.value=c.value<0?a.value.length-1:c.value;else if("ArrowDown"==l)c.value++,c.value=c.value>=a.value.length?0:c.value;else{const e=a.value[c.value];if(e.disabled)return;const l=e.value;if(v.value){const e=r.value;if(-1==e.findIndex(e=>e==l)){if(o.value>0&&e.length==o.value)return s("exceedLimit",l);r.value=[...e,l]}else r.value=e.filter(e=>e!=l)}else r.value=l,i();s("select",l)}}),{curIndex:c}):{curIndex:c}};
package/lib/Select/index.css CHANGED
@@ -1 +1 @@
1
- .yc-select{width:100%;display:inline-flex;align-items:center}.yc-select .yc-input-outer .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-3)}.yc-select .yc-input-placeholder{color:var(--color-text-3)}.yc-select .yc-select-suffix-icon,.yc-select .yc-select-search-icon,.yc-select .yc-select-clear-icon,.yc-select .yc-spin{font-size:12px;color:inherit;flex-shrink:0}.yc-select-no-border .yc-input-tag{background-color:transparent;box-shadow:none;border:none}.yc-select-no-border .yc-input-outer .yc-input-wrapper{background-color:transparent;box-shadow:none;border:none}.yc-select-allow-search .yc-select-search-icon{display:none}.yc-select-allow-search:focus-within .yc-select-clear-icon,.yc-select-allow-search:focus-within .yc-select-suffix-icon{display:none}.yc-select-allow-search:focus-within .yc-select-search-icon{display:block}.yc-select-allow-search .yc-input-outer .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-3)}.yc-select-allow-clear .yc-select-clear-icon{display:none}.yc-select-allow-clear:hover .yc-select-search-icon,.yc-select-allow-clear:hover .yc-select-suffix-icon{display:none}.yc-select-allow-clear:hover .yc-select-clear-icon{display:flex}.yc-select-dropdown{width:100%;padding:4px 0;background-color:var(--color-bg-popup);border:1px solid var(--color-fill-3);border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,0.1)}.yc-select-dropdown .yc-select-dropdown-header{border-bottom:1px solid var(--color-fill-3)}.yc-select-dropdown .yc-select-dropdown-footer{border-top:1px solid var(--color-fill-3)}.yc-select-dropdown .yc-scrollbar .yc-scrollbar-container{max-height:200px;overflow-x:hidden}.yc-select-dropdown .yc-scrollbar .yc-scrollbar-container .yc-scrollbar-content{max-width:100%}.yc-select-dropdown .yc-select-dropdown-virtual-list{max-height:200px}.yc-select-dropdown .yc-select-dropdown-list{display:flex;flex-direction:column}.yc-select-dropdown .yc-select-dropdown-list .yc-select-option{flex-shrink:0}.yc-select-dropdown-loading{height:50px;width:100%;display:flex;justify-content:center;align-items:center}.yc-select-option{padding:0 12px;background-color:var(--color-bg-popup);line-height:36px;font-size:14px;color:var(--color-text-1);text-align:left;display:flex;align-items:center;transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-select-option:not(.yc-select-option-disabled):hover{background-color:var(--color-fill-2);color:var(--color-text-1)}.yc-select-option .yc-select-option-icon,.yc-select-option .yc-select-option-content,.yc-select-option .yc-select-option-suffix{flex-shrink:0;color:inherit}.yc-select-option .yc-select-option-icon{margin-right:8px}.yc-select-option .yc-select-option-suffix{margin-left:12px}.yc-select-option .yc-select-option-content{flex:1;display:flex;align-items:center}.yc-select-option .yc-checkbox{overflow:hidden}.yc-select-option .yc-checkbox .yc-checkbox-label{flex:1;flex-shrink:0}.yc-select-option-disabled{color:var(--color-text-4);background-color:var(--color-bg-popup);cursor:not-allowed}.yc-select-option-active{background-color:var(--color-fill-2)}.yc-option-group-label{width:100%;margin-top:8px;padding:0 12px;color:var(--color-text-3);font-size:12px;line-height:20px}
1
+ .yc-select{width:100%;display:inline-flex;align-items:center}.yc-select .yc-input-outer .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-3)}.yc-select .yc-input-placeholder{color:var(--color-text-3)}.yc-select .yc-select-suffix-icon,.yc-select .yc-select-search-icon,.yc-select .yc-select-clear-icon,.yc-select .yc-spin{font-size:12px;color:inherit;flex-shrink:0}.yc-select-no-border .yc-input-tag{background-color:transparent;box-shadow:none;border:none}.yc-select-no-border .yc-input-outer .yc-input-wrapper{background-color:transparent;box-shadow:none;border:none}.yc-select-allow-search .yc-select-search-icon{display:none}.yc-select-allow-search:focus-within .yc-select-clear-icon,.yc-select-allow-search:focus-within .yc-select-suffix-icon{display:none}.yc-select-allow-search:focus-within .yc-select-search-icon{display:block}.yc-select-allow-search .yc-input-outer .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-3)}.yc-select-allow-clear .yc-select-clear-icon{display:none}.yc-select-allow-clear:hover .yc-select-search-icon,.yc-select-allow-clear:hover .yc-select-suffix-icon{display:none}.yc-select-allow-clear:hover .yc-select-clear-icon{display:flex}.yc-select-dropdown{width:100%;padding:4px 0;background-color:var(--color-bg-popup);border:1px solid var(--color-fill-3);border-radius:var(--border-radius-medium);box-shadow:0 4px 10px rgba(0,0,0,0.1)}.yc-select-dropdown .yc-select-dropdown-header{border-bottom:1px solid var(--color-fill-3)}.yc-select-dropdown .yc-select-dropdown-footer{border-top:1px solid var(--color-fill-3)}.yc-select-dropdown .yc-scrollbar .yc-scrollbar-container{max-height:200px;overflow-x:hidden}.yc-select-dropdown .yc-scrollbar .yc-scrollbar-container .yc-scrollbar-content{max-width:100%}.yc-select-dropdown .yc-select-dropdown-virtual-list{max-height:200px}.yc-select-dropdown .yc-select-dropdown-list{display:flex;flex-direction:column}.yc-select-dropdown .yc-select-dropdown-list .yc-select-option{flex-shrink:0}.yc-select-dropdown-loading{height:50px;width:100%;display:flex;justify-content:center;align-items:center}.yc-select-option{padding:0 12px;background-color:var(--color-bg-popup);line-height:36px;font-size:14px;color:var(--color-text-1);text-align:left;display:flex;align-items:center;transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-select-option:not(.yc-select-option-disabled):hover{background-color:var(--color-fill-2);color:var(--color-text-1)}.yc-select-option .yc-select-option-icon,.yc-select-option .yc-select-option-content,.yc-select-option .yc-select-option-suffix{flex-shrink:0;color:inherit}.yc-select-option .yc-select-option-icon{margin-right:8px}.yc-select-option .yc-select-option-suffix{margin-left:12px}.yc-select-option .yc-select-option-content{flex:1;display:flex;align-items:center}.yc-select-option .yc-checkbox{overflow:hidden}.yc-select-option .yc-checkbox .yc-checkbox-label{flex:1;flex-shrink:0}.yc-select-option-disabled{color:var(--color-text-4);background-color:var(--color-bg-popup);cursor:not-allowed}.yc-select-option-active{background-color:var(--color-fill-2)}.yc-option-group-label{width:100%;margin-top:8px;padding:0 12px;color:var(--color-text-3);font-size:12px;line-height:20px}
package/lib/Skeleton/index.css CHANGED
@@ -1 +1 @@
1
- .yc-skeleton-shape{background-color:var(--color-fill-2)}.yc-skeleton-shape-size-mini{width:48px;height:48px}.yc-skeleton-shape-size-small{width:36px;height:36px}.yc-skeleton-shape-size-medium{width:48px;height:48px}.yc-skeleton-shape-size-large{width:60px;height:60px}.yc-skeleton-shape-shape-square{border-radius:2px}.yc-skeleton-shape-shape-circle{border-radius:50%}.yc-skeleton-line{width:100%;display:flex;flex-direction:column}.yc-skeleton-line .yc-skeleton-line-row{background-color:var(--color-fill-2)}@keyframes skeleton-circle{0%{background-position:100% 50%}100%{background-position:0 50%}}.yc-skeleton-animation .yc-skeleton-shape,.yc-skeleton-animation .yc-skeleton-line .yc-skeleton-line-row{background:linear-gradient(90deg, var(--color-fill-2) 25%, var(--color-fill-3) 37%, var(--color-fill-2) 63%);background-size:400% 100%;animation:skeleton-circle 1.5s cubic-bezier(0, 0, 1, 1) infinite}
1
+ .yc-skeleton-shape{background-color:var(--color-fill-2)}.yc-skeleton-shape-size-mini{width:48px;height:48px}.yc-skeleton-shape-size-small{width:36px;height:36px}.yc-skeleton-shape-size-medium{width:48px;height:48px}.yc-skeleton-shape-size-large{width:60px;height:60px}.yc-skeleton-shape-shape-square{border-radius:var(--border-radius-small)}.yc-skeleton-shape-shape-circle{border-radius:var(--border-radius-circle)}.yc-skeleton-line{width:100%;display:flex;flex-direction:column}.yc-skeleton-line .yc-skeleton-line-row{background-color:var(--color-fill-2)}@keyframes skeleton-circle{0%{background-position:100% 50%}100%{background-position:0 50%}}.yc-skeleton-animation .yc-skeleton-shape,.yc-skeleton-animation .yc-skeleton-line .yc-skeleton-line-row{background:linear-gradient(90deg, var(--color-fill-2) 25%, var(--color-fill-3) 37%, var(--color-fill-2) 63%);background-size:400% 100%;animation:skeleton-circle 1.5s cubic-bezier(0, 0, 1, 1) infinite}
package/lib/Slider/index.css CHANGED
@@ -1 +1 @@
1
- .yc-slider{display:inline-flex;align-items:center;gap:20px}.yc-slider .yc-slider-track{flex:1;flex-shrink:0;position:relative}.yc-slider .yc-slider-track::before{display:block;content:'';position:absolute;background-color:var(--color-fill-3);border-radius:2px}.yc-slider .yc-slider-track .yc-slider-bar{position:absolute;background-color:rgb(var(--primary-6));border-radius:2px}.yc-slider .yc-slider-track .yc-slider-btn{z-index:2;user-select:none;cursor:pointer;position:absolute;transform:translate(-50%, -50%);width:12px;height:12px}.yc-slider .yc-slider-track .yc-slider-btn:hover::before{box-shadow:0 2px 5px #0000001a;transform:scale(1.16666667)}.yc-slider .yc-slider-track .yc-slider-btn::before{content:'';display:inline-block;position:absolute;top:0;left:0;width:12px;height:12px;background:var(--color-bg-2);border:2px solid rgb(var(--primary-6));border-radius:50%;transition:all .3s cubic-bezier(.3, 1.3, .3, 1)}.yc-slider .yc-slider-input{display:flex;align-items:center}.yc-slider .yc-slider-input .yc-slider-input-divider{margin:0 6px;width:8px;height:2px;background:rgb(var(--gray-6))}.yc-slider .yc-slider-input .yc-input-outer{width:65px}.yc-slider .yc-slider-input .yc-input-outer .yc-input-wrapper .yc-input{text-align:center}.yc-slider .yc-slider-input .yc-input-outer .yc-input-wrapper .yc-input-suffix{padding-left:0}.yc-slider .yc-slider-ticks,.yc-slider .yc-slider-dots,.yc-slider .yc-slider-marks{z-index:1;position:absolute}.yc-slider .yc-slider-ticks .yc-slider-tick,.yc-slider .yc-slider-dots .yc-slider-tick,.yc-slider .yc-slider-marks .yc-slider-tick{position:absolute;background:var(--color-fill-3)}.yc-slider .yc-slider-ticks .yc-slider-tick.yc-slider-tick-active,.yc-slider .yc-slider-dots .yc-slider-tick.yc-slider-tick-active,.yc-slider .yc-slider-marks .yc-slider-tick.yc-slider-tick-active{background-color:rgb(var(--primary-6))}.yc-slider .yc-slider-ticks .yc-slider-dot,.yc-slider .yc-slider-dots .yc-slider-dot,.yc-slider .yc-slider-marks .yc-slider-dot{position:absolute;width:8px;height:8px;background-color:var(--color-bg-2);border:2px solid var(--color-fill-3);border-radius:50%}.yc-slider .yc-slider-ticks .yc-slider-dot.yc-slider-dot-active,.yc-slider .yc-slider-dots .yc-slider-dot.yc-slider-dot-active,.yc-slider .yc-slider-marks .yc-slider-dot.yc-slider-dot-active{border-color:rgb(var(--primary-6))}.yc-slider .yc-slider-ticks .yc-slider-mark,.yc-slider .yc-slider-dots .yc-slider-mark,.yc-slider .yc-slider-marks .yc-slider-mark{position:absolute;cursor:pointer;color:var(--color-text-3);font-size:14px;line-height:1;user-select:none}.yc-slider-direction-horizontal{width:100%;min-height:32px}.yc-slider-direction-horizontal .yc-slider-track::before,.yc-slider-direction-horizontal .yc-slider-track .yc-slider-bar,.yc-slider-direction-horizontal .yc-slider-track .yc-slider-btn{left:0;top:50%}.yc-slider-direction-horizontal .yc-slider-track::before,.yc-slider-direction-horizontal .yc-slider-track .yc-slider-bar{transform:translateY(-50%)}.yc-slider-direction-horizontal .yc-slider-track::before{height:2px;width:100%;right:0}.yc-slider-direction-horizontal .yc-slider-track .yc-slider-bar{height:2px}.yc-slider-direction-horizontal .yc-slider-ticks,.yc-slider-direction-horizontal .yc-slider-dots,.yc-slider-direction-horizontal .yc-slider-marks{top:50%;left:0;right:0;transform:translateY(-50%)}.yc-slider-direction-horizontal .yc-slider-ticks .yc-slider-tick,.yc-slider-direction-horizontal .yc-slider-dots .yc-slider-tick,.yc-slider-direction-horizontal .yc-slider-marks .yc-slider-tick{top:-4px;width:1px;height:3px;border-top-left-radius:1px;border-top-right-radius:1px}.yc-slider-direction-horizontal .yc-slider-ticks .yc-slider-dot,.yc-slider-direction-horizontal .yc-slider-dots .yc-slider-dot,.yc-slider-direction-horizontal .yc-slider-marks .yc-slider-dot{transform:translateY(-50%)}.yc-slider-direction-horizontal .yc-slider-ticks.yc-slider-marks,.yc-slider-direction-horizontal .yc-slider-dots.yc-slider-marks,.yc-slider-direction-horizontal .yc-slider-marks.yc-slider-marks{transform:translateY(calc(-50% + 10px))}.yc-slider-direction-vertical{height:100%;min-width:32px;flex-direction:column}.yc-slider-direction-vertical .yc-slider-track{display:flex;flex-direction:column;justify-content:center}.yc-slider-direction-vertical .yc-slider-track::before,.yc-slider-direction-vertical .yc-slider-track .yc-slider-bar,.yc-slider-direction-vertical .yc-slider-track .yc-slider-btn{bottom:0;left:50%}.yc-slider-direction-vertical .yc-slider-track::before,.yc-slider-direction-vertical .yc-slider-track .yc-slider-bar{transform:translateX(-50%)}.yc-slider-direction-vertical .yc-slider-track::before{top:0;width:2px;height:100%}.yc-slider-direction-vertical .yc-slider-track .yc-slider-bar{width:2px}.yc-slider-direction-vertical .yc-slider-ticks,.yc-slider-direction-vertical .yc-slider-dots,.yc-slider-direction-vertical .yc-slider-marks{left:50%;transform:translateX(-50%);top:0;bottom:0}.yc-slider-direction-vertical .yc-slider-ticks.yc-slider-marks,.yc-slider-direction-vertical .yc-slider-dots.yc-slider-marks,.yc-slider-direction-vertical .yc-slider-marks.yc-slider-marks{transform:translateX(calc(-50% + 10px))}.yc-slider-direction-vertical .yc-slider-ticks .yc-slider-tick,.yc-slider-direction-vertical .yc-slider-dots .yc-slider-tick,.yc-slider-direction-vertical .yc-slider-marks .yc-slider-tick{left:0;width:3px;height:1px;border-top-left-radius:1px;border-top-right-radius:1px}.yc-slider-direction-vertical .yc-slider-ticks .yc-slider-dot,.yc-slider-direction-vertical .yc-slider-dots .yc-slider-dot,.yc-slider-direction-vertical .yc-slider-marks .yc-slider-dot{transform:translateX(-50%)}.yc-slider-disabled .yc-slider-track::before{background-color:var(--color-fill-3)}.yc-slider-disabled .yc-slider-track .yc-slider-bar{background-color:var(--color-fill-3)}.yc-slider-disabled .yc-slider-track .yc-slider-btn{cursor:not-allowed}.yc-slider-disabled .yc-slider-track .yc-slider-btn::before{border-color:var(--color-fill-3)}
1
+ .yc-slider{display:inline-flex;align-items:center;gap:20px}.yc-slider .yc-slider-track{flex:1;flex-shrink:0;position:relative}.yc-slider .yc-slider-track::before{display:block;content:'';position:absolute;background-color:var(--color-fill-3);border-radius:var(--border-radius-small)}.yc-slider .yc-slider-track .yc-slider-bar{position:absolute;background-color:rgb(var(--primary-6));border-radius:var(--border-radius-small)}.yc-slider .yc-slider-track .yc-slider-btn{z-index:2;user-select:none;cursor:pointer;position:absolute;transform:translate(-50%, -50%);width:12px;height:12px}.yc-slider .yc-slider-track .yc-slider-btn:hover::before{box-shadow:0 2px 5px #0000001a;transform:scale(1.16666667)}.yc-slider .yc-slider-track .yc-slider-btn::before{content:'';display:inline-block;position:absolute;top:0;left:0;width:12px;height:12px;background:var(--color-bg-2);border:2px solid rgb(var(--primary-6));border-radius:var(--border-radius-circle);transition:all .3s cubic-bezier(.3, 1.3, .3, 1)}.yc-slider .yc-slider-input{display:flex;align-items:center}.yc-slider .yc-slider-input .yc-slider-input-divider{margin:0 6px;width:8px;height:2px;background:rgb(var(--gray-6))}.yc-slider .yc-slider-input .yc-input-outer{width:65px}.yc-slider .yc-slider-input .yc-input-outer .yc-input-wrapper .yc-input{text-align:center}.yc-slider .yc-slider-input .yc-input-outer .yc-input-wrapper .yc-input-suffix{padding-left:0}.yc-slider .yc-slider-ticks,.yc-slider .yc-slider-dots,.yc-slider .yc-slider-marks{z-index:1;position:absolute}.yc-slider .yc-slider-ticks .yc-slider-tick,.yc-slider .yc-slider-dots .yc-slider-tick,.yc-slider .yc-slider-marks .yc-slider-tick{position:absolute;background:var(--color-fill-3)}.yc-slider .yc-slider-ticks .yc-slider-tick.yc-slider-tick-active,.yc-slider .yc-slider-dots .yc-slider-tick.yc-slider-tick-active,.yc-slider .yc-slider-marks .yc-slider-tick.yc-slider-tick-active{background-color:rgb(var(--primary-6))}.yc-slider .yc-slider-ticks .yc-slider-dot,.yc-slider .yc-slider-dots .yc-slider-dot,.yc-slider .yc-slider-marks .yc-slider-dot{position:absolute;width:8px;height:8px;background-color:var(--color-bg-2);border:2px solid var(--color-fill-3);border-radius:var(--border-radius-circle)}.yc-slider .yc-slider-ticks .yc-slider-dot.yc-slider-dot-active,.yc-slider .yc-slider-dots .yc-slider-dot.yc-slider-dot-active,.yc-slider .yc-slider-marks .yc-slider-dot.yc-slider-dot-active{border-color:rgb(var(--primary-6))}.yc-slider .yc-slider-ticks .yc-slider-mark,.yc-slider .yc-slider-dots .yc-slider-mark,.yc-slider .yc-slider-marks .yc-slider-mark{position:absolute;cursor:pointer;color:var(--color-text-3);font-size:14px;line-height:1;user-select:none}.yc-slider-direction-horizontal{width:100%;min-height:32px}.yc-slider-direction-horizontal .yc-slider-track::before,.yc-slider-direction-horizontal .yc-slider-track .yc-slider-bar,.yc-slider-direction-horizontal .yc-slider-track .yc-slider-btn{left:0;top:50%}.yc-slider-direction-horizontal .yc-slider-track::before,.yc-slider-direction-horizontal .yc-slider-track .yc-slider-bar{transform:translateY(-50%)}.yc-slider-direction-horizontal .yc-slider-track::before{height:2px;width:100%;right:0}.yc-slider-direction-horizontal .yc-slider-track .yc-slider-bar{height:2px}.yc-slider-direction-horizontal .yc-slider-ticks,.yc-slider-direction-horizontal .yc-slider-dots,.yc-slider-direction-horizontal .yc-slider-marks{top:50%;left:0;right:0;transform:translateY(-50%)}.yc-slider-direction-horizontal .yc-slider-ticks .yc-slider-tick,.yc-slider-direction-horizontal .yc-slider-dots .yc-slider-tick,.yc-slider-direction-horizontal .yc-slider-marks .yc-slider-tick{top:-4px;width:1px;height:3px;border-top-left-radius:1px;border-top-right-radius:1px}.yc-slider-direction-horizontal .yc-slider-ticks .yc-slider-dot,.yc-slider-direction-horizontal .yc-slider-dots .yc-slider-dot,.yc-slider-direction-horizontal .yc-slider-marks .yc-slider-dot{transform:translateY(-50%)}.yc-slider-direction-horizontal .yc-slider-ticks.yc-slider-marks,.yc-slider-direction-horizontal .yc-slider-dots.yc-slider-marks,.yc-slider-direction-horizontal .yc-slider-marks.yc-slider-marks{transform:translateY(calc(-50% + 10px))}.yc-slider-direction-vertical{height:100%;min-width:32px;flex-direction:column}.yc-slider-direction-vertical .yc-slider-track{display:flex;flex-direction:column;justify-content:center}.yc-slider-direction-vertical .yc-slider-track::before,.yc-slider-direction-vertical .yc-slider-track .yc-slider-bar,.yc-slider-direction-vertical .yc-slider-track .yc-slider-btn{bottom:0;left:50%}.yc-slider-direction-vertical .yc-slider-track::before,.yc-slider-direction-vertical .yc-slider-track .yc-slider-bar{transform:translateX(-50%)}.yc-slider-direction-vertical .yc-slider-track::before{top:0;width:2px;height:100%}.yc-slider-direction-vertical .yc-slider-track .yc-slider-bar{width:2px}.yc-slider-direction-vertical .yc-slider-ticks,.yc-slider-direction-vertical .yc-slider-dots,.yc-slider-direction-vertical .yc-slider-marks{left:50%;transform:translateX(-50%);top:0;bottom:0}.yc-slider-direction-vertical .yc-slider-ticks.yc-slider-marks,.yc-slider-direction-vertical .yc-slider-dots.yc-slider-marks,.yc-slider-direction-vertical .yc-slider-marks.yc-slider-marks{transform:translateX(calc(-50% + 10px))}.yc-slider-direction-vertical .yc-slider-ticks .yc-slider-tick,.yc-slider-direction-vertical .yc-slider-dots .yc-slider-tick,.yc-slider-direction-vertical .yc-slider-marks .yc-slider-tick{left:0;width:3px;height:1px;border-top-left-radius:1px;border-top-right-radius:1px}.yc-slider-direction-vertical .yc-slider-ticks .yc-slider-dot,.yc-slider-direction-vertical .yc-slider-dots .yc-slider-dot,.yc-slider-direction-vertical .yc-slider-marks .yc-slider-dot{transform:translateX(-50%)}.yc-slider-disabled .yc-slider-track::before{background-color:var(--color-fill-3)}.yc-slider-disabled .yc-slider-track .yc-slider-bar{background-color:var(--color-fill-3)}.yc-slider-disabled .yc-slider-track .yc-slider-btn{cursor:not-allowed}.yc-slider-disabled .yc-slider-track .yc-slider-btn::before{border-color:var(--color-fill-3)}
package/lib/Spin/index.css CHANGED
@@ -1 +1 @@
1
- .yc-spin{position:relative;color:rgb(var(--primary-6));width:fit-content;height:fit-content}.yc-spin .yc-spin-icon{display:flex;justify-content:center;align-items:center}.yc-spin .yc-spin-icon.yc-spin-icon-loading{animation:spin 1s infinite cubic-bezier(0, 0, 1, 1)}.yc-spin .yc-dot-loading{position:relative;display:inline-block;width:56px;height:8px;transform-style:preserve-3d;perspective:200px}.yc-spin .yc-dot-loading .yc-dot-loading-item{position:absolute;top:0;left:50%;width:8px;height:8px;background-color:rgb(var(--primary-6));border-radius:50%;transform:translate(-50%) scale(0);animation:dot-loading 2s cubic-bezier(0, 0, 1, 1) infinite forwards}.yc-spin .yc-dot-loading .yc-dot-loading-item:nth-child(2){background-color:rgb(var(--primary-5));animation-delay:.4s}.yc-spin .yc-dot-loading .yc-dot-loading-item:nth-child(3){background-color:rgb(var(--primary-4));animation-delay:.8s}.yc-spin .yc-dot-loading .yc-dot-loading-item:nth-child(4){background-color:rgb(var(--primary-4));animation-delay:1.2s}.yc-spin .yc-dot-loading .yc-dot-loading-item:nth-child(5){background-color:rgb(var(--primary-2));animation-delay:1.6s}.yc-spin .yc-spin-tip{margin-top:6px;color:rgb(var(--primary-6));font-weight:500;font-size:14px;line-height:21px}.yc-spin .yc-spin-mask{z-index:11;position:absolute;height:100%;width:100%;background-color:var(--color-spin-layer-bg);display:flex;flex-direction:column;justify-content:center;align-items:center}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes dot-loading{0%{transform:translate3D(-48.621%, 0, -0.985px) scale(0.511)}2.778%{transform:translate3D(-95.766%, 0, -0.94px) scale(0.545)}5.556%{transform:translate3D(-140%, 0, -0.866px) scale(0.6)}8.333%{transform:translate3D(-179.981%, 0, -0.766px) scale(0.675)}11.111%{transform:translate3D(-214.492%, 0, -0.643px) scale(0.768)}13.889%{transform:translate3D(-242.487%, 0, -0.5px) scale(0.875)}16.667%{transform:translate3D(-263.114%, 0, -0.342px) scale(0.993)}19.444%{transform:translate3D(-275.746%, 0, -0.174px) scale(1.12)}22.222%{transform:translate3D(-280%, 0, 0px) scale(1.25)}25%{transform:translate3D(-275.746%, 0, 0.174px) scale(1.38)}27.778%{transform:translate3D(-263.114%, 0, 0.342px) scale(1.507)}30.556%{transform:translate3D(-242.487%, 0, 0.5px) scale(1.625)}33.333%{transform:translate3D(-214.492%, 0, 0.643px) scale(1.732)}36.111%{transform:translate3D(-179.981%, 0, 0.766px) scale(1.825)}38.889%{transform:translate3D(-140%, 0, 0.866px) scale(1.9)}41.667%{transform:translate3D(-95.766%, 0, 0.94px) scale(1.955)}44.444%{transform:translate3D(-48.621%, 0, 0.985px) scale(1.989)}47.222%{transform:translate3D(0%, 0, 1px) scale(2)}50%{transform:translate3D(48.621%, 0, 0.985px) scale(1.989)}52.778%{transform:translate3D(95.766%, 0, 0.94px) scale(1.955)}55.556%{transform:translate3D(140%, 0, 0.866px) scale(1.9)}58.333%{transform:translate3D(179.981%, 0, 0.766px) scale(1.825)}61.111%{transform:translate3D(214.492%, 0, 0.643px) scale(1.732)}63.889%{transform:translate3D(242.487%, 0, 0.5px) scale(1.625)}66.667%{transform:translate3D(263.114%, 0, 0.342px) scale(1.507)}69.444%{transform:translate3D(275.746%, 0, 0.174px) scale(1.38)}72.222%{transform:translate3D(280%, 0, 0px) scale(1.25)}75%{transform:translate3D(275.746%, 0, -0.174px) scale(1.12)}77.778%{transform:translate3D(263.114%, 0, -0.342px) scale(0.993)}80.556%{transform:translate3D(242.487%, 0, -0.5px) scale(0.875)}83.333%{transform:translate3D(214.492%, 0, -0.643px) scale(0.768)}86.111%{transform:translate3D(179.981%, 0, -0.766px) scale(0.675)}88.889%{transform:translate3D(140%, 0, -0.866px) scale(0.6)}91.667%{transform:translate3D(95.766%, 0, -0.94px) scale(0.545)}94.444%{transform:translate3D(48.621%, 0, -0.985px) scale(0.511)}97.222%{transform:translate3D(0%, 0, -1px) scale(0.5)}}
1
+ .yc-spin{position:relative;color:rgb(var(--primary-6));width:fit-content;height:fit-content}.yc-spin .yc-spin-icon{display:flex;justify-content:center;align-items:center}.yc-spin .yc-spin-icon.yc-spin-icon-loading{animation:spin 1s infinite cubic-bezier(0, 0, 1, 1)}.yc-spin .yc-dot-loading{position:relative;display:inline-block;width:56px;height:8px;transform-style:preserve-3d;perspective:200px}.yc-spin .yc-dot-loading .yc-dot-loading-item{position:absolute;top:0;left:50%;width:8px;height:8px;background-color:rgb(var(--primary-6));border-radius:var(--border-radius-circle);transform:translate(-50%) scale(0);animation:dot-loading 2s cubic-bezier(0, 0, 1, 1) infinite forwards}.yc-spin .yc-dot-loading .yc-dot-loading-item:nth-child(2){background-color:rgb(var(--primary-5));animation-delay:.4s}.yc-spin .yc-dot-loading .yc-dot-loading-item:nth-child(3){background-color:rgb(var(--primary-4));animation-delay:.8s}.yc-spin .yc-dot-loading .yc-dot-loading-item:nth-child(4){background-color:rgb(var(--primary-4));animation-delay:1.2s}.yc-spin .yc-dot-loading .yc-dot-loading-item:nth-child(5){background-color:rgb(var(--primary-2));animation-delay:1.6s}.yc-spin .yc-spin-tip{margin-top:6px;color:rgb(var(--primary-6));font-weight:500;font-size:14px;line-height:21px}.yc-spin .yc-spin-mask{z-index:11;position:absolute;height:100%;width:100%;background-color:var(--color-spin-layer-bg);display:flex;flex-direction:column;justify-content:center;align-items:center}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes dot-loading{0%{transform:translate3D(-48.621%, 0, -0.985px) scale(0.511)}2.778%{transform:translate3D(-95.766%, 0, -0.94px) scale(0.545)}5.556%{transform:translate3D(-140%, 0, -0.866px) scale(0.6)}8.333%{transform:translate3D(-179.981%, 0, -0.766px) scale(0.675)}11.111%{transform:translate3D(-214.492%, 0, -0.643px) scale(0.768)}13.889%{transform:translate3D(-242.487%, 0, -0.5px) scale(0.875)}16.667%{transform:translate3D(-263.114%, 0, -0.342px) scale(0.993)}19.444%{transform:translate3D(-275.746%, 0, -0.174px) scale(1.12)}22.222%{transform:translate3D(-280%, 0, 0px) scale(1.25)}25%{transform:translate3D(-275.746%, 0, 0.174px) scale(1.38)}27.778%{transform:translate3D(-263.114%, 0, 0.342px) scale(1.507)}30.556%{transform:translate3D(-242.487%, 0, 0.5px) scale(1.625)}33.333%{transform:translate3D(-214.492%, 0, 0.643px) scale(1.732)}36.111%{transform:translate3D(-179.981%, 0, 0.766px) scale(1.825)}38.889%{transform:translate3D(-140%, 0, 0.866px) scale(1.9)}41.667%{transform:translate3D(-95.766%, 0, 0.94px) scale(1.955)}44.444%{transform:translate3D(-48.621%, 0, 0.985px) scale(1.989)}47.222%{transform:translate3D(0%, 0, 1px) scale(2)}50%{transform:translate3D(48.621%, 0, 0.985px) scale(1.989)}52.778%{transform:translate3D(95.766%, 0, 0.94px) scale(1.955)}55.556%{transform:translate3D(140%, 0, 0.866px) scale(1.9)}58.333%{transform:translate3D(179.981%, 0, 0.766px) scale(1.825)}61.111%{transform:translate3D(214.492%, 0, 0.643px) scale(1.732)}63.889%{transform:translate3D(242.487%, 0, 0.5px) scale(1.625)}66.667%{transform:translate3D(263.114%, 0, 0.342px) scale(1.507)}69.444%{transform:translate3D(275.746%, 0, 0.174px) scale(1.38)}72.222%{transform:translate3D(280%, 0, 0px) scale(1.25)}75%{transform:translate3D(275.746%, 0, -0.174px) scale(1.12)}77.778%{transform:translate3D(263.114%, 0, -0.342px) scale(0.993)}80.556%{transform:translate3D(242.487%, 0, -0.5px) scale(0.875)}83.333%{transform:translate3D(214.492%, 0, -0.643px) scale(0.768)}86.111%{transform:translate3D(179.981%, 0, -0.766px) scale(0.675)}88.889%{transform:translate3D(140%, 0, -0.866px) scale(0.6)}91.667%{transform:translate3D(95.766%, 0, -0.94px) scale(0.545)}94.444%{transform:translate3D(48.621%, 0, -0.985px) scale(0.511)}97.222%{transform:translate3D(0%, 0, -1px) scale(0.5)}}
package/lib/Steps/index.css CHANGED
@@ -1 +1 @@
1
- .yc-steps{display:flex}.yc-steps-vertical{flex-direction:column}.yc-steps-changeable .yc-steps-item:not(.yc-steps-item-process){cursor:pointer}.yc-steps-changeable .yc-steps-item:not(.yc-steps-item-process):hover .yc-steps-item-content .yc-steps-item-title,.yc-steps-changeable .yc-steps-item:not(.yc-steps-item-process):hover .yc-steps-item-content .yc-steps-item-description{color:rgb(var(--primary-6))}.yc-steps-mode-default .yc-steps-item,.yc-steps-mode-navigation .yc-steps-item{position:relative;overflow:hidden;white-space:nowrap;text-align:left;margin-right:12px}.yc-steps-mode-default .yc-steps-item .yc-steps-item-node .yc-steps-icon,.yc-steps-mode-navigation .yc-steps-item .yc-steps-item-node .yc-steps-icon{width:28px;height:28px;border-radius:50%;display:flex;justify-content:center;align-items:center}.yc-steps-mode-default .yc-steps-item .yc-steps-item-content .yc-steps-item-title,.yc-steps-mode-navigation .yc-steps-item .yc-steps-item-content .yc-steps-item-title{position:relative;padding-right:12px;width:fit-content;white-space:nowrap}.yc-steps-mode-default .yc-steps-item .yc-steps-item-content .yc-steps-item-description,.yc-steps-mode-navigation .yc-steps-item .yc-steps-item-content .yc-steps-item-description{max-width:140px;margin-top:2px;white-space:normal}.yc-steps-mode-default .yc-steps-item-horizontal,.yc-steps-mode-navigation .yc-steps-item-horizontal{display:flex;gap:12px}.yc-steps-mode-default .yc-steps-item-horizontal:not(:last-child),.yc-steps-mode-navigation .yc-steps-item-horizontal:not(:last-child){flex:1}.yc-steps-mode-default .yc-steps-item-horizontal:not(.yc-steps-item-line-less):not(.yc-steps-item-label-vertical) .yc-steps-item-title::after,.yc-steps-mode-navigation .yc-steps-item-horizontal:not(.yc-steps-item-line-less):not(.yc-steps-item-label-vertical) .yc-steps-item-title::after{content:'';display:block;position:absolute;top:13.5px;left:100%;width:5000px;height:1px}.yc-steps-mode-default .yc-steps-item-horizontal .yc-steps-item-content,.yc-steps-mode-navigation .yc-steps-item-horizontal .yc-steps-item-content{display:flex;flex-direction:column;gap:2px}.yc-steps-mode-default .yc-steps-item-vertical,.yc-steps-mode-navigation .yc-steps-item-vertical{display:flex;gap:12px}.yc-steps-mode-default .yc-steps-item-vertical:not(.yc-steps-item-line-less) .yc-steps-item-tail,.yc-steps-mode-navigation .yc-steps-item-vertical:not(.yc-steps-item-line-less) .yc-steps-item-tail{top:0;left:13.5px;bottom:0;width:1px;padding:34px 0 6px}.yc-steps-mode-default .yc-steps-item-vertical:not(.yc-steps-item-line-less) .yc-steps-item-tail::after,.yc-steps-mode-navigation .yc-steps-item-vertical:not(.yc-steps-item-line-less) .yc-steps-item-tail::after{content:'';display:block;height:100%;width:100%}.yc-steps-mode-default .yc-steps-item-vertical .yc-steps-item-content,.yc-steps-mode-navigation .yc-steps-item-vertical .yc-steps-item-content{min-height:90px}.yc-steps-mode-default .yc-steps-item-label-vertical,.yc-steps-mode-navigation .yc-steps-item-label-vertical{flex-direction:column;gap:2px;overflow:visible}.yc-steps-mode-default .yc-steps-item-label-vertical:not(.yc-steps-item-line-less) .yc-steps-item-tail,.yc-steps-mode-navigation .yc-steps-item-label-vertical:not(.yc-steps-item-line-less) .yc-steps-item-tail{position:absolute;top:13.5px;left:96px;padding-right:40px;width:100%;height:1px}.yc-steps-mode-default .yc-steps-item-label-vertical:not(.yc-steps-item-line-less) .yc-steps-item-tail::after,.yc-steps-mode-navigation .yc-steps-item-label-vertical:not(.yc-steps-item-line-less) .yc-steps-item-tail::after{content:'';display:block;width:100%;height:1px}.yc-steps-mode-default .yc-steps-item-label-vertical .yc-steps-item-node,.yc-steps-mode-navigation .yc-steps-item-label-vertical .yc-steps-item-node{margin-left:56px}.yc-steps-mode-default .yc-steps-item-label-vertical .yc-steps-item-node .yc-steps-icon,.yc-steps-mode-navigation .yc-steps-item-label-vertical .yc-steps-item-node .yc-steps-icon{width:28px;height:28px;border-radius:50%;display:flex;justify-content:center;align-items:center}.yc-steps-mode-default .yc-steps-item-label-vertical .yc-steps-item-content,.yc-steps-mode-navigation .yc-steps-item-label-vertical .yc-steps-item-content{width:140px;text-align:center}.yc-steps-mode-default .yc-steps-item-label-vertical .yc-steps-item-content .yc-steps-item-title,.yc-steps-mode-navigation .yc-steps-item-label-vertical .yc-steps-item-content .yc-steps-item-title{padding-right:0;width:100%}.yc-steps-mode-default .yc-steps-item-size-small .yc-steps-item-node,.yc-steps-mode-navigation .yc-steps-item-size-small .yc-steps-item-node{font-size:14px}.yc-steps-mode-default .yc-steps-item-size-small .yc-steps-item-node .yc-steps-icon,.yc-steps-mode-navigation .yc-steps-item-size-small .yc-steps-item-node .yc-steps-icon{width:24px;height:24px}.yc-steps-mode-default .yc-steps-item-size-small .yc-steps-item-content .yc-steps-item-title,.yc-steps-mode-navigation .yc-steps-item-size-small .yc-steps-item-content .yc-steps-item-title{font-size:14px;line-height:24px}.yc-steps-mode-default .yc-steps-item-size-small:not(.yc-steps-item-line-less):not(.yc-steps-item-label-vertical) .yc-steps-item-title::after,.yc-steps-mode-navigation .yc-steps-item-size-small:not(.yc-steps-item-line-less):not(.yc-steps-item-label-vertical) .yc-steps-item-title::after{top:11.5px}.yc-steps-mode-default .yc-steps-item-size-small:not(.yc-steps-item-line-less).yc-steps-item-vertical .yc-steps-item-tail,.yc-steps-mode-navigation .yc-steps-item-size-small:not(.yc-steps-item-line-less).yc-steps-item-vertical .yc-steps-item-tail{top:0;left:11.5px;padding:30px 0 6px}.yc-steps-mode-default .yc-steps-item-size-small:not(.yc-steps-item-line-less).yc-steps-item-label-vertical .yc-steps-item-tail,.yc-steps-mode-navigation .yc-steps-item-size-small:not(.yc-steps-item-line-less).yc-steps-item-label-vertical .yc-steps-item-tail{top:11.5px;left:94px;padding-right:36px}.yc-steps-mode-default .yc-steps-item-wait .yc-steps-icon,.yc-steps-mode-navigation .yc-steps-item-wait .yc-steps-icon{color:var(--color-text-2);background-color:var(--color-fill-2)}.yc-steps-mode-default .yc-steps-item-wait .yc-steps-item-content .yc-steps-item-title,.yc-steps-mode-navigation .yc-steps-item-wait .yc-steps-item-content .yc-steps-item-title{color:var(--color-text-2)}.yc-steps-mode-default .yc-steps-item-process .yc-steps-icon,.yc-steps-mode-navigation .yc-steps-item-process .yc-steps-icon{color:var(--color-white);background-color:rgb(var(--primary-6))}.yc-steps-mode-default .yc-steps-item-finish .yc-steps-icon,.yc-steps-mode-navigation .yc-steps-item-finish .yc-steps-icon{color:rgb(var(--primary-6));background-color:rgb(var(--primary-1))}.yc-steps-mode-default .yc-steps-item-error .yc-steps-icon,.yc-steps-mode-navigation .yc-steps-item-error .yc-steps-icon{color:var(--color-white);background-color:rgb(var(--danger-6))}.yc-steps-mode-dot .yc-steps-item{position:relative}.yc-steps-mode-dot .yc-steps-item.yc-steps-item-horizontal:not(:last-child){margin-right:16px}.yc-steps-mode-dot .yc-steps-item.yc-steps-item-horizontal .yc-steps-item-tail{left:78px;width:100%;height:1px}.yc-steps-mode-dot .yc-steps-item.yc-steps-item-horizontal .yc-steps-item-node{margin-left:67px}.yc-steps-mode-dot .yc-steps-item.yc-steps-item-horizontal.yc-steps-item-process .yc-steps-item-node{margin-top:-1px;margin-left:65px}.yc-steps-mode-dot .yc-steps-item.yc-steps-item-vertical:not(:last-child){margin-bottom:4px}.yc-steps-mode-dot .yc-steps-item.yc-steps-item-vertical .yc-steps-item-tail{bottom:0;left:4px;transform:translateX(-50%);width:1px;height:100%;padding:16px 0 2px 0}.yc-steps-mode-dot .yc-steps-item.yc-steps-item-vertical .yc-steps-item-node{margin-top:8px}.yc-steps-mode-dot .yc-steps-item.yc-steps-item-vertical.yc-steps-item-process .yc-steps-item-node{margin-top:6px;margin-left:-1px}.yc-steps-mode-dot .yc-steps-item.yc-steps-item-process .yc-steps-item-node{width:10px;height:10px}.yc-steps-mode-dot .yc-steps-item:not(.yc-steps-item-line-less) .yc-steps-item-tail::after{content:'';height:100%;width:100%;display:block}.yc-steps-mode-dot .yc-steps-item .yc-steps-item-tail{position:absolute;top:3.5px;background-color:transparent}.yc-steps-mode-dot .yc-steps-item .yc-steps-item-node{width:8px;height:8px;border-radius:50%}.yc-steps-mode-dot .yc-steps-item-horizontal{display:flex;flex-direction:column;gap:4px}.yc-steps-mode-dot .yc-steps-item-horizontal:not(:last-child){flex:1}.yc-steps-mode-dot .yc-steps-item-horizontal .yc-steps-item-content{width:140px;text-align:center;gap:4px}.yc-steps-mode-dot .yc-steps-item-vertical{min-height:90px;display:flex;gap:16px}.yc-steps-mode-dot .yc-steps-item-vertical .yc-steps-item-content{gap:4px}.yc-steps-mode-dot .yc-steps-item-vertical .yc-steps-item-content .yc-steps-item-title{margin-top:-2px}.yc-steps-mode-dot .yc-steps-item-wait .yc-steps-item-node{background-color:var(--color-neutral-4);border-color:var(--color-neutral-4)}.yc-steps-mode-dot .yc-steps-item-process .yc-steps-item-node{background-color:rgb(var(--primary-6));border-color:rgb(var(--primary-6));width:10px;height:10px}.yc-steps-mode-dot .yc-steps-item-finish .yc-steps-item-node{background-color:rgb(var(--primary-6));border-color:rgb(var(--primary-6))}.yc-steps-mode-dot .yc-steps-item-error .yc-steps-item-node{background-color:rgb(var(--danger-6));border-color:rgb(var(--danger-6))}.yc-steps-mode-arrow{gap:4px}.yc-steps-mode-arrow .yc-steps-item{flex:1;position:relative;overflow:visible;height:72px}.yc-steps-mode-arrow .yc-steps-item:not(:first-child)::before{content:'';position:absolute;top:0;left:0;z-index:1;width:0;height:0;border-top:36px solid transparent;border-bottom:36px solid transparent;border-left:36px solid var(--color-bg-1)}.yc-steps-mode-arrow .yc-steps-item:not(:last-child)::after{content:'';position:absolute;top:0;right:-36px;z-index:2;width:0;height:0;background-color:transparent;border-top:36px solid transparent;border-bottom:36px solid transparent}.yc-steps-mode-arrow .yc-steps-item:first-child .yc-steps-item-content{padding-left:16px}.yc-steps-mode-arrow .yc-steps-item .yc-steps-item-content{flex:1;padding-left:52px;height:72px;justify-content:center}.yc-steps-mode-arrow.yc-steps-item-size-small{height:40px}.yc-steps-mode-arrow.yc-steps-item-size-small:not(:first-child)::before{border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid var(--color-bg-1)}.yc-steps-mode-arrow.yc-steps-item-size-small:not(:last-child)::after{right:-20px;border-top:20px solid transparent;border-bottom:20px solid transparent}.yc-steps-mode-arrow.yc-steps-item-size-small .yc-steps-item-content{height:40px}.yc-steps-mode-arrow.yc-steps-item-size-small .yc-steps-item-content .yc-steps-item-description{display:none}.yc-steps-mode-arrow .yc-steps-item-wait{background-color:var(--color-fill-1)}.yc-steps-mode-arrow .yc-steps-item-wait::after{border-left:36px solid var(--color-fill-1)}.yc-steps-mode-arrow .yc-steps-item-process{background-color:rgb(var(--primary-6))}.yc-steps-mode-arrow .yc-steps-item-process::after{border-left:36px solid rgb(var(--primary-6))}.yc-steps-mode-arrow .yc-steps-item-process .yc-steps-item-content .yc-steps-item-title,.yc-steps-mode-arrow .yc-steps-item-process .yc-steps-item-content .yc-steps-item-description{color:var(--color-white)}.yc-steps-mode-arrow .yc-steps-item-finish{background-color:rgb(var(--primary-1))}.yc-steps-mode-arrow .yc-steps-item-finish::after{border-left:36px solid rgb(var(--primary-1))}.yc-steps-mode-arrow .yc-steps-item-error{background-color:rgb(var(--danger-6))}.yc-steps-mode-arrow .yc-steps-item-error::after{border-left:36px solid rgb(var(--danger-6))}.yc-steps-mode-arrow .yc-steps-item-error .yc-steps-item-content .yc-steps-item-title,.yc-steps-mode-arrow .yc-steps-item-error .yc-steps-item-content .yc-steps-item-description{color:var(--color-white)}.yc-steps-mode-navigation{gap:32px}.yc-steps-mode-navigation .yc-steps-item{flex:1;overflow:hidden;padding:0 10px 0 20px}.yc-steps-mode-navigation .yc-steps-item:not(:last-child)::before{content:'';position:absolute;top:10px;right:0;width:6px;height:6px;border:2px solid var(--color-border-3);border-bottom:none;border-left:none;background-color:var(--color-bg-1);transform:rotate(45deg)}.yc-steps-mode-navigation .yc-steps-item .yc-steps-item-content{margin-bottom:20px}.yc-steps-mode-navigation .yc-steps-item .yc-steps-item-content .yc-steps-item-description{max-width:unset;white-space:nowrap}.yc-steps-item .yc-steps-item-tail{position:absolute}.yc-steps-item .yc-steps-item-node{font-weight:500;font-size:16px}.yc-steps-item .yc-steps-item-node .yc-steps-icon{width:28px;height:28px;border-radius:50%;display:flex;justify-content:center;align-items:center}.yc-steps-item .yc-steps-item-content{display:flex;flex-direction:column;gap:2px}.yc-steps-item .yc-steps-item-content .yc-steps-item-title{line-height:28px;font-size:16px;color:var(--color-text-1);transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-steps-item .yc-steps-item-content .yc-steps-item-description{max-width:140px;font-size:12px;color:var(--color-text-3);transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-steps-item-active::after{content:'';position:absolute;display:block;height:2px;right:30px;left:0;bottom:0}.yc-steps-item-active.yc-steps-item-finish::after{background-color:var(--color-primary-light-1)}.yc-steps-item-active.yc-steps-item-wait::after{background-color:var(--color-fill-2)}.yc-steps-item-active.yc-steps-item-error::after{background-color:rgb(var(--danger-6))}.yc-steps-item-active.yc-steps-item-process::after{background-color:rgb(var(--primary-6))}.yc-steps-item-next-wait::after,.yc-steps-item-next-wait .yc-steps-item-title::after,.yc-steps-item-next-wait .yc-steps-item-tail::after{background-color:var(--color-border-2)}.yc-steps-item-next-process::after,.yc-steps-item-next-process .yc-steps-item-title::after,.yc-steps-item-next-process .yc-steps-item-tail::after{background-color:rgb(var(--primary-6))}.yc-steps-item-next-finish::after,.yc-steps-item-next-finish .yc-steps-item-title::after,.yc-steps-item-next-finish .yc-steps-item-tail::after{background-color:rgb(var(--primary-6))}.yc-steps-item-next-error::after,.yc-steps-item-next-error .yc-steps-item-title::after,.yc-steps-item-next-error .yc-steps-item-tail::after{background-color:rgb(var(--danger-6))}
1
+ .yc-steps{display:flex}.yc-steps-vertical{flex-direction:column}.yc-steps-changeable .yc-steps-item:not(.yc-steps-item-process){cursor:pointer}.yc-steps-changeable .yc-steps-item:not(.yc-steps-item-process):hover .yc-steps-item-content .yc-steps-item-title,.yc-steps-changeable .yc-steps-item:not(.yc-steps-item-process):hover .yc-steps-item-content .yc-steps-item-description{color:rgb(var(--primary-6))}.yc-steps-mode-default .yc-steps-item,.yc-steps-mode-navigation .yc-steps-item{position:relative;overflow:hidden;white-space:nowrap;text-align:left;margin-right:12px}.yc-steps-mode-default .yc-steps-item .yc-steps-item-node .yc-steps-icon,.yc-steps-mode-navigation .yc-steps-item .yc-steps-item-node .yc-steps-icon{width:28px;height:28px;border-radius:var(--border-radius-circle);display:flex;justify-content:center;align-items:center}.yc-steps-mode-default .yc-steps-item .yc-steps-item-content .yc-steps-item-title,.yc-steps-mode-navigation .yc-steps-item .yc-steps-item-content .yc-steps-item-title{position:relative;padding-right:12px;width:fit-content;white-space:nowrap}.yc-steps-mode-default .yc-steps-item .yc-steps-item-content .yc-steps-item-description,.yc-steps-mode-navigation .yc-steps-item .yc-steps-item-content .yc-steps-item-description{max-width:140px;margin-top:2px;white-space:normal}.yc-steps-mode-default .yc-steps-item-horizontal,.yc-steps-mode-navigation .yc-steps-item-horizontal{display:flex;gap:12px}.yc-steps-mode-default .yc-steps-item-horizontal:not(:last-child),.yc-steps-mode-navigation .yc-steps-item-horizontal:not(:last-child){flex:1}.yc-steps-mode-default .yc-steps-item-horizontal:not(.yc-steps-item-line-less):not(.yc-steps-item-label-vertical) .yc-steps-item-title::after,.yc-steps-mode-navigation .yc-steps-item-horizontal:not(.yc-steps-item-line-less):not(.yc-steps-item-label-vertical) .yc-steps-item-title::after{content:'';display:block;position:absolute;top:13.5px;left:100%;width:5000px;height:1px}.yc-steps-mode-default .yc-steps-item-horizontal .yc-steps-item-content,.yc-steps-mode-navigation .yc-steps-item-horizontal .yc-steps-item-content{display:flex;flex-direction:column;gap:2px}.yc-steps-mode-default .yc-steps-item-vertical,.yc-steps-mode-navigation .yc-steps-item-vertical{display:flex;gap:12px}.yc-steps-mode-default .yc-steps-item-vertical:not(.yc-steps-item-line-less) .yc-steps-item-tail,.yc-steps-mode-navigation .yc-steps-item-vertical:not(.yc-steps-item-line-less) .yc-steps-item-tail{top:0;left:13.5px;bottom:0;width:1px;padding:34px 0 6px}.yc-steps-mode-default .yc-steps-item-vertical:not(.yc-steps-item-line-less) .yc-steps-item-tail::after,.yc-steps-mode-navigation .yc-steps-item-vertical:not(.yc-steps-item-line-less) .yc-steps-item-tail::after{content:'';display:block;height:100%;width:100%}.yc-steps-mode-default .yc-steps-item-vertical .yc-steps-item-content,.yc-steps-mode-navigation .yc-steps-item-vertical .yc-steps-item-content{min-height:90px}.yc-steps-mode-default .yc-steps-item-label-vertical,.yc-steps-mode-navigation .yc-steps-item-label-vertical{flex-direction:column;gap:2px;overflow:visible}.yc-steps-mode-default .yc-steps-item-label-vertical:not(.yc-steps-item-line-less) .yc-steps-item-tail,.yc-steps-mode-navigation .yc-steps-item-label-vertical:not(.yc-steps-item-line-less) .yc-steps-item-tail{position:absolute;top:13.5px;left:96px;padding-right:40px;width:100%;height:1px}.yc-steps-mode-default .yc-steps-item-label-vertical:not(.yc-steps-item-line-less) .yc-steps-item-tail::after,.yc-steps-mode-navigation .yc-steps-item-label-vertical:not(.yc-steps-item-line-less) .yc-steps-item-tail::after{content:'';display:block;width:100%;height:1px}.yc-steps-mode-default .yc-steps-item-label-vertical .yc-steps-item-node,.yc-steps-mode-navigation .yc-steps-item-label-vertical .yc-steps-item-node{margin-left:56px}.yc-steps-mode-default .yc-steps-item-label-vertical .yc-steps-item-node .yc-steps-icon,.yc-steps-mode-navigation .yc-steps-item-label-vertical .yc-steps-item-node .yc-steps-icon{width:28px;height:28px;border-radius:var(--border-radius-circle);display:flex;justify-content:center;align-items:center}.yc-steps-mode-default .yc-steps-item-label-vertical .yc-steps-item-content,.yc-steps-mode-navigation .yc-steps-item-label-vertical .yc-steps-item-content{width:140px;text-align:center}.yc-steps-mode-default .yc-steps-item-label-vertical .yc-steps-item-content .yc-steps-item-title,.yc-steps-mode-navigation .yc-steps-item-label-vertical .yc-steps-item-content .yc-steps-item-title{padding-right:0;width:100%}.yc-steps-mode-default .yc-steps-item-size-small .yc-steps-item-node,.yc-steps-mode-navigation .yc-steps-item-size-small .yc-steps-item-node{font-size:14px}.yc-steps-mode-default .yc-steps-item-size-small .yc-steps-item-node .yc-steps-icon,.yc-steps-mode-navigation .yc-steps-item-size-small .yc-steps-item-node .yc-steps-icon{width:24px;height:24px}.yc-steps-mode-default .yc-steps-item-size-small .yc-steps-item-content .yc-steps-item-title,.yc-steps-mode-navigation .yc-steps-item-size-small .yc-steps-item-content .yc-steps-item-title{font-size:14px;line-height:24px}.yc-steps-mode-default .yc-steps-item-size-small:not(.yc-steps-item-line-less):not(.yc-steps-item-label-vertical) .yc-steps-item-title::after,.yc-steps-mode-navigation .yc-steps-item-size-small:not(.yc-steps-item-line-less):not(.yc-steps-item-label-vertical) .yc-steps-item-title::after{top:11.5px}.yc-steps-mode-default .yc-steps-item-size-small:not(.yc-steps-item-line-less).yc-steps-item-vertical .yc-steps-item-tail,.yc-steps-mode-navigation .yc-steps-item-size-small:not(.yc-steps-item-line-less).yc-steps-item-vertical .yc-steps-item-tail{top:0;left:11.5px;padding:30px 0 6px}.yc-steps-mode-default .yc-steps-item-size-small:not(.yc-steps-item-line-less).yc-steps-item-label-vertical .yc-steps-item-tail,.yc-steps-mode-navigation .yc-steps-item-size-small:not(.yc-steps-item-line-less).yc-steps-item-label-vertical .yc-steps-item-tail{top:11.5px;left:94px;padding-right:36px}.yc-steps-mode-default .yc-steps-item-wait .yc-steps-icon,.yc-steps-mode-navigation .yc-steps-item-wait .yc-steps-icon{color:var(--color-text-2);background-color:var(--color-fill-2)}.yc-steps-mode-default .yc-steps-item-wait .yc-steps-item-content .yc-steps-item-title,.yc-steps-mode-navigation .yc-steps-item-wait .yc-steps-item-content .yc-steps-item-title{color:var(--color-text-2)}.yc-steps-mode-default .yc-steps-item-process .yc-steps-icon,.yc-steps-mode-navigation .yc-steps-item-process .yc-steps-icon{color:var(--color-white);background-color:rgb(var(--primary-6))}.yc-steps-mode-default .yc-steps-item-finish .yc-steps-icon,.yc-steps-mode-navigation .yc-steps-item-finish .yc-steps-icon{color:rgb(var(--primary-6));background-color:rgb(var(--primary-1))}.yc-steps-mode-default .yc-steps-item-error .yc-steps-icon,.yc-steps-mode-navigation .yc-steps-item-error .yc-steps-icon{color:var(--color-white);background-color:rgb(var(--danger-6))}.yc-steps-mode-dot .yc-steps-item{position:relative}.yc-steps-mode-dot .yc-steps-item.yc-steps-item-horizontal:not(:last-child){margin-right:16px}.yc-steps-mode-dot .yc-steps-item.yc-steps-item-horizontal .yc-steps-item-tail{left:78px;width:100%;height:1px}.yc-steps-mode-dot .yc-steps-item.yc-steps-item-horizontal .yc-steps-item-node{margin-left:67px}.yc-steps-mode-dot .yc-steps-item.yc-steps-item-horizontal.yc-steps-item-process .yc-steps-item-node{margin-top:-1px;margin-left:65px}.yc-steps-mode-dot .yc-steps-item.yc-steps-item-vertical:not(:last-child){margin-bottom:4px}.yc-steps-mode-dot .yc-steps-item.yc-steps-item-vertical .yc-steps-item-tail{bottom:0;left:4px;transform:translateX(-50%);width:1px;height:100%;padding:16px 0 2px 0}.yc-steps-mode-dot .yc-steps-item.yc-steps-item-vertical .yc-steps-item-node{margin-top:8px}.yc-steps-mode-dot .yc-steps-item.yc-steps-item-vertical.yc-steps-item-process .yc-steps-item-node{margin-top:6px;margin-left:-1px}.yc-steps-mode-dot .yc-steps-item.yc-steps-item-process .yc-steps-item-node{width:10px;height:10px}.yc-steps-mode-dot .yc-steps-item:not(.yc-steps-item-line-less) .yc-steps-item-tail::after{content:'';height:100%;width:100%;display:block}.yc-steps-mode-dot .yc-steps-item .yc-steps-item-tail{position:absolute;top:3.5px;background-color:transparent}.yc-steps-mode-dot .yc-steps-item .yc-steps-item-node{width:8px;height:8px;border-radius:var(--border-radius-circle)}.yc-steps-mode-dot .yc-steps-item-horizontal{display:flex;flex-direction:column;gap:4px}.yc-steps-mode-dot .yc-steps-item-horizontal:not(:last-child){flex:1}.yc-steps-mode-dot .yc-steps-item-horizontal .yc-steps-item-content{width:140px;text-align:center;gap:4px}.yc-steps-mode-dot .yc-steps-item-vertical{min-height:90px;display:flex;gap:16px}.yc-steps-mode-dot .yc-steps-item-vertical .yc-steps-item-content{gap:4px}.yc-steps-mode-dot .yc-steps-item-vertical .yc-steps-item-content .yc-steps-item-title{margin-top:-2px}.yc-steps-mode-dot .yc-steps-item-wait .yc-steps-item-node{background-color:var(--color-neutral-4);border-color:var(--color-neutral-4)}.yc-steps-mode-dot .yc-steps-item-process .yc-steps-item-node{background-color:rgb(var(--primary-6));border-color:rgb(var(--primary-6));width:10px;height:10px}.yc-steps-mode-dot .yc-steps-item-finish .yc-steps-item-node{background-color:rgb(var(--primary-6));border-color:rgb(var(--primary-6))}.yc-steps-mode-dot .yc-steps-item-error .yc-steps-item-node{background-color:rgb(var(--danger-6));border-color:rgb(var(--danger-6))}.yc-steps-mode-arrow{gap:4px}.yc-steps-mode-arrow .yc-steps-item{flex:1;position:relative;overflow:visible;height:72px}.yc-steps-mode-arrow .yc-steps-item:not(:first-child)::before{content:'';position:absolute;top:0;left:0;z-index:1;width:0;height:0;border-top:36px solid transparent;border-bottom:36px solid transparent;border-left:36px solid var(--color-bg-1)}.yc-steps-mode-arrow .yc-steps-item:not(:last-child)::after{content:'';position:absolute;top:0;right:-36px;z-index:2;width:0;height:0;background-color:transparent;border-top:36px solid transparent;border-bottom:36px solid transparent}.yc-steps-mode-arrow .yc-steps-item:first-child .yc-steps-item-content{padding-left:16px}.yc-steps-mode-arrow .yc-steps-item .yc-steps-item-content{flex:1;padding-left:52px;height:72px;justify-content:center}.yc-steps-mode-arrow.yc-steps-item-size-small{height:40px}.yc-steps-mode-arrow.yc-steps-item-size-small:not(:first-child)::before{border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid var(--color-bg-1)}.yc-steps-mode-arrow.yc-steps-item-size-small:not(:last-child)::after{right:-20px;border-top:20px solid transparent;border-bottom:20px solid transparent}.yc-steps-mode-arrow.yc-steps-item-size-small .yc-steps-item-content{height:40px}.yc-steps-mode-arrow.yc-steps-item-size-small .yc-steps-item-content .yc-steps-item-description{display:none}.yc-steps-mode-arrow .yc-steps-item-wait{background-color:var(--color-fill-1)}.yc-steps-mode-arrow .yc-steps-item-wait::after{border-left:36px solid var(--color-fill-1)}.yc-steps-mode-arrow .yc-steps-item-process{background-color:rgb(var(--primary-6))}.yc-steps-mode-arrow .yc-steps-item-process::after{border-left:36px solid rgb(var(--primary-6))}.yc-steps-mode-arrow .yc-steps-item-process .yc-steps-item-content .yc-steps-item-title,.yc-steps-mode-arrow .yc-steps-item-process .yc-steps-item-content .yc-steps-item-description{color:var(--color-white)}.yc-steps-mode-arrow .yc-steps-item-finish{background-color:rgb(var(--primary-1))}.yc-steps-mode-arrow .yc-steps-item-finish::after{border-left:36px solid rgb(var(--primary-1))}.yc-steps-mode-arrow .yc-steps-item-error{background-color:rgb(var(--danger-6))}.yc-steps-mode-arrow .yc-steps-item-error::after{border-left:36px solid rgb(var(--danger-6))}.yc-steps-mode-arrow .yc-steps-item-error .yc-steps-item-content .yc-steps-item-title,.yc-steps-mode-arrow .yc-steps-item-error .yc-steps-item-content .yc-steps-item-description{color:var(--color-white)}.yc-steps-mode-navigation{gap:32px}.yc-steps-mode-navigation .yc-steps-item{flex:1;overflow:hidden;padding:0 10px 0 20px}.yc-steps-mode-navigation .yc-steps-item:not(:last-child)::before{content:'';position:absolute;top:10px;right:0;width:6px;height:6px;border:2px solid var(--color-border-3);border-bottom:none;border-left:none;background-color:var(--color-bg-1);transform:rotate(45deg)}.yc-steps-mode-navigation .yc-steps-item .yc-steps-item-content{margin-bottom:20px}.yc-steps-mode-navigation .yc-steps-item .yc-steps-item-content .yc-steps-item-description{max-width:unset;white-space:nowrap}.yc-steps-item .yc-steps-item-tail{position:absolute}.yc-steps-item .yc-steps-item-node{font-weight:500;font-size:16px}.yc-steps-item .yc-steps-item-node .yc-steps-icon{width:28px;height:28px;border-radius:var(--border-radius-circle);display:flex;justify-content:center;align-items:center}.yc-steps-item .yc-steps-item-content{display:flex;flex-direction:column;gap:2px}.yc-steps-item .yc-steps-item-content .yc-steps-item-title{line-height:28px;font-size:16px;color:var(--color-text-1);transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-steps-item .yc-steps-item-content .yc-steps-item-description{max-width:140px;font-size:12px;color:var(--color-text-3);transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-steps-item-active::after{content:'';position:absolute;display:block;height:2px;right:30px;left:0;bottom:0}.yc-steps-item-active.yc-steps-item-finish::after{background-color:var(--color-primary-light-1)}.yc-steps-item-active.yc-steps-item-wait::after{background-color:var(--color-fill-2)}.yc-steps-item-active.yc-steps-item-error::after{background-color:rgb(var(--danger-6))}.yc-steps-item-active.yc-steps-item-process::after{background-color:rgb(var(--primary-6))}.yc-steps-item-next-wait::after,.yc-steps-item-next-wait .yc-steps-item-title::after,.yc-steps-item-next-wait .yc-steps-item-tail::after{background-color:var(--color-border-2)}.yc-steps-item-next-process::after,.yc-steps-item-next-process .yc-steps-item-title::after,.yc-steps-item-next-process .yc-steps-item-tail::after{background-color:rgb(var(--primary-6))}.yc-steps-item-next-finish::after,.yc-steps-item-next-finish .yc-steps-item-title::after,.yc-steps-item-next-finish .yc-steps-item-tail::after{background-color:rgb(var(--primary-6))}.yc-steps-item-next-error::after,.yc-steps-item-next-error .yc-steps-item-title::after,.yc-steps-item-next-error .yc-steps-item-tail::after{background-color:rgb(var(--danger-6))}
package/lib/Switch/index.css CHANGED
@@ -1 +1 @@
1
- .yc-switch{cursor:pointer;position:relative;padding:0;background-color:var(--switch-background);outline:none;border:none;border-radius:20px;vertical-align:middle;transition:background-color .2s cubic-bezier(.34, .69, .1, 1)}.yc-switch::after{background-color:var(--switch-background)}.yc-switch .yc-switch-handle{z-index:1;position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;transition:all .2s cubic-bezier(.34, .69, .1, 1);display:flex;align-items:center;justify-content:center}.yc-switch .yc-switch-handle .yc-switch-handle-icon{font-size:inherit;display:flex;align-items:center;justify-content:center}.yc-switch .yc-switch-handle .yc-switch-handle-icon .yc-spin{font-size:inherit;color:inherit}.yc-switch .yc-switch-text{position:absolute;font-size:12px}.yc-switch .yc-switch-placeholder{visibility:hidden;font-size:12px;margin:0 8px 0 26px}.yc-switch-unchecked .yc-switch-handle{background-color:var(--color-bg-white);color:var(--color-neutral-3)}.yc-switch-unchecked .yc-switch-text{left:26px;color:var(--color-white)}.yc-switch-checked .yc-switch-handle{background-color:var(--color-bg-white);color:rgb(var(--primary-6))}.yc-switch-checked .yc-switch-text{left:8px;color:var(--color-white)}.yc-switch-checked .yc-switch-placeholder{margin:0 26px 0 8px}.yc-switch-loading.yc-switch-unchecked:not(.yc-switch-shape-line),.yc-switch-disabled.yc-switch-unchecked:not(.yc-switch-shape-line),.yc-switch-loading.yc-switch-unchecked.yc-switch-shape-line::after,.yc-switch-disabled.yc-switch-unchecked.yc-switch-shape-line::after{background-color:var(--color-fill-2)}.yc-switch-loading.yc-switch-unchecked .yc-switch-handle,.yc-switch-disabled.yc-switch-unchecked .yc-switch-handle{color:var(--color-neutral-3)}.yc-switch-loading.yc-switch-unchecked .yc-switch-text,.yc-switch-disabled.yc-switch-unchecked .yc-switch-text{color:var(--color-white)}.yc-switch-loading.yc-switch-checked:not(.yc-switch-shape-line),.yc-switch-disabled.yc-switch-checked:not(.yc-switch-shape-line),.yc-switch-loading.yc-switch-checked.yc-switch-shape-line::after,.yc-switch-disabled.yc-switch-checked.yc-switch-shape-line::after{background-color:var(--color-primary-light-3)}.yc-switch-loading.yc-switch-checked .yc-switch-handle,.yc-switch-disabled.yc-switch-checked .yc-switch-handle{color:var(--color-primary-light-3)}.yc-switch-loading.yc-switch-checked .yc-switch-text,.yc-switch-disabled.yc-switch-checked .yc-switch-text{color:var(--color-primary-light-1)}body[yc-design-theme='dark'] .yc-switch-loading.yc-switch-checked .yc-switch-text,body[yc-design-theme='dark'] .yc-switch-disabled.yc-switch-checked .yc-switch-text{color:var(--color-white)}.yc-switch-disabled{cursor:not-allowed}.yc-switch-size-small{min-width:28px;height:16px;line-height:16px}.yc-switch-size-small .yc-switch-handle{left:2px;width:12px;height:12px;font-size:8px}.yc-switch-size-small.yc-switch-checked .yc-switch-handle{left:calc(100% - 14px)}.yc-switch-size-small.yc-switch-shape-line{min-width:28px;height:16px;line-height:16px}.yc-switch-size-small.yc-switch-shape-line .yc-switch-handle{width:16px;height:16px}.yc-switch-size-small.yc-switch-shape-line.yc-switch-checked .yc-switch-handle{left:calc(100% - 16px)}.yc-switch-size-medium{min-width:40px;height:24px;line-height:24px}.yc-switch-size-medium .yc-switch-handle{left:4px;width:16px;height:16px;font-size:12px}.yc-switch-size-medium.yc-switch-checked .yc-switch-handle{left:calc(100% - 20px)}.yc-switch-size-medium.yc-switch-shape-line{min-width:36px;overflow:unset}.yc-switch-size-medium.yc-switch-shape-line .yc-switch-handle{left:0;width:20px;height:20px}.yc-switch-size-medium.yc-switch-shape-line.yc-switch-checked .yc-switch-handle{left:calc(100% - 20px)}.yc-switch-shape-line{background:transparent}.yc-switch-shape-line::after{content:'';position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6px;border-radius:3px}.yc-switch-shape-line .yc-switch-handle{box-shadow:0 1px 3px var(--color-neutral-6)}.yc-switch-shape-round{border-radius:2px}.yc-switch-shape-round .yc-switch-handle{border-radius:2px}
1
+ .yc-switch{cursor:pointer;position:relative;padding:0;background-color:var(--switch-background);outline:none;border:none;border-radius:20px;vertical-align:middle;transition:background-color .2s cubic-bezier(.34, .69, .1, 1)}.yc-switch::after{background-color:var(--switch-background)}.yc-switch .yc-switch-handle{z-index:1;position:absolute;top:50%;transform:translateY(-50%);border-radius:var(--border-radius-circle);transition:all .2s cubic-bezier(.34, .69, .1, 1);display:flex;align-items:center;justify-content:center}.yc-switch .yc-switch-handle .yc-switch-handle-icon{font-size:inherit;display:flex;align-items:center;justify-content:center}.yc-switch .yc-switch-handle .yc-switch-handle-icon .yc-spin{font-size:inherit;color:inherit}.yc-switch .yc-switch-text{position:absolute;font-size:12px}.yc-switch .yc-switch-placeholder{visibility:hidden;font-size:12px;margin:0 8px 0 26px}.yc-switch-unchecked .yc-switch-handle{background-color:var(--color-bg-white);color:var(--color-neutral-3)}.yc-switch-unchecked .yc-switch-text{left:26px;color:var(--color-white)}.yc-switch-checked .yc-switch-handle{background-color:var(--color-bg-white);color:rgb(var(--primary-6))}.yc-switch-checked .yc-switch-text{left:8px;color:var(--color-white)}.yc-switch-checked .yc-switch-placeholder{margin:0 26px 0 8px}.yc-switch-loading.yc-switch-unchecked:not(.yc-switch-shape-line),.yc-switch-disabled.yc-switch-unchecked:not(.yc-switch-shape-line),.yc-switch-loading.yc-switch-unchecked.yc-switch-shape-line::after,.yc-switch-disabled.yc-switch-unchecked.yc-switch-shape-line::after{background-color:var(--color-fill-2)}.yc-switch-loading.yc-switch-unchecked .yc-switch-handle,.yc-switch-disabled.yc-switch-unchecked .yc-switch-handle{color:var(--color-neutral-3)}.yc-switch-loading.yc-switch-unchecked .yc-switch-text,.yc-switch-disabled.yc-switch-unchecked .yc-switch-text{color:var(--color-white)}.yc-switch-loading.yc-switch-checked:not(.yc-switch-shape-line),.yc-switch-disabled.yc-switch-checked:not(.yc-switch-shape-line),.yc-switch-loading.yc-switch-checked.yc-switch-shape-line::after,.yc-switch-disabled.yc-switch-checked.yc-switch-shape-line::after{background-color:var(--color-primary-light-3)}.yc-switch-loading.yc-switch-checked .yc-switch-handle,.yc-switch-disabled.yc-switch-checked .yc-switch-handle{color:var(--color-primary-light-3)}.yc-switch-loading.yc-switch-checked .yc-switch-text,.yc-switch-disabled.yc-switch-checked .yc-switch-text{color:var(--color-primary-light-1)}body[yc-design-theme='dark'] .yc-switch-loading.yc-switch-checked .yc-switch-text,body[yc-design-theme='dark'] .yc-switch-disabled.yc-switch-checked .yc-switch-text{color:var(--color-white)}.yc-switch-disabled{cursor:not-allowed}.yc-switch-size-small{min-width:28px;height:16px;line-height:16px}.yc-switch-size-small .yc-switch-handle{left:2px;width:12px;height:12px;font-size:8px}.yc-switch-size-small.yc-switch-checked .yc-switch-handle{left:calc(100% - 14px)}.yc-switch-size-small.yc-switch-shape-line{min-width:28px;height:16px;line-height:16px}.yc-switch-size-small.yc-switch-shape-line .yc-switch-handle{width:16px;height:16px}.yc-switch-size-small.yc-switch-shape-line.yc-switch-checked .yc-switch-handle{left:calc(100% - 16px)}.yc-switch-size-medium{min-width:40px;height:24px;line-height:24px}.yc-switch-size-medium .yc-switch-handle{left:4px;width:16px;height:16px;font-size:12px}.yc-switch-size-medium.yc-switch-checked .yc-switch-handle{left:calc(100% - 20px)}.yc-switch-size-medium.yc-switch-shape-line{min-width:36px;overflow:unset}.yc-switch-size-medium.yc-switch-shape-line .yc-switch-handle{left:0;width:20px;height:20px}.yc-switch-size-medium.yc-switch-shape-line.yc-switch-checked .yc-switch-handle{left:calc(100% - 20px)}.yc-switch-shape-line{background:transparent}.yc-switch-shape-line::after{content:'';position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6px;border-radius:3px}.yc-switch-shape-line .yc-switch-handle{box-shadow:0 1px 3px var(--color-neutral-6)}.yc-switch-shape-round{border-radius:var(--border-radius-small)}.yc-switch-shape-round .yc-switch-handle{border-radius:var(--border-radius-small)}
package/lib/Tabs/index.css CHANGED
@@ -1 +1 @@
1
- .yc-tabs{position:relative;overflow:hidden;width:100%;display:flex}.yc-tabs .yc-tabs-nav{position:relative;overflow:hidden;display:flex;align-items:center}.yc-tabs .yc-tabs-nav .yc-tabs-nav-tab.yc-tabs-nav-tab-scroll{flex:1;overflow:hidden}.yc-tabs .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{position:relative;transition:transform .2s cubic-bezier(.34, .69, .1, 1);display:flex;align-items:center}.yc-tabs .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list::-webkit-scrollbar{display:none}.yc-tabs .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{position:absolute;background-color:rgb(var(--primary-6));border-radius:2px}.yc-tabs .yc-tabs-nav .yc-tabs-nav-extra{height:100%;display:flex;align-items:center}.yc-tabs .yc-tabs-content{overflow:hidden}.yc-tabs .yc-tabs-content .yc-tabs-content-list{display:flex}.yc-tabs .yc-tabs-content .yc-tabs-content-list .yc-tabs-content-item{flex-shrink:0}.yc-tabs-justify{height:100%}.yc-tabs-animation .yc-tabs-content-list{transition:all .2s cubic-bezier(.34, .69, .1, 1)}.yc-tabs-horizontal{flex-direction:column}.yc-tabs-horizontal .yc-tabs-nav{width:100%}.yc-tabs-horizontal .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{bottom:0;height:2px;transition:left .2s cubic-bezier(.34, .69, .1, 1),width .2s cubic-bezier(.34, .69, .1, 1)}.yc-tabs-horizontal .yc-tabs-content{width:100%;padding-top:16px}.yc-tabs-horizontal .yc-tabs-content .yc-tabs-content-list{width:100%}.yc-tabs-horizontal .yc-tabs-content .yc-tabs-content-list .yc-tabs-content-item{width:100%}.yc-tabs-vertical:not(.yc-tabs-type-card):not(.yc-tabs-type-card-gutter) .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{gap:12px}.yc-tabs-vertical .yc-tabs-nav{height:100%;flex-direction:column}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab{height:100%}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{flex-direction:column}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-tab{width:100%}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-tab .yc-tabs-tab-title{width:100%}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{right:0;width:2px;transition:top .2s cubic-bezier(.34, .69, .1, 1),height .2s cubic-bezier(.34, .69, .1, 1)}.yc-tabs-vertical .yc-tabs-content{flex:1;height:100%;padding-left:16px}.yc-tabs-vertical .yc-tabs-content .yc-tabs-content-list{height:100%;flex-direction:column}.yc-tabs-vertical .yc-tabs-content .yc-tabs-content-list .yc-tabs-content-item{height:100%}.yc-tabs-right{flex-direction:row-reverse}.yc-tabs-right .yc-tabs-nav::before{left:0;right:unset}.yc-tabs-right .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{left:0;right:unset}.yc-tabs-right .yc-tabs-content{padding-left:0;padding-right:16px}.yc-tabs-bottom{flex-direction:column-reverse}.yc-tabs-bottom .yc-tabs-nav::before{top:0}.yc-tabs-bottom .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{top:0;bottom:unset}.yc-tabs-bottom .yc-tabs-content{padding-right:0;padding-bottom:16px}.yc-tabs-type-card.yc-tabs-horizontal .yc-tabs-nav::before,.yc-tabs-type-card-gutter.yc-tabs-horizontal .yc-tabs-nav::before,.yc-tabs-type-line.yc-tabs-horizontal .yc-tabs-nav::before{content:'';position:absolute;right:0;bottom:0;left:0;display:block;height:1px;background-color:var(--color-neutral-3)}.yc-tabs-type-card.yc-tabs-vertical .yc-tabs-nav::before,.yc-tabs-type-card-gutter.yc-tabs-vertical .yc-tabs-nav::before,.yc-tabs-type-line.yc-tabs-vertical .yc-tabs-nav::before{content:'';position:absolute;top:0;bottom:0;right:0;width:1px;background-color:var(--color-neutral-3)}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-horizontal .yc-tabs-content,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-horizontal .yc-tabs-content,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-horizontal .yc-tabs-content{border:1px solid var(--color-neutral-3);border-top:none}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-horizontal.yc-tabs-bottom .yc-tabs-content,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-horizontal.yc-tabs-bottom .yc-tabs-content,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-horizontal.yc-tabs-bottom .yc-tabs-content{border-top:1px solid var(--color-neutral-3);border-bottom:none}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-vertical.yc-tabs-right,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-vertical.yc-tabs-right,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-vertical.yc-tabs-right{border-right:none}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content{border:1px solid var(--color-neutral-3);border-left:none}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content.yc-tabs-right,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content.yc-tabs-right,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content.yc-tabs-right{border-right:none}.yc-tabs-type-card-gutter .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{gap:4px}.yc-tabs-type-capsule .yc-tabs-nav{justify-content:flex-end}.yc-tabs-type-capsule .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{flex:unset;padding:3px;background-color:var(--color-fill-2);border-radius:2px;line-height:1;gap:3px}.yc-tabs-tab{flex-shrink:0;position:relative;cursor:pointer;outline:none;background-color:transparent;color:var(--color-text-2);line-height:1.5715;display:flex;align-items:center;gap:8px}.yc-tabs-tab .yc-tabs-tab-title{position:relative;padding:1px 0}.yc-tabs-tab.yc-tabs-tab-active{color:rgb(var(--primary-6));font-weight:500}.yc-tabs-tab-type-line,.yc-tabs-tab-type-text{margin:0 16px;transition:color .2s cubic-bezier(0, 0, 1, 1)}.yc-tabs-tab-type-line .yc-tabs-tab-title::after,.yc-tabs-tab-type-text .yc-tabs-tab-title::after{content:'';z-index:-1;position:absolute;top:0;right:-8px;bottom:0;left:-8px;background-color:transparent;border-radius:2px;opacity:1;transition:background-color .2s cubic-bezier(0, 0, 1, 1),opacity .2s cubic-bezier(0, 0, 1, 1)}.yc-tabs-tab-type-line:not(.yc-tabs-tab-active):not(.yc-tabs-tab-disabled):hover .yc-tabs-tab-title::after,.yc-tabs-tab-type-text:not(.yc-tabs-tab-active):not(.yc-tabs-tab-disabled):hover .yc-tabs-tab-title::after{background-color:var(--color-fill-2)}.yc-tabs-tab-type-line.yc-tabs-tab-type-text,.yc-tabs-tab-type-text.yc-tabs-tab-type-text{margin:0 9px;padding:5px 0}.yc-tabs-tab-type-line.yc-tabs-tab-type-text:not(:first-child)::before,.yc-tabs-tab-type-text.yc-tabs-tab-type-text:not(:first-child)::before{content:'';position:absolute;top:50%;left:-9px;width:2px;height:12px;background-color:var(--color-fill-3);transform:translateY(-50%)}.yc-tabs-tab-type-line.yc-tabs-tab-type-text .yc-tabs-tab-title,.yc-tabs-tab-type-text.yc-tabs-tab-type-text .yc-tabs-tab-title{position:relative;padding-left:9px;padding-right:9px}.yc-tabs-tab-type-line.yc-tabs-tab-type-text .yc-tabs-tab-title::after,.yc-tabs-tab-type-text.yc-tabs-tab-type-text .yc-tabs-tab-title::after{left:0;top:0;right:0;bottom:0}.yc-tabs-tab-type-line.yc-tabs-tab-type-line.yc-tabs-tab-vertical,.yc-tabs-tab-type-text.yc-tabs-tab-type-line.yc-tabs-tab-vertical{margin:0;padding:0 20px}.yc-tabs-tab-type-line.yc-tabs-tab-no-padding,.yc-tabs-tab-type-text.yc-tabs-tab-no-padding{margin-left:0}.yc-tabs-tab-type-line.yc-tabs-tab-no-padding.yc-tabs-tab-type-text,.yc-tabs-tab-type-text.yc-tabs-tab-no-padding.yc-tabs-tab-type-text{margin-left:0}.yc-tabs-tab-type-card,.yc-tabs-tab-type-card-gutter{padding:0 16px;border:1px solid var(--color-neutral-3);transition:padding .2s cubic-bezier(0, 0, 1, 1),color .2s cubic-bezier(0, 0, 1, 1)}.yc-tabs-tab-type-card.yc-tabs-tab:not(.yc-tabs-tab-disabled):not(.yc-tabs-tab-active):hover,.yc-tabs-tab-type-card-gutter.yc-tabs-tab:not(.yc-tabs-tab-disabled):not(.yc-tabs-tab-active):hover{background-color:var(--color-fill-3)}.yc-tabs-tab-type-card.yc-tabs-tab-type-card-gutter,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-type-card-gutter{background-color:var(--color-fill-1);border-radius:2px 2px 0 0}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:not(:first-child),.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:not(:first-child){border-left:none}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:first-child,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:first-child{border-top-left-radius:2px}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:last-child,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:last-child{border-top-right-radius:2px}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-active,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-active{background-color:transparent;border-bottom-color:var(--color-bg-2)}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-active.yc-tabs-tab-bottom,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-active.yc-tabs-tab-bottom{border-top-color:var(--color-bg-2);border-bottom-color:var(--color-neutral-3)}.yc-tabs-tab-type-card.yc-tabs-tab-vertical,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical{border-bottom:none}.yc-tabs-tab-type-card.yc-tabs-tab-vertical:not(:last-child),.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical:not(:last-child){border-bottom:1px solid var(--color-neutral-3)}.yc-tabs-tab-type-card.yc-tabs-tab-vertical.yc-tabs-tab-type-card:not(:first-child),.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical.yc-tabs-tab-type-card:not(:first-child){border-top:none}.yc-tabs-tab-type-card.yc-tabs-tab-vertical.yc-tabs-tab-active,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical.yc-tabs-tab-active{background-color:transparent;border-right-color:var(--color-bg-2)}.yc-tabs-tab-type-card.yc-tabs-tab-vertical.yc-tabs-tab-active.yc-tabs-tab-right,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical.yc-tabs-tab-active.yc-tabs-tab-right{border-right-color:var(--color-neutral-3);border-left-color:var(--color-bg-2)}.yc-tabs-tab-type-rounded{margin:0 6px;padding:0 16px;border-radius:32px}.yc-tabs-tab-type-rounded:not(.yc-tabs-tab-disabled):hover{background-color:var(--color-fill-2)}.yc-tabs-tab-type-rounded.yc-tabs-tab-active{background-color:var(--color-fill-2)}.yc-tabs-tab-type-capsule{padding:0 10px}.yc-tabs-tab-type-capsule:not(.yc-tabs-tab-disabled):hover{background-color:var(--color-bg-2)}.yc-tabs-tab-type-capsule.yc-tabs-tab-active{background-color:var(--color-bg-2)}.yc-tabs-tab-size-mini.yc-tabs-tab-type-line{font-size:12px;padding-top:6px;padding-bottom:6px}.yc-tabs-tab-size-mini.yc-tabs-tab-type-card{font-size:12px;padding-top:1px;padding-bottom:1px}.yc-tabs-tab-size-mini.yc-tabs-tab-type-card-gutter{font-size:12px;padding-top:1px;padding-bottom:1px}.yc-tabs-tab-size-mini.yc-tabs-tab-type-capsule{font-size:12px;line-height:18px}.yc-tabs-tab-size-mini.yc-tabs-tab-type-rounded{font-size:12px;padding-top:3px;padding-bottom:3px}.yc-tabs-tab-size-small.yc-tabs-tab-type-line{font-size:14px;padding-top:6px;padding-bottom:6px}.yc-tabs-tab-size-small.yc-tabs-tab-type-card{font-size:14px;padding-top:1px;padding-bottom:1px}.yc-tabs-tab-size-small.yc-tabs-tab-type-card-gutter{font-size:14px;padding-top:1px;padding-bottom:1px}.yc-tabs-tab-size-small.yc-tabs-tab-type-capsule{font-size:14px;line-height:22px}.yc-tabs-tab-size-small.yc-tabs-tab-type-rounded{font-size:14px;padding-top:3px;padding-bottom:3px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-line{font-size:14px;padding-top:8px;padding-bottom:8px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-card{font-size:14px;padding-top:4px;padding-bottom:4px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-card-gutter{font-size:14px;padding-top:4px;padding-bottom:4px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-capsule{font-size:14px;line-height:26px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-rounded{font-size:14px;padding-top:5px;padding-bottom:5px}.yc-tabs-tab-size-large.yc-tabs-tab-type-line{font-size:14px;padding-top:10px;padding-bottom:10px}.yc-tabs-tab-size-large.yc-tabs-tab-type-card{font-size:14px;padding-top:5px;padding-bottom:5px}.yc-tabs-tab-size-large.yc-tabs-tab-type-card-gutter{font-size:14px;padding-top:5px;padding-bottom:5px}.yc-tabs-tab-size-large.yc-tabs-tab-type-capsule{font-size:14px;line-height:30px}.yc-tabs-tab-size-large.yc-tabs-tab-type-rounded{font-size:14px;padding-top:7px;padding-bottom:7px}.yc-tabs-tab-disabled{cursor:not-allowed;background-color:transparent;color:var(--color-text-4)}.yc-tabs-tab-disabled.yc-tabs-tab-active{color:var(--color-primary-light-3)}.yc-icon-button{color:inherit}.yc-icon-button.yc-tabs-nav-button-left{margin:0 6px 0 10px}.yc-icon-button.yc-tabs-nav-button-right{margin:0 10px 0 6px}.yc-icon-button.yc-tabs-nav-button-up{margin-bottom:10px}.yc-icon-button.yc-tabs-nav-button-down{margin-top:10px}.yc-icon-button.yc-tabs-tab-close-button{user-select:none;color:inherit}.yc-icon-button.yc-tabs-nav-add-button{padding:0 8px}
1
+ .yc-tabs{position:relative;overflow:hidden;width:100%;display:flex}.yc-tabs .yc-tabs-nav{position:relative;overflow:hidden;display:flex;align-items:center}.yc-tabs .yc-tabs-nav .yc-tabs-nav-tab.yc-tabs-nav-tab-scroll{flex:1;overflow:hidden}.yc-tabs .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{position:relative;transition:transform .2s cubic-bezier(.34, .69, .1, 1);display:flex;align-items:center}.yc-tabs .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list::-webkit-scrollbar{display:none}.yc-tabs .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{position:absolute;background-color:rgb(var(--primary-6));border-radius:var(--border-radius-small)}.yc-tabs .yc-tabs-nav .yc-tabs-nav-extra{height:100%;display:flex;align-items:center}.yc-tabs .yc-tabs-content{overflow:hidden}.yc-tabs .yc-tabs-content .yc-tabs-content-list{display:flex}.yc-tabs .yc-tabs-content .yc-tabs-content-list .yc-tabs-content-item{flex-shrink:0}.yc-tabs-justify{height:100%}.yc-tabs-animation .yc-tabs-content-list{transition:all .2s cubic-bezier(.34, .69, .1, 1)}.yc-tabs-horizontal{flex-direction:column}.yc-tabs-horizontal .yc-tabs-nav{width:100%}.yc-tabs-horizontal .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{bottom:0;height:2px;transition:left .2s cubic-bezier(.34, .69, .1, 1),width .2s cubic-bezier(.34, .69, .1, 1)}.yc-tabs-horizontal .yc-tabs-content{width:100%;padding-top:16px}.yc-tabs-horizontal .yc-tabs-content .yc-tabs-content-list{width:100%}.yc-tabs-horizontal .yc-tabs-content .yc-tabs-content-list .yc-tabs-content-item{width:100%}.yc-tabs-vertical:not(.yc-tabs-type-card):not(.yc-tabs-type-card-gutter) .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{gap:12px}.yc-tabs-vertical .yc-tabs-nav{height:100%;flex-direction:column}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab{height:100%}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{flex-direction:column}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-tab{width:100%}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-tab .yc-tabs-tab-title{width:100%}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{right:0;width:2px;transition:top .2s cubic-bezier(.34, .69, .1, 1),height .2s cubic-bezier(.34, .69, .1, 1)}.yc-tabs-vertical .yc-tabs-content{flex:1;height:100%;padding-left:16px}.yc-tabs-vertical .yc-tabs-content .yc-tabs-content-list{height:100%;flex-direction:column}.yc-tabs-vertical .yc-tabs-content .yc-tabs-content-list .yc-tabs-content-item{height:100%}.yc-tabs-right{flex-direction:row-reverse}.yc-tabs-right .yc-tabs-nav::before{left:0;right:unset}.yc-tabs-right .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{left:0;right:unset}.yc-tabs-right .yc-tabs-content{padding-left:0;padding-right:16px}.yc-tabs-bottom{flex-direction:column-reverse}.yc-tabs-bottom .yc-tabs-nav::before{top:0}.yc-tabs-bottom .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{top:0;bottom:unset}.yc-tabs-bottom .yc-tabs-content{padding-right:0;padding-bottom:16px}.yc-tabs-type-card.yc-tabs-horizontal .yc-tabs-nav::before,.yc-tabs-type-card-gutter.yc-tabs-horizontal .yc-tabs-nav::before,.yc-tabs-type-line.yc-tabs-horizontal .yc-tabs-nav::before{content:'';position:absolute;right:0;bottom:0;left:0;display:block;height:1px;background-color:var(--color-neutral-3)}.yc-tabs-type-card.yc-tabs-vertical .yc-tabs-nav::before,.yc-tabs-type-card-gutter.yc-tabs-vertical .yc-tabs-nav::before,.yc-tabs-type-line.yc-tabs-vertical .yc-tabs-nav::before{content:'';position:absolute;top:0;bottom:0;right:0;width:1px;background-color:var(--color-neutral-3)}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-horizontal .yc-tabs-content,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-horizontal .yc-tabs-content,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-horizontal .yc-tabs-content{border:1px solid var(--color-neutral-3);border-top:none}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-horizontal.yc-tabs-bottom .yc-tabs-content,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-horizontal.yc-tabs-bottom .yc-tabs-content,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-horizontal.yc-tabs-bottom .yc-tabs-content{border-top:1px solid var(--color-neutral-3);border-bottom:none}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-vertical.yc-tabs-right,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-vertical.yc-tabs-right,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-vertical.yc-tabs-right{border-right:none}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content{border:1px solid var(--color-neutral-3);border-left:none}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content.yc-tabs-right,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content.yc-tabs-right,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content.yc-tabs-right{border-right:none}.yc-tabs-type-card-gutter .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{gap:4px}.yc-tabs-type-capsule .yc-tabs-nav{justify-content:flex-end}.yc-tabs-type-capsule .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{flex:unset;padding:3px;background-color:var(--color-fill-2);border-radius:var(--border-radius-small);line-height:1;gap:3px}.yc-tabs-tab{flex-shrink:0;position:relative;cursor:pointer;outline:none;background-color:transparent;color:var(--color-text-2);line-height:1.5715;display:flex;align-items:center;gap:8px}.yc-tabs-tab .yc-tabs-tab-title{position:relative;padding:1px 0}.yc-tabs-tab.yc-tabs-tab-active{color:rgb(var(--primary-6));font-weight:500}.yc-tabs-tab-type-line,.yc-tabs-tab-type-text{margin:0 16px;transition:color .2s cubic-bezier(0, 0, 1, 1)}.yc-tabs-tab-type-line .yc-tabs-tab-title::after,.yc-tabs-tab-type-text .yc-tabs-tab-title::after{content:'';z-index:-1;position:absolute;top:0;right:-8px;bottom:0;left:-8px;background-color:transparent;border-radius:var(--border-radius-small);opacity:1;transition:background-color .2s cubic-bezier(0, 0, 1, 1),opacity .2s cubic-bezier(0, 0, 1, 1)}.yc-tabs-tab-type-line:not(.yc-tabs-tab-active):not(.yc-tabs-tab-disabled):hover .yc-tabs-tab-title::after,.yc-tabs-tab-type-text:not(.yc-tabs-tab-active):not(.yc-tabs-tab-disabled):hover .yc-tabs-tab-title::after{background-color:var(--color-fill-2)}.yc-tabs-tab-type-line.yc-tabs-tab-type-text,.yc-tabs-tab-type-text.yc-tabs-tab-type-text{margin:0 9px;padding:5px 0}.yc-tabs-tab-type-line.yc-tabs-tab-type-text:not(:first-child)::before,.yc-tabs-tab-type-text.yc-tabs-tab-type-text:not(:first-child)::before{content:'';position:absolute;top:50%;left:-9px;width:2px;height:12px;background-color:var(--color-fill-3);transform:translateY(-50%)}.yc-tabs-tab-type-line.yc-tabs-tab-type-text .yc-tabs-tab-title,.yc-tabs-tab-type-text.yc-tabs-tab-type-text .yc-tabs-tab-title{position:relative;padding-left:9px;padding-right:9px}.yc-tabs-tab-type-line.yc-tabs-tab-type-text .yc-tabs-tab-title::after,.yc-tabs-tab-type-text.yc-tabs-tab-type-text .yc-tabs-tab-title::after{left:0;top:0;right:0;bottom:0}.yc-tabs-tab-type-line.yc-tabs-tab-type-line.yc-tabs-tab-vertical,.yc-tabs-tab-type-text.yc-tabs-tab-type-line.yc-tabs-tab-vertical{margin:0;padding:0 20px}.yc-tabs-tab-type-line.yc-tabs-tab-no-padding,.yc-tabs-tab-type-text.yc-tabs-tab-no-padding{margin-left:0}.yc-tabs-tab-type-line.yc-tabs-tab-no-padding.yc-tabs-tab-type-text,.yc-tabs-tab-type-text.yc-tabs-tab-no-padding.yc-tabs-tab-type-text{margin-left:0}.yc-tabs-tab-type-card,.yc-tabs-tab-type-card-gutter{padding:0 16px;border:1px solid var(--color-neutral-3);transition:padding .2s cubic-bezier(0, 0, 1, 1),color .2s cubic-bezier(0, 0, 1, 1)}.yc-tabs-tab-type-card.yc-tabs-tab:not(.yc-tabs-tab-disabled):not(.yc-tabs-tab-active):hover,.yc-tabs-tab-type-card-gutter.yc-tabs-tab:not(.yc-tabs-tab-disabled):not(.yc-tabs-tab-active):hover{background-color:var(--color-fill-3)}.yc-tabs-tab-type-card.yc-tabs-tab-type-card-gutter,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-type-card-gutter{background-color:var(--color-fill-1);border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:not(:first-child),.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:not(:first-child){border-left:none}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:first-child,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:first-child{border-top-left-radius:2px}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:last-child,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:last-child{border-top-right-radius:2px}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-active,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-active{background-color:transparent;border-bottom-color:var(--color-bg-2)}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-active.yc-tabs-tab-bottom,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-active.yc-tabs-tab-bottom{border-top-color:var(--color-bg-2);border-bottom-color:var(--color-neutral-3)}.yc-tabs-tab-type-card.yc-tabs-tab-vertical,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical{border-bottom:none}.yc-tabs-tab-type-card.yc-tabs-tab-vertical:not(:last-child),.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical:not(:last-child){border-bottom:1px solid var(--color-neutral-3)}.yc-tabs-tab-type-card.yc-tabs-tab-vertical.yc-tabs-tab-type-card:not(:first-child),.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical.yc-tabs-tab-type-card:not(:first-child){border-top:none}.yc-tabs-tab-type-card.yc-tabs-tab-vertical.yc-tabs-tab-active,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical.yc-tabs-tab-active{background-color:transparent;border-right-color:var(--color-bg-2)}.yc-tabs-tab-type-card.yc-tabs-tab-vertical.yc-tabs-tab-active.yc-tabs-tab-right,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical.yc-tabs-tab-active.yc-tabs-tab-right{border-right-color:var(--color-neutral-3);border-left-color:var(--color-bg-2)}.yc-tabs-tab-type-rounded{margin:0 6px;padding:0 16px;border-radius:32px}.yc-tabs-tab-type-rounded:not(.yc-tabs-tab-disabled):hover{background-color:var(--color-fill-2)}.yc-tabs-tab-type-rounded.yc-tabs-tab-active{background-color:var(--color-fill-2)}.yc-tabs-tab-type-capsule{padding:0 10px}.yc-tabs-tab-type-capsule:not(.yc-tabs-tab-disabled):hover{background-color:var(--color-bg-2)}.yc-tabs-tab-type-capsule.yc-tabs-tab-active{background-color:var(--color-bg-2)}.yc-tabs-tab-size-mini.yc-tabs-tab-type-line{font-size:12px;padding-top:6px;padding-bottom:6px}.yc-tabs-tab-size-mini.yc-tabs-tab-type-card{font-size:12px;padding-top:1px;padding-bottom:1px}.yc-tabs-tab-size-mini.yc-tabs-tab-type-card-gutter{font-size:12px;padding-top:1px;padding-bottom:1px}.yc-tabs-tab-size-mini.yc-tabs-tab-type-capsule{font-size:12px;line-height:18px}.yc-tabs-tab-size-mini.yc-tabs-tab-type-rounded{font-size:12px;padding-top:3px;padding-bottom:3px}.yc-tabs-tab-size-small.yc-tabs-tab-type-line{font-size:14px;padding-top:6px;padding-bottom:6px}.yc-tabs-tab-size-small.yc-tabs-tab-type-card{font-size:14px;padding-top:1px;padding-bottom:1px}.yc-tabs-tab-size-small.yc-tabs-tab-type-card-gutter{font-size:14px;padding-top:1px;padding-bottom:1px}.yc-tabs-tab-size-small.yc-tabs-tab-type-capsule{font-size:14px;line-height:22px}.yc-tabs-tab-size-small.yc-tabs-tab-type-rounded{font-size:14px;padding-top:3px;padding-bottom:3px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-line{font-size:14px;padding-top:8px;padding-bottom:8px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-card{font-size:14px;padding-top:4px;padding-bottom:4px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-card-gutter{font-size:14px;padding-top:4px;padding-bottom:4px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-capsule{font-size:14px;line-height:26px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-rounded{font-size:14px;padding-top:5px;padding-bottom:5px}.yc-tabs-tab-size-large.yc-tabs-tab-type-line{font-size:14px;padding-top:10px;padding-bottom:10px}.yc-tabs-tab-size-large.yc-tabs-tab-type-card{font-size:14px;padding-top:5px;padding-bottom:5px}.yc-tabs-tab-size-large.yc-tabs-tab-type-card-gutter{font-size:14px;padding-top:5px;padding-bottom:5px}.yc-tabs-tab-size-large.yc-tabs-tab-type-capsule{font-size:14px;line-height:30px}.yc-tabs-tab-size-large.yc-tabs-tab-type-rounded{font-size:14px;padding-top:7px;padding-bottom:7px}.yc-tabs-tab-disabled{cursor:not-allowed;background-color:transparent;color:var(--color-text-4)}.yc-tabs-tab-disabled.yc-tabs-tab-active{color:var(--color-primary-light-3)}.yc-icon-button{color:inherit}.yc-icon-button.yc-tabs-nav-button-left{margin:0 6px 0 10px}.yc-icon-button.yc-tabs-nav-button-right{margin:0 10px 0 6px}.yc-icon-button.yc-tabs-nav-button-up{margin-bottom:10px}.yc-icon-button.yc-tabs-nav-button-down{margin-top:10px}.yc-icon-button.yc-tabs-tab-close-button{user-select:none;color:inherit}.yc-icon-button.yc-tabs-nav-add-button{padding:0 8px}
package/lib/Tag/index.css CHANGED
@@ -1 +1 @@
1
- .yc-tag{padding:0 8px;vertical-align:middle;border:1px solid transparent;border-radius:2px;font-weight:500;display:inline-flex;align-items:center}.yc-tag .yc-tag-icon{flex-shrink:0;margin-right:4px}.yc-tag .yc-tag-loading-icon,.yc-tag .yc-tag-close-button{flex-shrink:0;margin-left:4px;font-size:12px;color:inherit}.yc-tag .yc-tag-label{width:fit-content}.yc-tag-wrap{height:fit-content;white-space:pre-wrap;word-break:break-word}.yc-tag-no-wrap{overflow:hidden}.yc-tag-no-wrap .yc-tag-label{flex:1;flex-shrink:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.yc-tag-loading{opacity:.8;cursor:default}.yc-tag-checked{cursor:pointer;user-select:none}.yc-tag-size-large{min-height:32px;font-size:14px;line-height:30px}.yc-tag-size-medium{min-height:24px;font-size:12px;line-height:22px}.yc-tag-size-small{min-height:20px;font-size:12px;line-height:18px}.yc-tag-preset-color{color:var(--color-text-1);background-color:var(--color-bg-1)}.yc-tag-preset-color:hover{background-color:var(--color-fill-2)}.yc-tag-preset-color.yc-tag-bordered{border-color:var(--color-border-2)}.yc-tag-custom-color{color:var(--color-white)}.yc-tag-color-default.yc-tag-checked{color:var(--color-text-1);background-color:var(--color-fill-2)}.yc-tag-color-default.yc-tag-checked .yc-tag-icon{color:var(--color-text-2)}.yc-tag-color-default.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:var(--color-fill-3)}.yc-tag-color-default.yc-tag-checked.yc-tag-bordered{border-color:var(--color-border-2)}.yc-tag-color-red.yc-tag-checked{color:rgb(var(--red-6));background-color:rgb(var(--red-1))}.yc-tag-color-red.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--red-2))}.yc-tag-color-red.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--red-6))}.yc-tag-color-orangered.yc-tag-checked{color:rgb(var(--orangered-6));background-color:rgb(var(--orangered-1))}.yc-tag-color-orangered.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--orangered-2))}.yc-tag-color-orangered.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--orangered-6))}.yc-tag-color-orange.yc-tag-checked{color:rgb(var(--orange-6));background-color:rgb(var(--orange-1))}.yc-tag-color-orange.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--orange-2))}.yc-tag-color-orange.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--orange-6))}.yc-tag-color-gold.yc-tag-checked{color:rgb(var(--gold-6));background-color:rgb(var(--gold-1))}.yc-tag-color-gold.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--gold-3))}.yc-tag-color-gold.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--gold-6))}.yc-tag-color-lime.yc-tag-checked{color:rgb(var(--lime-6));background-color:rgb(var(--lime-1))}.yc-tag-color-lime.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--lime-2))}.yc-tag-color-lime.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--lime-6))}.yc-tag-color-green.yc-tag-checked{color:rgb(var(--green-6));background-color:rgb(var(--green-1))}.yc-tag-color-green.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--green-2))}.yc-tag-color-green.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--green-6))}.yc-tag-color-cyan.yc-tag-checked{color:rgb(var(--cyan-6));background-color:rgb(var(--cyan-1))}.yc-tag-color-cyan.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--cyan-2))}.yc-tag-color-cyan.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--cyan-6))}.yc-tag-color-blue.yc-tag-checked{color:rgb(var(--blue-6));background-color:rgb(var(--blue-1))}.yc-tag-color-blue.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--blue-2))}.yc-tag-color-blue.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--blue-6))}.yc-tag-color-arcoblue.yc-tag-checked{color:rgb(var(--primary-6));background-color:rgb(var(--primary-1))}.yc-tag-color-arcoblue.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--primary-2))}.yc-tag-color-arcoblue.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--primary-6))}.yc-tag-color-purple.yc-tag-checked{color:rgb(var(--purple-6));background-color:rgb(var(--purple-1))}.yc-tag-color-purple.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--purple-2))}.yc-tag-color-purple.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--purple-6))}.yc-tag-color-pinkpurple.yc-tag-checked{color:rgb(var(--pinkpurple-6));background-color:rgb(var(--pinkpurple-1))}.yc-tag-color-pinkpurple.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--pinkpurple-2))}.yc-tag-color-pinkpurple.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--pinkpurple-6))}.yc-tag-color-magenta.yc-tag-checked{color:rgb(var(--magenta-6));background-color:rgb(var(--magenta-1))}.yc-tag-color-magenta.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--magenta-2))}.yc-tag-color-magenta.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--magenta-6))}.yc-tag-color-gray.yc-tag-checked{color:rgb(var(--gray-6));background-color:rgb(var(--gray-2))}.yc-tag-color-gray.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--gray-3))}.yc-tag-color-gray.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--gray-6))}
1
+ .yc-tag{padding:0 8px;vertical-align:middle;border:1px solid transparent;border-radius:var(--border-radius-small);font-weight:500;display:inline-flex;align-items:center}.yc-tag .yc-tag-icon{flex-shrink:0;margin-right:4px}.yc-tag .yc-tag-loading-icon,.yc-tag .yc-tag-close-button{flex-shrink:0;margin-left:4px;font-size:12px;color:inherit}.yc-tag .yc-tag-label{width:fit-content}.yc-tag-wrap{height:fit-content;white-space:pre-wrap;word-break:break-word}.yc-tag-no-wrap{overflow:hidden}.yc-tag-no-wrap .yc-tag-label{flex:1;flex-shrink:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.yc-tag-loading{opacity:.8;cursor:default}.yc-tag-checked{cursor:pointer;user-select:none}.yc-tag-size-large{min-height:32px;font-size:14px;line-height:30px}.yc-tag-size-medium{min-height:24px;font-size:12px;line-height:22px}.yc-tag-size-small{min-height:20px;font-size:12px;line-height:18px}.yc-tag-preset-color{color:var(--color-text-1);background-color:var(--color-bg-1)}.yc-tag-preset-color:hover{background-color:var(--color-fill-2)}.yc-tag-preset-color.yc-tag-bordered{border-color:var(--color-border-2)}.yc-tag-custom-color{color:var(--color-white)}.yc-tag-color-default.yc-tag-checked{color:var(--color-text-1);background-color:var(--color-fill-2)}.yc-tag-color-default.yc-tag-checked .yc-tag-icon{color:var(--color-text-2)}.yc-tag-color-default.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:var(--color-fill-3)}.yc-tag-color-default.yc-tag-checked.yc-tag-bordered{border-color:var(--color-border-2)}.yc-tag-color-red.yc-tag-checked{color:rgb(var(--red-6));background-color:rgb(var(--red-1))}.yc-tag-color-red.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--red-2))}.yc-tag-color-red.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--red-6))}.yc-tag-color-orangered.yc-tag-checked{color:rgb(var(--orangered-6));background-color:rgb(var(--orangered-1))}.yc-tag-color-orangered.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--orangered-2))}.yc-tag-color-orangered.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--orangered-6))}.yc-tag-color-orange.yc-tag-checked{color:rgb(var(--orange-6));background-color:rgb(var(--orange-1))}.yc-tag-color-orange.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--orange-2))}.yc-tag-color-orange.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--orange-6))}.yc-tag-color-gold.yc-tag-checked{color:rgb(var(--gold-6));background-color:rgb(var(--gold-1))}.yc-tag-color-gold.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--gold-3))}.yc-tag-color-gold.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--gold-6))}.yc-tag-color-lime.yc-tag-checked{color:rgb(var(--lime-6));background-color:rgb(var(--lime-1))}.yc-tag-color-lime.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--lime-2))}.yc-tag-color-lime.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--lime-6))}.yc-tag-color-green.yc-tag-checked{color:rgb(var(--green-6));background-color:rgb(var(--green-1))}.yc-tag-color-green.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--green-2))}.yc-tag-color-green.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--green-6))}.yc-tag-color-cyan.yc-tag-checked{color:rgb(var(--cyan-6));background-color:rgb(var(--cyan-1))}.yc-tag-color-cyan.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--cyan-2))}.yc-tag-color-cyan.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--cyan-6))}.yc-tag-color-blue.yc-tag-checked{color:rgb(var(--blue-6));background-color:rgb(var(--blue-1))}.yc-tag-color-blue.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--blue-2))}.yc-tag-color-blue.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--blue-6))}.yc-tag-color-arcoblue.yc-tag-checked{color:rgb(var(--primary-6));background-color:rgb(var(--primary-1))}.yc-tag-color-arcoblue.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--primary-2))}.yc-tag-color-arcoblue.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--primary-6))}.yc-tag-color-purple.yc-tag-checked{color:rgb(var(--purple-6));background-color:rgb(var(--purple-1))}.yc-tag-color-purple.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--purple-2))}.yc-tag-color-purple.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--purple-6))}.yc-tag-color-pinkpurple.yc-tag-checked{color:rgb(var(--pinkpurple-6));background-color:rgb(var(--pinkpurple-1))}.yc-tag-color-pinkpurple.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--pinkpurple-2))}.yc-tag-color-pinkpurple.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--pinkpurple-6))}.yc-tag-color-magenta.yc-tag-checked{color:rgb(var(--magenta-6));background-color:rgb(var(--magenta-1))}.yc-tag-color-magenta.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--magenta-2))}.yc-tag-color-magenta.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--magenta-6))}.yc-tag-color-gray.yc-tag-checked{color:rgb(var(--gray-6));background-color:rgb(var(--gray-2))}.yc-tag-color-gray.yc-tag-checked.yc-tag-checkable:hover{border-color:transparent;background-color:rgb(var(--gray-3))}.yc-tag-color-gray.yc-tag-checked.yc-tag-bordered{border-color:rgb(var(--gray-6))}
package/lib/Textarea/index.css CHANGED
@@ -1 +1 @@
1
- .yc-textarea-wrapper{overflow:hidden;position:relative;cursor:text;width:100%;height:fit-content;background-color:var(--color-fill-2);border:1px solid transparent;border-radius:2px;color:var(--color-text-1);font-size:14px;font-weight:400;display:inline-flex;align-items:center;transition:color .1s cubic-bezier(0, 0, 1, 1),border-color .1s cubic-bezier(0, 0, 1, 1),background-color .1s cubic-bezier(0, 0, 1, 1)}.yc-textarea-wrapper:not(.yc-textarea-disabled):hover{background-color:var(--color-fill-3);border-color:transparent}.yc-textarea-wrapper:not(.yc-textarea-disabled):hover .yc-textarea-clear-button{visibility:visible}.yc-textarea-wrapper:not(.yc-textarea-disabled):focus-within{background-color:var(--color-bg-1);border-color:rgb(var(--primary-6));box-shadow:0 0 0 0 var(--color-primary-light-2)}.yc-textarea-wrapper .yc-textarea-word-limit{position:absolute;right:10px;bottom:6px;user-select:none;color:var(--color-text-3);font-size:12px}.yc-textarea-wrapper .yc-textarea-clear-button{visibility:hidden;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.yc-textarea-wrapper .yc-textarea,.yc-textarea-wrapper .yc-textarea-mirror{display:block;width:100%;padding:4px 12px;min-height:32px;color:inherit;outline:none;background-color:transparent;border-width:0;border-radius:0;font-weight:400;font-size:14px;line-height:1.5715;font-variant:normal;letter-spacing:normal;text-indent:0;text-rendering:auto;text-transform:none;white-space:pre-wrap;overflow-wrap:break-word}.yc-textarea-wrapper .yc-textarea{resize:vertical}.yc-textarea-wrapper .yc-textarea::placeholder{color:var(--color-text-3)}.yc-textarea-wrapper .yc-textarea-mirror{position:absolute;top:0;left:0;visibility:hidden}.yc-textarea-auto-size .yc-textarea{resize:none}.yc-textarea-error{background-color:var(--color-danger-light-1)}.yc-textarea-error:not(.yc-textarea-disabled):hover{background-color:var(--color-danger-light-2);border-color:transparent}.yc-textarea-error:not(.yc-textarea-disabled):focus-within{background-color:var(--color-bg-1);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.yc-textarea-disabled{cursor:not-allowed;background-color:var(--color-fill-2);border-color:transparent;color:var(--color-text-4);-webkit-text-fill-color:var(--color-text-4)}.yc-textarea-disabled .yc-textarea{cursor:not-allowed}
1
+ .yc-textarea-wrapper{overflow:hidden;position:relative;cursor:text;width:100%;height:fit-content;background-color:var(--color-fill-2);border:1px solid transparent;border-radius:var(--border-radius-small);color:var(--color-text-1);font-size:14px;font-weight:400;display:inline-flex;align-items:center;transition:color .1s cubic-bezier(0, 0, 1, 1),border-color .1s cubic-bezier(0, 0, 1, 1),background-color .1s cubic-bezier(0, 0, 1, 1)}.yc-textarea-wrapper:not(.yc-textarea-disabled):hover{background-color:var(--color-fill-3);border-color:transparent}.yc-textarea-wrapper:not(.yc-textarea-disabled):hover .yc-textarea-clear-button{visibility:visible}.yc-textarea-wrapper:not(.yc-textarea-disabled):focus-within{background-color:var(--color-bg-1);border-color:rgb(var(--primary-6));box-shadow:0 0 0 0 var(--color-primary-light-2)}.yc-textarea-wrapper .yc-textarea-word-limit{position:absolute;right:10px;bottom:6px;user-select:none;color:var(--color-text-3);font-size:12px}.yc-textarea-wrapper .yc-textarea-clear-button{visibility:hidden;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.yc-textarea-wrapper .yc-textarea,.yc-textarea-wrapper .yc-textarea-mirror{display:block;width:100%;padding:4px 12px;min-height:32px;color:inherit;outline:none;background-color:transparent;border-width:0;border-radius:var(--border-radius-none);font-weight:400;font-size:14px;line-height:1.5715;font-variant:normal;letter-spacing:normal;text-indent:0;text-rendering:auto;text-transform:none;white-space:pre-wrap;overflow-wrap:break-word}.yc-textarea-wrapper .yc-textarea{resize:vertical}.yc-textarea-wrapper .yc-textarea::placeholder{color:var(--color-text-3)}.yc-textarea-wrapper .yc-textarea-mirror{position:absolute;top:0;left:0;visibility:hidden}.yc-textarea-auto-size .yc-textarea{resize:none}.yc-textarea-error{background-color:var(--color-danger-light-1)}.yc-textarea-error:not(.yc-textarea-disabled):hover{background-color:var(--color-danger-light-2);border-color:transparent}.yc-textarea-error:not(.yc-textarea-disabled):focus-within{background-color:var(--color-bg-1);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.yc-textarea-disabled{cursor:not-allowed;background-color:var(--color-fill-2);border-color:transparent;color:var(--color-text-4);-webkit-text-fill-color:var(--color-text-4)}.yc-textarea-disabled .yc-textarea{cursor:not-allowed}
package/lib/TimePicker/TimePicker.vue.js CHANGED
@@ -1 +1 @@
1
- "use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const r=require("../_shared/utils/is.js"),i=require("../_shared/utils/time.js"),n=require("../_shared/utils/global-config.js");require("../_shared/utils/locale.js");const o=require("./hooks/useContext.js"),t=;/* empty css */,/* empty css */,/* empty css */;/* empty css */const l=require("../_shared/icons/IconTime.vue.js"),a=require("../Trigger/index.js"),u=require("./TimePickerPanel.vue.js");;/* empty css */const s={key:0,class:"yc-picker-prefix"},c=["value","placeholder","disabled","readonly"],d=["value","placeholder","disabled","readonly"],p={class:"yc-picker-suffix"},f={class:"yc-picker-suffix-icon"},m=e.defineComponent({name:"TimePicker",inheritAttrs:!1,__name:"TimePicker",props:{type:{default:"time"},modelValue:{default:void 0},defaultValue:{default:e=>"time-range"==e.type?[]:""},disabled:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!0},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},format:{default:"HH:mm:ss"},placeholder:{default:void 0},size:{default:void 0},popupContainer:{default:void 0},step:{},disabledHours:{type:Function,default:()=>[]},disabledMinutes:{type:Function,default:()=>[]},disabledSeconds:{type:Function,default:()=>[]},hideDisabledOptions:{type:Boolean,default:!1},disableConfirm:{type:Boolean},position:{default:"bl"},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},triggerProps:{default:()=>({})},unmountOnClose:{type:Boolean,default:!1}},emits:["update:modelValue","update:popupVisible","change","select","clear","popup-visible-change"],setup(m,{emit:y}){const v=m,k=y,{popupContainer:h,size:b}=n.getGlobalConfig(v),{type:g,computedValue:x,computedVisible:C,showClearBtn:V,readonly:B,disabled:q,curIndex:_,inputRefs:j,format:N,placeholder:E}=o().provide(v,k),w=e.ref(),P=()=>{x.value="time-range"==g.value?[]:"",k("clear")},$=e=>{var i;_.value=e,C.value=!0,null==(i=w.value)||i.scroll(r.isArray(x.value)?x.value[e]:x.value)},z=()=>{if(C.value=!1,!r.isArray(x.value))return;const e=x.value[0],n=x.value[1];e&&n?i.isValidTimeRange(e,n,N.value)||(x.value=x.value.reverse()):x.value=[]};return(i,n)=>(e.openBlock(),e.createBlock(e.unref(a),e.mergeProps({"popup-visible":e.unref(C),position:i.position,"popup-container":e.unref(h),"popup-offset":4,"unmount-on-close":i.unmountOnClose,disabled:e.unref(q)||e.unref(B),"on-click-out-side":z,"auto-fit-popup-min-width":!1,"auto-fit-popup-width":!1,trigger:"click","animation-name":"slide-dynamic-origin","prevent-focus":""},i.triggerProps),{content:e.withCtx(()=>[e.createVNode(u,{ref_key:"panelRef",ref:w},e.createSlots({_:2},[i.$slots.extra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"extra")]),key:"0"}:void 0]),1536)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-picker",`yc-picker-size-${e.unref(b)}`,i.$attrs.class,{"yc-picker-disabled":e.unref(q),"yc-picker-error":i.error,"yc-picker-focus":e.unref(C),"yc-picker-has-prefix":i.$slots.prefix,"yc-picker-allow-clear":e.unref(V),"yc-picker-range":"time-range"==e.unref(g)}]),style:e.normalizeStyle({...i.$attrs.style||{}})},[i.$slots.prefix?(e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(i.$slots,"prefix")])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["yc-picker-input",{"yc-picker-input-active":!e.unref(_)&&e.unref(C)}]),onClick:n[0]||(n[0]=e.withModifiers(e=>$(0),["stop"]))},[e.createElementVNode("input",{value:e.unref(r.isArray)(e.unref(x))?e.unref(x)[0]:e.unref(x),placeholder:e.unref(r.isArray)(e.unref(E))?e.unref(E)[0]:e.unref(E),disabled:e.unref(q),readonly:e.unref(B),ref:r=>e.unref(j)[0]=r,class:"yc-picker-start-time"},null,8,c)],2),"time-range"==e.unref(g)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[n[2]||(n[2]=e.createElementVNode("span",{class:"yc-picker-separator"}," - ",-1)),e.createElementVNode("div",{class:e.normalizeClass(["yc-picker-input",{"yc-picker-input-active":e.unref(_)&&e.unref(C)}]),onClick:n[1]||(n[1]=e.withModifiers(e=>$(1),["stop"]))},[e.createElementVNode("input",{value:e.unref(r.isArray)(e.unref(x))?e.unref(x)[1]:e.unref(x),placeholder:e.unref(r.isArray)(e.unref(E))?e.unref(E)[1]:e.unref(E),disabled:e.unref(q),readonly:e.unref(B),ref:r=>e.unref(j)[1]=r,class:"yc-picker-start-time"},null,8,d)],2)],64)):e.createCommentVNode("",!0),e.createElementVNode("div",p,[e.unref(V)?(e.openBlock(),e.createBlock(e.unref(t),{key:0,size:14,class:"yc-picker-clear-icon",onClick:P})):e.createCommentVNode("",!0),e.createElementVNode("span",f,[e.renderSlot(i.$slots,"suffix-icon",{},()=>[e.createVNode(e.unref(l))])])])],6)]),_:3},16,["popup-visible","position","popup-container","unmount-on-close","disabled"]))}});module.exports=m;
1
+ "use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const r=require("../_shared/utils/is.js"),i=require("../_shared/utils/time.js"),o=require("../_shared/utils/global-config.js");require("../_shared/utils/locale.js");const t=require("./hooks/useContext.js"),n=;/* empty css */,/* empty css */,/* empty css */;/* empty css */const l=require("../_shared/icons/IconTime.vue.js"),a=require("../Trigger/index.js"),s=require("./TimePickerPanel.vue.js");;/* empty css */const u={key:0,class:"yc-picker-prefix"},c=["value","placeholder","disabled","readonly"],d=["value","placeholder","disabled","readonly"],p={class:"yc-picker-suffix"},f={class:"yc-picker-suffix-icon"},m=e.defineComponent({name:"TimePicker",inheritAttrs:!1,__name:"TimePicker",props:{type:{default:"time"},modelValue:{default:void 0},defaultValue:{default:e=>"time-range"==e.type?[]:""},disabled:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!0},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},format:{default:"HH:mm:ss"},placeholder:{default:void 0},size:{default:void 0},popupContainer:{default:void 0},step:{},disabledHours:{type:Function,default:()=>[]},disabledMinutes:{type:Function,default:()=>[]},disabledSeconds:{type:Function,default:()=>[]},hideDisabledOptions:{type:Boolean,default:!1},disableConfirm:{type:Boolean},position:{default:"bl"},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},triggerProps:{default:()=>({})},unmountOnClose:{type:Boolean,default:!1}},emits:["update:modelValue","update:popupVisible","change","select","clear","popup-visible-change"],setup(m,{emit:y}){const v=m,k=y,{size:h}=o.getGlobalConfig(v),{type:b,computedValue:g,computedVisible:x,showClearBtn:C,readonly:V,disabled:B,curIndex:q,inputRefs:_,format:j,placeholder:N}=t().provide(v,k),E=e.ref(),w=()=>{g.value="time-range"==b.value?[]:"",k("clear")},P=e=>{var i;q.value=e,x.value=!0,null==(i=E.value)||i.scroll(r.isArray(g.value)?g.value[e]:g.value)},$=()=>{if(x.value=!1,!r.isArray(g.value))return;const e=g.value[0],o=g.value[1];e&&o?i.isValidTimeRange(e,o,j.value)||(g.value=g.value.reverse()):g.value=[]};return(i,o)=>(e.openBlock(),e.createBlock(e.unref(a),e.mergeProps({"popup-visible":e.unref(x),position:i.position,"popup-container":i.popupContainer,"popup-offset":4,"unmount-on-close":i.unmountOnClose,disabled:e.unref(B)||e.unref(V),"on-click-out-side":$,"auto-fit-popup-min-width":!1,"auto-fit-popup-width":!1,trigger:"click","animation-name":"slide-dynamic-origin","prevent-focus":""},i.triggerProps),{content:e.withCtx(()=>[e.createVNode(s,{ref_key:"panelRef",ref:E},e.createSlots({_:2},[i.$slots.extra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"extra")]),key:"0"}:void 0]),1536)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-picker",`yc-picker-size-${e.unref(h)}`,i.$attrs.class,{"yc-picker-disabled":e.unref(B),"yc-picker-error":i.error,"yc-picker-focus":e.unref(x),"yc-picker-has-prefix":i.$slots.prefix,"yc-picker-allow-clear":e.unref(C),"yc-picker-range":"time-range"==e.unref(b)}]),style:e.normalizeStyle({...i.$attrs.style||{}})},[i.$slots.prefix?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(i.$slots,"prefix")])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["yc-picker-input",{"yc-picker-input-active":!e.unref(q)&&e.unref(x)}]),onClick:o[0]||(o[0]=e.withModifiers(e=>P(0),["stop"]))},[e.createElementVNode("input",{value:e.unref(r.isArray)(e.unref(g))?e.unref(g)[0]:e.unref(g),placeholder:e.unref(r.isArray)(e.unref(N))?e.unref(N)[0]:e.unref(N),disabled:e.unref(B),readonly:e.unref(V),ref:r=>e.unref(_)[0]=r,class:"yc-picker-start-time"},null,8,c)],2),"time-range"==e.unref(b)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o[2]||(o[2]=e.createElementVNode("span",{class:"yc-picker-separator"}," - ",-1)),e.createElementVNode("div",{class:e.normalizeClass(["yc-picker-input",{"yc-picker-input-active":e.unref(q)&&e.unref(x)}]),onClick:o[1]||(o[1]=e.withModifiers(e=>P(1),["stop"]))},[e.createElementVNode("input",{value:e.unref(r.isArray)(e.unref(g))?e.unref(g)[1]:e.unref(g),placeholder:e.unref(r.isArray)(e.unref(N))?e.unref(N)[1]:e.unref(N),disabled:e.unref(B),readonly:e.unref(V),ref:r=>e.unref(_)[1]=r,class:"yc-picker-start-time"},null,8,d)],2)],64)):e.createCommentVNode("",!0),e.createElementVNode("div",p,[e.unref(C)?(e.openBlock(),e.createBlock(e.unref(n),{key:0,size:14,class:"yc-picker-clear-icon",onClick:w})):e.createCommentVNode("",!0),e.createElementVNode("span",f,[e.renderSlot(i.$slots,"suffix-icon",{},()=>[e.createVNode(e.unref(l))])])])],6)]),_:3},16,["popup-visible","position","popup-container","unmount-on-close","disabled"]))}});module.exports=m;
package/lib/TimePicker/index.css CHANGED
@@ -1 +1 @@
1
- .yc-picker{position:relative;padding:4px 11px 4px 4px;background-color:var(--color-fill-2);border:1px solid transparent;border-radius:2px;transition:all .1s cubic-bezier(0, 0, 1, 1);line-height:1.5715;display:inline-flex;align-items:center}.yc-picker:not(.yc-picker-disabled):not(.yc-picker-focus):hover{background-color:var(--color-fill-3);border-color:transparent}.yc-picker .yc-picker-has-prefix,.yc-picker .yc-picker-input.yc-picker-suffix,.yc-picker .yc-picker-separator{flex-shrink:0}.yc-picker .yc-picker-prefix{margin-right:4px;font-size:14px;color:var(--color-text-2)}.yc-picker .yc-picker-input{flex:1;height:100%;display:flex;align-items:center}.yc-picker .yc-picker-input input{height:100%;width:100%;padding:0;padding-left:8px;background-color:transparent;border:none;outline:none;text-align:left;color:var(--color-text-2);transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-picker .yc-picker-input input::placeholder{color:var(--color-text-3)}.yc-picker .yc-picker-separator{min-width:10px;padding:0 8px;color:var(--color-text-3)}.yc-picker .yc-picker-suffix{margin-left:4px;display:flex;align-items:center}.yc-picker .yc-picker-suffix .yc-icon-button{display:none}.yc-picker .yc-picker-suffix .yc-picker-suffix-icon{color:var(--color-text-2);display:flex;justify-content:center;align-items:center}.yc-picker-has-prefix{padding-left:12px}.yc-picker-allow-clear:hover .yc-picker-suffix .yc-icon-button{display:flex}.yc-picker-allow-clear:hover .yc-picker-suffix .yc-picker-suffix-icon{display:none}.yc-picker-focus{background-color:var(--color-bg-1);border-color:rgb(var(--primary-6));box-shadow:0 0 0 0 var(--color-primary-light-2)}.yc-picker-range .yc-picker-input-active input{background:var(--color-fill-2)}.yc-picker-error{background-color:var(--color-danger-light-1);border-color:transparent}.yc-picker-error:not(.yc-picker-disabled):not(.yc-picker-focus):hover{background-color:var(--color-danger-light-2)}.yc-picker-error.yc-picker-focus{background-color:var(--color-bg-2);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.yc-picker-disabled{cursor:not-allowed;color:var(--color-text-4);background-color:var(--color-fill-2);border-color:transparent}.yc-picker-disabled .yc-picker-input input{cursor:not-allowed}.yc-picker-disabled .yc-picker-input input::placeholder{color:var(--color-text-4)}.yc-picker-disabled .yc-picker-suffix .yc-picker-suffix-icon{color:var(--color-text-4)}.yc-picker-size-mini{height:24px}.yc-picker-size-mini input{font-size:12px}.yc-picker-size-small{height:28px}.yc-picker-size-small input{font-size:14px}.yc-picker-size-medium{height:32px}.yc-picker-size-medium input{font-size:14px}.yc-picker-size-large{height:36px}.yc-picker-size-large input{font-size:14px}.yc-timepicker-container{overflow:hidden;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.yc-timepicker-container .yc-timepicker{position:relative;display:flex;padding:0}.yc-timepicker-container .yc-timepicker .yc-timepicker-column{overflow:hidden;width:64px;height:224px}.yc-timepicker-container .yc-timepicker .yc-timepicker-column:not(:last-child){border-right:1px solid var(--color-neutral-3)}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul .yc-timepicker-cell{padding:4px 0;color:var(--color-text-1);font-weight:500;cursor:pointer}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul .yc-timepicker-cell .yc-timepicker-cell-inner{height:24px;padding-left:24px;font-size:14px;line-height:24px}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul .yc-timepicker-cell-selected .yc-timepicker-cell-inner{font-weight:500;background-color:var(--color-fill-2)}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul .yc-timepicker-cell-disabled{color:var(--color-text-4);cursor:not-allowed}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul::after{display:block;width:100%;height:192px;content:''}.yc-timepicker-container .yc-timepicker-footer-extra-wrapper{padding:8px;border-top:1px solid var(--color-neutral-3);color:var(--color-text-1);font-size:12px}.yc-timepicker-container .yc-timepicker-footer-btn-wrapper{padding:8px;border-top:1px solid var(--color-neutral-3);display:flex;justify-content:space-between}
1
+ .yc-picker{position:relative;padding:4px 11px 4px 4px;background-color:var(--color-fill-2);border:1px solid transparent;border-radius:var(--border-radius-small);transition:all .1s cubic-bezier(0, 0, 1, 1);line-height:1.5715;display:inline-flex;align-items:center}.yc-picker:not(.yc-picker-disabled):not(.yc-picker-focus):hover{background-color:var(--color-fill-3);border-color:transparent}.yc-picker .yc-picker-has-prefix,.yc-picker .yc-picker-input.yc-picker-suffix,.yc-picker .yc-picker-separator{flex-shrink:0}.yc-picker .yc-picker-prefix{margin-right:4px;font-size:14px;color:var(--color-text-2)}.yc-picker .yc-picker-input{flex:1;height:100%;display:flex;align-items:center}.yc-picker .yc-picker-input input{height:100%;width:100%;padding:0;padding-left:8px;background-color:transparent;border:none;outline:none;text-align:left;color:var(--color-text-2);transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-picker .yc-picker-input input::placeholder{color:var(--color-text-3)}.yc-picker .yc-picker-separator{min-width:10px;padding:0 8px;color:var(--color-text-3)}.yc-picker .yc-picker-suffix{margin-left:4px;display:flex;align-items:center}.yc-picker .yc-picker-suffix .yc-icon-button{display:none}.yc-picker .yc-picker-suffix .yc-picker-suffix-icon{color:var(--color-text-2);display:flex;justify-content:center;align-items:center}.yc-picker-has-prefix{padding-left:12px}.yc-picker-allow-clear:hover .yc-picker-suffix .yc-icon-button{display:flex}.yc-picker-allow-clear:hover .yc-picker-suffix .yc-picker-suffix-icon{display:none}.yc-picker-focus{background-color:var(--color-bg-1);border-color:rgb(var(--primary-6));box-shadow:0 0 0 0 var(--color-primary-light-2)}.yc-picker-range .yc-picker-input-active input{background:var(--color-fill-2)}.yc-picker-error{background-color:var(--color-danger-light-1);border-color:transparent}.yc-picker-error:not(.yc-picker-disabled):not(.yc-picker-focus):hover{background-color:var(--color-danger-light-2)}.yc-picker-error.yc-picker-focus{background-color:var(--color-bg-2);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.yc-picker-disabled{cursor:not-allowed;color:var(--color-text-4);background-color:var(--color-fill-2);border-color:transparent}.yc-picker-disabled .yc-picker-input input{cursor:not-allowed}.yc-picker-disabled .yc-picker-input input::placeholder{color:var(--color-text-4)}.yc-picker-disabled .yc-picker-suffix .yc-picker-suffix-icon{color:var(--color-text-4)}.yc-picker-size-mini{height:24px}.yc-picker-size-mini input{font-size:12px}.yc-picker-size-small{height:28px}.yc-picker-size-small input{font-size:14px}.yc-picker-size-medium{height:32px}.yc-picker-size-medium input{font-size:14px}.yc-picker-size-large{height:36px}.yc-picker-size-large input{font-size:14px}.yc-timepicker-container{overflow:hidden;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-medium);box-shadow:0 2px 5px rgba(0,0,0,0.1)}.yc-timepicker-container .yc-timepicker{position:relative;display:flex;padding:0}.yc-timepicker-container .yc-timepicker .yc-timepicker-column{overflow:hidden;width:64px;height:224px}.yc-timepicker-container .yc-timepicker .yc-timepicker-column:not(:last-child){border-right:1px solid var(--color-neutral-3)}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul .yc-timepicker-cell{padding:4px 0;color:var(--color-text-1);font-weight:500;cursor:pointer}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul .yc-timepicker-cell .yc-timepicker-cell-inner{height:24px;padding-left:24px;font-size:14px;line-height:24px}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul .yc-timepicker-cell-selected .yc-timepicker-cell-inner{font-weight:500;background-color:var(--color-fill-2)}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul .yc-timepicker-cell-disabled{color:var(--color-text-4);cursor:not-allowed}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul::after{display:block;width:100%;height:192px;content:''}.yc-timepicker-container .yc-timepicker-footer-extra-wrapper{padding:8px;border-top:1px solid var(--color-neutral-3);color:var(--color-text-1);font-size:12px}.yc-timepicker-container .yc-timepicker-footer-btn-wrapper{padding:8px;border-top:1px solid var(--color-neutral-3);display:flex;justify-content:space-between}
package/lib/Timeline/index.css CHANGED
@@ -1 +1 @@
1
- .yc-timeline{display:flex;flex-direction:column}.yc-timeline-direction-horizontal{flex-direction:row}.yc-timeline-reverse{flex-direction:column-reverse}.yc-timeline-reverse.yc-timeline-direction-horizontal{flex-direction:row-reverse}.yc-timeline-reverse .yc-timeline-item-direction-vertical:first-child .yc-timeline-item-dot-line{display:none}.yc-timeline-reverse .yc-timeline-item-direction-vertical:last-child .yc-timeline-item-dot-line{position:absolute;top:18px;bottom:-4px;left:50%;transform:translate(-50%);width:1px;border-left-width:1px;border-color:var(--color-neutral-3)}.yc-timeline-alternate.yc-timeline-direction-vertical .yc-timeline-item:nth-child(2n){margin-right:calc(50% - 6px)}.yc-timeline-alternate.yc-timeline-direction-vertical .yc-timeline-item:nth-child(2n + 1){margin-left:50%}.yc-timeline-alternate.yc-timeline-direction-horizontal{min-height:200px;align-items:center}.yc-timeline-alternate.yc-timeline-direction-horizontal .yc-timeline-item:nth-child(2n){transform:translateY(calc(-50% + 6px))}.yc-timeline-alternate.yc-timeline-direction-horizontal .yc-timeline-item:nth-child(2n + 1){transform:translateY(calc(50%))}.yc-timeline-item{position:relative;color:var(--color-text-1);font-size:14px}.yc-timeline-item:not(:last-child) .yc-timeline-item-dot-line,.yc-timeline-item.yc-timeline-item-reverse:last-child .yc-timeline-item-dot-line{position:absolute;border-color:var(--color-neutral-3)}.yc-timeline-item .yc-timeline-item-dot-wrapper{position:absolute}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content{position:relative}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot-custom{position:absolute;top:50%;left:50%;display:inline-flex;color:rgb(var(--primary-6));background-color:var(--color-bg-1);transform:translateX(-50%) translateY(-50%);transform-origin:center}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot{position:relative;width:6px;height:6px;color:rgb(var(--primary-6));border-radius:50%}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot.yc-timeline-item-dot-solid{background-color:rgb(var(--primary-6))}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot.yc-timeline-item-dot-hollow{background-color:var(--color-bg-1);border:2px solid rgb(var(--primary-6))}.yc-timeline-item .yc-timeline-item-content-wrapper{position:relative;display:flex;flex-direction:column;gap:4px}.yc-timeline-item .yc-timeline-item-content-wrapper .yc-timeline-item-content{color:var(--color-text-1);font-size:14px;line-height:1.5715}.yc-timeline-item .yc-timeline-item-label{color:var(--color-text-3);font-size:12px;line-height:1.667}.yc-timeline-item-ghost.yc-timeline-item-direction-horizontal .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot-custom{left:0}.yc-timeline-item-direction-vertical{min-height:78px}.yc-timeline-item-direction-vertical:not(:last-child) .yc-timeline-item-dot-line,.yc-timeline-item-direction-vertical.yc-timeline-item-reverse:last-child .yc-timeline-item-dot-line{top:18px;bottom:-4px;left:50%;transform:translate(-50%);width:1px;border-left-width:1px}.yc-timeline-item-direction-vertical .yc-timeline-item-dot-wrapper{height:100%;text-align:center}.yc-timeline-item-direction-vertical .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content{width:6px;height:22px;line-height:22px}.yc-timeline-item-direction-vertical .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot{top:50%;margin-top:-50%}.yc-timeline-item-direction-horizontal{flex:1}.yc-timeline-item-direction-horizontal:not(:last-child) .yc-timeline-item-dot-line,.yc-timeline-item-direction-horizontal.yc-timeline-item-reverse:last-child .yc-timeline-item-dot-line{right:4px;left:12px;top:50%;transform:translateY(-50%);height:1px;border-top-width:1px}.yc-timeline-item-direction-horizontal .yc-timeline-item-dot-wrapper{width:100%}.yc-timeline-item-direction-horizontal .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content{height:6px;line-height:6px}.yc-timeline-item-reverse:first-child .yc-timeline-item-dot-line{display:none}.yc-timeline-item-label-is-relative .yc-timeline-item-label{position:absolute;top:0;max-width:100px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-horizontal.yc-timeline-item-top{margin-top:50px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-horizontal.yc-timeline-item-top .yc-timeline-item-label{top:0;padding-bottom:16px;transform:translateY(-100%)}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-horizontal.yc-timeline-item-bottom{margin-bottom:50px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-horizontal.yc-timeline-item-bottom .yc-timeline-item-label{bottom:0;padding-top:16px;transform:translateY(100%)}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-left{margin-left:100px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-left .yc-timeline-item-label{left:0;padding-right:16px;transform:translateX(-100%)}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-right{margin-right:100px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-right .yc-timeline-item-label{right:0;padding-left:16px;transform:translateX(100%)}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-right .yc-timeline-item-content{text-align:right}.yc-timeline-item-left{padding-left:6px}.yc-timeline-item-left .yc-timeline-item-dot-wrapper{left:0}.yc-timeline-item-left .yc-timeline-item-content-wrapper{margin-left:16px}.yc-timeline-item-top{padding-top:6px}.yc-timeline-item-top .yc-timeline-item-dot-wrapper{top:0}.yc-timeline-item-top .yc-timeline-item-content-wrapper{margin-top:16px}.yc-timeline-item-right{padding-right:6px}.yc-timeline-item-right .yc-timeline-item-dot-wrapper{right:0}.yc-timeline-item-right .yc-timeline-item-content-wrapper{margin-right:16px}.yc-timeline-item-right .yc-timeline-item-content,.yc-timeline-item-right .yc-timeline-item-label{text-align:right}.yc-timeline-item-bottom{padding-bottom:6px}.yc-timeline-item-bottom .yc-timeline-item-dot-wrapper{bottom:0}.yc-timeline-item-bottom .yc-timeline-item-content-wrapper{margin-bottom:16px}
1
+ .yc-timeline{display:flex;flex-direction:column}.yc-timeline-direction-horizontal{flex-direction:row}.yc-timeline-reverse{flex-direction:column-reverse}.yc-timeline-reverse.yc-timeline-direction-horizontal{flex-direction:row-reverse}.yc-timeline-reverse .yc-timeline-item-direction-vertical:first-child .yc-timeline-item-dot-line{display:none}.yc-timeline-reverse .yc-timeline-item-direction-vertical:last-child .yc-timeline-item-dot-line{position:absolute;top:18px;bottom:-4px;left:50%;transform:translate(-50%);width:1px;border-left-width:1px;border-color:var(--color-neutral-3)}.yc-timeline-alternate.yc-timeline-direction-vertical .yc-timeline-item:nth-child(2n){margin-right:calc(50% - 6px)}.yc-timeline-alternate.yc-timeline-direction-vertical .yc-timeline-item:nth-child(2n + 1){margin-left:50%}.yc-timeline-alternate.yc-timeline-direction-horizontal{min-height:200px;align-items:center}.yc-timeline-alternate.yc-timeline-direction-horizontal .yc-timeline-item:nth-child(2n){transform:translateY(calc(-50% + 6px))}.yc-timeline-alternate.yc-timeline-direction-horizontal .yc-timeline-item:nth-child(2n + 1){transform:translateY(calc(50%))}.yc-timeline-item{position:relative;color:var(--color-text-1);font-size:14px}.yc-timeline-item:not(:last-child) .yc-timeline-item-dot-line,.yc-timeline-item.yc-timeline-item-reverse:last-child .yc-timeline-item-dot-line{position:absolute;border-color:var(--color-neutral-3)}.yc-timeline-item .yc-timeline-item-dot-wrapper{position:absolute}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content{position:relative}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot-custom{position:absolute;top:50%;left:50%;display:inline-flex;color:rgb(var(--primary-6));background-color:var(--color-bg-1);transform:translateX(-50%) translateY(-50%);transform-origin:center}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot{position:relative;width:6px;height:6px;color:rgb(var(--primary-6));border-radius:var(--border-radius-circle)}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot.yc-timeline-item-dot-solid{background-color:rgb(var(--primary-6))}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot.yc-timeline-item-dot-hollow{background-color:var(--color-bg-1);border:2px solid rgb(var(--primary-6))}.yc-timeline-item .yc-timeline-item-content-wrapper{position:relative;display:flex;flex-direction:column;gap:4px}.yc-timeline-item .yc-timeline-item-content-wrapper .yc-timeline-item-content{color:var(--color-text-1);font-size:14px;line-height:1.5715}.yc-timeline-item .yc-timeline-item-label{color:var(--color-text-3);font-size:12px;line-height:1.667}.yc-timeline-item-ghost.yc-timeline-item-direction-horizontal .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot-custom{left:0}.yc-timeline-item-direction-vertical{min-height:78px}.yc-timeline-item-direction-vertical:not(:last-child) .yc-timeline-item-dot-line,.yc-timeline-item-direction-vertical.yc-timeline-item-reverse:last-child .yc-timeline-item-dot-line{top:18px;bottom:-4px;left:50%;transform:translate(-50%);width:1px;border-left-width:1px}.yc-timeline-item-direction-vertical .yc-timeline-item-dot-wrapper{height:100%;text-align:center}.yc-timeline-item-direction-vertical .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content{width:6px;height:22px;line-height:22px}.yc-timeline-item-direction-vertical .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot{top:50%;margin-top:-50%}.yc-timeline-item-direction-horizontal{flex:1}.yc-timeline-item-direction-horizontal:not(:last-child) .yc-timeline-item-dot-line,.yc-timeline-item-direction-horizontal.yc-timeline-item-reverse:last-child .yc-timeline-item-dot-line{right:4px;left:12px;top:50%;transform:translateY(-50%);height:1px;border-top-width:1px}.yc-timeline-item-direction-horizontal .yc-timeline-item-dot-wrapper{width:100%}.yc-timeline-item-direction-horizontal .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content{height:6px;line-height:6px}.yc-timeline-item-reverse:first-child .yc-timeline-item-dot-line{display:none}.yc-timeline-item-label-is-relative .yc-timeline-item-label{position:absolute;top:0;max-width:100px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-horizontal.yc-timeline-item-top{margin-top:50px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-horizontal.yc-timeline-item-top .yc-timeline-item-label{top:0;padding-bottom:16px;transform:translateY(-100%)}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-horizontal.yc-timeline-item-bottom{margin-bottom:50px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-horizontal.yc-timeline-item-bottom .yc-timeline-item-label{bottom:0;padding-top:16px;transform:translateY(100%)}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-left{margin-left:100px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-left .yc-timeline-item-label{left:0;padding-right:16px;transform:translateX(-100%)}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-right{margin-right:100px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-right .yc-timeline-item-label{right:0;padding-left:16px;transform:translateX(100%)}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-right .yc-timeline-item-content{text-align:right}.yc-timeline-item-left{padding-left:6px}.yc-timeline-item-left .yc-timeline-item-dot-wrapper{left:0}.yc-timeline-item-left .yc-timeline-item-content-wrapper{margin-left:16px}.yc-timeline-item-top{padding-top:6px}.yc-timeline-item-top .yc-timeline-item-dot-wrapper{top:0}.yc-timeline-item-top .yc-timeline-item-content-wrapper{margin-top:16px}.yc-timeline-item-right{padding-right:6px}.yc-timeline-item-right .yc-timeline-item-dot-wrapper{right:0}.yc-timeline-item-right .yc-timeline-item-content-wrapper{margin-right:16px}.yc-timeline-item-right .yc-timeline-item-content,.yc-timeline-item-right .yc-timeline-item-label{text-align:right}.yc-timeline-item-bottom{padding-bottom:6px}.yc-timeline-item-bottom .yc-timeline-item-dot-wrapper{bottom:0}.yc-timeline-item-bottom .yc-timeline-item-content-wrapper{margin-bottom:16px}
package/lib/Tooltip/index.css CHANGED
@@ -1 +1 @@
1
- .yc-tooltip .yc-tooltip-popup-content{max-width:350px;padding:8px 12px;border-radius:2px;color:var(--color-white);background-color:var(--color-tooltip-bg);font-size:14px;line-height:1.5715;text-align:left;word-wrap:break-word}.yc-tooltip .yc-tooltip-popup-content.yc-tooltip-mini{padding:4px 12px;font-size:14px}
1
+ .yc-tooltip .yc-tooltip-popup-content{max-width:350px;padding:8px 12px;border-radius:var(--border-radius-small);color:var(--color-white);background-color:var(--color-tooltip-bg);font-size:14px;line-height:1.5715;text-align:left;word-wrap:break-word}.yc-tooltip .yc-tooltip-popup-content.yc-tooltip-mini{padding:4px 12px;font-size:14px}
package/lib/Transfer/TransferPanel.vue.js CHANGED
@@ -1 +1 @@
1
- "use strict";const e=require("vue"),l=;/* empty css */,/* empty css */require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../_shared/utils/locale.js"),/* empty css */;/* empty css */const t=require("../_shared/icons/IconClose.vue.js"),a=require("../_shared/icons/IconDelete.vue2.js"),r=require("../_shared/icons/IconSearch.vue2.js"),n=require("./hooks/useContext.js"),o=require("../Checkbox/index.js"),u=require("../Scrollbar/index.js"),c=require("../Input/index.js"),s=require("../Empty/index.js"),i={class:"yc-transfer-view"},d={class:"yc-transfer-view-header"},v={class:"yc-transfer-view-header-title"},m={class:"yc-transfer-view-header-count"},p={key:0,class:"yc-transfer-view-search"},f={class:"yc-transfer-view-body"},k={key:1,role:"list",class:"yc-transfer-list"},h=["onClick"],y={class:"yc-transfer-list-item-content text-ellipsis"},B=e.defineComponent({__name:"TransferPanel",props:{type:{}},setup(B){const g=B,{type:C}=e.toRefs(g),{computedValue:V,computedSelected:x,targetChecked:N,sourceChecked:_,sourceOptions:j,targetOptions:q,disabled:w,oneWay:E,showSearch:S,showSelectAll:b,simple:D,sourceInputSearchProps:I,targetInputSearchProps:T,slots:F,title:P,emits:z}=n().inject(),L=e.ref(""),O=e.computed(()=>("source"==C.value?j.value:q.value).filter(e=>{var l;return null==(l=e.label)?void 0:l.toLowerCase().includes(L.value.toLowerCase())})),A=e.computed(()=>"source"==C.value?_.value:N.value),U=e.computed(()=>"source"==C.value?I.value:T.value),K=e.computed(()=>"source"==C.value?P.value[0]:P.value[1]),R=e.computed({get:()=>!!A.value.length&&A.value.length==O.value.length,set(e){if(e)x.value=[...new Set([...x.value,...O.value.map(e=>e.value)])];else{const e=Object.fromEntries(O.value.map(e=>[e.value,e]));x.value=x.value.filter(l=>!e[l])}}}),W=e.computed(()=>!!A.value.length&&A.value.length<=O.value.length),$=()=>{!w.value&&V.value.length&&(V.value=[])},G=()=>{var e;return null==(e=F["source"==C.value?"source-title":"target-title"])?void 0:e.call(F,{countTotal:"source"==C.value?j.value.length:q.value.length,countSelected:"source"==C.value?_.value.length:N.value.length,searchValue:L.value,checked:R.value,indeterminate:W.value,onSelectAllChange:e=>{R.value=e},onClear:$})},H=()=>{var e;return null==(e=F[C.value])?void 0:e.call(F,{selectedKeys:A.value,data:O.value,onSelect:e=>{x.value=e}})},J=e=>()=>{var l;return null==(l=F.item)?void 0:l.call(F,e)};return(n,B)=>(e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("div",d,[e.unref(F)[`${e.unref(C)}-title`]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(G),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",v,[!e.unref(b)||e.unref(D)||e.unref(E)&&"target"==e.unref(C)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(K.value),1)],64)):(e.openBlock(),e.createBlock(e.unref(o.default),{key:0,modelValue:R.value,"onUpdate:modelValue":B[0]||(B[0]=e=>R.value=e),indeterminate:W.value,disabled:!O.value.length||e.unref(w)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(K.value),1)]),_:1},8,["modelValue","indeterminate","disabled"]))]),e.createElementVNode("span",m,[e.unref(D)||e.unref(E)&&"target"==e.unref(C)?"target"!=e.unref(C)||e.unref(D)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(l),{key:1,size:14,onClick:$},{default:e.withCtx(()=>[e.createVNode(e.unref(a))]),_:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(A.value.length)+" / "+e.toDisplayString(O.value.length),1)],64))])],64))]),e.unref(S)?(e.openBlock(),e.createElementBlock("div",p,[e.createVNode(e.unref(c),e.mergeProps({modelValue:L.value,"onUpdate:modelValue":B[1]||(B[1]=e=>L.value=e)},U.value,{onInput:B[2]||(B[2]=l=>e.unref(z)("search",l,e.unref(C)))}),{suffix:e.withCtx(()=>[e.createVNode(e.unref(r))]),_:1},16,["modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",f,[O.value.length?(e.openBlock(),e.createBlock(e.unref(u),{key:0},{default:e.withCtx(()=>[e.unref(F)[e.unref(C)]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(H),{key:0})):(e.openBlock(),e.createElementBlock("div",k,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(O.value,a=>(e.openBlock(),e.createElementBlock("div",{key:a.value,role:"listitem",class:e.normalizeClass(["yc-transfer-list-item",{"yc-transfer-list-item-disabled":a.disabled||e.unref(w)}]),onClick:e=>(e=>{const{value:l}=e;w.value||e.disabled||(E.value&&"source"!=C.value||D.value)&&(V.value="source"==C.value?[...V.value,l]:V.value.filter(e=>e!=l))})(a)},[e.unref(E)&&(!e.unref(E)||"source"!=e.unref(C))||e.unref(D)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",y,[e.unref(F).item?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(J(a)),{key:0})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(e.unref(F).item?"":a.label),1)]),"target"!=e.unref(C)||e.unref(D)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(l),{key:0,"hover-size":20},{default:e.withCtx(()=>[e.createVNode(e.unref(t))]),_:1}))],64)):(e.openBlock(),e.createBlock(e.unref(o.default),{key:0,"model-value":A.value.includes(a.value),disabled:a.disabled||e.unref(w),onChange:e=>((e,l)=>{x.value=e?[...x.value,l]:x.value.filter(e=>e!=l),z("select",x.value)})(e,a.value)},{default:e.withCtx(()=>[e.unref(F).item?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(J(a)),{key:0})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(e.unref(F).item?"":a.label),1)]),_:2},1032,["model-value","disabled","onChange"]))],10,h))),128))]))]),_:1})):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s))))])]))}});module.exports=B;
1
+ "use strict";const e=require("vue"),l=;/* empty css */,/* empty css */require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../_shared/utils/locale.js"),/* empty css */;/* empty css */const t=require("../_shared/icons/IconClose.vue.js"),a=require("../_shared/icons/IconDelete.vue2.js"),r=require("../_shared/icons/IconSearch.vue2.js"),n=require("./hooks/useContext.js"),o=require("../Checkbox/index.js"),u=require("../Scrollbar/index.js"),c=require("../Input/index.js"),s=require("../Empty/index.js"),i={class:"yc-transfer-view"},d={class:"yc-transfer-view-header"},v={class:"yc-transfer-view-header-title"},m={class:"yc-transfer-view-header-count"},p={key:0,class:"yc-transfer-view-search"},k={class:"yc-transfer-view-body"},f={key:1,role:"list",class:"yc-transfer-list"},h=["onClick"],y={class:"yc-transfer-list-item-content text-ellipsis"},B=e.defineComponent({__name:"TransferPanel",props:{type:{}},setup(B){const g=B,{type:C}=e.toRefs(g),{computedValue:V,computedSelected:x,targetChecked:E,sourceChecked:_,sourceOptions:j,targetOptions:N,disabled:q,oneWay:w,showSearch:S,showSelectAll:b,simple:D,sourceInputSearchProps:I,targetInputSearchProps:T,slots:F,title:P,emits:z}=n().inject(),L=e.ref(""),O=e.computed(()=>("source"==C.value?j.value:N.value).filter(e=>{var l;return null==(l=e.label)?void 0:l.toLowerCase().includes(L.value.toLowerCase())})),A=e.computed(()=>"source"==C.value?_.value:E.value),U=e.computed(()=>"source"==C.value?I.value:T.value),K=e.computed(()=>"source"==C.value?P.value[0]:P.value[1]),R=e.computed({get:()=>!!A.value.length&&A.value.length==O.value.length,set(e){if(e)x.value=[...new Set([...x.value,...O.value.map(e=>e.value)])];else{const e=Object.fromEntries(O.value.map(e=>[e.value,e]));x.value=x.value.filter(l=>!e[l])}}}),W=e.computed(()=>!!A.value.length&&A.value.length<=O.value.length),$=()=>{!q.value&&V.value.length&&(V.value=[])},G=()=>{var e;return null==(e=F["source"==C.value?"source-title":"target-title"])?void 0:e.call(F,{countTotal:"source"==C.value?j.value.length:N.value.length,countSelected:"source"==C.value?_.value.length:E.value.length,searchValue:L.value,checked:R.value,indeterminate:W.value,onSelectAllChange:e=>{R.value=e},onClear:$})},H=()=>{var e;return null==(e=F[C.value])?void 0:e.call(F,{selectedKeys:A.value,data:O.value,onSelect:e=>{x.value=e}})},J=e=>()=>{var l;return null==(l=F.item)?void 0:l.call(F,e)};return(n,B)=>(e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("div",d,[e.unref(F)[`${e.unref(C)}-title`]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(G),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",v,[!e.unref(b)||e.unref(D)||e.unref(w)&&"target"==e.unref(C)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(K.value),1)],64)):(e.openBlock(),e.createBlock(e.unref(o.default),{key:0,modelValue:R.value,"onUpdate:modelValue":B[0]||(B[0]=e=>R.value=e),indeterminate:W.value,disabled:!O.value.length||e.unref(q)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(K.value),1)]),_:1},8,["modelValue","indeterminate","disabled"]))]),e.createElementVNode("span",m,[e.unref(D)||e.unref(w)&&"target"==e.unref(C)?"target"!=e.unref(C)||e.unref(D)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(l),{key:1,size:14,onClick:$},{default:e.withCtx(()=>[e.createVNode(e.unref(a))]),_:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(A.value.length)+" / "+e.toDisplayString(O.value.length),1)],64))])],64))]),e.unref(S)?(e.openBlock(),e.createElementBlock("div",p,[e.createVNode(e.unref(c),e.mergeProps({modelValue:L.value,"onUpdate:modelValue":B[1]||(B[1]=e=>L.value=e)},U.value,{onInput:B[2]||(B[2]=l=>e.unref(z)("search",l,e.unref(C)))}),{suffix:e.withCtx(()=>[e.createVNode(e.unref(r))]),_:1},16,["modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",k,[O.value.length?(e.openBlock(),e.createBlock(e.unref(u),{key:0},{default:e.withCtx(()=>[e.unref(F)[e.unref(C)]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(H),{key:0})):(e.openBlock(),e.createElementBlock("div",f,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(O.value,a=>(e.openBlock(),e.createElementBlock("div",{key:a.value,role:"listitem",class:e.normalizeClass(["yc-transfer-list-item",{"yc-transfer-list-item-disabled":a.disabled||e.unref(q)}]),onClick:e=>(e=>{const{value:l}=e;q.value||e.disabled||(w.value&&"source"!=C.value||D.value)&&(V.value="source"==C.value?[...V.value,l]:V.value.filter(e=>e!=l))})(a)},[e.unref(w)&&(!e.unref(w)||"source"!=e.unref(C))||e.unref(D)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",y,[e.unref(F).item?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(J(a)),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(a.label),1)],64))]),"target"!=e.unref(C)||e.unref(D)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(l),{key:0,"hover-size":20},{default:e.withCtx(()=>[e.createVNode(e.unref(t))]),_:1}))],64)):(e.openBlock(),e.createBlock(e.unref(o.default),{key:0,"model-value":A.value.includes(a.value),disabled:a.disabled||e.unref(q),onChange:e=>((e,l)=>{x.value=e?[...x.value,l]:x.value.filter(e=>e!=l),z("select",x.value)})(e,a.value)},{default:e.withCtx(()=>[e.unref(F).item?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(J(a)),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(a.label),1)],64))]),_:2},1032,["model-value","disabled","onChange"]))],10,h))),128))]))]),_:1})):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s))))])]))}});module.exports=B;
package/lib/Transfer/index.css CHANGED
@@ -1 +1 @@
1
- .yc-transfer{display:flex;align-items:center}.yc-transfer .yc-transfer-view{overflow:hidden;width:200px;height:224px;border:1px solid var(--color-neutral-3);border-radius:2px;display:flex;flex-direction:column}.yc-transfer .yc-transfer-view .yc-transfer-view-header{height:40px;padding:0 10px;background-color:var(--color-fill-1);color:var(--color-text-1);font-weight:500;font-size:14px;line-height:40px;display:flex;justify-content:space-between;align-items:center}.yc-transfer .yc-transfer-view .yc-transfer-view-header .yc-transfer-view-header-count{color:var(--color-text-3);font-size:12px;font-weight:400}.yc-transfer .yc-transfer-view .yc-transfer-view-search{padding:8px 12px 4px 12px}.yc-transfer .yc-transfer-view .yc-transfer-view-body{height:calc(100% - 40px)}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-scrollbar{height:100%;width:100%}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-scrollbar .yc-scrollbar-container{max-height:100%;width:100%}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-scrollbar .yc-scrollbar-container .yc-scrollbar-content{width:100%}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list{width:100%;display:flex;flex-direction:column}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item{flex-shrink:0;overflow:hidden;height:36px;max-width:100%;padding:0 12px;font-size:14px;color:var(--color-text-1);display:flex;align-items:center;gap:6px;transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item:not(.yc-transfer-list-item-disabled):hover{color:var(--color-text-1);background-color:var(--color-fill-2)}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item .yc-checkbox{flex:1}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item .yc-transfer-list-item-content{flex:1}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item.yc-transfer-list-item-disabled{color:var(--color-text-4);background:transparent;cursor:not-allowed}.yc-transfer .yc-transfer-operations{padding:0 20px;display:flex;flex-direction:column;gap:12px}.yc-transfer-simple .yc-transfer-view:last-child{border-left:0}.yc-transfer-has-search .yc-transfer-view .yc-transfer-view-body{height:calc(100% - 88px)}
1
+ .yc-transfer{display:flex;align-items:center}.yc-transfer .yc-transfer-view{overflow:hidden;width:200px;height:224px;border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-small);display:flex;flex-direction:column}.yc-transfer .yc-transfer-view .yc-transfer-view-header{height:40px;padding:0 10px;background-color:var(--color-fill-1);color:var(--color-text-1);font-weight:500;font-size:14px;line-height:40px;display:flex;justify-content:space-between;align-items:center}.yc-transfer .yc-transfer-view .yc-transfer-view-header .yc-transfer-view-header-count{color:var(--color-text-3);font-size:12px;font-weight:400}.yc-transfer .yc-transfer-view .yc-transfer-view-search{padding:8px 12px 4px 12px}.yc-transfer .yc-transfer-view .yc-transfer-view-body{height:calc(100% - 40px)}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-scrollbar{height:100%;width:100%}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-scrollbar .yc-scrollbar-container{max-height:100%;width:100%}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-scrollbar .yc-scrollbar-container .yc-scrollbar-content{width:100%}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list{width:100%;display:flex;flex-direction:column}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item{flex-shrink:0;overflow:hidden;height:36px;max-width:100%;padding:0 12px;font-size:14px;color:var(--color-text-1);display:flex;align-items:center;gap:6px;transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item:not(.yc-transfer-list-item-disabled):hover{color:var(--color-text-1);background-color:var(--color-fill-2)}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item .yc-checkbox{flex:1}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item .yc-transfer-list-item-content{flex:1}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item.yc-transfer-list-item-disabled{color:var(--color-text-4);background:transparent;cursor:not-allowed}.yc-transfer .yc-transfer-operations{padding:0 20px;display:flex;flex-direction:column;gap:12px}.yc-transfer-simple .yc-transfer-view:last-child{border-left:0}.yc-transfer-has-search .yc-transfer-view .yc-transfer-view-body{height:calc(100% - 88px)}
package/lib/Transfer/type.d.ts CHANGED
@@ -29,18 +29,12 @@ export interface TransferSlots {
29
29
  'target-title'?: (scope: TitleSlots) => VNode[];
30
30
  'to-source-icon'?: () => VNode[];
31
31
  'to-target-icon'?: () => VNode[];
32
- item?: (scope: {
33
- value: string;
34
- label: string;
35
- }) => VNode[];
32
+ item?: (scope: TransferItem) => VNode[];
36
33
  }
37
34
  export interface TransferPanelSlots {
38
35
  default: (scope: DefaultSlots) => VNode[];
39
36
  title: (scope: TitleSlots) => VNode[];
40
- item: (scope: {
41
- value: string;
42
- label: string;
43
- }) => VNode[];
37
+ item: (scope: TransferItem) => VNode[];
44
38
  }
45
39
  export interface TransferItem {
46
40
  label?: string;
@@ -59,7 +53,7 @@ type TitleSlots = {
59
53
  };
60
54
  type DefaultSlots = {
61
55
  data: TransferItem[];
62
- selectedKeys: string[];
56
+ selectedKeys: TransferItemValue[];
63
57
  onSelect: (value: TransferItemValue[]) => void;
64
58
  };
65
59
  export {};
package/lib/Trigger/hooks/useTriggerPosition.d.ts CHANGED
@@ -24,7 +24,6 @@ declare const _default: (params: {
24
24
  popupStyle: import('vue').ComputedRef<{
25
25
  top: string;
26
26
  left: string;
27
- zIndex: number;
28
27
  }>;
29
28
  contentStyle: import('vue').ComputedRef<CSSProperties>;
30
29
  arrowStyle: import('vue').ComputedRef<CSSProperties>;