easy-component-ui 3.0.12 → 3.0.14

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 (168) hide show
  1. package/package.json +308 -304
  2. package/dist/assets/icon.css +0 -1
  3. package/dist/components/Base.js +0 -873
  4. package/dist/components/ea-alert.js +0 -196
  5. package/dist/components/ea-avatar.js +0 -159
  6. package/dist/components/ea-backtop.js +0 -136
  7. package/dist/components/ea-badge.js +0 -144
  8. package/dist/components/ea-breadcrumb.js +0 -148
  9. package/dist/components/ea-button.js +0 -265
  10. package/dist/components/ea-calendar.js +0 -10
  11. package/dist/components/ea-calendar2.js +0 -671
  12. package/dist/components/ea-card.js +0 -85
  13. package/dist/components/ea-carousel.js +0 -415
  14. package/dist/components/ea-checkbox.js +0 -446
  15. package/dist/components/ea-collapse.js +0 -313
  16. package/dist/components/ea-color-picker.js +0 -891
  17. package/dist/components/ea-container.js +0 -177
  18. package/dist/components/ea-countdown.js +0 -142
  19. package/dist/components/ea-date-picker.js +0 -649
  20. package/dist/components/ea-descriptions.js +0 -474
  21. package/dist/components/ea-dialog.js +0 -249
  22. package/dist/components/ea-drawer.js +0 -211
  23. package/dist/components/ea-dropdown.js +0 -228
  24. package/dist/components/ea-empty.js +0 -93
  25. package/dist/components/ea-icon.js +0 -68
  26. package/dist/components/ea-image-preview.js +0 -488
  27. package/dist/components/ea-image.js +0 -302
  28. package/dist/components/ea-infinite-scroll.js +0 -109
  29. package/dist/components/ea-input-number.js +0 -367
  30. package/dist/components/ea-input.js +0 -588
  31. package/dist/components/ea-layout.js +0 -125
  32. package/dist/components/ea-link.js +0 -101
  33. package/dist/components/ea-loading.js +0 -151
  34. package/dist/components/ea-menu.js +0 -433
  35. package/dist/components/ea-message-box.js +0 -624
  36. package/dist/components/ea-message.js +0 -251
  37. package/dist/components/ea-notification.js +0 -331
  38. package/dist/components/ea-overlay.js +0 -167
  39. package/dist/components/ea-page-header.js +0 -108
  40. package/dist/components/ea-pagination.js +0 -481
  41. package/dist/components/ea-popconfirm.js +0 -275
  42. package/dist/components/ea-popover.js +0 -123
  43. package/dist/components/ea-popper.js +0 -203
  44. package/dist/components/ea-progress.js +0 -286
  45. package/dist/components/ea-radio.js +0 -364
  46. package/dist/components/ea-rate.js +0 -241
  47. package/dist/components/ea-result.js +0 -100
  48. package/dist/components/ea-scrollbar.js +0 -235
  49. package/dist/components/ea-segmented.js +0 -215
  50. package/dist/components/ea-select.js +0 -609
  51. package/dist/components/ea-skeleton.js +0 -263
  52. package/dist/components/ea-slider.js +0 -421
  53. package/dist/components/ea-space.js +0 -123
  54. package/dist/components/ea-splitter.js +0 -217
  55. package/dist/components/ea-statistic.js +0 -74
  56. package/dist/components/ea-steps.js +0 -346
  57. package/dist/components/ea-switch.js +0 -271
  58. package/dist/components/ea-table.js +0 -1124
  59. package/dist/components/ea-tabs.js +0 -501
  60. package/dist/components/ea-tag.js +0 -228
  61. package/dist/components/ea-text.js +0 -113
  62. package/dist/components/ea-time-picker.js +0 -514
  63. package/dist/components/ea-timeline.js +0 -185
  64. package/dist/components/ea-tooltip.js +0 -121
  65. package/dist/components/ea-tour.js +0 -544
  66. package/dist/components/ea-transfer.js +0 -949
  67. package/dist/components/ea-tree.js +0 -1125
  68. package/dist/components/index.js +0 -61
  69. package/dist/core/FormBase.js +0 -238
  70. package/dist/css/ea-alert.style.js +0 -4
  71. package/dist/css/ea-aside.style.js +0 -4
  72. package/dist/css/ea-avatar.style.js +0 -4
  73. package/dist/css/ea-backtop.style.js +0 -4
  74. package/dist/css/ea-badge.style.js +0 -4
  75. package/dist/css/ea-breadcrumb-item.style.js +0 -4
  76. package/dist/css/ea-breadcrumb.style.js +0 -4
  77. package/dist/css/ea-button-group.style.js +0 -4
  78. package/dist/css/ea-button.style.js +0 -4
  79. package/dist/css/ea-calendar.style.js +0 -4
  80. package/dist/css/ea-card.style.js +0 -4
  81. package/dist/css/ea-carousel-item.style.js +0 -4
  82. package/dist/css/ea-carousel.style.js +0 -4
  83. package/dist/css/ea-check-tag.style.js +0 -4
  84. package/dist/css/ea-checkbox-group.style.js +0 -4
  85. package/dist/css/ea-checkbox.style.js +0 -4
  86. package/dist/css/ea-col.style.js +0 -4
  87. package/dist/css/ea-collapse-item.style.js +0 -4
  88. package/dist/css/ea-collapse.style.js +0 -4
  89. package/dist/css/ea-color-picker-panel.style.js +0 -4
  90. package/dist/css/ea-color-picker.style.js +0 -4
  91. package/dist/css/ea-container.style.js +0 -4
  92. package/dist/css/ea-date-picker.style.js +0 -4
  93. package/dist/css/ea-descriptions-item.style.js +0 -4
  94. package/dist/css/ea-descriptions.style.js +0 -4
  95. package/dist/css/ea-dialog.style.js +0 -4
  96. package/dist/css/ea-drawer.style.js +0 -4
  97. package/dist/css/ea-dropdown-item.style.js +0 -4
  98. package/dist/css/ea-dropdown-menu.style.js +0 -4
  99. package/dist/css/ea-dropdown.style.js +0 -4
  100. package/dist/css/ea-empty.style.js +0 -4
  101. package/dist/css/ea-footer.style.js +0 -4
  102. package/dist/css/ea-header.style.js +0 -4
  103. package/dist/css/ea-icon.style.js +0 -4
  104. package/dist/css/ea-image-preview.style.js +0 -4
  105. package/dist/css/ea-image.style.js +0 -4
  106. package/dist/css/ea-infinite-scroll.style.js +0 -4
  107. package/dist/css/ea-input-number.style.js +0 -4
  108. package/dist/css/ea-input.style.js +0 -4
  109. package/dist/css/ea-link.style.js +0 -4
  110. package/dist/css/ea-main.style.js +0 -4
  111. package/dist/css/ea-menu-item-group.style.js +0 -4
  112. package/dist/css/ea-menu-item.style.js +0 -4
  113. package/dist/css/ea-menu.style.js +0 -4
  114. package/dist/css/ea-message-box.style.js +0 -4
  115. package/dist/css/ea-message.style.js +0 -4
  116. package/dist/css/ea-notification.style.js +0 -4
  117. package/dist/css/ea-option-gropu.style.js +0 -4
  118. package/dist/css/ea-option.style.js +0 -4
  119. package/dist/css/ea-overlay.style.js +0 -4
  120. package/dist/css/ea-page-header.style.js +0 -4
  121. package/dist/css/ea-pagination.style.js +0 -4
  122. package/dist/css/ea-popconfirm.style.js +0 -4
  123. package/dist/css/ea-popover.style.js +0 -4
  124. package/dist/css/ea-popper.style.js +0 -4
  125. package/dist/css/ea-progress.style.js +0 -4
  126. package/dist/css/ea-radio-group.style.js +0 -4
  127. package/dist/css/ea-radio.style.js +0 -4
  128. package/dist/css/ea-rate.style.js +0 -4
  129. package/dist/css/ea-result.style.js +0 -4
  130. package/dist/css/ea-row.style.js +0 -4
  131. package/dist/css/ea-scrollbar.style.js +0 -4
  132. package/dist/css/ea-segmented.style.js +0 -4
  133. package/dist/css/ea-select.style.js +0 -4
  134. package/dist/css/ea-skeleton-item.style.js +0 -4
  135. package/dist/css/ea-skeleton.style.js +0 -4
  136. package/dist/css/ea-slider.style.js +0 -4
  137. package/dist/css/ea-space.style.js +0 -4
  138. package/dist/css/ea-splitter-bar.style.js +0 -4
  139. package/dist/css/ea-splitter-panel.style.js +0 -4
  140. package/dist/css/ea-splitter.style.js +0 -4
  141. package/dist/css/ea-statistic.style.js +0 -4
  142. package/dist/css/ea-step.style.js +0 -4
  143. package/dist/css/ea-steps.style.js +0 -4
  144. package/dist/css/ea-sub-menu.style.js +0 -4
  145. package/dist/css/ea-switch.style.js +0 -4
  146. package/dist/css/ea-tab-panel.style.js +0 -4
  147. package/dist/css/ea-tab.style.js +0 -4
  148. package/dist/css/ea-table-column.style.js +0 -4
  149. package/dist/css/ea-table.style.js +0 -4
  150. package/dist/css/ea-tabs.style.js +0 -4
  151. package/dist/css/ea-tag.style.js +0 -4
  152. package/dist/css/ea-text.style.js +0 -4
  153. package/dist/css/ea-time-picker.style.js +0 -4
  154. package/dist/css/ea-timeline-item.style.js +0 -4
  155. package/dist/css/ea-timeline.style.js +0 -4
  156. package/dist/css/ea-tooltip.style.js +0 -4
  157. package/dist/css/ea-tour-step.style.js +0 -4
  158. package/dist/css/ea-tour.style.js +0 -4
  159. package/dist/css/ea-transfer.style.js +0 -5
  160. package/dist/css/ea-tree.style.js +0 -6
  161. package/dist/css/ea-ui-component.style.js +0 -4
  162. package/dist/favicon.ico +0 -0
  163. package/dist/utils/Color.js +0 -439
  164. package/dist/utils/I18nManager.js +0 -218
  165. package/dist/utils/Utils.js +0 -65
  166. package/dist/utils/Variables.js +0 -12
  167. package/dist/utils/parseTime.js +0 -73
  168. package/dist/utils/timeout.js +0 -9
@@ -1,4 +0,0 @@
1
- const o = ":host{--previous-button-visible: block;--next-button-visible: block;--finish-button-visible: none}:host{--ea-tour-step-visible: none;--ea-tour-step-width: 400px;--ea-tour-step-indicator-size: 6px;--ea-tour-step-indicator-color: var(--grey-200);--ea-tour-step-indicator-active-color: var(--blue-500);--ea-tour-step-close-color: var(--grey-500);--ea-tour-step-primary-color: var(--blue-500)}:host{display:var(--ea-tour-step-visible);position:fixed;max-width:100vw;width:var(--ea-tour-step-width);z-index:3000}:host([center]){top:50%;left:50%;transform:translate(-50%,-50%)}.ea-tour-step{box-sizing:border-box;padding:12px;background-color:#fff}.ea-tour-step__btn{margin:0 6px}.ea-tour-step__header{position:relative;box-sizing:border-box;padding-bottom:12px;padding-right:12px}.ea-tour-step__close-icon{position:absolute;right:0;top:0;color:var(--ea-tour-step-close-color);cursor:pointer}.ea-tour-step__footer{box-sizing:border-box;display:flex;align-items:center;justify-content:space-around;padding-top:12px}.ea-tour-step__indicator-group{flex:1 0 auto;display:flex;align-items:center}.ea-tour-step__indicator{box-sizing:border-box;margin:0 4px;border-radius:50%;width:var(--ea-tour-step-indicator-size);height:var(--ea-tour-step-indicator-size);background-color:var(--ea-tour-step-indicator-color)}.ea-tour-step__indicator.is-active{background-color:var(--ea-tour-step-indicator-active-color);border-color:var(--ea-tour-step-indicator-active-color)}.ea-tour-step__switch-group{flex:1 0 auto;display:flex;justify-content:flex-end;margin-top:6px}.ea-tour-step__next{display:var(--next-button-visible)}.ea-tour-step__previous{display:var(--previous-button-visible)}.ea-tour-step__finish{display:var(--finish-button-visible)}.ea-tour-step--primary{--ea-tour-step-indicator-color: rgba(255, 255, 255, .3);--ea-tour-step-indicator-active-color: white;--ea-tour-step-close-color: white;background-color:var(--ea-tour-step-primary-color);color:#fff}.ea-tour-step--primary .ea-tour-step__previous{border:1px solid white}";
2
- export {
3
- o as s
4
- };
@@ -1,4 +0,0 @@
1
- const t = ":host{--ea-tour-transition: var(--transition-normal)}:host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2001;pointer-events:none}::slotted(ea-tour-step:first-child){--previous-button-visible: none}::slotted(ea-tour-step:last-child){--next-button-visible: none;--finish-button-visible: block}.ea-tour{width:100%;height:100%;pointer-events:none;display:none}.ea-tour__svg{display:none;width:100%;height:100%;pointer-events:none}.ea-tour__mask{display:none;width:100%;height:100%;fill:#00000080;pointer-events:none}.ea-tour__hollow{transition:x var(--ea-tour-transition),y var(--ea-tour-transition),width var(--ea-tour-transition),height var(--ea-tour-transition)}.ea-tour__divider{display:none;pointer-events:auto;fill:transparent}.ea-tour__content{display:none;pointer-events:auto}.ea-tour.is-visible,.ea-tour.is-visible .ea-tour__svg{display:block}.ea-tour.is-visible+.ea-tour__content{display:block}.ea-tour.is-mask .ea-tour__divider,.ea-tour.is-mask .ea-tour__mask{display:block}";
2
- export {
3
- t as s
4
- };
@@ -1,5 +0,0 @@
1
- const e = ":host{--ea-transfer-width: 200px;--ea-transfer-height: 300px;--ea-transfer-border-color: var(--grey-200);--ea-transfer-border-radius: var(--border-radius-sm);--ea-transfer-bg-color: var(--color-white);--ea-transfer-button-bg-color: var(--primary-color);--ea-transfer-button-disabled-bg-color: var(--grey-200);--ea-transfer-button-hover-bg-color: var(--primary-color-hover);--ea-transfer-transition: var(--transition-fast);--ea-transfer-font-size: var(--font-size-md);--ea-transfer-line-height: var(--line-height-md)}:host{display:inline-block;font-size:var(--ea-transfer-font-size);line-height:var(--ea-transfer-line-height)}:host(:invalid) .ea-transfer__target-panel{border-color:var(--red-500)}.ea-transfer{display:flex;align-items:center;gap:16px}.ea-transfer__buttons{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 8px}.ea-transfer__button{padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--ea-transfer-transition)}.ea-transfer__button::part(container){width:100%}.ea-transfer.is-disabled{opacity:.6;cursor:not-allowed}.ea-transfer.is-disabled .ea-transfer__button{cursor:not-allowed}@media (max-width: 768px){.ea-transfer{flex-direction:column;align-items:stretch}.ea-transfer__panels{flex-direction:column;gap:12px}.ea-transfer__buttons{flex-direction:row;justify-content:center;order:1;margin-top:12px}}", r = ":host{--ea-transfer-panel-width: 200px;--ea-transfer-panel-height: 300px;--ea-transfer-panel-border-color: var(--grey-300);--ea-transfer-panel-background-color: var(--white);--ea-transfer-panel-header-height: 40px;--ea-transfer-panel-header-background: var(--grey-50);--ea-transfer-panel-item-height: 32px;--ea-transfer-panel-item-hover-background: var(--grey-100);--ea-transfer-panel-item-selected-background: var(--blue-50);--ea-transfer-panel-item-selected-color: var(--blue-600);--ea-transfer-panel-item-disabled-color: var(--grey-400);--ea-transfer-panel-filter-height: 40px;--ea-transfer-panel-footer-height: 40px;--ea-transfer-panel-footer-background: var(--white);--ea-transfer-panel-footer-border-color: var(--grey-300)}.ea-transfer-panel{width:var(--ea-transfer-panel-width);height:var(--ea-transfer-panel-height);border:1px solid var(--ea-transfer-panel-border-color);border-radius:var(--border-radius-base);background-color:var(--ea-transfer-panel-background-color);display:flex;flex-direction:column;overflow:hidden}.ea-transfer-panel__header{height:var(--ea-transfer-panel-header-height);padding:0 var(--spacing-sm);background-color:var(--ea-transfer-panel-header-background);border-bottom:1px solid var(--ea-transfer-panel-border-color);display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.ea-transfer-panel__checkbox{width:100%}.ea-transfer-panel__checkbox::part(container){width:100%}.ea-transfer-panel__title{flex:1;font-weight:var(--font-weight-medium);color:var(--grey-900);font-size:var(--font-size-lg)}.ea-transfer-panel__count{color:var(--grey-500);font-size:var(--font-size-xs);padding:0 var(--spacing-sm)}.ea-transfer-panel__body{flex:1;display:flex;flex-direction:column;overflow:hidden}.ea-transfer-panel__filter-wrapper{display:none}.ea-transfer-panel__filter{height:var(--ea-transfer-panel-filter-height);padding:var(--spacing-sm);padding-bottom:0;border-bottom:1px solid var(--ea-transfer-panel-border-color);flex-shrink:0}.ea-transfer-panel__filter-input{width:100%}.ea-transfer-panel__list{flex:1;overflow-y:auto;padding:var(--spacing-xs) 0}.ea-transfer-panel__empty{display:none;flex:1;align-items:center;justify-content:center;color:var(--grey-500);padding:var(--spacing-lg)}.ea-transfer-panel__footer{flex-shrink:0;display:none;align-items:center;height:var(--ea-transfer-panel-footer-height);background:var(--ea-transfer-panel-footer-background);margin:0;padding:0;border-top:1px solid var(--ea-transfer-panel-footer-border-color)}.ea-transfer-panel__item{box-sizing:border-box;width:100%;height:var(--ea-transfer-panel-item-height);padding:0 var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:background-color var(--transition-duration-fast)}.ea-transfer-panel__item:hover{background-color:var(--ea-transfer-panel-item-hover-background)}.ea-transfer-panel__item.is-disabled{color:var(--ea-transfer-panel-item-disabled-color);cursor:not-allowed}.ea-transfer-panel__item.is-disabled:hover{background-color:transparent}.ea-transfer-panel__item.is-filtered-out{display:none}.ea-transfer-panel__item-checkbox{width:100%}.ea-transfer-panel__item-checkbox::part(container){width:100%}.ea-transfer-panel.is-filterable .ea-transfer-panel__filter-wrapper{display:block}.ea-transfer-panel.is-has-footer .ea-transfer-panel__footer{display:flex}.ea-transfer-panel:not(:has(.ea-transfer-panel__item:not(.is-filtered-out))) .ea-transfer-panel__empty{display:flex}";
2
- export {
3
- e as a,
4
- r as s
5
- };
@@ -1,6 +0,0 @@
1
- const e = ':host{--ea-tree-font-size: var(--font-size-md);--ea-tree-text-color: var(--grey-700)}:host{--ea-tree-child-indent-size: 16px;--ea-tree-child-padding-vertical: var(--spacing-sm);--ea-tree-child-padding-horizontal: var(--spacing-md);--ea-tree-child-border-radius: var(--border-radius-sm);--ea-tree-child-transition: var(--transition-normal);--ea-tree-child-item-hover-bg: var(--grey-100);--ea-tree-child-item-height: 36px;--ea-tree-child-icon-size: 16px;--ea-tree-child-icon-color: var(--grey-500);--ea-tree-child-icon-hover-color: var(--blue-500)}.ea-tree{font-size:var(--ea-tree-font-size);line-height:var(--ea-tree-font-size);color:var(--ea-tree-text-color)}.ea-tree-child__item{display:flex;align-items:center;min-height:var(--ea-tree-child-item-height);padding:var(--ea-tree-child-padding-vertical) var(--ea-tree-child-padding-horizontal);margin:2px 0;border-radius:var(--ea-tree-child-border-radius);cursor:pointer;transition:all var(--ea-tree-child-transition);position:relative}.ea-tree-child__item:hover{background-color:var(--ea-tree-child-item-hover-bg);transform:translate(2px)}.ea-tree-child__children{margin-left:var(--ea-tree-child-indent-size);padding-left:0;list-style:none;position:relative}.ea-tree-child__children:before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:1px;height:100%;background:var(--grey-200)}', r = ":host{display:block;--ea-tree-label-toggle-size: 16px;--ea-tree-label-toggle-spacing: var(--spacing-sm);--ea-tree-label-cursor: pointer;--ea-tree-label-padding-vertical: var(--spacing-sm);--ea-tree-label-padding-horizontal: var(--spacing-md);--ea-tree-label-border-radius: var(--border-radius-sm);--ea-tree-label-hover-bg: var(--grey-100);--ea-tree-label-selected-bg: var(--blue-100);--ea-tree-label-selected-text-color: var(--blue-600);--ea-tree-label-selected-border-color: var(--blue-500);--ea-tree-label-transition: var(--transition-normal);--ea-tree-label-text-color: var(--grey-700);--ea-tree-label-icon-color: var(--grey-500);--ea-tree-label-icon-hover-color: var(--blue-500)}:host{display:block}:host([show-checkbox]) .ea-tree-label__checkbox{display:flex}.ea-tree-label{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--ea-tree-label-padding-vertical) var(--ea-tree-label-padding-horizontal);cursor:var(--ea-tree-label-cursor);border-radius:var(--ea-tree-label-border-radius);transition:all var(--ea-tree-label-transition);color:var(--ea-tree-label-text-color);min-height:36px;position:relative}.ea-tree-label:hover{background-color:var(--ea-tree-label-hover-bg)}.ea-tree-label__checkbox{display:none;flex-shrink:0}.ea-tree-label__toggle-icon{display:none;flex-shrink:0;align-items:center;justify-content:center;width:var(--ea-tree-label-toggle-size);height:var(--ea-tree-label-toggle-size);color:var(--ea-tree-label-icon-color);transition:all var(--ea-tree-label-transition)}.ea-tree-label__text{flex:1;min-width:0;font-weight:inherit;transition:color var(--ea-tree-label-transition)}.ea-tree-label.is-has-children .ea-tree-label__toggle-icon{display:flex}.ea-tree-label.is-expanded .ea-tree-label__toggle-icon{transform:rotate(90deg);color:var(--ea-tree-label-icon-hover-color)}.ea-tree-label.is-selected{background-color:var(--ea-tree-label-selected-bg);color:var(--ea-tree-label-selected-text-color)}", a = ':host{--ea-tree-child-indent-size: 16px;--ea-tree-child-padding-vertical: var(--spacing-sm);--ea-tree-child-padding-horizontal: var(--spacing-md);--ea-tree-child-border-radius: var(--border-radius-sm);--ea-tree-child-transition: var(--transition-normal);--ea-tree-child-item-hover-bg: var(--grey-100);--ea-tree-child-item-height: 36px;--ea-tree-child-icon-size: 16px;--ea-tree-child-icon-color: var(--grey-500);--ea-tree-child-icon-hover-color: var(--blue-500)}.ea-tree-child__item{display:flex;align-items:center;min-height:var(--ea-tree-child-item-height);padding:var(--ea-tree-child-padding-vertical) var(--ea-tree-child-padding-horizontal);margin:2px 0;border-radius:var(--ea-tree-child-border-radius);cursor:pointer;transition:all var(--ea-tree-child-transition);position:relative}.ea-tree-child__item:hover{background-color:var(--ea-tree-child-item-hover-bg);transform:translate(2px)}.ea-tree-child__children{margin-left:var(--ea-tree-child-indent-size);padding-left:0;list-style:none;position:relative}.ea-tree-child__children:before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:1px;height:100%;background:var(--grey-200)}';
2
- export {
3
- a,
4
- e as b,
5
- r as s
6
- };
@@ -1,4 +0,0 @@
1
- const e = ':host{--color-white: #ffffff;--color-black: #000000;--color-transparent: transparent;--color-border: #dcdfe6;--color-grey: #c0c4cc;--color-grey-dark: #606266;--color-grey-light: #f5f7fa;--color-blue: #409eff;--color-green: #67c23a;--color-yellow: #e6a23c;--color-red: #f56c6c;--color-muted: #909399;--blue-100: #e8f3ff;--blue-200: #cce6ff;--blue-300: #a0cfff;--blue-400: #66b1ff;--blue-500: #409eff;--blue-600: #3a8ee6;--blue-700: #337ecc;--blue-800: #266bbd;--blue-900: #1a4f91;--green-100: #f0f9eb;--green-200: #dcefd1;--green-300: #b3e19d;--green-400: #85ce61;--green-500: #67c23a;--green-600: #5daf34;--green-700: #4aa030;--green-800: #3d8e2b;--green-900: #2e6e22;--yellow-100: #fdf6ec;--yellow-200: #faecd8;--yellow-300: #f3d19e;--yellow-400: #ebb563;--yellow-500: #e6a23c;--yellow-600: #cf9236;--yellow-700: #b88230;--yellow-800: #99692a;--yellow-900: #7c4f1f;--red-100: #fef0f0;--red-200: #fde2e2;--red-300: #fab6b6;--red-400: #f78989;--red-500: #f56c6c;--red-600: #dd6161;--red-700: #c45656;--red-800: #b04343;--red-900: #8b2e2e;--grey-100: #f5f7fa;--grey-200: #ebeef5;--grey-300: #dcdfe6;--grey-400: #c0c4cc;--grey-500: #909399;--grey-600: #82848a;--grey-700: #606266;--grey-800: #4a4c50;--grey-900: #303133;--white: #ffffff;--black: #000000;--transparent: transparent;--font-family-base: "Helvetica Neue", Arial, sans-serif;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-weight-sm: 100;--font-weight-md: 400;--font-weight-bold: 700;--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 8px;--spacing-lg: 12px;--border-radius-sm: 4px;--border-radius: 6px;--border-radius-lg: 10px;--border-radius-round: 999px;--border-radius-circle: 50%;--border-width: 1px;--border-style: solid;--border-color: var(--grey-300);--ea-border: var(--border-width) var(--border-style) var(--border-color);--box-shadow-sm: 0 0 2px rgba(0, 0, 0, .08);--box-shadow-md: 0 0 6px rgba(0, 0, 0, .12);--box-shadow-lg: 0 0 12px rgba(0, 0, 0, .15);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--btn-height-sm: 32px;--btn-height-md: 40px;--btn-height-lg: 48px;--cursor-not-allowed: not-allowed;--cursor-pointer: pointer;--cursor-default: default}:host{--default-font-size: 16px;--default-loading-icon-color: var(--blue-300)}:host input,:host textarea,:host select,:host optgroup,:host fieldset{background:none}ul{list-style-type:none;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:0px;unicode-bidi:isolate}';
2
- export {
3
- e as v
4
- };
package/dist/favicon.ico DELETED
Binary file
@@ -1,439 +0,0 @@
1
- var W = (p) => {
2
- throw TypeError(p);
3
- };
4
- var R = (p, t, s) => t.has(p) || W("Cannot " + s);
5
- var $ = (p, t, s) => (R(p, t, "read from private field"), s ? s.call(p) : t.get(p)), H = (p, t, s) => t.has(p) ? W("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(p) : t.set(p, s), T = (p, t, s, r) => (R(p, t, "write to private field"), r ? r.call(p, s) : t.set(p, s), s), b = (p, t, s) => (R(p, t, "access private method"), s);
6
- var m, o, j, M, y, C, B, O, D, x, V, q, z, A, E, G, k, w, L, J, K;
7
- const v = class v {
8
- /**
9
- * 构造函数
10
- * @param {string|Object} color - 颜色值,支持 hex、rgb、hsl、hsv 格式
11
- */
12
- constructor(t) {
13
- H(this, o);
14
- H(this, m);
15
- T(this, m, this.parse(t));
16
- }
17
- /**
18
- * 解析颜色值
19
- * @param {string|Object} color - 颜色值
20
- * @returns {Object} 颜色对象
21
- */
22
- parse(t) {
23
- return t ? typeof t == "string" ? b(this, o, V).call(this, t) || b(this, o, k).call(this) : typeof t == "object" ? b(this, o, G).call(this, t) : b(this, o, k).call(this) : b(this, o, k).call(this);
24
- }
25
- /**
26
- * 静态方法:严格解析字符串颜色值
27
- * @param {string} colorStr - 颜色字符串
28
- * @returns {Object|null} 颜色对象,非法时返回null
29
- */
30
- static parseStringStrict(t) {
31
- var s, r, n, a;
32
- return !t || typeof t != "string" ? null : (t = t.trim().toLowerCase(), t.startsWith("#") ? b(s = v, M, y).call(s, t) : t.startsWith("rgb") ? b(r = v, M, C).call(r, t) : t.startsWith("hsl") ? b(n = v, M, B).call(n, t) : t.startsWith("hsv") ? b(a = v, M, O).call(a, t) : null);
33
- }
34
- hsvStrToHsvObject(t) {
35
- const s = t.match(
36
- /hsv\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(?:,\s*(\d*\.?\d+)\s*)?\)/
37
- );
38
- if (s) {
39
- const r = parseInt(s[1]), n = parseInt(s[2]) / 100, a = parseInt(s[3]) / 100, e = s[4] ? parseFloat(s[4]) : 1;
40
- return { h: r, s: n, v: a, a: e };
41
- }
42
- return null;
43
- }
44
- /**
45
- * 获取 HEX 格式颜色
46
- * @param {boolean} withAlpha - 是否包含透明度
47
- * @returns {string} HEX 颜色值
48
- */
49
- toHex(t = !1) {
50
- const { r: s, g: r, b: n, a } = $(this, m), e = (h) => {
51
- const l = Math.round(h).toString(16);
52
- return l.length === 1 ? "0" + l : l;
53
- };
54
- let i = `#${e(s)}${e(r)}${e(n)}`;
55
- return t && a < 1 && (i += e(a * 255)), i;
56
- }
57
- /**
58
- * 获取 RGB 格式颜色
59
- * @param {boolean} withAlpha - 是否包含透明度
60
- * @returns {string} RGB 颜色值
61
- */
62
- toRgb(t = !1) {
63
- const { r: s, g: r, b: n, a } = $(this, m);
64
- return t && a < 1 ? `rgba(${s}, ${r}, ${n}, ${a})` : `rgb(${s}, ${r}, ${n})`;
65
- }
66
- /**
67
- * 获取 HSL 格式颜色
68
- * @param {boolean} withAlpha - 是否包含透明度
69
- * @returns {string} HSL 颜色值
70
- */
71
- toHsl(t = !1) {
72
- const s = b(this, o, J).call(this);
73
- return t && s.a < 1 ? `hsla(${s.h}, ${s.s}%, ${s.l}%, ${s.a})` : `hsl(${s.h}, ${s.s}%, ${s.l}%)`;
74
- }
75
- /**
76
- * 获取 HSV 格式颜色
77
- * @param {boolean} withAlpha - 是否包含透明度
78
- * @returns {string} HSV 颜色值
79
- */
80
- toHsv(t = !1) {
81
- const s = b(this, o, K).call(this);
82
- return t && s.a < 1 ? `hsv(${s.h}, ${s.s}%, ${s.v}%, ${s.a})` : `hsv(${s.h}, ${s.s}%, ${s.v}%)`;
83
- }
84
- /**
85
- * 获取指定格式的颜色值
86
- * @param {"hex"|"hexa"|"rgb"|"rgba"|"hsl"|"hsla"|"hsv"} format - 颜色格式
87
- * @returns {string} 颜色值
88
- */
89
- toString(t = "hex") {
90
- switch (t.toLowerCase()) {
91
- case "hex":
92
- return this.toHex();
93
- case "hexa":
94
- return this.toHex(!0);
95
- case "rgb":
96
- return this.toRgb();
97
- case "rgba":
98
- return this.toRgb(!0);
99
- case "hsl":
100
- return this.toHsl();
101
- case "hsla":
102
- return this.toHsl(!0);
103
- case "hsv":
104
- return this.toHsv();
105
- default:
106
- return this.toHex();
107
- }
108
- }
109
- /**
110
- * 获取颜色对象
111
- * @returns {Object} 颜色对象
112
- */
113
- getValue() {
114
- return { ...$(this, m) };
115
- }
116
- /**
117
- * 设置颜色值
118
- * @param {string|Object} color - 颜色值
119
- */
120
- setValue(t) {
121
- T(this, m, this.parse(t));
122
- }
123
- /**
124
- * 获取亮度值
125
- * @returns {number} 亮度值 (0-1)
126
- */
127
- getBrightness() {
128
- const { r: t, g: s, b: r } = $(this, m);
129
- return (t * 0.299 + s * 0.587 + r * 0.114) / 255;
130
- }
131
- /**
132
- * 判断颜色是否为亮色
133
- * @returns {boolean} 是否为亮色
134
- */
135
- isLight() {
136
- return this.getBrightness() > 0.5;
137
- }
138
- /**
139
- * 判断颜色是否为暗色
140
- * @returns {boolean} 是否为暗色
141
- */
142
- isDark() {
143
- return this.getBrightness() <= 0.5;
144
- }
145
- /**
146
- * 静态方法:验证颜色字符串是否合法
147
- * @param {string} colorValue - 颜色值
148
- * @returns {boolean} 是否合法
149
- */
150
- static isValidColor(t) {
151
- return !t || typeof t != "string" ? !1 : v.parseStringStrict(t) !== null;
152
- }
153
- };
154
- m = new WeakMap(), o = new WeakSet(), /**
155
- * 解析字符串颜色值(严格模式,返回null表示非法)
156
- * @param {string} colorStr - 颜色字符串
157
- * @returns {Object|null} 颜色对象,非法时返回null
158
- */
159
- j = function(t) {
160
- return t = t.trim().toLowerCase(), t.startsWith("#") ? b(this, o, q).call(this, t) : t.startsWith("rgb") ? b(this, o, z).call(this, t) : t.startsWith("hsl") ? b(this, o, A).call(this, t) : t.startsWith("hsv") ? b(this, o, E).call(this, t) : null;
161
- }, M = new WeakSet(), y = function(t) {
162
- if (t = t.replace("#", ""), ![3, 6, 8].includes(t.length))
163
- return null;
164
- if (t.length === 3 && (t = t.split("").map((r) => r + r).join("")), t.length === 6) {
165
- const r = parseInt(t.substring(0, 2), 16), n = parseInt(t.substring(2, 4), 16), a = parseInt(t.substring(4, 6), 16);
166
- return { r, g: n, b: a, a: 1 };
167
- }
168
- if (t.length === 8) {
169
- const r = parseInt(t.substring(0, 2), 16), n = parseInt(t.substring(2, 4), 16), a = parseInt(t.substring(4, 6), 16), e = parseInt(t.substring(6, 8), 16) / 255;
170
- return { r, g: n, b: a, a: e };
171
- }
172
- return null;
173
- }, C = function(t) {
174
- const s = t.match(
175
- /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*(\d*\.?\d+)\s*)?\)/
176
- );
177
- if (s) {
178
- const r = parseInt(s[1]), n = parseInt(s[2]), a = parseInt(s[3]), e = s[4] ? parseFloat(s[4]) : 1;
179
- return r < 0 || r > 255 || n < 0 || n > 255 || a < 0 || a > 255 || e < 0 || e > 1 ? null : { r, g: n, b: a, a: e };
180
- }
181
- return null;
182
- }, B = function(t) {
183
- var r;
184
- const s = t.match(
185
- /hsla?\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(?:,\s*(\d*\.?\d+)\s*)?\)/
186
- );
187
- if (s) {
188
- const n = parseInt(s[1]), a = parseInt(s[2]) / 100, e = parseInt(s[3]) / 100, i = s[4] ? parseFloat(s[4]) : 1;
189
- return n < 0 || n > 360 || a < 0 || a > 1 || e < 0 || e > 1 || i < 0 || i > 1 ? null : b(r = v, M, D).call(r, { h: n, s: a, l: e, a: i });
190
- }
191
- return null;
192
- }, O = function(t) {
193
- var r;
194
- const s = t.match(
195
- /hsv\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(?:,\s*(\d*\.?\d+)\s*)?\)/
196
- );
197
- if (s) {
198
- const n = parseInt(s[1]), a = parseInt(s[2]) / 100, e = parseInt(s[3]) / 100, i = s[4] ? parseFloat(s[4]) : 1;
199
- return n < 0 || n > 360 || a < 0 || a > 1 || e < 0 || e > 1 || i < 0 || i > 1 ? null : b(r = v, M, x).call(r, { h: n, s: a, v: e, a: i });
200
- }
201
- return null;
202
- }, D = function(t) {
203
- const { h: s, s: r, l: n, a = 1 } = t;
204
- if (r === 0) {
205
- const u = Math.round(n * 255);
206
- return { r: u, g: u, b: u, a };
207
- }
208
- const e = (u, I, f) => (f < 0 && (f += 1), f > 1 && (f -= 1), f < 1 / 6 ? u + (I - u) * 6 * f : f < 1 / 2 ? I : f < 2 / 3 ? u + (I - u) * (2 / 3 - f) * 6 : u), i = n < 0.5 ? n * (1 + r) : n + r - n * r, h = 2 * n - i, l = s / 360, g = Math.round(e(h, i, l + 1 / 3) * 255), c = Math.round(e(h, i, l) * 255), d = Math.round(e(h, i, l - 1 / 3) * 255);
209
- return { r: g, g: c, b: d, a };
210
- }, x = function(t) {
211
- const { h: s, s: r, v: n, a = 1 } = t, e = Math.floor(s / 60) % 6, i = s / 60 - e, h = n * (1 - r), l = n * (1 - i * r), g = n * (1 - (1 - i) * r);
212
- let c, d, u;
213
- switch (e) {
214
- case 0:
215
- [c, d, u] = [n, g, h];
216
- break;
217
- case 1:
218
- [c, d, u] = [l, n, h];
219
- break;
220
- case 2:
221
- [c, d, u] = [h, n, g];
222
- break;
223
- case 3:
224
- [c, d, u] = [h, l, n];
225
- break;
226
- case 4:
227
- [c, d, u] = [g, h, n];
228
- break;
229
- case 5:
230
- [c, d, u] = [n, h, l];
231
- break;
232
- }
233
- return {
234
- r: Math.round(c * 255),
235
- g: Math.round(d * 255),
236
- b: Math.round(u * 255),
237
- a
238
- };
239
- }, /**
240
- * 解析字符串颜色值
241
- * @param {string} colorStr - 颜色字符串
242
- * @returns {Object} 颜色对象
243
- */
244
- V = function(t) {
245
- return b(this, o, j).call(this, t);
246
- }, /**
247
- * 解析 HEX 颜色
248
- * @param {string} hex - HEX 颜色值
249
- * @returns {Object|null} 颜色对象,非法时返回null
250
- */
251
- q = function(t) {
252
- if (t = t.replace("#", ""), ![3, 6, 8].includes(t.length))
253
- return null;
254
- if (t.length === 3 && (t = t.split("").map((r) => r + r).join("")), t.length === 6) {
255
- const r = parseInt(t.substring(0, 2), 16), n = parseInt(t.substring(2, 4), 16), a = parseInt(t.substring(4, 6), 16);
256
- return { r, g: n, b: a, a: 1 };
257
- }
258
- if (t.length === 8) {
259
- const r = parseInt(t.substring(0, 2), 16), n = parseInt(t.substring(2, 4), 16), a = parseInt(t.substring(4, 6), 16), e = parseInt(t.substring(6, 8), 16) / 255;
260
- return { r, g: n, b: a, a: e };
261
- }
262
- return null;
263
- }, /**
264
- * 解析 RGB 颜色
265
- * @param {string} rgbStr - RGB 颜色字符串
266
- * @returns {Object|null} 颜色对象,非法时返回null
267
- */
268
- z = function(t) {
269
- const s = t.match(
270
- /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*(\d*\.?\d+)\s*)?\)/
271
- );
272
- if (s) {
273
- const r = parseInt(s[1]), n = parseInt(s[2]), a = parseInt(s[3]), e = s[4] ? parseFloat(s[4]) : 1;
274
- return r < 0 || r > 255 || n < 0 || n > 255 || a < 0 || a > 255 || e < 0 || e > 1 ? null : { r, g: n, b: a, a: e };
275
- }
276
- return null;
277
- }, /**
278
- * 解析 HSL 颜色
279
- * @param {string} hslStr - HSL 颜色字符串
280
- * @returns {Object|null} 颜色对象,非法时返回null
281
- */
282
- A = function(t) {
283
- const s = t.match(
284
- /hsla?\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(?:,\s*(\d*\.?\d+)\s*)?\)/
285
- );
286
- if (s) {
287
- const r = parseInt(s[1]), n = parseInt(s[2]) / 100, a = parseInt(s[3]) / 100, e = s[4] ? parseFloat(s[4]) : 1;
288
- return r < 0 || r > 360 || n < 0 || n > 1 || a < 0 || a > 1 || e < 0 || e > 1 ? null : b(this, o, w).call(this, { h: r, s: n, l: a, a: e });
289
- }
290
- return null;
291
- }, /**
292
- * 解析 HSV 颜色
293
- * @param {string} hsvStr - HSV 颜色字符串
294
- * @returns {Object|null} 颜色对象,非法时返回null
295
- */
296
- E = function(t) {
297
- const s = this.hsvStrToHsvObject(t);
298
- if (s) {
299
- const r = parseInt(s.h), n = parseInt(s.s), a = parseInt(s.v), e = s.a ? parseFloat(s.a) : 1;
300
- return r < 0 || r > 360 || n < 0 || n > 1 || a < 0 || a > 1 || e < 0 || e > 1 ? null : b(this, o, L).call(this, { h: r, s: n, v: a, a: e });
301
- }
302
- return null;
303
- }, /**
304
- * 验证颜色对象
305
- * @param {Object} colorObj - 颜色对象
306
- * @returns {Object} 验证后的颜色对象
307
- */
308
- G = function(t) {
309
- const { r: s, g: r, b: n, a = 1, h: e, s: i, l: h, v: l } = t;
310
- return s !== void 0 && r !== void 0 && n !== void 0 ? {
311
- r: Math.max(0, Math.min(255, s)),
312
- g: Math.max(0, Math.min(255, r)),
313
- b: Math.max(0, Math.min(255, n)),
314
- a: Math.max(0, Math.min(1, a))
315
- } : e !== void 0 && i !== void 0 && h !== void 0 ? b(this, o, w).call(this, {
316
- h: Math.max(0, Math.min(360, e)),
317
- s: Math.max(0, Math.min(1, i)),
318
- l: Math.max(0, Math.min(1, h)),
319
- a: Math.max(0, Math.min(1, a))
320
- }) : e !== void 0 && i !== void 0 && l !== void 0 ? b(this, o, L).call(this, {
321
- h: Math.max(0, Math.min(360, e)),
322
- s: Math.max(0, Math.min(1, i)),
323
- v: Math.max(0, Math.min(1, l)),
324
- a: Math.max(0, Math.min(1, a))
325
- }) : b(this, o, k).call(this);
326
- }, /**
327
- * 获取默认颜色
328
- * @returns {Object} 默认颜色对象
329
- */
330
- k = function() {
331
- return { r: 0, g: 0, b: 0, a: 1 };
332
- }, /**
333
- * HSL 转 RGB
334
- * @param {Object} hsl - HSL 颜色对象
335
- * @returns {Object} RGB 颜色对象
336
- */
337
- w = function(t) {
338
- const { h: s, s: r, l: n, a = 1 } = t;
339
- if (r === 0) {
340
- const u = Math.round(n * 255);
341
- return { r: u, g: u, b: u, a };
342
- }
343
- const e = (u, I, f) => (f < 0 && (f += 1), f > 1 && (f -= 1), f < 1 / 6 ? u + (I - u) * 6 * f : f < 1 / 2 ? I : f < 2 / 3 ? u + (I - u) * (2 / 3 - f) * 6 : u), i = n < 0.5 ? n * (1 + r) : n + r - n * r, h = 2 * n - i, l = s / 360, g = Math.round(e(h, i, l + 1 / 3) * 255), c = Math.round(e(h, i, l) * 255), d = Math.round(e(h, i, l - 1 / 3) * 255);
344
- return { r: g, g: c, b: d, a };
345
- }, /**
346
- * HSV 转 RGB
347
- * @param {Object} hsv - HSV 颜色对象
348
- * @returns {Object} RGB 颜色对象
349
- */
350
- L = function(t) {
351
- const { h: s, s: r, v: n, a = 1 } = t, e = Math.floor(s / 60) % 6, i = s / 60 - e, h = n * (1 - r), l = n * (1 - i * r), g = n * (1 - (1 - i) * r);
352
- let c, d, u;
353
- switch (e) {
354
- case 0:
355
- [c, d, u] = [n, g, h];
356
- break;
357
- case 1:
358
- [c, d, u] = [l, n, h];
359
- break;
360
- case 2:
361
- [c, d, u] = [h, n, g];
362
- break;
363
- case 3:
364
- [c, d, u] = [h, l, n];
365
- break;
366
- case 4:
367
- [c, d, u] = [g, h, n];
368
- break;
369
- case 5:
370
- [c, d, u] = [n, h, l];
371
- break;
372
- }
373
- return {
374
- r: Math.round(c * 255),
375
- g: Math.round(d * 255),
376
- b: Math.round(u * 255),
377
- a
378
- };
379
- }, /**
380
- * RGB 转 HSL
381
- * @returns {Object} HSL 颜色对象
382
- */
383
- J = function() {
384
- const { r: t, g: s, b: r, a: n } = $(this, m), a = t / 255, e = s / 255, i = r / 255, h = Math.max(a, e, i), l = Math.min(a, e, i), g = h - l;
385
- let c = 0, d = 0;
386
- const u = (h + l) / 2;
387
- if (g !== 0) {
388
- switch (d = u > 0.5 ? g / (2 - h - l) : g / (h + l), h) {
389
- case a:
390
- c = (e - i) / g + (e < i ? 6 : 0);
391
- break;
392
- case e:
393
- c = (i - a) / g + 2;
394
- break;
395
- case i:
396
- c = (a - e) / g + 4;
397
- break;
398
- }
399
- c *= 60;
400
- }
401
- return {
402
- h: Math.round(c),
403
- s: Math.round(d * 100),
404
- l: Math.round(u * 100),
405
- a: n
406
- };
407
- }, /**
408
- * RGB 转 HSV
409
- * @returns {Object} HSV 颜色对象
410
- */
411
- K = function() {
412
- const { r: t, g: s, b: r, a: n } = $(this, m), a = t / 255, e = s / 255, i = r / 255, h = Math.max(a, e, i), l = Math.min(a, e, i), g = h - l;
413
- let c = 0;
414
- const d = h === 0 ? 0 : g / h, u = h;
415
- if (g !== 0) {
416
- switch (h) {
417
- case a:
418
- c = (e - i) / g + (e < i ? 6 : 0);
419
- break;
420
- case e:
421
- c = (i - a) / g + 2;
422
- break;
423
- case i:
424
- c = (a - e) / g + 4;
425
- break;
426
- }
427
- c *= 60;
428
- }
429
- return {
430
- h: Math.round(c),
431
- s: Math.round(d * 100),
432
- v: Math.round(u * 100),
433
- a: n
434
- };
435
- }, H(v, M);
436
- let F = v;
437
- export {
438
- F as C
439
- };