@blocklet/pages-kit 0.6.21 → 0.6.22

package/lib/cjs/utils/inject-global-components-dump-json.js

@@ -1024,7 +1024,7 @@ export default () =>
         docs: {
             components: ['ImagePreview'],
             import: "import * as ImagePreview from '@blocklet/pages-kit/builtin/async/image-preview'",
-            export: "export default () => import('@blocklet/ai-kit/components/image-preview');",
+            export: "export default () => import('@blocklet/aigne-hub/components/image-preview');",
             examples: [],
         },
     },

package/lib/esm/builtin/async/image-preview.js

@@ -1 +1 @@
-export default () => import('@blocklet/ai-kit/components/image-preview');
+export default () => import('@blocklet/aigne-hub/components/image-preview');

package/lib/esm/builtin/color-picker.js

@@ -180,7 +180,7 @@ const MuiThemeTab = ({ value, onChange, }) => {
                         }) })] }, palette)))] }));
 };
 // Custom Color Tab Component
-const CustomColorTab = ({ value, onChange, }) => {
+const CustomColorTab = ({ value, onChange, disableGradient = false, }) => {
     const muiPalette = useMuiColorPalette();
     const mode = muiPalette?.theme?.palette?.mode;
     const isDark = mode === 'dark';
@@ -192,9 +192,9 @@ const CustomColorTab = ({ value, onChange, }) => {
                         value: colorValue,
                         originalMuiKey: null,
                     });
-                }, hidePresets: true, hideAdvancedSliders: true, hideColorGuide: true, hideInputType: true }) }) }));
+                }, hideColorTypeBtns: disableGradient, hidePresets: true, hideAdvancedSliders: true, hideColorGuide: true, hideInputType: true }) }) }));
 };
-export const ConfigColorDialog = function ConfigColorDialog({ ref, onSave, enableMuiPalette = true, renderTabs, }) {
+export const ConfigColorDialog = function ConfigColorDialog({ ref, onSave, enableMuiPalette = true, renderTabs, disableGradient = false, }) {
     const state = useReactive({
         value: '',
         originalMuiKey: null,
@@ -347,7 +347,7 @@ export const ConfigColorDialog = function ConfigColorDialog({ ref, onSave, enabl
                                     state.value = value || '';
                                     state.originalMuiKey = null;
                                 }
-                            } })) })] }), _jsxs(DialogActions, { children: [_jsx(Button, { variant: "outlined", size: "small", onClick: handleClose, children: t('common.cancel') }), _jsx(Button, { variant: "contained", size: "small", onClick: handleSave, children: t('maker.save') })] })] }));
+                            }, ...(disableGradient ? { disableGradient } : {}) })) })] }), _jsxs(DialogActions, { children: [_jsx(Button, { variant: "outlined", size: "small", onClick: handleClose, children: t('common.cancel') }), _jsx(Button, { variant: "contained", size: "small", onClick: handleSave, children: t('maker.save') })] })] }));
 };
 export function ColorPicker({ value, onChange, style = {}, sx = {}, renderTabs }) {
     const refDialog = useRef(null);

package/lib/esm/contexts/color.js

@@ -27,11 +27,19 @@ export function useMuiColorPalette() {
                 format: () => 'transparent',
                 accessor: () => ({ transparent: 'transparent' }),
             },
-            // mapper all colors
+            // common 颜色
+            {
+                type: 'common',
+                keys: ['black', 'white'],
+                variants: null,
+                format: (key) => `common.${key}`,
+                accessor: () => theme.palette.common,
+            },
+            // 主要颜色组
             ...['primary', 'secondary', 'error', 'warning', 'info', 'success'].map((key) => ({
                 type: key,
                 keys: [key],
-                variants: ['main', 'light', 'dark'],
+                variants: ['main', 'light', 'dark', 'contrastText'],
                 format: (key, variant) => `${key}.${variant}`,
                 accessor: (key) => theme.palette[key],
             })),
@@ -56,16 +64,38 @@ export function useMuiColorPalette() {
                 format: (key) => `text.${key}`,
                 accessor: () => theme.palette.text,
             },
+            // 分隔线颜色
+            {
+                type: 'divider',
+                keys: ['divider'],
+                variants: null,
+                format: () => 'divider',
+                accessor: () => ({ divider: theme.palette.divider }),
+            },
+            // 动作颜色
             // {
             //   type: 'action',
-            //   keys: ['active', 'hover', 'selected', 'disabled', 'disabledBackground', 'focus'],
+            //   keys: [
+            //     'active',
+            //     'hover',
+            //     'selected',
+            //     'disabled',
+            //     'disabledBackground',
+            //     'focus',
+            //     'activatedOpacity',
+            //     'focusOpacity',
+            //     'selectedOpacity',
+            //     'disabledOpacity',
+            //     'hoverOpacity',
+            //   ],
             //   variants: null,
             //   format: (key: string) => `action.${key}`,
             //   accessor: () => theme.palette.action,
             // },
+            // 灰色
             {
                 type: 'grey',
-                keys: ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900'],
+                keys: ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900', 'A100', 'A200', 'A400', 'A700'],
                 variants: null,
                 format: (key) => `grey.${key}`,
                 accessor: () => theme.palette.grey,