@tachybase/plugin-theme-editor 0.23.8

package/dist/client/antd-token-previewer/locale/context.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { Locale } from './interface';
+export declare const LocaleContext: React.Context<Locale>;
+export declare const useLocale: () => Locale;

package/dist/client/antd-token-previewer/locale/en-US.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from './interface';
+declare const locale: Locale;
+export default locale;

package/dist/client/antd-token-previewer/locale/fr-FR.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from './interface';
+declare const locale: Locale;
+export default locale;

package/dist/client/antd-token-previewer/locale/index.d.ts

@@ -0,0 +1,4 @@
+export { LocaleContext, useLocale } from './context';
+export { default as enUS } from './en-US';
+export type { Locale } from './interface';
+export { default as zhCN } from './zh-CN';

package/dist/client/antd-token-previewer/locale/interface.d.ts

@@ -0,0 +1,16 @@
+export type Locale = {
+    _lang: string;
+    followPrimary: string;
+    reset: string;
+    next: string;
+    groupView: string;
+    fill: string;
+    background: string;
+    border: string;
+    text: string;
+    demo: {
+        overview: string;
+        components: string;
+        relatedTokens: string;
+    };
+};

package/dist/client/antd-token-previewer/locale/zh-CN.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from './interface';
+declare const locale: Locale;
+export default locale;

package/dist/client/antd-token-previewer/meta/TokenRelation.d.ts

@@ -0,0 +1,16 @@
+import type { AliasToken, MapToken, SeedToken } from 'antd/es/theme/interface';
+export type PureAliasToken = Omit<AliasToken, keyof MapToken>;
+type SeedRelatedMap = {
+    [key in keyof SeedToken]?: (keyof MapToken)[];
+};
+type SeedRelatedAlias = {
+    [key in keyof SeedToken]?: (keyof PureAliasToken)[];
+};
+type MapRelatedAlias = {
+    [key in keyof MapToken]?: (keyof PureAliasToken)[];
+};
+export declare function sortToken<T extends (keyof AliasToken)[]>(arr: T): T;
+export declare const seedRelatedMap: SeedRelatedMap;
+export declare const mapRelatedAlias: MapRelatedAlias;
+export declare const seedRelatedAlias: SeedRelatedAlias;
+export {};

package/dist/client/antd-token-previewer/meta/category.d.ts

@@ -0,0 +1,4 @@
+import type { AliasToken } from '../interface';
+import type { TokenTree } from './interface';
+declare const category: TokenTree<keyof AliasToken | string>;
+export default category;

package/dist/client/antd-token-previewer/meta/index.d.ts

@@ -0,0 +1 @@
+export { default as tokenCategory } from './category';

package/dist/client/antd-token-previewer/meta/interface.d.ts

@@ -0,0 +1,34 @@
+import type { ComponentTokenMap } from 'antd/es/theme/interface';
+export interface TokenMeta {
+    type: string;
+    name: string;
+    nameEn: string;
+    desc: string;
+    descEn: string;
+    source: 'seed' | 'map' | 'alias' | 'custom' | keyof ComponentTokenMap;
+}
+export type TokenMetaMap = Record<string, TokenMeta>;
+export type TokenGroup<T> = {
+    key: string;
+    name: string;
+    nameEn: string;
+    desc: string;
+    descEn: string;
+    type?: string;
+    seedToken?: T[];
+    /** make seedToken can be alpha */
+    seedTokenAlpha?: boolean;
+    mapToken?: T[];
+    aliasToken?: T[];
+    groups?: TokenGroup<T>[];
+    mapTokenGroups?: string[];
+    aliasTokenDescription?: string;
+};
+export type TokenCategory<T> = {
+    name: string;
+    nameEn: string;
+    desc: string;
+    descEn: string;
+    groups: TokenGroup<T>[];
+};
+export type TokenTree<T extends string = string> = TokenCategory<T>[];

package/dist/client/antd-token-previewer/overviews/Error.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Error: () => React.JSX.Element;

package/dist/client/antd-token-previewer/overviews/Primary.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const Primary: {
+    ({ id }: {
+        id?: string;
+    }): React.JSX.Element;
+    displayName: string;
+};

package/dist/client/antd-token-previewer/overviews/Success.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Success: () => React.JSX.Element;

package/dist/client/antd-token-previewer/overviews/Warning.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Warning: () => React.JSX.Element;

package/dist/client/antd-token-previewer/overviews/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Error';
+export * from './Primary';
+export * from './Success';
+export * from './Warning';

package/dist/client/antd-token-previewer/previewer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { PreviewerProps } from './interface';
+declare const Previewer: React.FC<PreviewerProps>;
+export default Previewer;

package/dist/client/antd-token-previewer/token-panel/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { MutableTheme } from '../interface';
+import { type TokenType } from '../utils/classifyToken';
+export interface TokenPreviewProps {
+    themes: MutableTheme[];
+    selectedTokens?: string[];
+    onTokenSelect?: (token: string) => void;
+    filterTypes?: TokenType[];
+    onFilterTypesChange?: (types: TokenType[]) => void;
+    enableTokenSelect?: boolean;
+}
+export type TokenPanelRef = {
+    scrollToToken: (token: string) => void;
+};
+declare const _default: React.ForwardRefExoticComponent<TokenPreviewProps & React.RefAttributes<TokenPanelRef>>;
+export default _default;

package/dist/client/antd-token-previewer/token-panel/token-card/index.d.ts

@@ -0,0 +1,29 @@
+import React, { type ReactNode } from 'react';
+import type { ThemeConfig } from 'antd/es/config-provider/context';
+import type { MutableTheme, TokenValue } from '../../interface';
+import type { TokenType } from '../../utils/classifyToken';
+interface TokenCardProps {
+    title: string;
+    icon?: ReactNode;
+    tokenArr: string[];
+    tokenPath: string[];
+    keyword?: string;
+    hideUseless?: boolean;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    activeToken?: string;
+    onActiveTokenChange?: (token: string | undefined) => void;
+    onTokenChange?: (theme: MutableTheme, tokenName: string, value: TokenValue) => void;
+    themes: MutableTheme[];
+    selectedTokens?: string[];
+    onTokenSelect?: (token: string) => void;
+    enableTokenSelect?: boolean;
+    hideUsageCount?: boolean;
+    placeholder?: ReactNode;
+    fallback?: (config: ThemeConfig) => Record<string, TokenValue>;
+}
+export declare const IconMap: Record<TokenType, ReactNode>;
+export declare const TextMap: Record<TokenType, string>;
+declare const _default: ({ title, icon, tokenArr, keyword, hideUseless, defaultOpen, open: customOpen, onOpenChange, activeToken, onActiveTokenChange, onTokenChange, tokenPath, selectedTokens, themes, onTokenSelect, enableTokenSelect, hideUsageCount, fallback, placeholder, }: TokenCardProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export default _default;

package/dist/client/antd-token-previewer/token-panel/token-item/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { ThemeConfig } from 'antd/es/config-provider/context';
+import type { MutableTheme, TokenValue } from '../../interface';
+interface TokenItemProps {
+    tokenName: string;
+    tokenPath: string[];
+    active?: boolean;
+    onActiveChange?: (active: boolean) => void;
+    onTokenChange?: (theme: MutableTheme, tokenName: string, value: TokenValue) => void;
+    themes: MutableTheme[];
+    selectedTokens?: string[];
+    onTokenSelect?: (token: string) => void;
+    enableTokenSelect?: boolean;
+    hideUsageCount?: boolean;
+    fallback?: (config: ThemeConfig) => Record<string, TokenValue>;
+}
+export declare const getTokenItemId: (token: string) => string;
+declare const _default: ({ tokenName, active, onActiveChange, onTokenChange, tokenPath, selectedTokens, themes, onTokenSelect, enableTokenSelect, hideUsageCount, fallback, }: TokenItemProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export default _default;

package/dist/client/antd-token-previewer/token-panel-pro/AliasPanel.d.ts

@@ -0,0 +1,16 @@
+import React, { type FC } from 'react';
+import { MutableTheme } from '../../../types';
+import type { SelectedToken } from '../interface';
+export type AliasPanelProps = {
+    className?: string;
+    style?: React.CSSProperties;
+    theme: MutableTheme;
+    activeSeeds?: string[];
+    selectedTokens?: SelectedToken;
+    onTokenSelect?: (token: string, type: keyof SelectedToken) => void;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    description?: string;
+};
+declare const AliasPanel: FC<AliasPanelProps>;
+export default AliasPanel;

package/dist/client/antd-token-previewer/token-panel-pro/ComponentDemoPro.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { MutableTheme } from '../../../types';
+export type ComponentDemoProProps = {
+    selectedTokens?: string[];
+    theme: MutableTheme;
+    components: Record<string, string[]>;
+    activeComponents?: string[];
+    style?: React.CSSProperties;
+    componentDrawer?: boolean;
+    showAll?: boolean;
+};
+declare const _default: (props: ComponentDemoProProps) => React.JSX.Element;
+export default _default;

package/dist/client/antd-token-previewer/token-panel-pro/InputNumberPlus.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+export type InputNumberPlusProps = {
+    value?: number;
+    onChange?: (value: number | null) => void;
+    min?: number;
+    max?: number;
+};
+declare const InputNumberPlus: FC<InputNumberPlusProps>;
+export default InputNumberPlus;

package/dist/client/antd-token-previewer/token-panel-pro/TokenContent.d.ts

@@ -0,0 +1,36 @@
+import { type FC } from 'react';
+import { MutableTheme } from '../../../types';
+import type { SelectedToken } from '../interface';
+import type { TokenCategory, TokenGroup } from '../meta/interface';
+export type SeedTokenProps = {
+    theme: MutableTheme;
+    tokenName: string;
+    disabled?: boolean;
+    alpha?: boolean;
+};
+export type MapTokenCollapseContentProps = {
+    mapTokens?: string[];
+    theme: MutableTheme;
+    selectedTokens?: SelectedToken;
+    onTokenSelect?: (token: string | string[], type: keyof SelectedToken) => void;
+    type?: string;
+};
+export type MapTokenCollapseProps = {
+    theme: MutableTheme;
+    group: TokenGroup<string>;
+    selectedTokens?: SelectedToken;
+    onTokenSelect?: (token: string | string[], type: keyof SelectedToken) => void;
+    groupFn?: (token: string) => string;
+};
+export type ColorTokenContentProps = {
+    category: TokenCategory<string>;
+    theme: MutableTheme;
+    selectedTokens?: SelectedToken;
+    onTokenSelect?: (token: string | string[], type: keyof SelectedToken) => void;
+    infoFollowPrimary?: boolean;
+    onInfoFollowPrimaryChange?: (value: boolean) => void;
+    activeGroup: string;
+    onActiveGroupChange: (value: string[]) => void;
+};
+declare const TokenContent: FC<ColorTokenContentProps>;
+export default TokenContent;

package/dist/client/antd-token-previewer/token-panel-pro/TokenDetail.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { MutableTheme } from '../../../types';
+export type TokenDetailProps = {
+    themes: MutableTheme[];
+    path: string[];
+    tokenName: string;
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare const TokenDetail: ({ themes, path, tokenName, className, style }: TokenDetailProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export default TokenDetail;

package/dist/client/antd-token-previewer/token-panel-pro/TokenPreview.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+import type { ThemeConfig } from 'antd/es/config-provider/context';
+export type TokenPreviewProps = {
+    theme: ThemeConfig;
+    tokenName: string;
+    type?: string;
+};
+declare const TokenPreview: FC<TokenPreviewProps>;
+export default TokenPreview;

package/dist/client/antd-token-previewer/token-panel-pro/calcCustomToken.d.ts

@@ -0,0 +1,11 @@
+declare const calcCustomToken: (name: string, value: any) => {
+    colorSettings: any;
+    colorBgSettingsHover: string;
+    colorBorderSettingsHover: string;
+} | {
+    [x: string]: any;
+    colorSettings?: undefined;
+    colorBgSettingsHover?: undefined;
+    colorBorderSettingsHover?: undefined;
+};
+export default calcCustomToken;

package/dist/client/antd-token-previewer/token-panel-pro/index.d.ts

@@ -0,0 +1,17 @@
+import React, { type FC } from 'react';
+import { Theme } from '../../../types';
+import type { SelectedToken } from '../interface';
+export type TokenPanelProProps = {
+    className?: string;
+    style?: React.CSSProperties;
+    theme: Theme;
+    selectedTokens?: SelectedToken;
+    onTokenSelect?: (token: string | string[], type: keyof SelectedToken) => void;
+    infoFollowPrimary?: boolean;
+    onInfoFollowPrimaryChange?: (value: boolean) => void;
+    aliasOpen?: boolean;
+    onAliasOpenChange?: (value: boolean) => void;
+    activeTheme?: string;
+};
+declare const TokenPanelPro: FC<TokenPanelProProps>;
+export default TokenPanelPro;

package/dist/client/antd-token-previewer/utils/classifyToken.d.ts

@@ -0,0 +1,5 @@
+import type { TokenValue } from '../interface';
+export declare const TOKEN_SORTS: ("colorSplit" | "motion" | "colorText" | "colorFill" | "line" | "font" | "space" | "seed" | "colorCommon" | "colorBg" | "radius" | "screen" | "control" | "others")[];
+export type TokenType = (typeof TOKEN_SORTS)[number];
+export declare function getTypeOfToken(tokenName: string): TokenType;
+export declare const classifyToken: (token: Record<string, TokenValue>) => Record<string, string[]>;

package/dist/client/antd-token-previewer/utils/deepUpdateObj.d.ts

@@ -0,0 +1,2 @@
+declare const deepUpdateObj: (obj: any, path: string[], value: any) => any;
+export default deepUpdateObj;

package/dist/client/antd-token-previewer/utils/getColorBgImg.d.ts

@@ -0,0 +1,2 @@
+declare const getColorBgImg: (dark?: boolean) => "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACPTkDJAAAAZUlEQVRIDe2VMQoAMAgDa9/g/1/oIzrpZBCh2dLFkkoDF0Fz99OdiOjks+2/7S8fRRmMMIVoRGSoYzvvqF8ZIMKlC1GhQBc6IkPzq32QmdAzkEGihpWOSPsAss8HegYySNSw0hE9WQ4StafZFqkAAAAASUVORK5CYII=)" | "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg==)";
+export default getColorBgImg;

package/dist/client/antd-token-previewer/utils/getDesignToken.d.ts

@@ -0,0 +1,3 @@
+import type { ThemeConfig } from 'antd/es/config-provider/context';
+import type { GlobalToken } from 'antd/es/theme/interface';
+export default function getDesignToken(config?: ThemeConfig): GlobalToken;

package/dist/client/antd-token-previewer/utils/getValueByPath.d.ts

@@ -0,0 +1 @@
+export default function getValueByPath(obj: any, path: string[]): any;

package/dist/client/antd-token-previewer/utils/isColor.d.ts

@@ -0,0 +1 @@
+export default function isColor(str: string): boolean;

package/dist/client/antd-token-previewer/utils/makeStyle.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+import { type CSSInterpolation } from '@ant-design/cssinjs';
+import type { GlobalToken } from 'antd/es/theme/interface';
+declare const makeStyle: (path: string, styleFn: (token: GlobalToken & {
+    rootCls: string;
+}) => CSSInterpolation) => (() => [(node: React.ReactNode) => React.ReactElement, string]);
+export default makeStyle;

package/dist/client/antd-token-previewer/utils/statistic.d.ts

@@ -0,0 +1,2 @@
+export declare const getRelatedComponents: (token: string | string[]) => string[];
+export declare const getComponentToken: (component: string) => any;

package/dist/client/components/InitializeTheme.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export declare const useThemeId: () => {
+    currentThemeId: number;
+    defaultThemeId: number;
+};
+/**
+ * 用于在页面加载时初始化主题
+ */
+declare const InitializeTheme: {
+    ({ children }: {
+        children: any;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export default InitializeTheme;

package/dist/client/components/ThemeCard.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ThemeItem } from '../../types';
+declare enum HandleTypes {
+    delete = "delete",
+    optional = "optional"
+}
+interface Props {
+    item: ThemeItem;
+    style?: React.CSSProperties;
+    onChange?: (params: {
+        type: HandleTypes;
+        item: ThemeItem;
+    }) => void;
+}
+declare const ThemeCard: {
+    (props: Props): React.JSX.Element;
+    displayName: string;
+};
+export default ThemeCard;

package/dist/client/components/ThemeEditorProvider.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare const useThemeEditorContext: () => {
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export declare const ThemeEditorProvider: {
+    ({ children, open, setOpen }: {
+        children: any;
+        open: any;
+        setOpen: any;
+    }): React.JSX.Element;
+    displayName: string;
+};

package/dist/client/components/ThemeList.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const ThemeList: {
+    (): React.JSX.Element;
+    displayName: string;
+};
+export default ThemeList;

package/dist/client/components/ThemeListProvider.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ReturnTypeOfUseRequest } from '@tachybase/client';
+import { ThemeItem } from '../../types';
+interface TData extends Pick<ReturnTypeOfUseRequest, 'data' | 'error' | 'run' | 'refresh' | 'loading'> {
+    data?: ThemeItem[];
+}
+export declare const useThemeListContext: () => TData;
+export declare const ThemeListProvider: {
+    ({ children }: {
+        children: any;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/client/components/ToEditTheme.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const ToEditTheme: {
+    (): React.JSX.Element;
+    displayName: string;
+};
+export default ToEditTheme;

package/dist/client/components/theme-editor/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ThemeConfig } from '../../../types';
+declare const CustomTheme: ({ onThemeChange }: {
+    onThemeChange?: (theme: ThemeConfig) => void;
+}) => React.JSX.Element;
+export default CustomTheme;

package/dist/client/hooks/useThemeSettings.d.ts

@@ -0,0 +1 @@
+export declare const useThemeSettings: () => import("antd/es/menu/interface").ItemType;

package/dist/client/hooks/useUpdateThemeSettings.d.ts

@@ -0,0 +1,3 @@
+export declare function useUpdateThemeSettings(): {
+    updateUserThemeSettings: (themeId: number | null) => Promise<void>;
+};

package/dist/client/index.d.ts

@@ -0,0 +1,5 @@
+import { Plugin } from '@tachybase/client';
+export declare class ThemeEditorPlugin extends Plugin {
+    load(): Promise<void>;
+}
+export default ThemeEditorPlugin;