@duskmoon-dev/components 0.3.1 → 0.3.3
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 +2 -2
- package/dist/{chunk-r9wkv7xd.js → chunk-fwjzvsrx.js} +3 -3
- package/dist/classes/chat.d.ts +35 -0
- package/dist/classes/index.d.ts +1 -0
- package/dist/classes/index.js +1271 -1184
- package/dist/components/anchor/index.js +2 -2
- package/dist/components/app/index.js +85 -85
- package/dist/components/cascader/index.js +2 -2
- package/dist/components/chat/Chat.d.ts +14 -0
- package/dist/components/chat/Chat.types.d.ts +47 -0
- package/dist/components/chat/index.d.ts +2 -0
- package/dist/components/chat/index.js +220 -0
- package/dist/components/color-picker/index.js +4 -4
- package/dist/components/config-provider/index.js +2 -2
- package/dist/components/dm-breadcrumb/index.js +18 -18
- package/dist/components/dm-date-picker/index.js +94 -94
- package/dist/components/dm-drawer/index.js +16 -16
- package/dist/components/dm-layout/index.js +189 -189
- package/dist/components/dm-menu/index.js +24 -24
- package/dist/components/dm-message/index.js +18 -18
- package/dist/components/dm-page-header/index.js +158 -158
- package/dist/components/dm-pagination/index.js +39 -39
- package/dist/components/dm-pro-table/index.js +1558 -1558
- package/dist/components/dm-provider/index.js +94 -94
- package/dist/components/dm-query/index.js +33 -31
- package/dist/components/dm-search/index.js +25 -25
- package/dist/components/dm-splitter/index.js +32 -32
- package/dist/components/dm-status/index.js +25 -25
- package/dist/components/dm-table/index.js +595 -595
- package/dist/components/dm-tabs/index.js +34 -34
- package/dist/components/dm-toolbar/index.js +23 -23
- package/dist/components/dm-tree/index.js +92 -92
- package/dist/components/dm-truncate/index.js +33 -33
- package/dist/components/dropdown/index.js +83 -83
- package/dist/components/form/index.js +2 -2
- package/dist/components/grid/index.js +2 -2
- package/dist/components/input/index.js +4 -4
- package/dist/components/markdown/index.js +1 -1
- package/dist/components/message/index.js +5 -5
- package/dist/components/notification/index.js +2 -2
- package/dist/components/popconfirm/index.js +42 -42
- package/dist/components/skeleton/index.js +5 -5
- package/dist/components/spin/index.js +2 -2
- package/dist/components/steps/index.js +2 -2
- package/dist/components/table/index.js +2 -2
- package/dist/components/tabs/index.js +2 -2
- package/dist/components/tag/index.js +2 -2
- package/dist/components/tour/index.js +62 -62
- package/dist/components/typography/index.js +4 -4
- package/dist/components/upload/index.js +5 -5
- package/dist/generated/version.d.ts +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1716 -1525
- package/dist/infrastructure.js +11 -11
- package/dist/styles.css +13430 -9848
- package/dist/theme/index.js +3 -3
- package/dist/utils/index.js +5 -5
- package/package.json +10 -6
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
// src/components/breadcrumb/
|
|
4
|
-
import
|
|
3
|
+
// src/components/dm-breadcrumb/DmBreadcrumb.tsx
|
|
4
|
+
import { forwardRef as forwardRef2, useEffect, useMemo, useState } from "react";
|
|
5
5
|
|
|
6
6
|
// ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
|
|
7
7
|
function r(e) {
|
|
@@ -28,6 +28,22 @@ function clsx() {
|
|
|
28
28
|
function cn(...inputs) {
|
|
29
29
|
return clsx(inputs);
|
|
30
30
|
}
|
|
31
|
+
// src/classes/dm-breadcrumb.ts
|
|
32
|
+
var dmBreadcrumbClass = "dm-breadcrumb";
|
|
33
|
+
var dmBreadcrumbCompactClass = "dm-breadcrumb-compact";
|
|
34
|
+
var dmBreadcrumbRecentClass = "dm-breadcrumb-recent";
|
|
35
|
+
var dmBreadcrumbValueClass = "dm-breadcrumb-value";
|
|
36
|
+
function getDmBreadcrumbClasses({
|
|
37
|
+
compact,
|
|
38
|
+
recent,
|
|
39
|
+
className
|
|
40
|
+
}) {
|
|
41
|
+
return cn(dmBreadcrumbClass, compact && dmBreadcrumbCompactClass, recent && dmBreadcrumbRecentClass, className);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
// src/components/breadcrumb/Breadcrumb.tsx
|
|
45
|
+
import React, { forwardRef } from "react";
|
|
46
|
+
|
|
31
47
|
// src/classes/breadcrumb.ts
|
|
32
48
|
var breadcrumbBaseClass = "breadcrumbs";
|
|
33
49
|
var breadcrumbItemClass = "breadcrumb-item";
|
|
@@ -308,22 +324,6 @@ var Breadcrumb = forwardRef(({
|
|
|
308
324
|
});
|
|
309
325
|
});
|
|
310
326
|
Breadcrumb.displayName = "Breadcrumb";
|
|
311
|
-
// src/components/dm-breadcrumb/DmBreadcrumb.tsx
|
|
312
|
-
import { forwardRef as forwardRef2, useEffect, useMemo, useState } from "react";
|
|
313
|
-
|
|
314
|
-
// src/classes/dm-breadcrumb.ts
|
|
315
|
-
var dmBreadcrumbClass = "dm-breadcrumb";
|
|
316
|
-
var dmBreadcrumbCompactClass = "dm-breadcrumb-compact";
|
|
317
|
-
var dmBreadcrumbRecentClass = "dm-breadcrumb-recent";
|
|
318
|
-
var dmBreadcrumbValueClass = "dm-breadcrumb-value";
|
|
319
|
-
function getDmBreadcrumbClasses({
|
|
320
|
-
compact,
|
|
321
|
-
recent,
|
|
322
|
-
className
|
|
323
|
-
}) {
|
|
324
|
-
return cn(dmBreadcrumbClass, compact && dmBreadcrumbCompactClass, recent && dmBreadcrumbRecentClass, className);
|
|
325
|
-
}
|
|
326
|
-
|
|
327
327
|
// src/components/dm-breadcrumb/DmBreadcrumb.tsx
|
|
328
328
|
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
329
329
|
var defaultStorageKey = "dm-breadcrumb-history-list";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
// src/components/date-picker/
|
|
4
|
-
import { forwardRef
|
|
3
|
+
// src/components/dm-date-picker/DmDatePicker.tsx
|
|
4
|
+
import { forwardRef as forwardRef2 } from "react";
|
|
5
5
|
|
|
6
6
|
// ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
|
|
7
7
|
function r(e) {
|
|
@@ -28,6 +28,93 @@ function clsx() {
|
|
|
28
28
|
function cn(...inputs) {
|
|
29
29
|
return clsx(inputs);
|
|
30
30
|
}
|
|
31
|
+
// src/classes/dm-date-picker.ts
|
|
32
|
+
var dmDatePickerClass = "dm-date-picker";
|
|
33
|
+
function getDmDatePickerClasses({ className }) {
|
|
34
|
+
return cn(dmDatePickerClass, className);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
// src/infrastructure.ts
|
|
38
|
+
import { useCallback, useState } from "react";
|
|
39
|
+
var primaryColor = "#0065ff";
|
|
40
|
+
var prefixCls = "dm";
|
|
41
|
+
var datePickerLocale = "en";
|
|
42
|
+
var themeUpdateCallbacks = new Set;
|
|
43
|
+
function emitThemeUpdate() {
|
|
44
|
+
for (const callback of themeUpdateCallbacks) {
|
|
45
|
+
callback();
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
function setDmPrefixCls(nextPrefixCls) {
|
|
49
|
+
prefixCls = nextPrefixCls;
|
|
50
|
+
emitThemeUpdate();
|
|
51
|
+
}
|
|
52
|
+
function setDmPrimaryColor(color) {
|
|
53
|
+
primaryColor = color;
|
|
54
|
+
emitThemeUpdate();
|
|
55
|
+
}
|
|
56
|
+
function onDmThemeUpdate(callback) {
|
|
57
|
+
themeUpdateCallbacks.add(callback);
|
|
58
|
+
return () => {
|
|
59
|
+
themeUpdateCallbacks.delete(callback);
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
function getDmTheme() {
|
|
63
|
+
return {
|
|
64
|
+
prefixCls,
|
|
65
|
+
token: {
|
|
66
|
+
colorInfo: primaryColor,
|
|
67
|
+
colorPrimary: primaryColor,
|
|
68
|
+
colorLink: primaryColor
|
|
69
|
+
},
|
|
70
|
+
components: {
|
|
71
|
+
Table: {
|
|
72
|
+
cellFontSizeSM: 12,
|
|
73
|
+
cellPaddingBlockSM: 10,
|
|
74
|
+
headerColor: "#5a607f"
|
|
75
|
+
},
|
|
76
|
+
Breadcrumb: {
|
|
77
|
+
linkColor: "#5a607f",
|
|
78
|
+
linkHoverColor: "#5a607f",
|
|
79
|
+
itemColor: "#5a607f",
|
|
80
|
+
lastItemColor: "#2f2e3f",
|
|
81
|
+
separatorColor: "#5a607f"
|
|
82
|
+
},
|
|
83
|
+
Menu: {
|
|
84
|
+
collapsedWidth: 60,
|
|
85
|
+
itemMarginBlock: 8,
|
|
86
|
+
itemMarginInline: 10,
|
|
87
|
+
itemPaddingInline: 10
|
|
88
|
+
},
|
|
89
|
+
Input: {
|
|
90
|
+
activeBorderColor: primaryColor
|
|
91
|
+
},
|
|
92
|
+
Tabs: {
|
|
93
|
+
inkBarColor: primaryColor,
|
|
94
|
+
itemSelectedColor: primaryColor
|
|
95
|
+
},
|
|
96
|
+
DatePicker: {
|
|
97
|
+
activeBorderColor: primaryColor
|
|
98
|
+
},
|
|
99
|
+
Tree: {
|
|
100
|
+
directoryNodeSelectedBg: primaryColor
|
|
101
|
+
},
|
|
102
|
+
Radio: {
|
|
103
|
+
buttonSolidCheckedBg: primaryColor
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
};
|
|
107
|
+
}
|
|
108
|
+
function setDmDatePickerLocale(locale) {
|
|
109
|
+
datePickerLocale = locale;
|
|
110
|
+
}
|
|
111
|
+
function getDmDatePickerLocale() {
|
|
112
|
+
return datePickerLocale;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
// src/components/date-picker/DatePicker.tsx
|
|
116
|
+
import { forwardRef, useMemo, useState as useState2 } from "react";
|
|
117
|
+
|
|
31
118
|
// src/classes/date-picker.ts
|
|
32
119
|
var datePickerBaseClass = "datepicker";
|
|
33
120
|
var datePickerInputClass = "datepicker-input";
|
|
@@ -137,8 +224,8 @@ var DatePickerRoot = forwardRef(({
|
|
|
137
224
|
}, ref) => {
|
|
138
225
|
const isValueControlled = value !== undefined;
|
|
139
226
|
const isOpenControlled = open !== undefined;
|
|
140
|
-
const [innerValue, setInnerValue] =
|
|
141
|
-
const [innerOpen, setInnerOpen] =
|
|
227
|
+
const [innerValue, setInnerValue] = useState2(() => normalizeDateValue(defaultValue));
|
|
228
|
+
const [innerOpen, setInnerOpen] = useState2(Boolean(defaultOpen));
|
|
142
229
|
const currentValue = isValueControlled ? normalizeDateValue(value) : innerValue;
|
|
143
230
|
const visible = isOpenControlled ? Boolean(open) : innerOpen;
|
|
144
231
|
const inputType = inputTypeForPicker(picker);
|
|
@@ -239,7 +326,7 @@ var RangePicker = forwardRef(({
|
|
|
239
326
|
...props
|
|
240
327
|
}, ref) => {
|
|
241
328
|
const isControlled = value !== undefined;
|
|
242
|
-
const [innerValue, setInnerValue] =
|
|
329
|
+
const [innerValue, setInnerValue] = useState2(defaultValue ?? [undefined, undefined]);
|
|
243
330
|
const currentValue = isControlled ? value : innerValue;
|
|
244
331
|
const inputType = inputTypeForPicker(picker);
|
|
245
332
|
function emitChange(nextValue) {
|
|
@@ -313,93 +400,6 @@ var DatePicker = Object.assign(DatePickerRoot, {
|
|
|
313
400
|
QuarterPicker: withPicker("quarter", "DatePicker.QuarterPicker"),
|
|
314
401
|
YearPicker: withPicker("year", "DatePicker.YearPicker")
|
|
315
402
|
});
|
|
316
|
-
// src/components/dm-date-picker/DmDatePicker.tsx
|
|
317
|
-
import { forwardRef as forwardRef2 } from "react";
|
|
318
|
-
|
|
319
|
-
// src/classes/dm-date-picker.ts
|
|
320
|
-
var dmDatePickerClass = "dm-date-picker";
|
|
321
|
-
function getDmDatePickerClasses({ className }) {
|
|
322
|
-
return cn(dmDatePickerClass, className);
|
|
323
|
-
}
|
|
324
|
-
|
|
325
|
-
// src/infrastructure.ts
|
|
326
|
-
import { useCallback, useState as useState2 } from "react";
|
|
327
|
-
var primaryColor = "#0065ff";
|
|
328
|
-
var prefixCls = "dm";
|
|
329
|
-
var datePickerLocale = "en";
|
|
330
|
-
var themeUpdateCallbacks = new Set;
|
|
331
|
-
function emitThemeUpdate() {
|
|
332
|
-
for (const callback of themeUpdateCallbacks) {
|
|
333
|
-
callback();
|
|
334
|
-
}
|
|
335
|
-
}
|
|
336
|
-
function setDmPrefixCls(nextPrefixCls) {
|
|
337
|
-
prefixCls = nextPrefixCls;
|
|
338
|
-
emitThemeUpdate();
|
|
339
|
-
}
|
|
340
|
-
function setDmPrimaryColor(color) {
|
|
341
|
-
primaryColor = color;
|
|
342
|
-
emitThemeUpdate();
|
|
343
|
-
}
|
|
344
|
-
function onDmThemeUpdate(callback) {
|
|
345
|
-
themeUpdateCallbacks.add(callback);
|
|
346
|
-
return () => {
|
|
347
|
-
themeUpdateCallbacks.delete(callback);
|
|
348
|
-
};
|
|
349
|
-
}
|
|
350
|
-
function getDmTheme() {
|
|
351
|
-
return {
|
|
352
|
-
prefixCls,
|
|
353
|
-
token: {
|
|
354
|
-
colorInfo: primaryColor,
|
|
355
|
-
colorPrimary: primaryColor,
|
|
356
|
-
colorLink: primaryColor
|
|
357
|
-
},
|
|
358
|
-
components: {
|
|
359
|
-
Table: {
|
|
360
|
-
cellFontSizeSM: 12,
|
|
361
|
-
cellPaddingBlockSM: 10,
|
|
362
|
-
headerColor: "#5a607f"
|
|
363
|
-
},
|
|
364
|
-
Breadcrumb: {
|
|
365
|
-
linkColor: "#5a607f",
|
|
366
|
-
linkHoverColor: "#5a607f",
|
|
367
|
-
itemColor: "#5a607f",
|
|
368
|
-
lastItemColor: "#2f2e3f",
|
|
369
|
-
separatorColor: "#5a607f"
|
|
370
|
-
},
|
|
371
|
-
Menu: {
|
|
372
|
-
collapsedWidth: 60,
|
|
373
|
-
itemMarginBlock: 8,
|
|
374
|
-
itemMarginInline: 10,
|
|
375
|
-
itemPaddingInline: 10
|
|
376
|
-
},
|
|
377
|
-
Input: {
|
|
378
|
-
activeBorderColor: primaryColor
|
|
379
|
-
},
|
|
380
|
-
Tabs: {
|
|
381
|
-
inkBarColor: primaryColor,
|
|
382
|
-
itemSelectedColor: primaryColor
|
|
383
|
-
},
|
|
384
|
-
DatePicker: {
|
|
385
|
-
activeBorderColor: primaryColor
|
|
386
|
-
},
|
|
387
|
-
Tree: {
|
|
388
|
-
directoryNodeSelectedBg: primaryColor
|
|
389
|
-
},
|
|
390
|
-
Radio: {
|
|
391
|
-
buttonSolidCheckedBg: primaryColor
|
|
392
|
-
}
|
|
393
|
-
}
|
|
394
|
-
};
|
|
395
|
-
}
|
|
396
|
-
function setDmDatePickerLocale(locale) {
|
|
397
|
-
datePickerLocale = locale;
|
|
398
|
-
}
|
|
399
|
-
function getDmDatePickerLocale() {
|
|
400
|
-
return datePickerLocale;
|
|
401
|
-
}
|
|
402
|
-
|
|
403
403
|
// src/components/dm-date-picker/DmDatePicker.tsx
|
|
404
404
|
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
405
405
|
function getDefaultPlaceholder(picker) {
|
|
@@ -454,6 +454,6 @@ DmDatePicker.YearPicker = forwardRef2((props, ref) => /* @__PURE__ */ jsx2(DmDat
|
|
|
454
454
|
picker: "year"
|
|
455
455
|
}));
|
|
456
456
|
export {
|
|
457
|
-
|
|
458
|
-
|
|
457
|
+
DmDatePicker,
|
|
458
|
+
setDmDatePickerLocale
|
|
459
459
|
};
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
+
// src/components/dm-drawer/DmDrawer.tsx
|
|
4
|
+
import { forwardRef as forwardRef2 } from "react";
|
|
5
|
+
|
|
3
6
|
// ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
|
|
4
7
|
function r(e) {
|
|
5
8
|
var t, f, n = "";
|
|
@@ -25,6 +28,19 @@ function clsx() {
|
|
|
25
28
|
function cn(...inputs) {
|
|
26
29
|
return clsx(inputs);
|
|
27
30
|
}
|
|
31
|
+
// src/classes/dm-drawer.ts
|
|
32
|
+
var dmDrawerBaseClass = "dm-drawer";
|
|
33
|
+
var dmDrawerFooterActionClass = "dm-drawer-footer-action";
|
|
34
|
+
function getDmDrawerClasses({ className }) {
|
|
35
|
+
return cn(dmDrawerBaseClass, className);
|
|
36
|
+
}
|
|
37
|
+
function getDmDrawerFooterClasses({
|
|
38
|
+
align = "right",
|
|
39
|
+
className
|
|
40
|
+
}) {
|
|
41
|
+
return cn("dm-drawer-footer", align === "left" && "dm-drawer-footer-left", align === "center" && "dm-drawer-footer-center", align === "right" && "dm-drawer-footer-right", className);
|
|
42
|
+
}
|
|
43
|
+
|
|
28
44
|
// src/classes/button.ts
|
|
29
45
|
var buttonBaseClass = "btn";
|
|
30
46
|
var buttonColorClasses = {
|
|
@@ -225,22 +241,6 @@ var Drawer = forwardRef(({
|
|
|
225
241
|
});
|
|
226
242
|
});
|
|
227
243
|
Drawer.displayName = "Drawer";
|
|
228
|
-
// src/components/dm-drawer/DmDrawer.tsx
|
|
229
|
-
import { forwardRef as forwardRef2 } from "react";
|
|
230
|
-
|
|
231
|
-
// src/classes/dm-drawer.ts
|
|
232
|
-
var dmDrawerBaseClass = "dm-drawer";
|
|
233
|
-
var dmDrawerFooterActionClass = "dm-drawer-footer-action";
|
|
234
|
-
function getDmDrawerClasses({ className }) {
|
|
235
|
-
return cn(dmDrawerBaseClass, className);
|
|
236
|
-
}
|
|
237
|
-
function getDmDrawerFooterClasses({
|
|
238
|
-
align = "right",
|
|
239
|
-
className
|
|
240
|
-
}) {
|
|
241
|
-
return cn("dm-drawer-footer", align === "left" && "dm-drawer-footer-left", align === "center" && "dm-drawer-footer-center", align === "right" && "dm-drawer-footer-right", className);
|
|
242
|
-
}
|
|
243
|
-
|
|
244
244
|
// src/components/dm-drawer/DmDrawer.tsx
|
|
245
245
|
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
246
246
|
function renderFooter({
|