@blocklet/pages-kit 0.4.109 → 0.4.111

package/lib/esm/utils/builtin.js

@@ -46,4 +46,6 @@ export const BuiltinModules = {
     '@blocklet/pages-kit/builtin/async/react-syntax-highlighter': {},
     '@blocklet/pages-kit/builtin/async/image-preview': {},
     '@blocklet/pages-kit/builtin/async/ai-runtime': {},
+    '@blocklet/pages-kit/builtin/uploader': {},
+    '@blocklet/pages-kit/builtin/color-picker': {},
 };

package/lib/esm/utils/inject-global-components.js

@@ -6,6 +6,7 @@ import * as imagePreview from '../builtin/async/image-preview';
 import * as reactMarkdown from '../builtin/async/react-markdown';
 import * as reactScrollToBottom from '../builtin/async/react-scroll-to-bottom';
 import * as reactSyntaxHighlighter from '../builtin/async/react-syntax-highlighter';
+import * as colorPicker from '../builtin/color-picker';
 import * as components from '../builtin/components';
 import * as dayjs from '../builtin/dayjs';
 import * as emotionCss from '../builtin/emotion/css';
@@ -22,6 +23,7 @@ import * as reactRouterDOM from '../builtin/react-router-dom';
 import * as reactWrapBalancer from '../builtin/react-wrap-balancer';
 import * as session from '../builtin/session';
 import * as stream from '../builtin/stream';
+import * as uploader from '../builtin/uploader';
 import * as utils from '../builtin/utils';
 import * as zustand from '../builtin/zustand';
 import * as zustandMiddlewareImmer from '../builtin/zustand/middleware/immer';
@@ -51,6 +53,9 @@ export function injectGlobalComponents() {
         '@blocklet/pages-kit/builtin/utils': utils,
         '@blocklet/pages-kit/builtin/stream': stream,
         '@blocklet/pages-kit/builtin/react': react,
+        '@blocklet/pages-kit/builtin/react-dom': reactDOM,
+        '@blocklet/pages-kit/builtin/uploader': uploader,
+        '@blocklet/pages-kit/builtin/color-picker': colorPicker,
         '@blocklet/pages-kit/builtin/emotion/css': emotionCss,
         '@blocklet/pages-kit/builtin/mui/material': muiMaterial,
         '@blocklet/pages-kit/builtin/mui/lab': muiLab,
@@ -61,7 +66,6 @@ export function injectGlobalComponents() {
         '@blocklet/pages-kit/builtin/immer': immer,
         '@blocklet/pages-kit/builtin/react-wrap-balancer': reactWrapBalancer,
         '@blocklet/pages-kit/builtin/react-router-dom': reactRouterDOM,
-        '@blocklet/pages-kit/builtin/react-dom': reactDOM,
         '@blocklet/pages-kit/builtin/session': session,
         '@blocklet/pages-kit/builtin/locale': locale,
         '@blocklet/pages-kit/builtin/arcblock/ux': arcblockUx,

package/lib/esm/utils/style.js

@@ -143,7 +143,10 @@ export function parseColor(color = '') {
  */
 export function colorConvert(color, _theme = blockletTheme) {
     if (isMuiColorKey(color)) {
-        return get(_theme.palette, color);
+        if (color === 'transparent') {
+            return 'transparent';
+        }
+        return get(_theme.palette, color, color);
     }
     // 处理渐变和普通颜色
     if (isGradient(color)) {

package/lib/types/builtin/color-picker.d.ts

@@ -0,0 +1,26 @@
+export interface ConfigColorProps {
+    value: string;
+    onChange: (value: string) => void;
+    style?: React.CSSProperties;
+    sx?: object;
+}
+export declare function ColorItem({ color, sx, ...props }: {
+    color: string;
+    sx?: object;
+    [key: string]: any;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ColorPicker({ value, onChange, style, sx }: ConfigColorProps): import("react/jsx-runtime").JSX.Element;
+export default ColorPicker;
+export interface ConfigColorDialogRef {
+    open: (data?: {
+        value: string;
+    }) => void;
+    close: () => void;
+}
+export interface ConfigColorDialogProps {
+    onSave: (data: {
+        value: string;
+    }, close: () => void) => void;
+    enableMuiPalette?: boolean;
+}
+export declare const ConfigColorDialog: import("react").ForwardRefExoticComponent<ConfigColorDialogProps & import("react").RefAttributes<ConfigColorDialogRef>>;

package/lib/types/builtin/uploader.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export declare const useUploader: any;
+interface UploaderProviderProps {
+    children: ReactNode;
+}
+export declare function UploaderButton({ onChange }: {
+    onChange?: Function;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function UploaderProvider({ children }: UploaderProviderProps): import("react/jsx-runtime").JSX.Element;
+export default UploaderProvider;
+export declare function getVideoSize(url: string): Promise<{
+    naturalWidth: number;
+    naturalHeight: number;
+}>;
+export declare function getImageSize(url: string): Promise<{
+    naturalWidth: number;
+    naturalHeight: number;
+}>;