@datalayer/jupyter-react 0.0.1

package/lib/examples/examples/lumino/LuminoAdapter.d.ts

@@ -0,0 +1,9 @@
+import { BoxPanel } from '@lumino/widgets';
+import '@lumino/default-theme/style/index.css';
+import './LuminoAdapter.css';
+declare class SimpleAdapter {
+    private simplePanel;
+    constructor();
+    get panel(): BoxPanel;
+}
+export default SimpleAdapter;

package/lib/examples/examples/lumino/LuminoAdapter.js

@@ -0,0 +1,70 @@
+import { DockPanel, BoxPanel, Widget } from '@lumino/widgets';
+import '@lumino/default-theme/style/index.css';
+import './LuminoAdapter.css';
+class SimpleContent extends Widget {
+    constructor(name) {
+        super({ node: SimpleContent.createNode() });
+        this.setFlag(Widget.Flag.DisallowLayout);
+        this.addClass('content');
+        this.addClass(name.toLowerCase());
+        this.title.label = name;
+        this.title.closable = true;
+        this.title.caption = `Long description for: ${name}`;
+    }
+    static createNode() {
+        let node = document.createElement('div');
+        let content = document.createElement('div');
+        let input = document.createElement('input');
+        input.placeholder = 'Placeholder...';
+        content.appendChild(input);
+        node.appendChild(content);
+        return node;
+    }
+    get inputNode() {
+        return this.node.getElementsByTagName('input')[0];
+    }
+    onActivateRequest(msg) {
+        if (this.isAttached) {
+            this.inputNode.focus();
+        }
+    }
+}
+class SimpleAdapter {
+    constructor() {
+        const colors = [
+            'Red',
+            'Yellow',
+            'Green',
+            'Blue'
+        ];
+        this.simplePanel = new BoxPanel();
+        this.simplePanel.id = 'simple-panel';
+        // this.simplePanel.direction = 'top-to-bottom';
+        this.simplePanel.spacing = 0;
+        // Dock Panel
+        const r1 = new SimpleContent('Red');
+        const b1 = new SimpleContent('Blue');
+        const g1 = new SimpleContent('Green');
+        const y1 = new SimpleContent('Yellow');
+        const r2 = new SimpleContent('Red');
+        const b2 = new SimpleContent('Blue');
+        const dockPanel = new DockPanel();
+        dockPanel.addWidget(r1);
+        dockPanel.addWidget(b1, { mode: 'split-right', ref: r1 });
+        dockPanel.addWidget(y1, { mode: 'split-bottom', ref: b1 });
+        dockPanel.addWidget(g1, { mode: 'split-left', ref: y1 });
+        dockPanel.addWidget(r2, { ref: b1 });
+        dockPanel.addWidget(b2, { mode: 'split-right', ref: y1 });
+        dockPanel.id = 'simple-dock-panel';
+        this.simplePanel.addWidget(dockPanel);
+        for (let i = 0; i < 20; i++) {
+            const c = new SimpleContent(colors[Math.floor(Math.random() * 4)]);
+            this.simplePanel.addWidget(c);
+        }
+    }
+    get panel() {
+        return this.simplePanel;
+    }
+}
+export default SimpleAdapter;
+//# sourceMappingURL=LuminoAdapter.js.map

package/lib/examples/examples/lumino/LuminoAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LuminoAdapter.js","sourceRoot":"","sources":["../../../../src/examples/examples/lumino/LuminoAdapter.ts"],"names":[],"mappings":"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"}

package/lib/examples/examples/lumino/LuminoExample.d.ts

@@ -0,0 +1,2 @@
+declare const LuminoExample: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default LuminoExample;

package/lib/examples/examples/lumino/LuminoExample.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useMemo } from 'react';
+import LuminoAttached from '../../../lumino/LuminoAttached';
+import LuminoAdapter from './LuminoAdapter';
+const LuminoExample = () => {
+    const lumino = useMemo(() => new LuminoAdapter(), []);
+    return _jsx(LuminoAttached, { children: lumino.panel }, void 0);
+};
+export default LuminoExample;
+//# sourceMappingURL=LuminoExample.js.map

package/lib/examples/examples/lumino/LuminoExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LuminoExample.js","sourceRoot":"","sources":["../../../../src/examples/examples/lumino/LuminoExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;IACtD,OAAO,KAAC,cAAc,cAAE,MAAM,CAAC,KAAK,WAAkB,CAAA;AACxD,CAAC,CAAA;AAED,eAAe,aAAa,CAAC"}

package/lib/examples/examples/notebook/NotebookCustomHeader.d.ts

@@ -0,0 +1,2 @@
+declare const Header: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default Header;

package/lib/examples/examples/notebook/NotebookCustomHeader.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { useState } from 'react';
+import { useDispatch } from "react-redux";
+import Button from '@mui/material/Button';
+import Grid from '@mui/material/Grid';
+import Switch from '@mui/material/Switch';
+import FormGroup from '@mui/material/FormGroup';
+import Typography from '@mui/material/Typography';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import AddCircleOutlineIcon from '@mui/icons-material/AddCircleOutline';
+import PlayCircleOutlineIcon from '@mui/icons-material/PlayCircleOutline';
+import SaveOutlined from '@mui/icons-material/SaveOutlined';
+import StopOutlined from '@mui/icons-material/StopOutlined';
+import QuestionAnswerOutlined from '@mui/icons-material/QuestionAnswerOutlined';
+import { notebookActions, selectNotebook, TerminalLumino } from '../../../index';
+const terminal = _jsx(TerminalLumino, {}, void 0);
+const Header = () => {
+    const [state, setState] = useState({
+        terminal: false,
+    });
+    const dispatch = useDispatch();
+    const notebook = selectNotebook();
+    const handleChange = (event) => {
+        setState(Object.assign(Object.assign({}, state), { [event.target.name]: event.target.checked }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(Grid, Object.assign({ container: true, spacing: 3, style: { padding: '30px 110px 0px 30px' } }, { children: [_jsx(Grid, Object.assign({ item: true, xs: 6 }, { children: _jsxs(Grid, Object.assign({ container: true, justifyItems: "flex-start" }, { children: [_jsx(Button, Object.assign({ variant: "text", color: "primary", startIcon: _jsx(AddCircleOutlineIcon, {}, void 0), onClick: () => dispatch(notebookActions.insertBelow.started()) }, { children: "Text" }), void 0),
+                                _jsx(Button, Object.assign({ variant: "text", color: "primary", startIcon: _jsx(AddCircleOutlineIcon, {}, void 0), onClick: () => dispatch(notebookActions.insertBelow.started()) }, { children: "Markdown" }), void 0),
+                                _jsx(Button, Object.assign({ variant: "text", color: "primary", startIcon: _jsx(AddCircleOutlineIcon, {}, void 0), onClick: () => dispatch(notebookActions.insertBelow.started()) }, { children: "Code" }), void 0),
+                                _jsx(FormGroup, Object.assign({ row: true, style: { paddingLeft: 10 } }, { children: _jsx(FormControlLabel, { control: _jsx(Switch, { checked: state.terminal, onChange: handleChange, name: "terminal" }, void 0), label: _jsx(Typography, Object.assign({ variant: "body2", display: "block" }, { children: "Terminal" }), void 0) }, void 0) }), void 0)] }), void 0) }), void 0),
+                    _jsx(Grid, Object.assign({ item: true, xs: 6 }, { children: _jsxs(Grid, Object.assign({ container: true, justifyItems: "flex-end" }, { children: [_jsx(Button, Object.assign({ variant: "outlined", color: "primary", startIcon: _jsx(SaveOutlined, {}, void 0), onClick: () => dispatch(notebookActions.save.started()) }, { children: "Save" }), void 0),
+                                (notebook.kernelStatus === 'idle') &&
+                                    _jsx(Button, Object.assign({ variant: "outlined", color: "primary", startIcon: _jsx(PlayCircleOutlineIcon, {}, void 0), onClick: () => dispatch(notebookActions.runAll.started()) }, { children: "Run all" }), void 0),
+                                (notebook.kernelStatus === 'busy') &&
+                                    _jsx(Button, Object.assign({ variant: "outlined", color: "secondary", startIcon: _jsx(StopOutlined, {}, void 0), onClick: () => dispatch(notebookActions.interrupt.started()) }, { children: "Stop" }), void 0),
+                                ((notebook.kernelStatus !== 'idle') && (notebook.kernelStatus !== 'busy')) &&
+                                    _jsx(Button, { variant: "outlined", color: "primary", startIcon: _jsx(QuestionAnswerOutlined, {}, void 0) }, void 0)] }), void 0) }), void 0)] }), void 0), state.terminal && terminal] }, void 0));
+};
+export default Header;
+//# sourceMappingURL=NotebookCustomHeader.js.map

package/lib/examples/examples/notebook/NotebookCustomHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotebookCustomHeader.js","sourceRoot":"","sources":["../../../../src/examples/examples/notebook/NotebookCustomHeader.tsx"],"names":[],"mappings":"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"}

package/lib/examples/examples/notebook/NotebookExample.d.ts

@@ -0,0 +1 @@
+export default function NotebookExample(): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/examples/examples/notebook/NotebookExample.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import Paper from '@mui/material/Paper';
+import { makeStyles } from '@mui/styles';
+import { Jupyter, NotebookLumino } from '../../../index';
+import Header from './NotebookCustomHeader';
+const useStyles = makeStyles((theme) => ({
+    root: {
+        //      marginLeft: theme.spacing(16),
+        //      marginRight: theme.spacing(16),
+        minWidth: '500px',
+        display: 'flex',
+        flexWrap: 'wrap',
+        '& > *': {
+        //        margin: theme.spacing(1),
+        //        width: theme.spacing(16),
+        },
+    },
+}));
+export default function NotebookExample() {
+    const classes = useStyles();
+    return (_jsx(Jupyter, Object.assign({ collaborative: false, terminals: true }, { children: _jsx("div", Object.assign({ className: classes.root }, { children: _jsxs(Paper, Object.assign({ elevation: 3, style: { width: '100%' } }, { children: [_jsx(Header, {}, void 0),
+                    _jsx(NotebookLumino, { path: 'ping.ipynb', ipywidgets: 'lab' }, void 0)] }), void 0) }), void 0) }), void 0));
+}
+//# sourceMappingURL=NotebookExample.js.map

package/lib/examples/examples/notebook/NotebookExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotebookExample.js","sourceRoot":"","sources":["../../../../src/examples/examples/notebook/NotebookExample.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAY,EAAE,EAAE,CAC5C,CAAC;IACC,IAAI,EAAE;QACV,sCAAsC;QACtC,uCAAuC;QACjC,QAAQ,EAAE,OAAO;QACjB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE;QACf,mCAAmC;QACnC,mCAAmC;SAC5B;KACF;CACF,CAAC,CACH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe;IACrC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAC5B,OAAO,CACL,KAAC,OAAO,kBAAC,aAAa,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,gBAC5C,4BAAK,SAAS,EAAE,OAAO,CAAC,IAAI,gBAC1B,MAAC,KAAK,kBAAC,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,iBAC3C,KAAC,MAAM,aAAG;oBACV,KAAC,cAAc,IAAC,IAAI,EAAC,YAAY,EAAC,UAAU,EAAC,KAAK,WAAG,aAC/C,YACJ,YACE,CACX,CAAC;AACJ,CAAC"}

package/lib/examples/theme/Layers.d.ts

@@ -0,0 +1,2 @@
+declare const Layers: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default Layers;

package/lib/examples/theme/Layers.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { color0 } from './../theme/muiLightTheme';
+import { color1 } from './../theme/muiLightTheme';
+import { color2 } from './../theme/muiLightTheme';
+import { color3 } from './../theme/muiLightTheme';
+import { color4 } from './../theme/muiLightTheme';
+const Layers = (props) => (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/layers", width: "100%", height: "20" }, { children: [_jsxs("linearGradient", Object.assign({ id: "a" }, { children: [_jsx("stop", { offset: "0", stopColor: color0 }, void 0),
+                _jsx("stop", { offset: "1", stopColor: color1 }, void 0)] }), void 0),
+        _jsxs("linearGradient", Object.assign({ id: "b" }, { children: [_jsx("stop", { offset: "0", stopColor: color2 }, void 0),
+                _jsx("stop", { offset: ".5", stopColor: color3 }, void 0),
+                _jsx("stop", { offset: "1", stopColor: color4 }, void 0)] }), void 0),
+        _jsx("rect", { fill: "url(#b)", width: "100%", height: "20" }, void 0),
+        _jsx("rect", { fill: "url(#a)", width: "100%", height: "10" }, void 0)] }), void 0));
+export default Layers;
+//# sourceMappingURL=Layers.js.map

package/lib/examples/theme/Layers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layers.js","sourceRoot":"","sources":["../../../src/examples/theme/Layers.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,MAAM,MAAM,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,CAC7B,6BAAK,KAAK,EAAC,+BAA+B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,iBACjE,wCAAgB,EAAE,EAAC,GAAG,iBACpB,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAE,MAAM,WAAI;gBACtC,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAE,MAAM,WAAI,aACvB;QACjB,wCAAgB,EAAE,EAAC,GAAG,iBACpB,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAE,MAAM,WAAI;gBACtC,eAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAE,MAAM,WAAI;gBACvC,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAE,MAAM,WAAI,aACvB;QACjB,eAAM,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,WAAG;QAChD,eAAM,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,WAAG,aAC5C,CACP,CAAA;AAED,eAAe,MAAM,CAAC"}

package/lib/examples/theme/Layers.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/layers" width="auto" height="68">
+  <linearGradient id="a">
+    <stop offset="0" stop-color="#f0f"/>
+    <stop offset="1" stop-color="#0ff"/>
+  </linearGradient>
+  <linearGradient id="b">
+    <stop offset="0" stop-color="#0f0"/>
+    <stop offset=".5" stop-color="#fffb7e"/>
+    <stop offset="1" stop-color="#f00"/>
+  </linearGradient>
+  <rect fill="url(#b)" width="100%" height="68"/>
+  <rect fill="url(#a)" width="100%" height="34"/>
+</svg>

package/lib/examples/theme/muiLightTheme.d.ts

@@ -0,0 +1,8 @@
+import { Theme } from '@mui/system';
+export declare const color0: string;
+export declare const color1: string;
+export declare const color2: string;
+export declare const color3: string;
+export declare const color4: string;
+declare const muiLightTheme: Theme;
+export default muiLightTheme;

package/lib/examples/theme/muiLightTheme.js

@@ -0,0 +1,169 @@
+import { createTheme } from '@mui/material/styles';
+import { createBreakpoints } from '@mui/system';
+import createMixins from '@mui/material/styles/createMixins';
+import createPalette from '@mui/material/styles/createPalette';
+import createTypography from '@mui/material/styles/createTypography';
+import shadows from '@mui/material/styles/shadows';
+import { createSpacing } from '@mui/system';
+// import green from '@mui/material/colors/green';
+// import blue from '@mui/material/colors/blue';
+// import yellow from '@mui/material/colors/yellow';
+// import red from '@mui/material/colors/red';
+import vintage from './vintage.project.json';
+const colors = vintage.theme.color;
+export const color0 = colors[0];
+export const color1 = colors[1];
+export const color2 = colors[2];
+export const color3 = colors[3];
+export const color4 = colors[4];
+const white = '#fff';
+const direction = 'ltr';
+const breakpoints = createBreakpoints({
+    unit: 'px',
+    step: 2,
+});
+const palette = createPalette({
+    //  mode: "dark",
+    /*
+      primary: {
+        light: blue.A200,
+        main: blue.A400,
+        dark: white,
+        contrastText: yellow.A400,
+      },
+    */
+    primary: {
+        //    light: '#00acc1',
+        light: color0,
+        //    main: '#00acc1',
+        main: color1,
+        dark: white,
+        //    contrastText: yellow.A400,
+        contrastText: color2,
+    },
+    /*
+      secondary: {
+        light: white,
+        main: green.A400,
+        dark: white,
+        contrastText: blue.A700,
+      },
+    */
+    secondary: {
+        light: white,
+        //    main: '#4caf50',
+        main: color3,
+        dark: white,
+        //    contrastText: yellow.A400,
+        contrastText: color4,
+    },
+    /*
+      error: {
+        light: white,
+        main: red.A400,
+        dark: white,
+        contrastText: yellow.A400
+      },
+    */
+    error: {
+        light: white,
+        //    main: '#f44336',
+        main: colors[5],
+        dark: white,
+        //    contrastText: yellow.A400
+        contrastText: colors[6]
+    },
+    background: {
+        default: white,
+        paper: white
+    },
+});
+// const shadows: Shadow = [];
+const shape = {
+    borderRadius: 3,
+};
+const spacing = createSpacing(1);
+const transitions = {};
+const typography = createTypography(palette, {
+    fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
+    fontSize: 13,
+    fontWeightLight: 300,
+    fontWeightRegular: 400,
+    fontWeightMedium: 500,
+    fontWeightBold: 700,
+    // Tell Material-UI what's the font-size on the html element.
+    // 16px is the default font-size used by browsers.
+    htmlFontSize: 16,
+    // Apply the CSS properties to all the variants.
+    allVariants: {
+        textTransform: 'inherit',
+    }
+});
+const zIndex = {};
+const mixins = createMixins(breakpoints, spacing, {});
+const components = {
+    MuiButtonBase: {
+        defaultProps: {
+            disableRipple: true, // 'ondulation'
+            //      borderRadius: 0,
+        },
+        styleOverrides: {
+            root: {
+            //        borderRadius: 0,
+            },
+        },
+    },
+    MuiButton: {
+        defaultProps: {
+            size: 'small',
+        },
+        styleOverrides: {
+        //      root: {
+        //        borderRadius: 0,
+        //      },
+        //      sizeSmall: {
+        //        // https://github.com/mui-org/material-ui/pull/24253
+        //        backgroundColor: "red"
+        //      },
+        },
+    },
+    MuiSwitch: {
+        defaultProps: {
+            size: 'small',
+        },
+    },
+    MuiSlider: {
+        defaultProps: {
+            size: 'small',
+        },
+    },
+    /*
+      containedPrimary: {
+        color: blue.A700,
+        backgroundColor: white,
+        '&:hover': {
+          backgroundColor: white,
+          // Reset on touch devices, it doesn't add specificity
+          '@media (hover: none)': {
+            backgroundColor: white,
+          },
+        }
+      }
+    */
+};
+const themeOptions = {
+    shape: shape,
+    breakpoints: breakpoints,
+    direction: direction,
+    mixins: mixins,
+    palette: palette,
+    shadows: shadows,
+    spacing: spacing,
+    transitions: transitions,
+    components: components,
+    typography: typography,
+    zIndex: zIndex,
+};
+const muiLightTheme = createTheme(themeOptions);
+export default muiLightTheme;
+//# sourceMappingURL=muiLightTheme.js.map

package/lib/examples/theme/muiLightTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"muiLightTheme.js","sourceRoot":"","sources":["../../../src/examples/theme/muiLightTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAe,MAAM,aAAa,CAAC;AAC7D,OAAO,YAAwB,MAAM,mCAAmC,CAAC;AACzE,OAAO,aAA0B,MAAM,oCAAoC,CAAC;AAC5E,OAAO,gBAAgC,MAAM,uCAAuC,CAAC;AACrF,OAAO,OAAO,MAAM,8BAA8B,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAW,MAAM,aAAa,CAAC;AAIrD,kDAAkD;AAClD,gDAAgD;AAChD,oDAAoD;AACpD,8CAA8C;AAE9C,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAE7C,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;AAEnC,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAChC,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAChC,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAChC,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAChC,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAEhC,MAAM,KAAK,GAAG,MAAM,CAAC;AAErB,MAAM,SAAS,GAAc,KAAK,CAAC;AAEnC,MAAM,WAAW,GAAgB,iBAAiB,CAAC;IACjD,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,CAAC;CACR,CAAC,CAAC;AAEH,MAAM,OAAO,GAAY,aAAa,CAAC;IACvC,iBAAiB;IACjB;;;;;;;MAOE;IACA,OAAO,EAAE;QACX,uBAAuB;QACnB,KAAK,EAAE,MAAM;QACjB,sBAAsB;QAClB,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,KAAK;QACf,gCAAgC;QAC5B,YAAY,EAAE,MAAM;KACrB;IACH;;;;;;;MAOE;IACA,SAAS,EAAE;QACT,KAAK,EAAE,KAAK;QAChB,sBAAsB;QAClB,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,KAAK;QACf,gCAAgC;QAC5B,YAAY,EAAE,MAAM;KACrB;IACH;;;;;;;MAOE;IACA,KAAK,EAAE;QACL,KAAK,EAAE,KAAK;QAChB,sBAAsB;QAClB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;QACf,IAAI,EAAE,KAAK;QACf,+BAA+B;QAC3B,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;KACxB;IACD,UAAU,EAAE;QACV,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,KAAK;KACb;CACF,CAAC,CAAC;AAEH,8BAA8B;AAE9B,MAAM,KAAK,GAAiB;IAC1B,YAAY,EAAE,CAAC;CAChB,CAAC;AAEF,MAAM,OAAO,GAAY,aAAa,CAAC,CAAC,CAAC,CAAC;AAE1C,MAAM,WAAW,GAAyB,EAAE,CAAC;AAE7C,MAAM,UAAU,GAAwB,gBAAgB,CAAC,OAAO,EAAE;IAChE,UAAU,EAAE,4CAA4C;IACxD,QAAQ,EAAE,EAAE;IACZ,eAAe,EAAE,GAAG;IACpB,iBAAiB,EAAE,GAAG;IACtB,gBAAgB,EAAE,GAAG;IACrB,cAAc,EAAE,GAAG;IACnB,6DAA6D;IAC7D,kDAAkD;IAClD,YAAY,EAAE,EAAE;IAChB,gDAAgD;IAChD,WAAW,EAAE;QACX,aAAa,EAAE,SAAS;KACzB;CACF,CAAC,CAAC;AAEH,MAAM,MAAM,GAAoB,EAAE,CAAC;AAEnC,MAAM,MAAM,GAAW,YAAY,CAAC,WAAW,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;AAE9D,MAAM,UAAU,GAAG;IACjB,aAAa,EAAE;QACb,YAAY,EAAE;YACZ,aAAa,EAAE,IAAI,EAAE,eAAe;YAC1C,wBAAwB;SACnB;QACD,cAAc,EAAE;YACd,IAAI,EAAE;YACZ,0BAA0B;aACnB;SACF;KACF;IACD,SAAS,EAAE;QACT,YAAY,EAAE;YACZ,IAAI,EAAE,OAAO;SACd;QACD,cAAc,EAAE;QACpB,eAAe;QACf,0BAA0B;QAC1B,UAAU;QACV,oBAAoB;QACpB,8DAA8D;QAC9D,gCAAgC;QAChC,UAAU;SACL;KACF;IACD,SAAS,EAAE;QACT,YAAY,EAAE;YACZ,IAAI,EAAE,OAAO;SACd;KACF;IACD,SAAS,EAAE;QACT,YAAY,EAAE;YACZ,IAAI,EAAE,OAAO;SACd;KACF;IACH;;;;;;;;;;;;MAYE;CACD,CAAC;AAEF,MAAM,YAAY,GAAiB;IACjC,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,WAAW;IACxB,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,OAAO;IAChB,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;IACtB,MAAM,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,aAAa,GAAU,WAAW,CACtC,YAAmB,CACpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/examples/theme/vintage.project.json

@@ -0,0 +1,172 @@
+{
+    "version": 1,
+    "themeName": "vintage",
+    "theme": {
+        "seriesCnt": 4,
+        "backgroundColor": "rgba(254,248,239,1)",
+        "titleColor": "#333333",
+        "subtitleColor": "#aaaaaa",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#eee",
+        "color": [
+            "#d87c7c",
+            "#919e8b",
+            "#d7ab82",
+            "#6e7074",
+            "#61a0a8",
+            "#efa18d",
+            "#787464",
+            "#cc7e63",
+            "#724e58",
+            "#4b565b"
+        ],
+        "borderColor": "#ccc",
+        "borderWidth": 0,
+        "visualMapColor": [
+            "#bf444c",
+            "#d88273",
+            "#f6efa6"
+        ],
+        "legendTextColor": "#333333",
+        "kColor": "#c23531",
+        "kColor0": "#314656",
+        "kBorderColor": "#c23531",
+        "kBorderColor0": "#314656",
+        "kBorderWidth": 1,
+        "lineWidth": 2,
+        "symbolSize": 4,
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": 1,
+        "lineSmooth": false,
+        "graphLineWidth": 1,
+        "graphLineColor": "#aaa",
+        "mapLabelColor": "#000000",
+        "mapLabelColorE": "rgb(100,0,0)",
+        "mapBorderColor": "#444444",
+        "mapBorderColorE": "#444444",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#eeeeee",
+        "mapAreaColorE": "rgba(255,215,0,0.8)",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": [
+                    "#ccc"
+                ],
+                "splitAreaShow": false,
+                "splitAreaColor": [
+                    "rgba(250,250,250,0.3)",
+                    "rgba(200,200,200,0.3)"
+                ]
+            }
+        ],
+        "axisSeperateSetting": true,
+        "toolboxColor": "#999999",
+        "toolboxEmphasisColor": "#666666",
+        "tooltipAxisColor": "#cccccc",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#293c55",
+        "timelineLineWidth": 1,
+        "timelineItemColor": "#293c55",
+        "timelineItemColorE": "#a9334c",
+        "timelineCheckColor": "#e43c59",
+        "timelineCheckBorderColor": "#c23531",
+        "timelineItemBorderWidth": 1,
+        "timelineControlColor": "#293c55",
+        "timelineControlBorderColor": "#293c55",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#293c55",
+        "datazoomBackgroundColor": "rgba(47,69,84,0)",
+        "datazoomDataColor": "rgba(47,69,84,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333333"
+    }
+}