@blocklet/pages-kit 0.6.20 → 0.6.22

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

@@ -23,4 +23,4 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = () => Promise.resolve().then(() => __importStar(require('@blocklet/ai-kit/components/image-preview')));
+exports.default = () => Promise.resolve().then(() => __importStar(require('@blocklet/aigne-hub/components/image-preview')));

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

@@ -214,7 +214,7 @@ const MuiThemeTab = ({ value, onChange, }) => {
                         }) })] }, palette)))] }));
 };
 // Custom Color Tab Component
-const CustomColorTab = ({ value, onChange, }) => {
+const CustomColorTab = ({ value, onChange, disableGradient = false, }) => {
     const muiPalette = (0, color_1.useMuiColorPalette)();
     const mode = muiPalette?.theme?.palette?.mode;
     const isDark = mode === 'dark';
@@ -226,9 +226,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 }) }) }));
 };
-const ConfigColorDialog = function ConfigColorDialog({ ref, onSave, enableMuiPalette = true, renderTabs, }) {
+const ConfigColorDialog = function ConfigColorDialog({ ref, onSave, enableMuiPalette = true, renderTabs, disableGradient = false, }) {
     const state = (0, ahooks_1.useReactive)({
         value: '',
         originalMuiKey: null,
@@ -381,7 +381,7 @@ const ConfigColorDialog = function ConfigColorDialog({ ref, onSave, enableMuiPal
                                     state.value = value || '';
                                     state.originalMuiKey = null;
                                 }
-                            } })) })] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", size: "small", onClick: handleClose, children: t('common.cancel') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", size: "small", onClick: handleSave, children: t('maker.save') })] })] }));
+                            }, ...(disableGradient ? { disableGradient } : {}) })) })] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", size: "small", onClick: handleClose, children: t('common.cancel') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", size: "small", onClick: handleSave, children: t('maker.save') })] })] }));
 };
 exports.ConfigColorDialog = ConfigColorDialog;
 function ColorPicker({ value, onChange, style = {}, sx = {}, renderTabs }) {

package/lib/cjs/contexts/color.js

@@ -34,11 +34,19 @@ 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],
             })),
@@ -63,16 +71,38 @@ 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,