@duskmoon-dev/components 0.1.2

package/dist/components/dm-provider/DmProvider.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { DmProviderProps } from "./DmProvider.types";
+export declare const DmProvider: React.ForwardRefExoticComponent<DmProviderProps & React.RefAttributes<HTMLElement>>;

package/dist/components/dm-provider/DmProvider.types.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentPropsWithoutRef, ReactNode } from "react";
+import type { ConfigProviderContextValue, ConfigProviderProps } from "../config-provider";
+export interface DmProviderProps extends Omit<ComponentPropsWithoutRef<"div">, "children" | "className"> {
+    children?: ReactNode;
+    className?: string;
+    component?: ConfigProviderProps["component"];
+    theme?: ConfigProviderContextValue["theme"];
+    prefixCls?: string;
+    locale?: Record<string, unknown>;
+    direction?: ConfigProviderProps["direction"];
+}

package/dist/components/dm-provider/index.d.ts

@@ -0,0 +1,2 @@
+export { DmProvider } from "./DmProvider";
+export type { DmProviderProps } from "./DmProvider.types";

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

@@ -0,0 +1,255 @@
+"use client";
+
+// src/components/config-provider/ConfigProvider.tsx
+import React, { createContext, forwardRef, useContext, useMemo } from "react";
+
+// ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if (typeof e == "string" || typeof e == "number")
+    n += e;
+  else if (typeof e == "object")
+    if (Array.isArray(e)) {
+      var o = e.length;
+      for (t = 0;t < o; t++)
+        e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+    } else
+      for (f in e)
+        e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length;f < o; f++)
+    (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  return clsx(inputs);
+}
+// src/classes/config-provider.ts
+var configProviderClass = "config-provider";
+var configProviderRtlClass = "config-provider-rtl";
+var configProviderLtrClass = "config-provider-ltr";
+function getConfigProviderClasses({
+  direction = "ltr",
+  className
+}) {
+  return cn(configProviderClass, direction === "rtl" ? configProviderRtlClass : configProviderLtrClass, className);
+}
+
+// src/components/config-provider/ConfigProvider.tsx
+import { jsx } from "react/jsx-runtime";
+var defaultConfig = {
+  prefixCls: "dm",
+  iconPrefixCls: "dmicon",
+  direction: "ltr",
+  virtual: true
+};
+var globalConfig = {};
+var ConfigContext = createContext(undefined);
+var ConfigProviderBase = forwardRef(({
+  children,
+  className,
+  component: Component = "div",
+  prefixCls,
+  iconPrefixCls,
+  direction,
+  locale,
+  theme,
+  getPopupContainer,
+  renderEmpty,
+  virtual,
+  wave,
+  ...props
+}, ref) => {
+  const context = useContext(ConfigContext);
+  const parent = useMemo(() => context ?? {
+    ...defaultConfig,
+    ...globalConfig
+  }, [context]);
+  const value = useMemo(() => ({
+    ...defaultConfig,
+    ...globalConfig,
+    ...parent,
+    prefixCls: prefixCls ?? parent.prefixCls ?? globalConfig.prefixCls ?? "dm",
+    iconPrefixCls: iconPrefixCls ?? parent.iconPrefixCls ?? globalConfig.iconPrefixCls ?? "dmicon",
+    direction: direction ?? parent.direction ?? globalConfig.direction ?? "ltr",
+    locale: locale ?? parent.locale ?? globalConfig.locale,
+    theme: theme ?? parent.theme ?? globalConfig.theme,
+    getPopupContainer: getPopupContainer ?? parent.getPopupContainer ?? globalConfig.getPopupContainer,
+    renderEmpty: renderEmpty ?? parent.renderEmpty ?? globalConfig.renderEmpty,
+    virtual: virtual ?? parent.virtual ?? globalConfig.virtual ?? true,
+    wave: wave ?? parent.wave ?? globalConfig.wave
+  }), [
+    direction,
+    getPopupContainer,
+    iconPrefixCls,
+    locale,
+    parent,
+    prefixCls,
+    renderEmpty,
+    theme,
+    virtual,
+    wave
+  ]);
+  const content = /* @__PURE__ */ jsx(ConfigContext.Provider, {
+    value,
+    children
+  });
+  if (Component === false) {
+    return content;
+  }
+  return React.createElement(Component, {
+    ...props,
+    ref,
+    dir: value.direction,
+    className: getConfigProviderClasses({
+      direction: value.direction,
+      className
+    })
+  }, content);
+});
+ConfigProviderBase.displayName = "ConfigProvider";
+var ConfigProvider = ConfigProviderBase;
+ConfigProvider.ConfigContext = ConfigContext;
+ConfigProvider.useConfig = () => {
+  const context = useContext(ConfigContext);
+  return context ?? { ...defaultConfig, ...globalConfig };
+};
+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(({
+  children,
+  className,
+  component = "div",
+  direction,
+  locale,
+  prefixCls: prefixCls2,
+  theme,
+  ...props
+}, ref) => {
+  const [currentTheme, setCurrentTheme] = useState2(() => getDmTheme());
+  useEffect(() => {
+    return onDmThemeUpdate(() => {
+      setCurrentTheme(getDmTheme());
+    });
+  }, []);
+  useEffect(() => {
+    if (prefixCls2) {
+      setDmPrefixCls(prefixCls2);
+    }
+  }, [prefixCls2]);
+  useEffect(() => {
+    const colorPrimary = theme?.token?.colorPrimary;
+    if (typeof colorPrimary === "string") {
+      setDmPrimaryColor(colorPrimary);
+    }
+  }, [theme]);
+  return /* @__PURE__ */ jsx2(ConfigProvider, {
+    ...props,
+    ref,
+    component,
+    className: getDmProviderClasses({ className }),
+    direction,
+    locale,
+    prefixCls: prefixCls2 ?? currentTheme.prefixCls,
+    theme: theme ?? currentTheme,
+    children
+  });
+});
+DmProvider.displayName = "DmProvider";
+export {
+  DmProvider
+};

package/dist/components/dm-query/DmQuery.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { DmQueryProps, DmQueryRef } from "./DmQuery.types";
+export declare const DmQuery: React.ForwardRefExoticComponent<Omit<DmQueryProps, "ref"> & React.RefAttributes<DmQueryRef>>;

package/dist/components/dm-query/DmQuery.types.d.ts

@@ -0,0 +1,20 @@
+import type { RefAttributes } from "react";
+import type { DmSearchItem, DmSearchProps, DmSearchRef } from "../dm-search";
+export type DmQueryItem = {
+    key: string;
+    type: DmSearchItem["search"]["type"];
+    label: string;
+    name: string;
+    extraProps?: Record<string, unknown>;
+    customProps?: Record<string, unknown>;
+};
+export interface DmQueryRef extends DmSearchRef {
+    retractChange: (value: string, data?: DmQueryItem[]) => void;
+}
+export interface DmQueryProps extends Omit<DmSearchProps, "items" | "fastFilterItem" | "ref">, RefAttributes<DmQueryRef> {
+    queryItem: DmQueryItem[];
+    fastFilterItem?: DmQueryItem;
+    collapsed?: boolean;
+    form?: unknown;
+    onReset?: () => void;
+}

package/dist/components/dm-query/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DmQuery";
+export * from "./DmQuery.types";