zs_library 0.6.0 → 0.6.4

package/dist/components/desktop/context/config/hooks.d.ts

@@ -1 +1,13 @@
-export declare const useSortableConfig: () => import('./context').SortableConfig<any, any>;
+import { Theme } from '../../themes';
+export declare const useSortableConfig: () => {
+    theme: Theme;
+    noLetters?: boolean;
+    typeConfigMap?: import('../..').TypeConfigMap;
+    dataTypeMenuConfigMap?: import('../..').DataTypeMenuConfigMap;
+    contextMenu?: false | import('../../context-menu').ContextMenuProps<any, any> | ((data: import('../..').SortItem<any, any>) => false | import('../../context-menu').ContextMenuProps<any, any>) | undefined;
+    pagingDotsBuilder?: (dots: React.ReactNode) => React.JSX.Element;
+    pagingDotBuilder?: ((item: import('../..').ListItem<any, any>, index: number, isActive: boolean) => React.JSX.Element) | undefined;
+    itemBuilder?: ((item: import('../..').SortItem<any, any>) => React.ReactNode) | undefined;
+    itemIconBuilder?: ((item: import('../..').SortItem<any, any>) => React.ReactNode) | undefined;
+    contextMenuBuilder?: ((data: import('../..').SortItem<any, any>) => import('../../context-menu').ContextMenuProps<any, any>) | undefined;
+};

package/dist/components/desktop/context-menu/content.d.ts

@@ -0,0 +1,6 @@
+import { motion } from 'motion/react';
+import { FC } from 'react';
+export interface ContentMenuContextProps extends React.ComponentProps<typeof motion.div> {
+}
+declare const ContextMenuContent: FC<ContentMenuContextProps>;
+export default ContextMenuContent;

package/dist/components/desktop/context-menu/hover-context.d.ts

@@ -0,0 +1,5 @@
+export interface HoverContextType {
+    hoveredIndex: number | null;
+    setHoveredIndex: (index: number | null) => void;
+}
+export declare const HoverContext: import('react').Context<HoverContextType>;

package/dist/components/desktop/context-menu/index.d.ts

@@ -12,3 +12,11 @@ export interface ContextMenuProps<D, C> {
 }
 declare const ContextMenu: <D, C>(props: ContextMenuProps<D, C>) => import("react/jsx-runtime").JSX.Element;
 export default ContextMenu;
+export { MenuItem } from './menu-item';
+export { SubMenuItem } from './sub-menu-item';
+export { SizeSubMenuContent } from './size-sub-menu-content';
+export { HoverContext } from './hover-context';
+export type { MenuItemProps } from './menu-item';
+export type { SubMenuItemProps } from './sub-menu-item';
+export type { SizeMenuItemProps } from './size-sub-menu-content';
+export type { HoverContextType } from './hover-context';

package/dist/components/desktop/context-menu/menu-item.d.ts

@@ -0,0 +1,10 @@
+export interface MenuItemProps {
+    icon?: React.ReactNode;
+    text: string;
+    color?: string;
+    textColor?: string;
+    onClick?: () => void;
+    index: number;
+    children?: React.ReactNode;
+}
+export declare const MenuItem: ({ icon, text, color, textColor, onClick, index, children, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/desktop/context-menu/size-sub-menu-content.d.ts

@@ -0,0 +1,6 @@
+export interface SizeMenuItemProps {
+    sizes: string[];
+    currentSize: string;
+    onSizeChange: (size: string) => void;
+}
+export declare const SizeSubMenuContent: ({ sizes, currentSize, onSizeChange }: SizeMenuItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/desktop/context-menu/sub-menu-item.d.ts

@@ -0,0 +1,9 @@
+export interface SubMenuItemProps {
+    text: string;
+    icon: React.ReactNode;
+    index: number;
+    children: React.ReactNode;
+    color?: string;
+    textColor?: string;
+}
+export declare const SubMenuItem: ({ text, icon, index, children, color, textColor, ...props }: SubMenuItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/desktop/dock/dock.d.ts

@@ -1,14 +1,14 @@
 import { default as React } from 'react';
 import { SortItem } from '../types';
-export interface DockProps {
+export interface DockProps<D, C> {
     /**
      * dock 项目列表
      */
-    items?: SortItem[];
+    items?: SortItem<D, C>[];
     /**
      * 固定项目列表（在sortable之前显示，不可拖拽排序）
      */
-    fixedItems?: SortItem[];
+    fixedItems?: SortItem<D, C>[];
     /**
      * dock 位置
      */
@@ -20,15 +20,15 @@ export interface DockProps {
     /**
      * dock 项目点击事件
      */
-    onItemClick?: (item: SortItem) => void;
+    onItemClick?: (item: SortItem<D, C>) => void;
     /**
      * 自定义项目渲染
      */
-    itemBuilder?: (item: SortItem, index: number) => React.ReactNode;
+    itemBuilder?: (item: SortItem<D, C>, index: number) => React.ReactNode;
     /**
      * 自定义固定项目渲染
      */
-    fixedItemBuilder?: (item: SortItem, index: number) => React.ReactNode;
+    fixedItemBuilder?: (item: SortItem<D, C>, index: number) => React.ReactNode;
     /**
      * 是否显示启动台按钮
      */
@@ -44,7 +44,7 @@ export interface DockProps {
     /**
      * dock 项目列表变更事件
      */
-    onDockItemsChange?: (items: SortItem[]) => void;
+    onDockItemsChange?: (items: SortItem<D, C>[]) => void;
 }
-declare const Dock: React.FC<DockProps>;
+declare const Dock: <D, C>({ items, fixedItems, position, className, itemBuilder, fixedItemBuilder, showLaunchpad, onLaunchpadClick, onDrop, onDockItemsChange, }: DockProps<D, C>) => import("react/jsx-runtime").JSX.Element | null;
 export default Dock;

package/dist/components/desktop/dock/stacked-icon.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { Theme } from '../themes';
 export interface StackedIconProps {
     /**
      * 点击事件
@@ -8,6 +9,10 @@ export interface StackedIconProps {
      * 自定义类名
      */
     className?: string;
+    /**
+     * 主题配置
+     */
+    theme?: Theme;
 }
 declare const StackedIcon: React.FC<StackedIconProps>;
 export default StackedIcon;

package/dist/components/desktop/items/sortable-item.d.ts

@@ -13,6 +13,7 @@ export interface SortableItemProps<D, C> {
     childrenLength?: number;
     contextMenuProps?: false | Partial<ContextMenuProps<D, C>>;
     icon?: React.ReactNode;
+    iconSize?: number;
     /**
      * 来源 当前仅支持 dock
      */

package/dist/components/desktop/sortable.d.ts

@@ -39,31 +39,7 @@ export interface SortableProps<D, C> {
          * 是否显示 dock
          */
         enabled?: boolean;
-        /**
-         * dock 位置
-         */
-        position?: "top" | "bottom" | "left" | "right";
-        /**
-         * dock 样式类名
-         */
-        className?: string;
-        /**
-         * 自定义 dock 项目渲染
-         */
-        itemBuilder?: DockProps["itemBuilder"];
-        /**
-         * 自定义固定项目渲染
-         */
-        fixedItemBuilder?: DockProps["fixedItemBuilder"];
-        /**
-         * 固定项目列表（在sortable之前显示，不可拖拽排序）
-         */
-        fixedItems?: DockProps["fixedItems"];
-        /**
-         * 是否显示启动台按钮
-         */
-        showLaunchpad?: boolean;
-    };
+    } & Omit<DockProps<D, C>, "onDrop" | "onDockItemsChange">;
 }
 declare const Sortable: <D, C>(props: SortableProps<D, C>) => import("react/jsx-runtime").JSX.Element;
 export default Sortable;

package/dist/components/desktop/themes/index.d.ts

@@ -1,5 +1,29 @@
 import { themeDark } from './dark';
 import { themeLight } from './light';
+export interface BaseModalTheme {
+    mask?: {
+        backgroundColor?: string;
+        backdropFilter?: string;
+    };
+    content?: {
+        backgroundColor?: string;
+        backdropFilter?: string;
+        boxShadowColor?: string;
+        boxShadowBorderColor?: string;
+        borderColor?: string;
+        borderRadius?: string;
+    };
+    header?: {
+        textColor?: string;
+    };
+    scrollbar?: {
+        width?: string;
+        trackColor?: string;
+        thumbColor?: string;
+        thumbHoverColor?: string;
+        borderRadius?: string;
+    };
+}
 export interface DockTheme {
     backgroundColor?: string;
     borderColor?: string;
@@ -7,20 +31,89 @@ export interface DockTheme {
     divider?: {
         color?: string;
     };
+    launchpad?: {
+        modal?: {
+            searchBox?: {
+                iconColor?: string;
+                iconFocusColor?: string;
+                backgroundColor?: string;
+                focusBackgroundColor?: string;
+                textColor?: string;
+                placeholderColor?: string;
+                shadowColor?: string;
+                clearButton?: {
+                    backgroundColor?: string;
+                    hoverBackgroundColor?: string;
+                    textColor?: string;
+                };
+            };
+        };
+        icon?: {
+            textColor?: string;
+            backgroundColor?: string;
+            borderColor?: string;
+            shadowColor?: string;
+            hoverGlowColor?: string;
+        };
+    };
+}
+export interface LaunchpadTheme {
+    button?: {
+        backgroundColor?: string;
+        subBackgroundColor?: string;
+        thirdBackgroundColor?: string;
+        borderColor?: string;
+        hoverBackgroundColor?: string;
+    };
+    modal?: BaseModalTheme;
+}
+export interface ContextMenuTheme {
+    textColor?: string;
+    activeColor?: string;
+    dangerColor?: string;
+    backgroundColor?: string;
+    shadowColor?: string;
+    boxShadowBorderColor?: string;
+    borderColor?: string;
+    backdropFilter?: string;
+}
+export interface ItemsTheme {
+    textColor?: string;
+    iconBackgroundColor?: string;
+    iconShadowColor?: string;
+    groupIconBackgroundColor?: string;
+    groupIconShadowColor?: string;
+    infoModalBackgroundColor?: string;
+    groupModal?: {
+        backgroundColor?: string;
+        title?: {
+            textColor?: string;
+            backgroundColor?: string;
+            hoverBackgroundColor?: string;
+            focusBackgroundColor?: string;
+            shadowColor?: string;
+            placeholderColor?: string;
+            selectionBackgroundColor?: string;
+        };
+    };
+}
+export interface BaseTheme {
+    hoverColor?: string;
+    dangerColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    shadowColor?: string;
+    boxShadowBorderColor?: string;
+    borderColor?: string;
+    backdropFilter?: string;
 }
 export interface Theme {
     token: {
-        itemNameColor?: string;
-        itemIconBackgroundColor?: string;
-        itemIconShadowColor?: string;
-        groupItemIconBackgroundColor?: string;
-        groupItemIconShadowColor?: string;
-        groupItemModalBackgroundColor?: string;
-        contextMenuTextColor?: string;
-        contextMenuActiveColor?: string;
-        contextMenuBackgroundColor?: string;
-        contextMenuShadowColor?: string;
+        base?: BaseTheme;
         dock?: DockTheme;
+        modal?: BaseModalTheme;
+        contextMenu?: ContextMenuTheme;
+        items?: ItemsTheme;
     };
 }
 export declare const defaultTheme: Theme;

package/dist/components/desktop/themes/utils.d.ts

@@ -0,0 +1,6 @@
+import { Theme } from './index';
+/**
+ * 合成完整主题配置
+ * 优先级：base外配置 > base配置 > 内置base配置
+ */
+export declare function mergeTheme(theme: Theme | "light" | "dark"): Theme;