@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.
Files changed (58) hide show
  1. package/README.md +2 -2
  2. package/dist/{chunk-r9wkv7xd.js → chunk-fwjzvsrx.js} +3 -3
  3. package/dist/classes/chat.d.ts +35 -0
  4. package/dist/classes/index.d.ts +1 -0
  5. package/dist/classes/index.js +1271 -1184
  6. package/dist/components/anchor/index.js +2 -2
  7. package/dist/components/app/index.js +85 -85
  8. package/dist/components/cascader/index.js +2 -2
  9. package/dist/components/chat/Chat.d.ts +14 -0
  10. package/dist/components/chat/Chat.types.d.ts +47 -0
  11. package/dist/components/chat/index.d.ts +2 -0
  12. package/dist/components/chat/index.js +220 -0
  13. package/dist/components/color-picker/index.js +4 -4
  14. package/dist/components/config-provider/index.js +2 -2
  15. package/dist/components/dm-breadcrumb/index.js +18 -18
  16. package/dist/components/dm-date-picker/index.js +94 -94
  17. package/dist/components/dm-drawer/index.js +16 -16
  18. package/dist/components/dm-layout/index.js +189 -189
  19. package/dist/components/dm-menu/index.js +24 -24
  20. package/dist/components/dm-message/index.js +18 -18
  21. package/dist/components/dm-page-header/index.js +158 -158
  22. package/dist/components/dm-pagination/index.js +39 -39
  23. package/dist/components/dm-pro-table/index.js +1558 -1558
  24. package/dist/components/dm-provider/index.js +94 -94
  25. package/dist/components/dm-query/index.js +33 -31
  26. package/dist/components/dm-search/index.js +25 -25
  27. package/dist/components/dm-splitter/index.js +32 -32
  28. package/dist/components/dm-status/index.js +25 -25
  29. package/dist/components/dm-table/index.js +595 -595
  30. package/dist/components/dm-tabs/index.js +34 -34
  31. package/dist/components/dm-toolbar/index.js +23 -23
  32. package/dist/components/dm-tree/index.js +92 -92
  33. package/dist/components/dm-truncate/index.js +33 -33
  34. package/dist/components/dropdown/index.js +83 -83
  35. package/dist/components/form/index.js +2 -2
  36. package/dist/components/grid/index.js +2 -2
  37. package/dist/components/input/index.js +4 -4
  38. package/dist/components/markdown/index.js +1 -1
  39. package/dist/components/message/index.js +5 -5
  40. package/dist/components/notification/index.js +2 -2
  41. package/dist/components/popconfirm/index.js +42 -42
  42. package/dist/components/skeleton/index.js +5 -5
  43. package/dist/components/spin/index.js +2 -2
  44. package/dist/components/steps/index.js +2 -2
  45. package/dist/components/table/index.js +2 -2
  46. package/dist/components/tabs/index.js +2 -2
  47. package/dist/components/tag/index.js +2 -2
  48. package/dist/components/tour/index.js +62 -62
  49. package/dist/components/typography/index.js +4 -4
  50. package/dist/components/upload/index.js +5 -5
  51. package/dist/generated/version.d.ts +1 -1
  52. package/dist/index.d.ts +1 -0
  53. package/dist/index.js +1716 -1525
  54. package/dist/infrastructure.js +11 -11
  55. package/dist/styles.css +13430 -9848
  56. package/dist/theme/index.js +3 -3
  57. package/dist/utils/index.js +5 -5
  58. package/package.json +10 -6
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
 
3
- // src/components/breadcrumb/Breadcrumb.tsx
4
- import React, { forwardRef } from "react";
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/DatePicker.tsx
4
- import { forwardRef, useMemo, useState } from "react";
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] = useState(() => normalizeDateValue(defaultValue));
141
- const [innerOpen, setInnerOpen] = useState(Boolean(defaultOpen));
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] = useState(defaultValue ?? [undefined, undefined]);
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
- setDmDatePickerLocale,
458
- DmDatePicker
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({