rhjy-ui 0.2.7 → 0.2.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.
- package/README.md +96 -15
- package/dist/data-center/RhDataCenter.vue.d.ts +38 -31
- package/dist/data-center/RhDataCenterPanel.vue.d.ts +5 -1
- package/dist/data-center/components/RhDataCenterTaskItem.vue.d.ts +3 -1
- package/dist/data-center/index.cjs +1 -1
- package/dist/data-center/index.d.ts +1 -1
- package/dist/data-center/index.js +385 -359
- package/dist/data-center/types.d.ts +3 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -2,8 +2,10 @@ export interface RhDataCenterCategory {
|
|
|
2
2
|
key: string | number;
|
|
3
3
|
label: string;
|
|
4
4
|
query?: unknown;
|
|
5
|
+
taskTagField?: string;
|
|
5
6
|
}
|
|
6
7
|
export type RhDataCenterTaskStatus = 'waiting' | 'processing' | 'success' | 'failed';
|
|
8
|
+
export type RhDataCenterStatusIcons = Partial<Record<RhDataCenterTaskStatus, string>>;
|
|
7
9
|
export interface RhDataCenterTaskAction {
|
|
8
10
|
key: string;
|
|
9
11
|
label: string;
|
|
@@ -78,6 +80,7 @@ export interface RhDataCenterAdapterOptions<RawTask extends object, Query, Respo
|
|
|
78
80
|
}) => Promise<unknown>;
|
|
79
81
|
};
|
|
80
82
|
categories: RhDataCenterCategory[];
|
|
83
|
+
taskTagFieldByTaskType?: Record<string, string>;
|
|
81
84
|
getQuery?: (category: RhDataCenterCategory) => Query;
|
|
82
85
|
parseResponse?: (response: Response) => RawTask[];
|
|
83
86
|
parseCounts?: (response: CountResponse, categories: RhDataCenterCategory[]) => Record<string, number>;
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--rh-ui-data-center-primary: #00828a;--rh-ui-data-center-primary-soft: #E6F7F8;--rh-ui-data-center-panel-width: 715px;--rh-ui-data-center-panel-height: 500px;--rh-ui-data-center-text: #333;--rh-ui-data-center-secondary-text: #999;--rh-ui-data-center-border: #e9e9e9}.rh-data-center-panel{width:var(--rh-ui-data-center-panel-width);height:var(--rh-ui-data-center-panel-height);display:flex;overflow:hidden;box-sizing:border-box;background:#fff;border:1px solid var(--rh-ui-data-center-border);border-radius:8px;box-shadow:0 12px 32px #0f172a29}.rh-data-center-panel__sidebar{width:160px;flex:0 0 160px;box-sizing:border-box;padding:16px 0;border-right:1px solid var(--rh-ui-data-center-border);background:#F9F9F9}.rh-data-center-panel__main{min-width:0;flex:1;padding:16px 0 10px;display:flex;flex-direction:column}.rh-data-center-panel__title{display:flex;align-items:baseline;justify-content:space-between;margin:0 10px 15px 0;color:var(--rh-ui-data-center-text);font-size:16px;font-weight:600;padding-left:20px}.rh-data-center-panel__category{width:100%;min-height:32px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;margin:10px 0;padding:0 20px;border-radius:3px;color:#666;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,color .15s ease}.rh-data-center-panel__category:hover{background:#f3f7f7;color:var(--rh-ui-data-center-primary)}.rh-data-center-panel__category:focus-visible{outline:2px solid rgba(0,130,138,.35);outline-offset:1px}.rh-data-center-panel__category.is-active{background:var(--rh-ui-data-center-primary-soft);color:var(--rh-ui-data-center-primary);font-weight:600}.rh-data-center-panel__categoryCount{color:#999;font-size:12px;font-weight:400}.rh-data-center-
|
|
1
|
+
:root{--rh-ui-data-center-primary: #00828a;--rh-ui-data-center-primary-soft: #E6F7F8;--rh-ui-data-center-panel-width: 715px;--rh-ui-data-center-panel-height: 500px;--rh-ui-data-center-text: #333;--rh-ui-data-center-secondary-text: #999;--rh-ui-data-center-border: #e9e9e9}.rh-data-center-panel{width:var(--rh-ui-data-center-panel-width);height:var(--rh-ui-data-center-panel-height);display:flex;overflow:hidden;box-sizing:border-box;background:#fff;border:1px solid var(--rh-ui-data-center-border);border-radius:8px;box-shadow:0 12px 32px #0f172a29}.rh-data-center-panel__sidebar{width:160px;flex:0 0 160px;box-sizing:border-box;padding:16px 0;border-right:1px solid var(--rh-ui-data-center-border);background:#F9F9F9}.rh-data-center-panel__main{min-width:0;flex:1;padding:16px 0 10px;display:flex;flex-direction:column}.rh-data-center-panel__title{display:flex;align-items:baseline;justify-content:space-between;margin:0 10px 15px 0;color:var(--rh-ui-data-center-text);font-size:16px;font-weight:600;padding-left:20px}.rh-data-center-panel__category{width:100%;min-height:32px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;margin:10px 0;padding:0 20px;border-radius:3px;color:#666;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,color .15s ease}.rh-data-center-panel__category:hover{background:#f3f7f7;color:var(--rh-ui-data-center-primary)}.rh-data-center-panel__category:focus-visible{outline:2px solid rgba(0,130,138,.35);outline-offset:1px}.rh-data-center-panel__category.is-active{background:var(--rh-ui-data-center-primary-soft);color:var(--rh-ui-data-center-primary);font-weight:600}.rh-data-center-panel__categoryCount{color:#999;font-size:12px;font-weight:400}.rh-data-center-panel__scroll{flex:1;padding-right:10px;overflow-y:auto;padding-left:15px}.rh-data-center-panel__task{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;box-sizing:border-box;min-height:84px;margin-bottom:10px;padding:0 10px 10px 0;border-bottom:1px solid var(--rh-ui-data-center-border)}.rh-data-center-panel__task:last-child{border-bottom:none}.rh-data-center-panel__taskMain{min-width:0;flex:1}.rh-data-center-panel__taskTitle{overflow:hidden;color:var(--rh-ui-data-center-text);font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;justify-content:space-between}.rh-data-center-panel__taskTag{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:12px;background:#f5f6f7;color:#999;font-size:12px;line-height:20px;vertical-align:1px}.rh-data-center-panel__progressRow{display:flex;align-items:center;gap:8px;margin:7px 0 5px}.rh-data-center-panel__progress{flex:1;height:5px;overflow:hidden;border-radius:5px;background:#edf0f1}.rh-data-center-panel__progressBar{height:100%;border-radius:inherit;background:linear-gradient(135deg,#00B8BE 0%,#00828A 100%);transition:width .3s ease}.rh-data-center-panel__progressBar.is-failed{background:linear-gradient(135deg,#FF7878 0%,#FF4040 100%)}.rh-data-center-panel__progressStatusIcon{width:16px;height:16px;flex:0 0 16px;object-fit:contain}.rh-data-center-panel__meta,.rh-data-center-panel__message{color:var(--rh-ui-data-center-secondary-text);font-size:11px;line-height:18px}.rh-data-center-panel__message.is-failed{color:#f04444;font-size:12px}.rh-data-center-panel__message.is-waiting{color:#666}.rh-data-center-panel__actions{flex:0 0 auto;display:flex;align-items:flex-end;gap:10px;padding-bottom:1px}.rh-data-center-panel__action{padding:0;border:0;background:transparent;color:#00828a;cursor:pointer;font-size:12px;white-space:nowrap}.rh-data-center-panel__action:disabled{color:#bbb;cursor:not-allowed}.rh-data-center-panel__closeAction{display:inline-flex;align-items:center;justify-content:center}.rh-data-center-panel__closeIcon{width:20px;height:20px;display:block}.rh-data-center-panel__state{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--rh-ui-data-center-secondary-text);font-size:14px}.rh-data-center-panel__retry{border:0;background:transparent;color:var(--rh-ui-data-center-primary);cursor:pointer}.rh-data-center-panel__footer{display:flex;justify-content:space-between;box-sizing:border-box;padding:10px 10px 0 15px;color:var(--rh-ui-data-center-secondary-text);font-size:12px;border-top:1px solid #E9E9E9}.rh-data-center-tip__content{display:flex;flex-direction:column;align-items:center;color:var(--rh-ui-data-center-text)}.rh-data-center-tip__minutes{color:var(--rh-ui-data-center-primary);font-size:18px}.rh-data-center-tip__description{margin:15px 0 30px;font-size:14px;line-height:22px}.rh-data-center-tip__guide{width:120px;height:56px;position:relative;margin:-20px auto 8px;border-radius:50%;background:radial-gradient(circle at 50% 55%,rgba(0,130,138,.18),transparent 65%)}.rh-data-center-tip__guide-arrow{position:absolute;top:0;right:15px;width:32px;height:32px;border-top:3px solid var(--rh-ui-data-center-primary);border-right:3px solid var(--rh-ui-data-center-primary);transform:rotate(45deg);animation:rh-data-center-guide 1.5s ease-in-out infinite}.rh-data-center-tip__guide--image{width:0;height:0;margin:0;position:static;background:none}.rh-data-center-tip__guide-box,.rh-data-center-tip__guide-arrow-image,.rh-data-center-tip__guide-hand{position:absolute;object-fit:contain}.rh-data-center-tip__guide-box--light{top:calc(-15vh - 8px);width:154px;animation:rh-data-center-tip-light 1.5s infinite}.rh-data-center-tip__guide-box--dark{top:-15vh;width:136px;animation:rh-data-center-tip-dark 1.5s infinite}.rh-data-center-tip__guide-arrow-image--dark{top:calc(-15vh + 54px);width:47px;animation:rh-data-center-tip-dark 1.5s infinite}.rh-data-center-tip__guide-arrow-image--light{top:calc(-15vh + 40px);width:66px;animation:rh-data-center-tip-light 1.5s infinite}.rh-data-center-tip__guide-hand{top:calc(-15vh + 89px);width:64px;animation:rh-data-center-tip-hand 1.5s infinite}.rh-data-center-tip__guide-box--light.is-super{right:calc(-50vw + 538px)}.rh-data-center-tip__guide-box--dark.is-super{right:calc(-50vw + 546px)}.rh-data-center-tip__guide-arrow-image--dark.is-super{right:calc(-50vw + 486px)}.rh-data-center-tip__guide-arrow-image--light.is-super{right:calc(-50vw + 478px)}.rh-data-center-tip__guide-hand.is-super{right:calc(-50vw + 446px)}.rh-data-center-tip__guide-box--light.is-normal{right:calc(-50vw + 482px)}.rh-data-center-tip__guide-box--dark.is-normal{right:calc(-50vw + 490px)}.rh-data-center-tip__guide-arrow-image--dark.is-normal{right:calc(-50vw + 430px)}.rh-data-center-tip__guide-arrow-image--light.is-normal{right:calc(-50vw + 422px)}.rh-data-center-tip__guide-hand.is-normal{right:calc(-50vw + 390px)}@keyframes rh-data-center-tip-hand{0%,to{translate:-12px -18px}50%{translate:0 0}}@keyframes rh-data-center-tip-light{0%,to{opacity:1}50%{opacity:0}}@keyframes rh-data-center-tip-dark{0%,to{opacity:0}50%{opacity:1}}.rh-data-center-panel__subtitle{color:#999;font-weight:400;font-size:12px;margin-top:2px}.rh-data-center-panel__header{border-bottom:1px solid #E9E9E9;padding-bottom:10px;padding-left:15px}@keyframes rh-data-center-guide{0%,to{transform:translate(-8px,5px)}50%{transform:translate(0)}}.rh-data-center[data-v-27b45d21]{position:relative;display:inline-flex;align-items:center}.rh-data-center__trigger[data-v-27b45d21]{display:inline-flex;align-items:center;min-height:30px;padding:0 8px;border-radius:4px;color:var(--rh-ui-data-center-text);cursor:pointer;transition:background-color .2s ease,color .2s ease}.rh-data-center__trigger[data-v-27b45d21]:hover,.rh-data-center__trigger.is-active[data-v-27b45d21]{background:rgba(0,130,138,.08);color:var(--rh-ui-data-center-primary)}.rh-data-center__icon[data-v-27b45d21]{width:22px;margin-right:5px}.rh-data-center__popover[data-v-27b45d21]{position:fixed;z-index:3000;box-sizing:border-box}.responsive-info-grid[data-v-85b5413b]{display:grid;grid-template-columns:repeat(var(--responsive-info-grid-columns),minmax(0,1fr));gap:var(--responsive-info-grid-gap)}@media (max-width: 1200px){.responsive-info-grid[data-v-85b5413b]{grid-template-columns:repeat(var(--responsive-info-grid-tablet-columns),minmax(0,1fr))}}@media (max-width: 768px){.responsive-info-grid[data-v-85b5413b]{grid-template-columns:repeat(var(--responsive-info-grid-mobile-columns),minmax(0,1fr))}}.responsive-info-grid-item[data-v-67645283]{min-width:0;color:#333;font-size:14px;line-height:22px;word-break:break-all;display:flex}.responsive-info-grid-item__title[data-v-67645283]{display:inline-block;color:#777;white-space:nowrap}.responsive-info-grid-item__content[data-v-67645283]{display:inline}@media (max-width: 768px){.responsive-info-grid-item[data-v-67645283]{grid-column:span 1!important}}
|