easy-component-ui 3.0.13 → 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.
- package/README.md +162 -162
- package/package.json +8 -2
- package/dist/assets/icon.css +0 -1
- package/dist/components/Base.js +0 -874
- package/dist/components/ea-alert.js +0 -213
- package/dist/components/ea-avatar.js +0 -164
- package/dist/components/ea-backtop.js +0 -136
- package/dist/components/ea-badge.js +0 -144
- package/dist/components/ea-breadcrumb.js +0 -148
- package/dist/components/ea-button.js +0 -266
- package/dist/components/ea-calendar.js +0 -10
- package/dist/components/ea-calendar2.js +0 -673
- package/dist/components/ea-card.js +0 -121
- package/dist/components/ea-carousel.js +0 -415
- package/dist/components/ea-checkbox.js +0 -446
- package/dist/components/ea-collapse.js +0 -313
- package/dist/components/ea-color-picker.js +0 -888
- package/dist/components/ea-container.js +0 -206
- package/dist/components/ea-countdown.js +0 -142
- package/dist/components/ea-date-picker.js +0 -649
- package/dist/components/ea-descriptions.js +0 -474
- package/dist/components/ea-dialog.js +0 -249
- package/dist/components/ea-drawer.js +0 -216
- package/dist/components/ea-dropdown.js +0 -228
- package/dist/components/ea-empty.js +0 -93
- package/dist/components/ea-icon.js +0 -158
- package/dist/components/ea-image-preview.js +0 -532
- package/dist/components/ea-image.js +0 -327
- package/dist/components/ea-infinite-scroll.js +0 -109
- package/dist/components/ea-input-number.js +0 -367
- package/dist/components/ea-input.js +0 -588
- package/dist/components/ea-layout.js +0 -132
- package/dist/components/ea-link.js +0 -101
- package/dist/components/ea-menu.js +0 -433
- package/dist/components/ea-message-box.js +0 -624
- package/dist/components/ea-message.js +0 -314
- package/dist/components/ea-notification.js +0 -331
- package/dist/components/ea-overlay.js +0 -168
- package/dist/components/ea-page-header.js +0 -108
- package/dist/components/ea-pagination.js +0 -481
- package/dist/components/ea-popconfirm.js +0 -275
- package/dist/components/ea-popover.js +0 -147
- package/dist/components/ea-popper.js +0 -203
- package/dist/components/ea-progress.js +0 -286
- package/dist/components/ea-radio.js +0 -364
- package/dist/components/ea-rate.js +0 -241
- package/dist/components/ea-result.js +0 -100
- package/dist/components/ea-scrollbar.js +0 -235
- package/dist/components/ea-segmented.js +0 -215
- package/dist/components/ea-select.js +0 -609
- package/dist/components/ea-skeleton.js +0 -263
- package/dist/components/ea-slider.js +0 -430
- package/dist/components/ea-space.js +0 -123
- package/dist/components/ea-splitter.js +0 -233
- package/dist/components/ea-statistic.js +0 -74
- package/dist/components/ea-steps.js +0 -346
- package/dist/components/ea-switch.js +0 -271
- package/dist/components/ea-table.js +0 -1135
- package/dist/components/ea-tabs.js +0 -501
- package/dist/components/ea-tag.js +0 -228
- package/dist/components/ea-text.js +0 -113
- package/dist/components/ea-time-picker.js +0 -510
- package/dist/components/ea-timeline.js +0 -185
- package/dist/components/ea-tooltip.js +0 -161
- package/dist/components/ea-tour.js +0 -544
- package/dist/components/ea-transfer.js +0 -949
- package/dist/components/ea-tree.js +0 -1125
- package/dist/components/index.js +0 -60
- package/dist/core/FormBase.js +0 -238
- package/dist/css/ea-alert.style.js +0 -4
- package/dist/css/ea-aside.style.js +0 -4
- package/dist/css/ea-avatar.style.js +0 -4
- package/dist/css/ea-backtop.style.js +0 -4
- package/dist/css/ea-badge.style.js +0 -4
- package/dist/css/ea-breadcrumb-item.style.js +0 -4
- package/dist/css/ea-breadcrumb.style.js +0 -4
- package/dist/css/ea-button-group.style.js +0 -4
- package/dist/css/ea-button.style.js +0 -4
- package/dist/css/ea-calendar.style.js +0 -4
- package/dist/css/ea-card.style.js +0 -4
- package/dist/css/ea-carousel-item.style.js +0 -4
- package/dist/css/ea-carousel.style.js +0 -4
- package/dist/css/ea-check-tag.style.js +0 -4
- package/dist/css/ea-checkbox-group.style.js +0 -4
- package/dist/css/ea-checkbox.style.js +0 -4
- package/dist/css/ea-col.style.js +0 -4
- package/dist/css/ea-collapse-item.style.js +0 -4
- package/dist/css/ea-collapse.style.js +0 -4
- package/dist/css/ea-color-picker-panel.style.js +0 -4
- package/dist/css/ea-color-picker.style.js +0 -4
- package/dist/css/ea-container.style.js +0 -4
- package/dist/css/ea-date-picker.style.js +0 -4
- package/dist/css/ea-descriptions-item.style.js +0 -4
- package/dist/css/ea-descriptions.style.js +0 -4
- package/dist/css/ea-dialog.style.js +0 -4
- package/dist/css/ea-drawer.style.js +0 -4
- package/dist/css/ea-dropdown-item.style.js +0 -4
- package/dist/css/ea-dropdown-menu.style.js +0 -4
- package/dist/css/ea-dropdown.style.js +0 -4
- package/dist/css/ea-empty.style.js +0 -4
- package/dist/css/ea-footer.style.js +0 -4
- package/dist/css/ea-header.style.js +0 -4
- package/dist/css/ea-icon.style.js +0 -4
- package/dist/css/ea-image-preview.style.js +0 -4
- package/dist/css/ea-image.style.js +0 -4
- package/dist/css/ea-infinite-scroll.style.js +0 -4
- package/dist/css/ea-input-number.style.js +0 -4
- package/dist/css/ea-input.style.js +0 -4
- package/dist/css/ea-link.style.js +0 -4
- package/dist/css/ea-main.style.js +0 -4
- package/dist/css/ea-menu-item-group.style.js +0 -4
- package/dist/css/ea-menu-item.style.js +0 -4
- package/dist/css/ea-menu.style.js +0 -4
- package/dist/css/ea-message-box.style.js +0 -4
- package/dist/css/ea-message.style.js +0 -4
- package/dist/css/ea-notification.style.js +0 -4
- package/dist/css/ea-option-gropu.style.js +0 -4
- package/dist/css/ea-option.style.js +0 -4
- package/dist/css/ea-overlay.style.js +0 -4
- package/dist/css/ea-page-header.style.js +0 -4
- package/dist/css/ea-pagination.style.js +0 -4
- package/dist/css/ea-popconfirm.style.js +0 -4
- package/dist/css/ea-popover.style.js +0 -4
- package/dist/css/ea-popper.style.js +0 -4
- package/dist/css/ea-progress.style.js +0 -4
- package/dist/css/ea-radio-group.style.js +0 -4
- package/dist/css/ea-radio.style.js +0 -4
- package/dist/css/ea-rate.style.js +0 -4
- package/dist/css/ea-result.style.js +0 -4
- package/dist/css/ea-row.style.js +0 -4
- package/dist/css/ea-scrollbar.style.js +0 -4
- package/dist/css/ea-segmented.style.js +0 -4
- package/dist/css/ea-select.style.js +0 -4
- package/dist/css/ea-skeleton-item.style.js +0 -4
- package/dist/css/ea-skeleton.style.js +0 -4
- package/dist/css/ea-slider.style.js +0 -4
- package/dist/css/ea-space.style.js +0 -4
- package/dist/css/ea-splitter-bar.style.js +0 -4
- package/dist/css/ea-splitter-panel.style.js +0 -4
- package/dist/css/ea-splitter.style.js +0 -4
- package/dist/css/ea-statistic.style.js +0 -4
- package/dist/css/ea-step.style.js +0 -4
- package/dist/css/ea-steps.style.js +0 -4
- package/dist/css/ea-sub-menu.style.js +0 -4
- package/dist/css/ea-switch.style.js +0 -4
- package/dist/css/ea-tab-panel.style.js +0 -4
- package/dist/css/ea-tab.style.js +0 -4
- package/dist/css/ea-table-column.style.js +0 -4
- package/dist/css/ea-table.style.js +0 -4
- package/dist/css/ea-tabs.style.js +0 -4
- package/dist/css/ea-tag.style.js +0 -4
- package/dist/css/ea-text.style.js +0 -4
- package/dist/css/ea-time-picker.style.js +0 -4
- package/dist/css/ea-timeline-item.style.js +0 -4
- package/dist/css/ea-timeline.style.js +0 -4
- package/dist/css/ea-tooltip.style.js +0 -4
- package/dist/css/ea-tour-step.style.js +0 -4
- package/dist/css/ea-tour.style.js +0 -4
- package/dist/css/ea-transfer.style.js +0 -5
- package/dist/css/ea-tree.style.js +0 -6
- package/dist/css/ea-ui-component.style.js +0 -4
- package/dist/favicon.ico +0 -0
- package/dist/utils/Color.js +0 -439
- package/dist/utils/I18nManager.js +0 -218
- package/dist/utils/Utils.js +0 -65
- package/dist/utils/Variables.js +0 -12
- package/dist/utils/parseTime.js +0 -73
- 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
|
package/dist/utils/Color.js
DELETED
|
@@ -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
|
-
};
|