@duskmoon-dev/components 0.1.2

package/dist/infrastructure.d.ts

@@ -0,0 +1,124 @@
+import type { ComponentProps, ElementType, Ref } from "react";
+export declare const version = "0.1.1";
+export type GetProps<T extends ElementType> = ComponentProps<T>;
+export type GetProp<T, K extends keyof T> = T[K];
+export type GetRef<T> = T extends ElementType ? ComponentProps<T> extends {
+    ref?: Ref<infer R>;
+} ? R : never : never;
+export declare const theme: {
+    defaultSeed: {
+        colorPrimary: string;
+    };
+    useToken: () => {
+        token: {
+            colorInfo: string;
+            colorPrimary: string;
+            colorLink: string;
+        };
+        theme: {
+            prefixCls: string;
+            token: {
+                colorInfo: string;
+                colorPrimary: string;
+                colorLink: string;
+            };
+            components: {
+                Table: {
+                    cellFontSizeSM: number;
+                    cellPaddingBlockSM: number;
+                    headerColor: string;
+                };
+                Breadcrumb: {
+                    linkColor: string;
+                    linkHoverColor: string;
+                    itemColor: string;
+                    lastItemColor: string;
+                    separatorColor: string;
+                };
+                Menu: {
+                    collapsedWidth: number;
+                    itemMarginBlock: number;
+                    itemMarginInline: number;
+                    itemPaddingInline: number;
+                };
+                Input: {
+                    activeBorderColor: string;
+                };
+                Tabs: {
+                    inkBarColor: string;
+                    itemSelectedColor: string;
+                };
+                DatePicker: {
+                    activeBorderColor: string;
+                };
+                Tree: {
+                    directoryNodeSelectedBg: string;
+                };
+                Radio: {
+                    buttonSolidCheckedBg: string;
+                };
+            };
+        };
+        hashId: string;
+    };
+    getDesignToken: () => {
+        colorInfo: string;
+        colorPrimary: string;
+        colorLink: string;
+    };
+    defaultAlgorithm: string;
+    darkAlgorithm: string;
+    compactAlgorithm: string;
+};
+export declare function unstableSetRender(render?: (node: unknown, container: Element | DocumentFragment) => void): void;
+export declare function getUnstableRender(): ((node: unknown, container: Element | DocumentFragment) => void) | undefined;
+export declare function setDmPrefixCls(nextPrefixCls: string): void;
+export declare function setDmPrimaryColor(color: string): void;
+export declare function onDmThemeUpdate(callback: () => void): () => void;
+export declare function getDmTheme(): {
+    prefixCls: string;
+    token: {
+        colorInfo: string;
+        colorPrimary: string;
+        colorLink: string;
+    };
+    components: {
+        Table: {
+            cellFontSizeSM: number;
+            cellPaddingBlockSM: number;
+            headerColor: string;
+        };
+        Breadcrumb: {
+            linkColor: string;
+            linkHoverColor: string;
+            itemColor: string;
+            lastItemColor: string;
+            separatorColor: string;
+        };
+        Menu: {
+            collapsedWidth: number;
+            itemMarginBlock: number;
+            itemMarginInline: number;
+            itemPaddingInline: number;
+        };
+        Input: {
+            activeBorderColor: string;
+        };
+        Tabs: {
+            inkBarColor: string;
+            itemSelectedColor: string;
+        };
+        DatePicker: {
+            activeBorderColor: string;
+        };
+        Tree: {
+            directoryNodeSelectedBg: string;
+        };
+        Radio: {
+            buttonSolidCheckedBg: string;
+        };
+    };
+};
+export declare function setDmDatePickerLocale(locale: "zh" | "en"): void;
+export declare function getDmDatePickerLocale(): "zh" | "en";
+export declare function usePersistedPageSize(persistenceKey?: string, initialPageSize?: number): [number, (size: number) => void];

package/dist/infrastructure.js

@@ -0,0 +1,141 @@
+"use client";
+
+// src/infrastructure.ts
+import { useCallback, useState } from "react";
+var version = "0.1.1";
+var theme = {
+  defaultSeed: {
+    colorPrimary: "#0065ff"
+  },
+  useToken: () => ({
+    token: getDmTheme().token,
+    theme: getDmTheme(),
+    hashId: ""
+  }),
+  getDesignToken: () => getDmTheme().token,
+  defaultAlgorithm: "default",
+  darkAlgorithm: "dark",
+  compactAlgorithm: "compact"
+};
+var renderOverride;
+var primaryColor = "#0065ff";
+var prefixCls = "dm";
+var datePickerLocale = "en";
+var themeUpdateCallbacks = new Set;
+function emitThemeUpdate() {
+  for (const callback of themeUpdateCallbacks) {
+    callback();
+  }
+}
+function unstableSetRender(render) {
+  renderOverride = render;
+}
+function getUnstableRender() {
+  return renderOverride;
+}
+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;
+}
+var pageSizeSuffix = "_pageSize";
+var defaultPageSize = 10;
+function readPageSize(key, fallback) {
+  try {
+    const raw = globalThis.localStorage?.getItem(key);
+    if (raw == null) {
+      return fallback;
+    }
+    const parsed = Number(raw);
+    return Number.isFinite(parsed) && parsed > 0 ? parsed : fallback;
+  } catch {
+    return fallback;
+  }
+}
+function usePersistedPageSize(persistenceKey, initialPageSize = defaultPageSize) {
+  const storageKey = persistenceKey ? `${persistenceKey}${pageSizeSuffix}` : undefined;
+  const [pageSize, setPageSizeState] = useState(() => storageKey ? readPageSize(storageKey, initialPageSize) : initialPageSize);
+  const setPageSize = useCallback((nextPageSize) => {
+    setPageSizeState(nextPageSize);
+    if (storageKey) {
+      try {
+        globalThis.localStorage?.setItem(storageKey, String(nextPageSize));
+      } catch {}
+    }
+  }, [storageKey]);
+  return [pageSize, setPageSize];
+}
+export {
+  version,
+  usePersistedPageSize,
+  unstableSetRender,
+  theme,
+  setDmPrimaryColor,
+  setDmPrefixCls,
+  setDmDatePickerLocale,
+  onDmThemeUpdate,
+  getUnstableRender,
+  getDmTheme,
+  getDmDatePickerLocale
+};