@duskmoon-dev/components 0.3.0 → 0.3.3

package/dist/components/dm-provider/index.js

@@ -1,7 +1,7 @@
 "use client";
 
-// src/components/config-provider/ConfigProvider.tsx
-import React, { createContext, forwardRef, useContext, useMemo } from "react";
+// src/components/dm-provider/DmProvider.tsx
+import { forwardRef as forwardRef2, useEffect, useState as useState2 } from "react";
 
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -28,6 +28,93 @@ function clsx() {
 function cn(...inputs) {
   return clsx(inputs);
 }
+// src/classes/dm-provider.ts
+var dmProviderClass = "dm-provider";
+function getDmProviderClasses({ className }) {
+  return cn(dmProviderClass, className);
+}
+
+// src/infrastructure.ts
+import { useCallback, useState } from "react";
+var primaryColor = "#0065ff";
+var prefixCls = "dm";
+var datePickerLocale = "en";
+var themeUpdateCallbacks = new Set;
+function emitThemeUpdate() {
+  for (const callback of themeUpdateCallbacks) {
+    callback();
+  }
+}
+function setDmPrefixCls(nextPrefixCls) {
+  prefixCls = nextPrefixCls;
+  emitThemeUpdate();
+}
+function setDmPrimaryColor(color) {
+  primaryColor = color;
+  emitThemeUpdate();
+}
+function onDmThemeUpdate(callback) {
+  themeUpdateCallbacks.add(callback);
+  return () => {
+    themeUpdateCallbacks.delete(callback);
+  };
+}
+function getDmTheme() {
+  return {
+    prefixCls,
+    token: {
+      colorInfo: primaryColor,
+      colorPrimary: primaryColor,
+      colorLink: primaryColor
+    },
+    components: {
+      Table: {
+        cellFontSizeSM: 12,
+        cellPaddingBlockSM: 10,
+        headerColor: "#5a607f"
+      },
+      Breadcrumb: {
+        linkColor: "#5a607f",
+        linkHoverColor: "#5a607f",
+        itemColor: "#5a607f",
+        lastItemColor: "#2f2e3f",
+        separatorColor: "#5a607f"
+      },
+      Menu: {
+        collapsedWidth: 60,
+        itemMarginBlock: 8,
+        itemMarginInline: 10,
+        itemPaddingInline: 10
+      },
+      Input: {
+        activeBorderColor: primaryColor
+      },
+      Tabs: {
+        inkBarColor: primaryColor,
+        itemSelectedColor: primaryColor
+      },
+      DatePicker: {
+        activeBorderColor: primaryColor
+      },
+      Tree: {
+        directoryNodeSelectedBg: primaryColor
+      },
+      Radio: {
+        buttonSolidCheckedBg: primaryColor
+      }
+    }
+  };
+}
+function setDmDatePickerLocale(locale) {
+  datePickerLocale = locale;
+}
+function getDmDatePickerLocale() {
+  return datePickerLocale;
+}
+
+// src/components/config-provider/ConfigProvider.tsx
+import React, { createContext, forwardRef, useContext, useMemo } from "react";
+
 // src/classes/config-provider.ts
 var configProviderClass = "config-provider";
 var configProviderRtlClass = "config-provider-rtl";
@@ -121,93 +208,6 @@ ConfigProvider.useConfig = () => {
 ConfigProvider.config = (config) => {
   globalConfig = { ...globalConfig, ...config };
 };
-// src/components/dm-provider/DmProvider.tsx
-import { forwardRef as forwardRef2, useEffect, useState as useState2 } from "react";
-
-// src/classes/dm-provider.ts
-var dmProviderClass = "dm-provider";
-function getDmProviderClasses({ className }) {
-  return cn(dmProviderClass, className);
-}
-
-// src/infrastructure.ts
-import { useCallback, useState } from "react";
-var primaryColor = "#0065ff";
-var prefixCls = "dm";
-var datePickerLocale = "en";
-var themeUpdateCallbacks = new Set;
-function emitThemeUpdate() {
-  for (const callback of themeUpdateCallbacks) {
-    callback();
-  }
-}
-function setDmPrefixCls(nextPrefixCls) {
-  prefixCls = nextPrefixCls;
-  emitThemeUpdate();
-}
-function setDmPrimaryColor(color) {
-  primaryColor = color;
-  emitThemeUpdate();
-}
-function onDmThemeUpdate(callback) {
-  themeUpdateCallbacks.add(callback);
-  return () => {
-    themeUpdateCallbacks.delete(callback);
-  };
-}
-function getDmTheme() {
-  return {
-    prefixCls,
-    token: {
-      colorInfo: primaryColor,
-      colorPrimary: primaryColor,
-      colorLink: primaryColor
-    },
-    components: {
-      Table: {
-        cellFontSizeSM: 12,
-        cellPaddingBlockSM: 10,
-        headerColor: "#5a607f"
-      },
-      Breadcrumb: {
-        linkColor: "#5a607f",
-        linkHoverColor: "#5a607f",
-        itemColor: "#5a607f",
-        lastItemColor: "#2f2e3f",
-        separatorColor: "#5a607f"
-      },
-      Menu: {
-        collapsedWidth: 60,
-        itemMarginBlock: 8,
-        itemMarginInline: 10,
-        itemPaddingInline: 10
-      },
-      Input: {
-        activeBorderColor: primaryColor
-      },
-      Tabs: {
-        inkBarColor: primaryColor,
-        itemSelectedColor: primaryColor
-      },
-      DatePicker: {
-        activeBorderColor: primaryColor
-      },
-      Tree: {
-        directoryNodeSelectedBg: primaryColor
-      },
-      Radio: {
-        buttonSolidCheckedBg: primaryColor
-      }
-    }
-  };
-}
-function setDmDatePickerLocale(locale) {
-  datePickerLocale = locale;
-}
-function getDmDatePickerLocale() {
-  return datePickerLocale;
-}
-
 // src/components/dm-provider/DmProvider.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var DmProvider = forwardRef2(({
@@ -216,7 +216,7 @@ var DmProvider = forwardRef2(({
   component = "div",
   direction,
   locale,
-  prefixCls: prefixCls2,
+  prefixCls,
   theme,
   ...props
 }, ref) => {
@@ -227,10 +227,10 @@ var DmProvider = forwardRef2(({
     });
   }, []);
   useEffect(() => {
-    if (prefixCls2) {
-      setDmPrefixCls(prefixCls2);
+    if (prefixCls) {
+      setDmPrefixCls(prefixCls);
     }
-  }, [prefixCls2]);
+  }, [prefixCls]);
   useEffect(() => {
     const colorPrimary = theme?.token?.colorPrimary;
     if (typeof colorPrimary === "string") {
@@ -244,7 +244,7 @@ var DmProvider = forwardRef2(({
     className: getDmProviderClasses({ className }),
     direction,
     locale,
-    prefixCls: prefixCls2 ?? currentTheme.prefixCls,
+    prefixCls: prefixCls ?? currentTheme.prefixCls,
     theme: theme ?? currentTheme,
     children
   });

package/dist/components/dm-query/index.js

@@ -1,5 +1,22 @@
 "use client";
 
+// src/components/dm-query/DmQuery.tsx
+import {
+  forwardRef as forwardRef5,
+  useImperativeHandle as useImperativeHandle3,
+  useRef as useRef2,
+  useState as useState5
+} from "react";
+
+// src/components/dm-search/DmSearch.tsx
+import {
+  forwardRef as forwardRef4,
+  useEffect,
+  useImperativeHandle as useImperativeHandle2,
+  useMemo as useMemo3,
+  useState as useState4
+} from "react";
+
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
@@ -25,6 +42,22 @@ function clsx() {
 function cn(...inputs) {
   return clsx(inputs);
 }
+// src/classes/dm-search.ts
+var dmSearchBaseClass = "dm-search";
+var dmSearchCompactClass = "dm-search-compact";
+var dmSearchCollapsedClass = "dm-search-collapsed";
+var dmSearchFieldsClass = "dm-search-fields";
+var dmSearchFieldClass = "dm-search-field";
+var dmSearchActionsClass = "dm-search-actions";
+var dmSearchFastFilterClass = "dm-search-fast-filter";
+function getDmSearchClasses({
+  compact,
+  collapsed,
+  className
+}) {
+  return cn(dmSearchBaseClass, compact && dmSearchCompactClass, collapsed && dmSearchCollapsedClass, className);
+}
+
 // src/classes/button.ts
 var buttonBaseClass = "btn";
 var buttonColorClasses = {
@@ -1060,31 +1093,6 @@ SelectRoot.displayName = "Select";
 var Select = SelectRoot;
 Select.Option = Option;
 Select.OptGroup = OptGroup;
-// src/components/dm-search/DmSearch.tsx
-import {
-  forwardRef as forwardRef4,
-  useEffect,
-  useImperativeHandle as useImperativeHandle2,
-  useMemo as useMemo3,
-  useState as useState4
-} from "react";
-
-// src/classes/dm-search.ts
-var dmSearchBaseClass = "dm-search";
-var dmSearchCompactClass = "dm-search-compact";
-var dmSearchCollapsedClass = "dm-search-collapsed";
-var dmSearchFieldsClass = "dm-search-fields";
-var dmSearchFieldClass = "dm-search-field";
-var dmSearchActionsClass = "dm-search-actions";
-var dmSearchFastFilterClass = "dm-search-fast-filter";
-function getDmSearchClasses({
-  compact,
-  collapsed,
-  className
-}) {
-  return cn(dmSearchBaseClass, compact && dmSearchCompactClass, collapsed && dmSearchCollapsedClass, className);
-}
-
 // src/components/dm-search/DmSearch.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function initialValues(items, searchParams, useSearchParams = true) {
@@ -1265,12 +1273,6 @@ var DmSearch = forwardRef4(({
 });
 DmSearch.displayName = "DmSearch";
 // src/components/dm-query/DmQuery.tsx
-import {
-  forwardRef as forwardRef5,
-  useImperativeHandle as useImperativeHandle3,
-  useRef as useRef2,
-  useState as useState5
-} from "react";
 import { jsx as jsx6, jsxs as jsxs6, Fragment } from "react/jsx-runtime";
 function toSearchItem(item) {
   return {

package/dist/components/dm-search/index.js

@@ -1,5 +1,14 @@
 "use client";
 
+// src/components/dm-search/DmSearch.tsx
+import {
+  forwardRef as forwardRef4,
+  useEffect,
+  useImperativeHandle as useImperativeHandle2,
+  useMemo as useMemo3,
+  useState as useState4
+} from "react";
+
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
@@ -25,6 +34,22 @@ function clsx() {
 function cn(...inputs) {
   return clsx(inputs);
 }
+// src/classes/dm-search.ts
+var dmSearchBaseClass = "dm-search";
+var dmSearchCompactClass = "dm-search-compact";
+var dmSearchCollapsedClass = "dm-search-collapsed";
+var dmSearchFieldsClass = "dm-search-fields";
+var dmSearchFieldClass = "dm-search-field";
+var dmSearchActionsClass = "dm-search-actions";
+var dmSearchFastFilterClass = "dm-search-fast-filter";
+function getDmSearchClasses({
+  compact,
+  collapsed,
+  className
+}) {
+  return cn(dmSearchBaseClass, compact && dmSearchCompactClass, collapsed && dmSearchCollapsedClass, className);
+}
+
 // src/classes/button.ts
 var buttonBaseClass = "btn";
 var buttonColorClasses = {
@@ -1060,31 +1085,6 @@ SelectRoot.displayName = "Select";
 var Select = SelectRoot;
 Select.Option = Option;
 Select.OptGroup = OptGroup;
-// src/components/dm-search/DmSearch.tsx
-import {
-  forwardRef as forwardRef4,
-  useEffect,
-  useImperativeHandle as useImperativeHandle2,
-  useMemo as useMemo3,
-  useState as useState4
-} from "react";
-
-// src/classes/dm-search.ts
-var dmSearchBaseClass = "dm-search";
-var dmSearchCompactClass = "dm-search-compact";
-var dmSearchCollapsedClass = "dm-search-collapsed";
-var dmSearchFieldsClass = "dm-search-fields";
-var dmSearchFieldClass = "dm-search-field";
-var dmSearchActionsClass = "dm-search-actions";
-var dmSearchFastFilterClass = "dm-search-fast-filter";
-function getDmSearchClasses({
-  compact,
-  collapsed,
-  className
-}) {
-  return cn(dmSearchBaseClass, compact && dmSearchCompactClass, collapsed && dmSearchCollapsedClass, className);
-}
-
 // src/components/dm-search/DmSearch.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function initialValues(items, searchParams, useSearchParams = true) {

package/dist/components/dm-splitter/index.js

@@ -1,10 +1,13 @@
 "use client";
 
-// src/components/splitter/Splitter.tsx
-import React, {
-  forwardRef,
-  useMemo,
-  useState
+// src/components/dm-splitter/DmSplitter.tsx
+import React2, {
+  Children,
+  forwardRef as forwardRef2,
+  isValidElement,
+  useEffect,
+  useMemo as useMemo2,
+  useState as useState2
 } from "react";
 
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
@@ -32,6 +35,30 @@ function clsx() {
 function cn(...inputs) {
   return clsx(inputs);
 }
+// src/classes/dm-splitter.ts
+var dmSplitterBaseClass = "dm-splitter";
+var dmSplitterInnerClass = "dm-splitter-inner";
+var dmSplitterResetClass = "dm-splitter-reset";
+var dmSplitterPersistedClass = "dm-splitter-persisted";
+var dmSplitterLayoutClasses = {
+  horizontal: "dm-splitter-horizontal",
+  vertical: "dm-splitter-vertical"
+};
+function getDmSplitterClasses({
+  layout,
+  persisted,
+  className
+}) {
+  return cn(dmSplitterBaseClass, dmSplitterLayoutClasses[layout], persisted && dmSplitterPersistedClass, className);
+}
+
+// src/components/splitter/Splitter.tsx
+import React, {
+  forwardRef,
+  useMemo,
+  useState
+} from "react";
+
 // src/classes/splitter.ts
 var splitterBaseClass = "splitter";
 var splitterPanelClass = "splitter-panel";
@@ -222,33 +249,6 @@ var SplitterRoot = forwardRef(({
 SplitterRoot.displayName = "Splitter";
 SplitterRoot.Panel = SplitterPanel;
 var Splitter = SplitterRoot;
-// src/components/dm-splitter/DmSplitter.tsx
-import React2, {
-  Children,
-  forwardRef as forwardRef2,
-  isValidElement,
-  useEffect,
-  useMemo as useMemo2,
-  useState as useState2
-} from "react";
-
-// src/classes/dm-splitter.ts
-var dmSplitterBaseClass = "dm-splitter";
-var dmSplitterInnerClass = "dm-splitter-inner";
-var dmSplitterResetClass = "dm-splitter-reset";
-var dmSplitterPersistedClass = "dm-splitter-persisted";
-var dmSplitterLayoutClasses = {
-  horizontal: "dm-splitter-horizontal",
-  vertical: "dm-splitter-vertical"
-};
-function getDmSplitterClasses({
-  layout,
-  persisted,
-  className
-}) {
-  return cn(dmSplitterBaseClass, dmSplitterLayoutClasses[layout], persisted && dmSplitterPersistedClass, className);
-}
-
 // src/components/dm-splitter/DmSplitter.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function storageAvailable() {

package/dist/components/dm-status/index.js

@@ -1,7 +1,7 @@
 "use client";
 
-// src/components/empty/Empty.tsx
-import { forwardRef } from "react";
+// src/components/dm-status/DmStatus.tsx
+import { forwardRef as forwardRef3 } from "react";
 
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -28,6 +28,27 @@ function clsx() {
 function cn(...inputs) {
   return clsx(inputs);
 }
+// src/classes/dm-status.ts
+var dmStatusBaseClass = "dm-status";
+var dmStatusLoadingClass = "dm-status-loading";
+var dmStatusContentClass = "dm-status-content";
+var dmStatusImageClass = "dm-status-image";
+var dmStatusTypeClasses = {
+  empty: "dm-status-empty",
+  loading: "dm-status-loading-state",
+  error: "dm-status-error",
+  success: "dm-status-success"
+};
+function getDmStatusClasses({
+  status,
+  className
+}) {
+  return cn(dmStatusBaseClass, dmStatusTypeClasses[status], className);
+}
+
+// src/components/empty/Empty.tsx
+import { forwardRef } from "react";
+
 // src/classes/empty.ts
 var emptyBaseClass = "empty";
 var emptyImageClass = "empty-image";
@@ -151,8 +172,8 @@ function useDelayedSpinning(spinning, delay) {
       return;
     }
     if (!spinning) {
-      const resetTimer2 = window.setTimeout(() => setDelayedActive(false), 0);
-      return () => window.clearTimeout(resetTimer2);
+      const resetTimer = window.setTimeout(() => setDelayedActive(false), 0);
+      return () => window.clearTimeout(resetTimer);
     }
     const resetTimer = window.setTimeout(() => setDelayedActive(false), 0);
     const showTimer = window.setTimeout(() => setDelayedActive(true), delay);
@@ -219,27 +240,6 @@ var SpinBase = forwardRef2(({
 SpinBase.displayName = "Spin";
 var Spin = SpinBase;
 Spin.setDefaultIndicator = setDefaultIndicator;
-// src/components/dm-status/DmStatus.tsx
-import { forwardRef as forwardRef3 } from "react";
-
-// src/classes/dm-status.ts
-var dmStatusBaseClass = "dm-status";
-var dmStatusLoadingClass = "dm-status-loading";
-var dmStatusContentClass = "dm-status-content";
-var dmStatusImageClass = "dm-status-image";
-var dmStatusTypeClasses = {
-  empty: "dm-status-empty",
-  loading: "dm-status-loading-state",
-  error: "dm-status-error",
-  success: "dm-status-success"
-};
-function getDmStatusClasses({
-  status,
-  className
-}) {
-  return cn(dmStatusBaseClass, dmStatusTypeClasses[status], className);
-}
-
 // src/components/dm-status/DmStatus.tsx
 import { jsx as jsx3, jsxs as jsxs3, Fragment } from "react/jsx-runtime";
 var defaultDescriptions = {