@oneflowui/ui 0.8.5 → 0.8.6
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.en.md +99 -22
- package/README.md +99 -22
- package/dist/components/common/ThemeScopeScene.vue.d.ts +31 -0
- package/dist/components/common/ThemeScopeScene.vue.js +7 -0
- package/dist/components/common/ThemeScopeScene.vue2.js +56 -0
- package/dist/components/common/index.d.ts +1 -0
- package/dist/composables/index.d.ts +2 -2
- package/dist/composables/useDatabaseViewMiddleware.d.ts +23 -0
- package/dist/composables/useDatabaseViewMiddleware.js +98 -71
- package/dist/composables.js +34 -31
- package/dist/index.d.ts +3 -3
- package/dist/index.js +211 -206
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
function
|
|
2
|
-
switch (
|
|
1
|
+
function n(e) {
|
|
2
|
+
switch (e.action) {
|
|
3
3
|
case "cell-edit":
|
|
4
4
|
return "单元格更新已完成";
|
|
5
5
|
case "select-record":
|
|
@@ -14,118 +14,145 @@ function i(a) {
|
|
|
14
14
|
return "数据视图已刷新";
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
|
-
function
|
|
18
|
-
return `${
|
|
17
|
+
function o(e) {
|
|
18
|
+
return `${n(e)}失败`;
|
|
19
19
|
}
|
|
20
|
-
function
|
|
20
|
+
function l(e = {}) {
|
|
21
21
|
return {
|
|
22
|
-
async after(
|
|
23
|
-
var
|
|
24
|
-
const
|
|
25
|
-
await ((
|
|
22
|
+
async after(a) {
|
|
23
|
+
var t;
|
|
24
|
+
const r = (e.resolveSuccessMessage ?? n)(a);
|
|
25
|
+
await ((t = e.onSuccess) == null ? void 0 : t.call(e, r, a));
|
|
26
26
|
},
|
|
27
|
-
async error(
|
|
28
|
-
var
|
|
29
|
-
const
|
|
30
|
-
await ((
|
|
27
|
+
async error(a) {
|
|
28
|
+
var t;
|
|
29
|
+
const r = (e.resolveErrorMessage ?? o)(a);
|
|
30
|
+
await ((t = e.onError) == null ? void 0 : t.call(e, r, a));
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
}
|
|
34
|
-
function
|
|
35
|
-
const
|
|
36
|
-
|
|
37
|
-
phase:
|
|
38
|
-
action:
|
|
39
|
-
tableId:
|
|
40
|
-
viewId:
|
|
41
|
-
selectedRecordId:
|
|
42
|
-
page:
|
|
43
|
-
pageSize:
|
|
44
|
-
totalCount:
|
|
45
|
-
payload:
|
|
46
|
-
error:
|
|
34
|
+
function u(e) {
|
|
35
|
+
const a = (r, t, i) => {
|
|
36
|
+
e.onEvent({
|
|
37
|
+
phase: r,
|
|
38
|
+
action: t.action,
|
|
39
|
+
tableId: t.tableId,
|
|
40
|
+
viewId: t.activeViewId,
|
|
41
|
+
selectedRecordId: t.selectedRecordId,
|
|
42
|
+
page: t.page,
|
|
43
|
+
pageSize: t.pageSize,
|
|
44
|
+
totalCount: t.totalCount,
|
|
45
|
+
payload: t.payload,
|
|
46
|
+
error: i
|
|
47
47
|
});
|
|
48
48
|
};
|
|
49
49
|
return {
|
|
50
|
-
before(
|
|
51
|
-
|
|
50
|
+
before(r) {
|
|
51
|
+
a("before", r);
|
|
52
52
|
},
|
|
53
|
-
after(
|
|
54
|
-
|
|
53
|
+
after(r) {
|
|
54
|
+
a("after", r);
|
|
55
55
|
},
|
|
56
|
-
error(
|
|
57
|
-
|
|
56
|
+
error(r) {
|
|
57
|
+
a("error", r, r.error);
|
|
58
58
|
}
|
|
59
59
|
};
|
|
60
60
|
}
|
|
61
|
-
function
|
|
62
|
-
const
|
|
61
|
+
function f(e) {
|
|
62
|
+
const a = e.shouldApply ?? ((r) => r.action === "cell-edit");
|
|
63
63
|
return {
|
|
64
|
-
async before(
|
|
65
|
-
|
|
64
|
+
async before(r) {
|
|
65
|
+
a(r) && await e.apply(r);
|
|
66
66
|
},
|
|
67
|
-
async error(
|
|
68
|
-
|
|
67
|
+
async error(r) {
|
|
68
|
+
a(r) && await e.revert(r);
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
71
|
}
|
|
72
|
-
function
|
|
73
|
-
const
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
72
|
+
function w(e = {}) {
|
|
73
|
+
const a = {
|
|
74
|
+
toast: e.toast ? l(e.toast) : void 0,
|
|
75
|
+
analytics: e.analytics ? u(e.analytics) : void 0,
|
|
76
|
+
optimistic: e.optimistic ? f(e.optimistic) : void 0
|
|
77
|
+
};
|
|
78
|
+
return {
|
|
79
|
+
middleware: y(
|
|
80
|
+
...e.middlewares ?? [],
|
|
81
|
+
a.analytics,
|
|
82
|
+
a.toast,
|
|
83
|
+
a.optimistic
|
|
84
|
+
),
|
|
85
|
+
presets: a
|
|
86
|
+
};
|
|
87
|
+
}
|
|
88
|
+
function d(e) {
|
|
89
|
+
const a = [];
|
|
90
|
+
for (const r of e)
|
|
91
|
+
if (r) {
|
|
92
|
+
if (Array.isArray(r)) {
|
|
93
|
+
a.push(...d(r));
|
|
78
94
|
continue;
|
|
79
95
|
}
|
|
80
|
-
|
|
96
|
+
a.push(r);
|
|
81
97
|
}
|
|
82
|
-
return
|
|
98
|
+
return a;
|
|
83
99
|
}
|
|
84
|
-
function
|
|
85
|
-
const
|
|
100
|
+
function y(...e) {
|
|
101
|
+
const a = d(e), r = /* @__PURE__ */ new WeakMap();
|
|
86
102
|
return {
|
|
87
|
-
async before(
|
|
88
|
-
let
|
|
103
|
+
async before(t) {
|
|
104
|
+
let i = 0;
|
|
89
105
|
try {
|
|
90
|
-
for (const s of
|
|
106
|
+
for (const s of a) {
|
|
91
107
|
if (!s.before) {
|
|
92
|
-
|
|
108
|
+
i += 1;
|
|
93
109
|
continue;
|
|
94
110
|
}
|
|
95
|
-
await s.before(
|
|
111
|
+
await s.before(t), i += 1;
|
|
96
112
|
}
|
|
97
|
-
|
|
113
|
+
r.set(t, i);
|
|
98
114
|
} catch (s) {
|
|
99
|
-
throw
|
|
115
|
+
throw r.set(t, i), s;
|
|
100
116
|
}
|
|
101
117
|
},
|
|
102
|
-
async after(
|
|
103
|
-
const
|
|
118
|
+
async after(t) {
|
|
119
|
+
const i = r.get(t) ?? a.length;
|
|
104
120
|
try {
|
|
105
|
-
for (let s =
|
|
106
|
-
const
|
|
107
|
-
|
|
121
|
+
for (let s = i - 1; s >= 0; s -= 1) {
|
|
122
|
+
const c = a[s];
|
|
123
|
+
c != null && c.after && await c.after(t);
|
|
108
124
|
}
|
|
109
125
|
} finally {
|
|
110
|
-
|
|
126
|
+
r.delete(t);
|
|
111
127
|
}
|
|
112
128
|
},
|
|
113
|
-
async error(
|
|
114
|
-
const
|
|
129
|
+
async error(t) {
|
|
130
|
+
const i = r.get(t) ?? a.length;
|
|
115
131
|
try {
|
|
116
|
-
for (let s =
|
|
117
|
-
const
|
|
118
|
-
|
|
132
|
+
for (let s = i - 1; s >= 0; s -= 1) {
|
|
133
|
+
const c = a[s];
|
|
134
|
+
c != null && c.error && await c.error(t);
|
|
119
135
|
}
|
|
120
136
|
} finally {
|
|
121
|
-
|
|
137
|
+
r.delete(t);
|
|
122
138
|
}
|
|
123
139
|
}
|
|
124
140
|
};
|
|
125
141
|
}
|
|
142
|
+
function g(e) {
|
|
143
|
+
var r;
|
|
144
|
+
const a = [];
|
|
145
|
+
return e.toast && a.push(l(e.toast)), e.analytics && a.push(u(e.analytics)), e.optimistic && a.push(f(e.optimistic)), (r = e.extra) != null && r.length && a.push(e.extra), a;
|
|
146
|
+
}
|
|
147
|
+
function h(e = {}) {
|
|
148
|
+
return w(e).middleware;
|
|
149
|
+
}
|
|
126
150
|
export {
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
151
|
+
y as composeDatabaseViewMiddlewares,
|
|
152
|
+
u as createDatabaseViewAnalyticsMiddleware,
|
|
153
|
+
f as createDatabaseViewOptimisticMiddleware,
|
|
154
|
+
w as createDatabaseViewPresetBundle,
|
|
155
|
+
g as createDatabaseViewPresetInputs,
|
|
156
|
+
h as createDatabaseViewPresetMiddleware,
|
|
157
|
+
l as createDatabaseViewToastMiddleware
|
|
131
158
|
};
|
package/dist/composables.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { DEFAULT_PRIORITY_MAP as
|
|
1
|
+
import { DEFAULT_PRIORITY_MAP as a, DEFAULT_STATUS_MAP as t, mergeColorMap as o, resolveBadge as s, useBadge as i } from "./composables/useBadge.js";
|
|
2
2
|
import { useStream as p } from "./composables/useStream.js";
|
|
3
|
-
import { useTypewriter as
|
|
3
|
+
import { useTypewriter as l } from "./composables/useTypewriter.js";
|
|
4
4
|
import { useAiChat as x } from "./composables/useAiChat.js";
|
|
5
5
|
import { useTableFilter as c } from "./composables/useTableFilter.js";
|
|
6
|
-
import { useTable as
|
|
7
|
-
import { useMarkdown as
|
|
6
|
+
import { useTable as w } from "./composables/useTable.js";
|
|
7
|
+
import { useMarkdown as n } from "./composables/useMarkdown.js";
|
|
8
8
|
import { useInlineEdit as T } from "./composables/useInlineEdit.js";
|
|
9
|
-
import { createVirtualListState as M, useVirtualList as
|
|
10
|
-
import { useToast as
|
|
11
|
-
import { useTableData as
|
|
12
|
-
import { useTableColumns as
|
|
9
|
+
import { createVirtualListState as M, useVirtualList as P, useVirtualListStateCache as g } from "./composables/useVirtualList.js";
|
|
10
|
+
import { useToast as C } from "./composables/useToast.js";
|
|
11
|
+
import { useTableData as k } from "./composables/useTableData.js";
|
|
12
|
+
import { useTableColumns as L } from "./composables/useTableColumns.js";
|
|
13
13
|
import { useBreakpoint as R } from "./composables/useBreakpoint.js";
|
|
14
14
|
import { useColumnResize as F } from "./composables/useColumnResize.js";
|
|
15
|
-
import { useFixedColumns as
|
|
15
|
+
import { useFixedColumns as _ } from "./composables/useFixedColumns.js";
|
|
16
16
|
import { useKeyboardNavigation as U } from "./composables/useKeyboardNavigation.js";
|
|
17
17
|
import { useRowDrag as W } from "./composables/useRowDrag.js";
|
|
18
18
|
import { useDraftRows as K } from "./composables/useDraftRows.js";
|
|
@@ -21,23 +21,26 @@ import { useDataTableSelection as q } from "./composables/useDataTableSelection.
|
|
|
21
21
|
import { buildDetailSheetCellEditPayloads as H, useDataTableDetailSheet as J } from "./composables/useDataTableDetailSheet.js";
|
|
22
22
|
import { useSchemaEngine as X } from "./composables/useSchemaEngine.js";
|
|
23
23
|
import { useSupabaseProvider as $ } from "./composables/useSupabaseProvider.js";
|
|
24
|
-
import { createLocalStorageBackend as re, createSupabaseBackend as
|
|
24
|
+
import { createLocalStorageBackend as re, createSupabaseBackend as ae, useViewPersistence as te } from "./composables/useViewPersistence.js";
|
|
25
25
|
import { useDatabaseView as se } from "./composables/useDatabaseView.js";
|
|
26
|
-
import { composeDatabaseViewMiddlewares as ue, createDatabaseViewAnalyticsMiddleware as pe, createDatabaseViewOptimisticMiddleware as me,
|
|
27
|
-
import { useDatabaseViewport as
|
|
28
|
-
import { useSearch as
|
|
26
|
+
import { composeDatabaseViewMiddlewares as ue, createDatabaseViewAnalyticsMiddleware as pe, createDatabaseViewOptimisticMiddleware as me, createDatabaseViewPresetBundle as le, createDatabaseViewPresetInputs as fe, createDatabaseViewPresetMiddleware as xe, createDatabaseViewToastMiddleware as de } from "./composables/useDatabaseViewMiddleware.js";
|
|
27
|
+
import { useDatabaseViewport as be, useDatabaseWorkspaceState as we } from "./composables/useDatabaseWorkspace.js";
|
|
28
|
+
import { useSearch as ne } from "./composables/useSearch.js";
|
|
29
29
|
export {
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
a as DEFAULT_PRIORITY_MAP,
|
|
31
|
+
t as DEFAULT_STATUS_MAP,
|
|
32
32
|
H as buildDetailSheetCellEditPayloads,
|
|
33
33
|
ue as composeDatabaseViewMiddlewares,
|
|
34
34
|
pe as createDatabaseViewAnalyticsMiddleware,
|
|
35
35
|
me as createDatabaseViewOptimisticMiddleware,
|
|
36
|
-
|
|
36
|
+
le as createDatabaseViewPresetBundle,
|
|
37
|
+
fe as createDatabaseViewPresetInputs,
|
|
38
|
+
xe as createDatabaseViewPresetMiddleware,
|
|
39
|
+
de as createDatabaseViewToastMiddleware,
|
|
37
40
|
re as createLocalStorageBackend,
|
|
38
|
-
|
|
41
|
+
ae as createSupabaseBackend,
|
|
39
42
|
M as createVirtualListState,
|
|
40
|
-
|
|
43
|
+
o as mergeColorMap,
|
|
41
44
|
s as resolveBadge,
|
|
42
45
|
x as useAiChat,
|
|
43
46
|
i as useBadge,
|
|
@@ -46,26 +49,26 @@ export {
|
|
|
46
49
|
J as useDataTableDetailSheet,
|
|
47
50
|
q as useDataTableSelection,
|
|
48
51
|
se as useDatabaseView,
|
|
49
|
-
|
|
50
|
-
|
|
52
|
+
be as useDatabaseViewport,
|
|
53
|
+
we as useDatabaseWorkspaceState,
|
|
51
54
|
K as useDraftRows,
|
|
52
|
-
|
|
55
|
+
_ as useFixedColumns,
|
|
53
56
|
T as useInlineEdit,
|
|
54
57
|
U as useKeyboardNavigation,
|
|
55
|
-
|
|
58
|
+
n as useMarkdown,
|
|
56
59
|
W as useRowDrag,
|
|
57
60
|
X as useSchemaEngine,
|
|
58
|
-
|
|
61
|
+
ne as useSearch,
|
|
59
62
|
p as useStream,
|
|
60
63
|
$ as useSupabaseProvider,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
+
w as useTable,
|
|
65
|
+
L as useTableColumns,
|
|
66
|
+
k as useTableData,
|
|
64
67
|
c as useTableFilter,
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
68
|
+
C as useToast,
|
|
69
|
+
l as useTypewriter,
|
|
70
|
+
te as useViewPersistence,
|
|
71
|
+
P as useVirtualList,
|
|
72
|
+
g as useVirtualListStateCache,
|
|
70
73
|
Y as useWorkerSort
|
|
71
74
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { ViewTab, ToolbarBtn, AddViewBtn, Badge, RangeSlider, ProgressBar, ButtonGroup, EmptyState, StatisticCard, DropdownMenu, StatusIndicator, Switch, Stepper, Accordion, Avatar, RefTag, DescBlock, ViewModeGroup, ViewSwitcher, SelectBadge, ChainItem, SectionBlock, MonitorItem, StatusSummary, InfoCard, PersonaCard, SearchHighlight, } from './components/base';
|
|
2
2
|
export type { ButtonOption, EmptyStateAction, MenuItem, StepItem, StepperProps, StepStatus, AvatarProps, RefTagProps, ViewModeOption, ViewModeGroupProps, ViewSwitcherTab, ViewSwitcherProps, SelectBadgeProps, ChainItemProps, SectionBlockProps, MonitorItemProps, StatusSummaryProps, StatusSummaryItem, InfoCardProps, PersonaCardProps, } from './components/base';
|
|
3
|
-
export { ThemeScope } from './components/common';
|
|
3
|
+
export { ThemeScope, ThemeScopeScene } from './components/common';
|
|
4
4
|
export { AppLayout, Navbar, Sidebar, StatusBar } from './components/layout';
|
|
5
5
|
export { default as FieldMarkdownPreview } from './components/field/FieldMarkdownPreview.vue';
|
|
6
6
|
export { DataTable, TableHeaderRow, TableDataRow, TableGroupRow, NewRowBtn, TableFilterPanel, TableColumnManager, TableToolbar, FieldCell, FieldTypePicker, ColumnHeaderMenu, } from './components/table';
|
|
@@ -74,9 +74,9 @@ export type { SupabaseQueryBuilder, SupabaseFilterBuilder, UseSupabaseProviderOp
|
|
|
74
74
|
export { useViewPersistence, createLocalStorageBackend, createSupabaseBackend, } from './composables/useViewPersistence';
|
|
75
75
|
export type { ViewStorageBackend, SupabaseViewBackendOptions, UseViewPersistenceOptions, } from './composables/useViewPersistence';
|
|
76
76
|
export { useDatabaseView } from './composables/useDatabaseView';
|
|
77
|
-
export { composeDatabaseViewMiddlewares, createDatabaseViewAnalyticsMiddleware, createDatabaseViewToastMiddleware, createDatabaseViewOptimisticMiddleware, } from './composables/useDatabaseViewMiddleware';
|
|
77
|
+
export { composeDatabaseViewMiddlewares, createDatabaseViewAnalyticsMiddleware, createDatabaseViewPresetInputs, createDatabaseViewPresetBundle, createDatabaseViewPresetMiddleware, createDatabaseViewToastMiddleware, createDatabaseViewOptimisticMiddleware, } from './composables/useDatabaseViewMiddleware';
|
|
78
78
|
export type { DatabaseViewActionContext, DatabaseViewActionErrorContext, DatabaseViewActionMiddleware, DatabaseViewActionMiddlewareList, DatabaseViewMode, DatabaseViewFetchParams, DatabaseViewFetchResult, DatabaseViewProvider, DatabaseSchemaEvent, DatabaseViewActions, UseDatabaseViewOptions, UseDatabaseViewResult, } from './composables/useDatabaseView';
|
|
79
|
-
export type { DatabaseViewAnalyticsEvent, DatabaseViewAnalyticsMiddlewareOptions, DatabaseViewMiddlewareInput, DatabaseViewOptimisticMiddlewareOptions, DatabaseViewToastMiddlewareOptions, } from './composables/useDatabaseViewMiddleware';
|
|
79
|
+
export type { DatabaseViewAnalyticsEvent, DatabaseViewAnalyticsMiddlewareOptions, DatabaseViewPresetMiddlewareOptions, DatabaseViewPresetBundle, DatabaseViewPresetBundleOptions, DatabaseViewMiddlewareInput, DatabaseViewOptimisticMiddlewareOptions, DatabaseViewToastMiddlewareOptions, } from './composables/useDatabaseViewMiddleware';
|
|
80
80
|
export { useDatabaseViewport, useDatabaseWorkspaceState } from './composables/useDatabaseWorkspace';
|
|
81
81
|
export { useSearch } from './composables/useSearch';
|
|
82
82
|
export type { UseSearchOptions, SearchHighlight as SearchHighlightSegment, } from './composables/useSearch';
|