rhjy-ui 0.2.4 → 0.2.5
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 +205 -125
- package/dist/data-center/RhDataCenter.vue.d.ts +5 -0
- package/dist/data-center/RhDataCenterPanel.vue.d.ts +5 -0
- package/dist/data-center/RhDataCenterTip.vue.d.ts +7 -0
- package/dist/data-center/adapter.d.ts +3 -0
- package/dist/data-center/constants.d.ts +14 -3
- package/dist/data-center/index.cjs +1 -1
- package/dist/data-center/index.d.ts +4 -1
- package/dist/data-center/index.js +447 -272
- package/dist/data-center/types.d.ts +48 -0
- package/dist/data-center/useRhDataCenter.d.ts +2 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +14 -8
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -14,6 +14,9 @@ export interface RhDataCenterTask {
|
|
|
14
14
|
categoryKey: string | number;
|
|
15
15
|
title: string;
|
|
16
16
|
tag?: string;
|
|
17
|
+
taskTypeName?: string;
|
|
18
|
+
failCount?: number;
|
|
19
|
+
taskSeconds?: number;
|
|
17
20
|
createdAt?: string;
|
|
18
21
|
progress?: number;
|
|
19
22
|
status: RhDataCenterTaskStatus;
|
|
@@ -39,4 +42,49 @@ export interface RhDataCenterTipConfig {
|
|
|
39
42
|
type?: string | number;
|
|
40
43
|
title?: string;
|
|
41
44
|
content?: string;
|
|
45
|
+
guideVariant?: RhDataCenterTipGuideVariant;
|
|
46
|
+
}
|
|
47
|
+
export type RhDataCenterTipGuideVariant = 'default' | 'normal' | 'super';
|
|
48
|
+
export declare enum RhDataCenterTaskStatusCode {
|
|
49
|
+
NotStarted = 0,
|
|
50
|
+
InProgress = 1,
|
|
51
|
+
Completed = 2,
|
|
52
|
+
Expired = 3,
|
|
53
|
+
Revoked = 4,
|
|
54
|
+
Failed = 5,
|
|
55
|
+
Queued = 6,
|
|
56
|
+
Stopped = 7
|
|
57
|
+
}
|
|
58
|
+
export type RhDataCenterTaskKind = 'import' | 'export' | 'other';
|
|
59
|
+
export interface RhDataCenterTaskKindConfig {
|
|
60
|
+
import?: readonly (string | number)[];
|
|
61
|
+
export?: readonly (string | number)[];
|
|
62
|
+
}
|
|
63
|
+
export interface RhDataCenterTaskMapContext {
|
|
64
|
+
category: RhDataCenterCategory;
|
|
65
|
+
taskKind: RhDataCenterTaskKind;
|
|
66
|
+
}
|
|
67
|
+
export interface RhDataCenterTaskActionContext extends RhDataCenterTaskMapContext {
|
|
68
|
+
taskStatus: RhDataCenterTaskStatusCode;
|
|
69
|
+
}
|
|
70
|
+
export interface RhDataCenterAdapterOptions<RawTask extends object, Query, Response> {
|
|
71
|
+
api: {
|
|
72
|
+
getTaskList: (query: Query) => Promise<Response>;
|
|
73
|
+
downloadTask?: (payload: {
|
|
74
|
+
taskId: string | number;
|
|
75
|
+
action: string;
|
|
76
|
+
task: RawTask;
|
|
77
|
+
}) => Promise<unknown>;
|
|
78
|
+
};
|
|
79
|
+
categories: RhDataCenterCategory[];
|
|
80
|
+
getQuery?: (category: RhDataCenterCategory) => Query;
|
|
81
|
+
parseResponse?: (response: Response) => RawTask[];
|
|
82
|
+
taskKind?: RhDataCenterTaskKindConfig;
|
|
83
|
+
resolveCounts?: (tasks: RawTask[], categories: RhDataCenterCategory[]) => Record<string, number>;
|
|
84
|
+
mapTask?: (task: RawTask, context: RhDataCenterTaskMapContext) => RhDataCenterTask;
|
|
85
|
+
resolveActions?: (task: RawTask, context: RhDataCenterTaskActionContext) => RhDataCenterTaskAction[];
|
|
86
|
+
}
|
|
87
|
+
export interface RhDataCenterAdapterResult {
|
|
88
|
+
loadTasks: RhDataCenterLoadTasks;
|
|
89
|
+
handleTaskAction: (payload: RhDataCenterTaskActionPayload) => Promise<void>;
|
|
42
90
|
}
|
|
@@ -7,11 +7,13 @@ declare const useRhDataCenter: () => {
|
|
|
7
7
|
type?: string | number;
|
|
8
8
|
title?: string;
|
|
9
9
|
content?: string;
|
|
10
|
+
guideVariant?: import('./types').RhDataCenterTipGuideVariant;
|
|
10
11
|
}, RhDataCenterTipConfig | {
|
|
11
12
|
minutes?: number;
|
|
12
13
|
type?: string | number;
|
|
13
14
|
title?: string;
|
|
14
15
|
content?: string;
|
|
16
|
+
guideVariant?: import('./types').RhDataCenterTipGuideVariant;
|
|
15
17
|
}>;
|
|
16
18
|
showTip: (config: RhDataCenterTipConfig) => void;
|
|
17
19
|
closeTip: () => void;
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./data-center/index.cjs"),t=require("./responsive-info-grid/index.cjs");require("vue");require("./_plugin-vue_export-helper-f246444f.cjs");exports.RhDataCenter=e.RhDataCenter;exports.RhDataCenterPanel=e.RhDataCenterPanel;exports.RhDataCenterTip=e.RhDataCenterTip;exports.useRhDataCenter=e.useRhDataCenter;exports.RhResponsiveInfoGrid=t.RhResponsiveInfoGrid;exports.RhResponsiveInfoGridItem=t.RhResponsiveInfoGridItem;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./data-center/index.cjs"),t=require("./responsive-info-grid/index.cjs");require("vue");require("./_plugin-vue_export-helper-f246444f.cjs");exports.DOWNLOAD_ACTION=e.DOWNLOAD_ACTION;exports.DOWNLOAD_FAILURE_ACTION=e.DOWNLOAD_FAILURE_ACTION;exports.RH_DATA_CENTER_ACTION=e.RH_DATA_CENTER_ACTION;exports.RH_DATA_CENTER_ACTION_LABEL=e.RH_DATA_CENTER_ACTION_LABEL;exports.RhDataCenter=e.RhDataCenter;exports.RhDataCenterPanel=e.RhDataCenterPanel;exports.RhDataCenterTaskStatusCode=e.RhDataCenterTaskStatusCode;exports.RhDataCenterTip=e.RhDataCenterTip;exports.createRhDataCenterAdapter=e.createRhDataCenterAdapter;exports.useRhDataCenter=e.useRhDataCenter;exports.RhResponsiveInfoGrid=t.RhResponsiveInfoGrid;exports.RhResponsiveInfoGridItem=t.RhResponsiveInfoGridItem;
|
package/dist/index.js
CHANGED
|
@@ -1,12 +1,18 @@
|
|
|
1
|
-
import { RhDataCenter as
|
|
2
|
-
import { RhResponsiveInfoGrid as
|
|
1
|
+
import { DOWNLOAD_ACTION as R, DOWNLOAD_FAILURE_ACTION as A, RH_DATA_CENTER_ACTION as C, RH_DATA_CENTER_ACTION_LABEL as D, RhDataCenter as n, RhDataCenterPanel as o, RhDataCenterTaskStatusCode as T, RhDataCenterTip as _, createRhDataCenterAdapter as h, useRhDataCenter as p } from "./data-center/index.js";
|
|
2
|
+
import { RhResponsiveInfoGrid as N, RhResponsiveInfoGridItem as O } from "./responsive-info-grid/index.js";
|
|
3
3
|
import "vue";
|
|
4
4
|
import "./_plugin-vue_export-helper-dad06003.js";
|
|
5
5
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
R as DOWNLOAD_ACTION,
|
|
7
|
+
A as DOWNLOAD_FAILURE_ACTION,
|
|
8
|
+
C as RH_DATA_CENTER_ACTION,
|
|
9
|
+
D as RH_DATA_CENTER_ACTION_LABEL,
|
|
10
|
+
n as RhDataCenter,
|
|
11
|
+
o as RhDataCenterPanel,
|
|
12
|
+
T as RhDataCenterTaskStatusCode,
|
|
13
|
+
_ as RhDataCenterTip,
|
|
14
|
+
N as RhResponsiveInfoGrid,
|
|
15
|
+
O as RhResponsiveInfoGridItem,
|
|
16
|
+
h as createRhDataCenterAdapter,
|
|
17
|
+
p as useRhDataCenter
|
|
12
18
|
};
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--rh-ui-data-center-primary: #00828a;--rh-ui-data-center-primary-soft: #
|
|
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__category.is-active .rh-data-center-panel__categoryCount{color:var(--rh-ui-data-center-primary)}.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-b34c61dc]{position:relative;display:inline-flex;align-items:center}.rh-data-center__trigger[data-v-b34c61dc]{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-b34c61dc]:hover,.rh-data-center__trigger.is-active[data-v-b34c61dc]{background:rgba(0,130,138,.08);color:var(--rh-ui-data-center-primary)}.rh-data-center__icon[data-v-b34c61dc]{width:22px;margin-right:5px}.rh-data-center__popover[data-v-b34c61dc]{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}}
|