@lemonppt/templates 0.1.7 → 0.2.0

package/dist/themes/theme01/chart-funnel.js

@@ -0,0 +1,156 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EditableField } from '../../editable-field.js';
+import { LpEChart } from './echart.js';
+export const theme01ChartFunnelMeta = {
+    id: 'theme01_chart_funnel',
+    theme: 'theme01',
+    role: 'chart',
+    displayName: 'Theme 01 漏斗图',
+    description: 'ECharts 漏斗图，适合展示转化漏斗',
+    needsMedia: false,
+};
+export const theme01ChartFunnelSchema = {
+    fields: [
+        {
+            key: 'title',
+            label: '标题',
+            type: 'text',
+            inlineEditable: true
+        },
+        {
+            key: 'kicker',
+            label: '标签',
+            type: 'text',
+            inlineEditable: true
+        },
+        {
+            key: 'data',
+            label: '数据',
+            type: 'array',
+            minItems: 2,
+            maxItems: 12,
+            itemSchema: [
+                {
+                    key: 'name',
+                    label: '名称',
+                    type: 'text',
+                    inlineEditable: true
+                },
+                {
+                    key: 'value',
+                    label: '数值',
+                    type: 'number'
+                }
+            ]
+        },
+        {
+            key: 'subtitle',
+            label: '副标题',
+            type: 'text',
+            inlineEditable: true
+        },
+        {
+            key: 'showInsight',
+            label: '重点强调',
+            type: 'boolean',
+            defaultValue: true
+        },
+        {
+            key: 'insight',
+            label: '洞察面板',
+            type: 'object',
+            visibleWhen: { key: 'showInsight', value: true },
+            defaultValue: {
+                value: '68%',
+                label: '总体转化率',
+                description: '从曝光到最终成交的漏斗整体转化表现稳定，关键流失集中在第二步。'
+            },
+            itemSchema: [
+                {
+                    key: 'value',
+                    label: '主数值',
+                    type: 'text'
+                },
+                {
+                    key: 'label',
+                    label: '主数值说明',
+                    type: 'text'
+                },
+                {
+                    key: 'description',
+                    label: '解读文字',
+                    type: 'textarea'
+                }
+            ]
+        },
+        {
+            key: 'footnote',
+            label: '脚注',
+            type: 'text',
+            inlineEditable: true
+        }
+    ]
+};
+export function Theme01ChartFunnel(props) {
+    const { title, kicker, subtitle, data = [], showInsight = true, insight, footnote, _slideIdx, _editable, } = props;
+    const hasInsight = showInsight !== false && !!insight && (!!insight.value || !!insight.label || !!insight.description);
+    const colors = ['var(--lp-blue)', 'var(--lp-green)', 'var(--lp-amber)', 'var(--lp-red)', 'var(--lp-violet)'];
+    const option = {
+        tooltip: { trigger: 'item', formatter: '{b}: {c}' },
+        color: colors,
+        series: [
+            {
+                type: 'funnel',
+                left: hasInsight ? '2%' : '10%',
+                top: 10,
+                bottom: 10,
+                width: hasInsight ? '55%' : '80%',
+                min: 0,
+                max: data.length ? Math.max(...data.map((d) => d.value)) : 100,
+                minSize: '0%',
+                maxSize: '100%',
+                sort: 'descending',
+                gap: 3,
+                label: {
+                    show: true,
+                    position: 'inside',
+                    fontSize: 13,
+                    fontWeight: 800,
+                    color: '#fff',
+                    textShadowColor: 'rgba(0,0,0,0.22)',
+                    textShadowBlur: 5,
+                    formatter: '{b}\n{c}',
+                },
+                labelLine: { length: 10, lineStyle: { width: 1, type: 'solid' } },
+                itemStyle: { borderColor: 'rgba(255,255,255,0.85)', borderWidth: 2, shadowBlur: 12, shadowColor: 'rgba(0,0,0,0.12)', shadowOffsetY: 4 },
+                emphasis: {
+                    label: { fontSize: 15, fontWeight: 900 },
+                    itemStyle: {
+                        shadowBlur: 24,
+                        shadowColor: 'rgba(0,0,0,0.22)',
+                        shadowOffsetY: 6,
+                        borderWidth: 2.5,
+                        borderColor: 'rgba(255,255,255,0.95)',
+                    },
+                },
+                animationDuration: 900,
+                animationEasing: 'cubicOut',
+                data: data.map((d, i) => ({
+                    ...d,
+                    itemStyle: {
+                        color: {
+                            type: 'linear',
+                            x: 0, y: 0, x2: 0, y2: 1,
+                            colorStops: [
+                                { offset: 0, color: colors[i % colors.length] },
+                                { offset: 1, color: colors[i % colors.length] + '80' }
+                            ]
+                        }
+                    }
+                })),
+            },
+        ],
+    };
+    return (_jsx("div", { className: `lp-slide lp-chart-v2 lp-echart-slide ${hasInsight ? 'lp-chart-v2--with-insight' : ''}`, children: _jsxs("div", { className: "lp-card lp-chart-card lp-rise", children: [_jsxs("div", { className: "lp-chart-header", children: [kicker && (_jsx(EditableField, { prop: "kicker", slideIdx: _slideIdx, editable: _editable, as: "div", className: "lp-pill", children: kicker })), _jsxs("div", { className: "lp-chart-titles", children: [_jsx(EditableField, { prop: "title", slideIdx: _slideIdx, editable: _editable, as: "h2", className: "lp-chart-title", children: title }), subtitle && (_jsx(EditableField, { prop: "subtitle", slideIdx: _slideIdx, editable: _editable, as: "p", className: "lp-chart-subtitle", children: subtitle }))] })] }), _jsxs("div", { className: `lp-chart-body ${hasInsight ? 'lp-chart-body--with-insight' : ''}`, children: [_jsx("div", { className: "lp-chart-wrapper lp-echart-wrapper", children: _jsx(LpEChart, { type: "funnel", option: option }) }), hasInsight && (_jsxs("div", { className: "lp-chart-insight lp-chart-insight--funnel", children: [(insight.value || insight.label) && (_jsxs("div", { className: "lp-chart-insight-head", children: [insight.value && (_jsx(EditableField, { prop: "insight.value", slideIdx: _slideIdx, editable: _editable, as: "div", className: "lp-chart-insight-headline", children: insight.value })), insight.label && (_jsx(EditableField, { prop: "insight.label", slideIdx: _slideIdx, editable: _editable, as: "div", className: "lp-chart-insight-subheadline", children: insight.label }))] })), insight.description && (_jsx(EditableField, { prop: "insight.description", slideIdx: _slideIdx, editable: _editable, as: "p", className: "lp-chart-insight-description", children: insight.description }))] }))] }), footnote && (_jsx("div", { className: "lp-chart-footer", children: _jsx(EditableField, { prop: "footnote", slideIdx: _slideIdx, editable: _editable, as: "div", className: "lp-chart-footnote", children: footnote }) }))] }) }));
+}
+//# sourceMappingURL=chart-funnel.js.map

package/dist/themes/theme01/chart-funnel.js.map

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

package/dist/themes/theme01/chart-gauge.d.ts

@@ -0,0 +1,17 @@
+import type { LayoutMeta, PropsSchema } from '@lemonppt/core';
+import type { ReactNode } from 'react';
+export interface Theme01ChartGaugeProps {
+    title?: string;
+    kicker?: string;
+    value?: number;
+    min?: number;
+    max?: number;
+    unit?: string;
+    _slideIdx?: number;
+    _editable?: boolean;
+    [key: string]: unknown;
+}
+export declare const theme01ChartGaugeMeta: LayoutMeta;
+export declare const theme01ChartGaugeSchema: PropsSchema;
+export declare function Theme01ChartGauge(props: Theme01ChartGaugeProps): ReactNode;
+//# sourceMappingURL=chart-gauge.d.ts.map

package/dist/themes/theme01/chart-gauge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-gauge.d.ts","sourceRoot":"","sources":["../../../src/themes/theme01/chart-gauge.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,qBAAqB,EAAE,UAOnC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,WAoCrC,CAAC;AAGF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,SAAS,CAmD1E"}

package/dist/themes/theme01/chart-gauge.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EditableField } from '../../editable-field.js';
+import { LpEChart } from './echart.js';
+export const theme01ChartGaugeMeta = {
+    id: 'theme01_chart_gauge',
+    theme: 'theme01',
+    role: 'chart',
+    displayName: 'Theme 01 仪表盘',
+    description: 'ECharts 仪表盘，适合展示完成率、健康度等单一指标',
+    needsMedia: false,
+};
+export const theme01ChartGaugeSchema = {
+    fields: [
+        {
+            key: 'title',
+            label: '标题',
+            type: 'text',
+            inlineEditable: true
+        },
+        {
+            key: 'kicker',
+            label: '标签',
+            type: 'text',
+            inlineEditable: true
+        },
+        {
+            key: 'value',
+            label: '数值',
+            type: 'number'
+        },
+        {
+            key: 'min',
+            label: 'min',
+            type: 'number'
+        },
+        {
+            key: 'max',
+            label: 'max',
+            type: 'number'
+        },
+        {
+            key: 'unit',
+            label: '单位',
+            type: 'text',
+            inlineEditable: true
+        }
+    ]
+};
+export function Theme01ChartGauge(props) {
+    const { title, kicker, value = 0, min = 0, max = 100, unit = '', _slideIdx, _editable } = props;
+    const option = {
+        tooltip: { formatter: '{b}: {c}' + unit },
+        series: [
+            {
+                type: 'gauge',
+                startAngle: 200,
+                endAngle: -20,
+                min,
+                max,
+                splitNumber: 10,
+                itemStyle: { color: 'var(--lp-blue)' },
+                progress: { show: true, width: 24 },
+                pointer: { show: true, length: '70%', width: 6 },
+                axisLine: { lineStyle: { width: 24 } },
+                axisTick: { distance: -30, length: 8, lineStyle: { width: 1 } },
+                splitLine: { distance: -30, length: 16, lineStyle: { width: 2 } },
+                axisLabel: { distance: -18, fontSize: 12 },
+                detail: {
+                    valueAnimation: true,
+                    formatter: '{value}' + unit,
+                    fontSize: 40,
+                    fontWeight: 700,
+                    offsetCenter: [0, '60%'],
+                },
+                data: [{ value, name: title || '' }],
+            },
+        ],
+    };
+    return (_jsx("div", { className: "lp-slide lp-chart-v2 lp-echart-slide", children: _jsxs("div", { className: "lp-card lp-chart-card lp-rise", children: [_jsxs("div", { className: "lp-chart-header", children: [kicker && (_jsx(EditableField, { prop: "kicker", slideIdx: _slideIdx, editable: _editable, as: "div", className: "lp-pill", children: kicker })), _jsx(EditableField, { prop: "title", slideIdx: _slideIdx, editable: _editable, as: "h2", className: "lp-chart-title", children: title })] }), _jsx("div", { className: "lp-chart-wrapper lp-echart-wrapper", children: _jsx(LpEChart, { type: "gauge", option: option }) })] }) }));
+}
+//# sourceMappingURL=chart-gauge.js.map

package/dist/themes/theme01/chart-gauge.js.map

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

package/dist/themes/theme01/chart-graph.d.ts

@@ -0,0 +1,27 @@
+import type { LayoutMeta, PropsSchema } from '@lemonppt/core';
+import type { ReactNode } from 'react';
+export interface Theme01ChartGraphProps {
+    title?: string;
+    kicker?: string;
+    nodes?: Array<{
+        id?: string;
+        name: string;
+        value?: number;
+        category?: number;
+    }>;
+    links?: Array<{
+        source: string;
+        target: string;
+        value?: number;
+    }>;
+    categories?: Array<{
+        name: string;
+    }>;
+    _slideIdx?: number;
+    _editable?: boolean;
+    [key: string]: unknown;
+}
+export declare const theme01ChartGraphMeta: LayoutMeta;
+export declare const theme01ChartGraphSchema: PropsSchema;
+export declare function Theme01ChartGraph(props: Theme01ChartGraphProps): ReactNode;
+//# sourceMappingURL=chart-graph.d.ts.map

package/dist/themes/theme01/chart-graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-graph.d.ts","sourceRoot":"","sources":["../../../src/themes/theme01/chart-graph.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC,CAAC;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;IACH,UAAU,CAAC,EAAE,KAAK,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC,CAAC;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AACD,eAAO,MAAM,qBAAqB,EAAE,UAOnC,CAAC;AACF,eAAO,MAAM,uBAAuB,EAAE,WAuFrC,CAAC;AACF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,SAAS,CA2E1E"}

package/dist/themes/theme01/chart-graph.js

@@ -0,0 +1,162 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EditableField } from '../../editable-field.js';
+import { LpEChart } from './echart.js';
+export const theme01ChartGraphMeta = {
+    id: 'theme01_chart_graph',
+    theme: 'theme01',
+    role: 'chart',
+    displayName: 'Theme 01 关系图',
+    description: 'ECharts 关系图，适合展示实体间的关联网络',
+    needsMedia: false,
+};
+export const theme01ChartGraphSchema = {
+    fields: [
+        {
+            key: 'title',
+            label: '标题',
+            type: 'text',
+            inlineEditable: true
+        },
+        {
+            key: 'kicker',
+            label: '标签',
+            type: 'text',
+            inlineEditable: true
+        },
+        {
+            key: 'nodes',
+            label: 'nodes',
+            type: 'array',
+            maxItems: 20,
+            minItems: 1,
+            itemSchema: [
+                {
+                    key: 'id',
+                    label: 'id',
+                    type: 'text',
+                    inlineEditable: true
+                },
+                {
+                    key: 'name',
+                    label: '名称',
+                    type: 'text',
+                    inlineEditable: true
+                },
+                {
+                    key: 'value',
+                    label: '数值',
+                    type: 'number'
+                },
+                {
+                    key: 'category',
+                    label: 'category',
+                    type: 'number'
+                }
+            ]
+        },
+        {
+            key: 'links',
+            label: 'links',
+            type: 'array',
+            maxItems: 30,
+            minItems: 1,
+            itemSchema: [
+                {
+                    key: 'source',
+                    label: 'source',
+                    type: 'text',
+                    inlineEditable: true
+                },
+                {
+                    key: 'target',
+                    label: 'target',
+                    type: 'text',
+                    inlineEditable: true
+                },
+                {
+                    key: 'value',
+                    label: '数值',
+                    type: 'number'
+                }
+            ]
+        },
+        {
+            key: 'categories',
+            label: 'categories',
+            type: 'array',
+            minItems: 2,
+            maxItems: 8,
+            itemSchema: [
+                {
+                    key: 'name',
+                    label: '名称',
+                    type: 'text',
+                    inlineEditable: true
+                }
+            ]
+        }
+    ]
+};
+export function Theme01ChartGraph(props) {
+    const { title, kicker, _slideIdx, _editable } = props;
+    const categories = props.categories ?? [
+        { name: '核心' },
+        { name: '产品' },
+        { name: '技术' },
+    ];
+    const nodes = props.nodes ?? [
+        { name: '平台', value: 80, category: 0 },
+        { name: '用户端', value: 50, category: 1 },
+        { name: '管理端', value: 45, category: 1 },
+        { name: '数据中台', value: 60, category: 2 },
+        { name: 'AI 引擎', value: 70, category: 2 },
+        { name: '渲染器', value: 55, category: 2 },
+        { name: '模板库', value: 40, category: 1 },
+    ];
+    const links = props.links ?? [
+        { source: '平台', target: '用户端', value: 5 },
+        { source: '平台', target: '管理端', value: 5 },
+        { source: '平台', target: '数据中台', value: 8 },
+        { source: '数据中台', target: 'AI 引擎', value: 6 },
+        { source: 'AI 引擎', target: '渲染器', value: 4 },
+        { source: '管理端', target: '模板库', value: 3 },
+        { source: '用户端', target: '渲染器', value: 4 },
+    ];
+    const option = {
+        tooltip: { trigger: 'item' },
+        legend: { bottom: 0, data: categories.map((c) => c.name) },
+        series: [
+            {
+                type: 'graph',
+                layout: 'force',
+                data: nodes.map((n) => ({
+                    name: n.name,
+                    value: n.value ?? 40,
+                    category: n.category ?? 0,
+                    symbolSize: Math.sqrt(n.value ?? 40) * 6,
+                    draggable: true,
+                })),
+                links: links.map((l) => ({
+                    source: l.source,
+                    target: l.target,
+                    value: l.value ?? 1,
+                    lineStyle: { curveness: 0.1 },
+                })),
+                categories,
+                roam: false,
+                label: { show: true, position: 'right', fontSize: 11 },
+                force: {
+                    repulsion: 400,
+                    edgeLength: [60, 120],
+                    gravity: 0.1,
+                },
+                emphasis: {
+                    focus: 'adjacency',
+                    lineStyle: { width: 4 },
+                },
+            },
+        ],
+    };
+    return (_jsx("div", { className: "lp-slide lp-chart-v2 lp-echart-slide", children: _jsxs("div", { className: "lp-card lp-chart-card lp-rise", children: [_jsxs("div", { className: "lp-chart-header", children: [kicker && (_jsx(EditableField, { prop: "kicker", slideIdx: _slideIdx, editable: _editable, as: "div", className: "lp-pill", children: kicker })), _jsx(EditableField, { prop: "title", slideIdx: _slideIdx, editable: _editable, as: "h2", className: "lp-chart-title", children: title })] }), _jsx("div", { className: "lp-chart-wrapper lp-echart-wrapper", children: _jsx(LpEChart, { type: "graph", option: option }) })] }) }));
+}
+//# sourceMappingURL=chart-graph.js.map

package/dist/themes/theme01/chart-graph.js.map

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

package/dist/themes/theme01/chart-heatmap.d.ts

@@ -0,0 +1,20 @@
+import type { LayoutMeta, PropsSchema } from '@lemonppt/core';
+import type { ReactNode } from 'react';
+export interface Theme01ChartHeatmapProps {
+    title?: string;
+    kicker?: string;
+    xAxis?: string[];
+    yAxis?: string[];
+    data?: Array<[
+        string,
+        string,
+        number
+    ]>;
+    _slideIdx?: number;
+    _editable?: boolean;
+    [key: string]: unknown;
+}
+export declare const theme01ChartHeatmapMeta: LayoutMeta;
+export declare const theme01ChartHeatmapSchema: PropsSchema;
+export declare function Theme01ChartHeatmap(props: Theme01ChartHeatmapProps): ReactNode;
+//# sourceMappingURL=chart-heatmap.d.ts.map

package/dist/themes/theme01/chart-heatmap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-heatmap.d.ts","sourceRoot":"","sources":["../../../src/themes/theme01/chart-heatmap.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC;QACX,MAAM;QACN,MAAM;QACN,MAAM;KACP,CAAC,CAAC;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AACD,eAAO,MAAM,uBAAuB,EAAE,UAOrC,CAAC;AACF,eAAO,MAAM,yBAAyB,EAAE,WA4DvC,CAAC;AACF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,SAAS,CA+C9E"}

package/dist/themes/theme01/chart-heatmap.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EditableField } from '../../editable-field.js';
+import { LpEChart } from './echart.js';
+export const theme01ChartHeatmapMeta = {
+    id: 'theme01_chart_heatmap',
+    theme: 'theme01',
+    role: 'chart',
+    displayName: 'Theme 01 热力图',
+    description: 'ECharts 热力图，适合展示矩阵密度或相关性',
+    needsMedia: false,
+};
+export const theme01ChartHeatmapSchema = {
+    fields: [
+        {
+            key: 'title',
+            label: '标题',
+            type: 'text',
+            inlineEditable: true
+        },
+        {
+            key: 'kicker',
+            label: '标签',
+            type: 'text',
+            inlineEditable: true
+        },
+        {
+            key: 'xAxis',
+            label: 'xAxis',
+            type: 'array',
+            maxItems: 10,
+            minItems: 1,
+            itemSchema: [
+                {
+                    key: 'item',
+                    label: '项',
+                    type: 'text',
+                    inlineEditable: true
+                }
+            ]
+        },
+        {
+            key: 'yAxis',
+            label: 'yAxis',
+            type: 'array',
+            maxItems: 10,
+            minItems: 1,
+            itemSchema: [
+                {
+                    key: 'item',
+                    label: '项',
+                    type: 'text',
+                    inlineEditable: true
+                }
+            ]
+        },
+        {
+            key: 'data',
+            label: '数据',
+            type: 'array',
+            minItems: 2,
+            maxItems: 12,
+            itemSchema: [
+                {
+                    key: 'item',
+                    label: '项',
+                    type: 'text',
+                    inlineEditable: true
+                }
+            ]
+        }
+    ]
+};
+export function Theme01ChartHeatmap(props) {
+    const { title, kicker, _slideIdx, _editable } = props;
+    const xAxis = props.xAxis ?? ['A', 'B', 'C', 'D'];
+    const yAxis = props.yAxis ?? ['W1', 'W2', 'W3'];
+    const data = props.data ?? xAxis.flatMap((x) => yAxis.map((y) => [x, y, Math.round(Math.random() * 100)]));
+    const option = {
+        tooltip: { position: 'top' },
+        grid: { top: 10, bottom: 40, left: 60, right: 20 },
+        xAxis: { type: 'category', data: xAxis, splitArea: { show: true } },
+        yAxis: { type: 'category', data: yAxis, splitArea: { show: true } },
+        visualMap: {
+            min: 0,
+            max: Math.max(...data.map((d) => d[2])),
+            calculable: true,
+            orient: 'horizontal',
+            left: 'center',
+            bottom: 0,
+            inRange: { color: ['var(--lp-blue-100)', 'var(--lp-blue)'] },
+        },
+        series: [
+            {
+                type: 'heatmap',
+                data,
+                label: { show: true, fontSize: 12 },
+                emphasis: { itemStyle: { shadowBlur: 10, shadowColor: 'rgba(0,0,0,0.3)' } },
+            },
+        ],
+    };
+    return (_jsx("div", { className: "lp-slide lp-chart-v2 lp-echart-slide", children: _jsxs("div", { className: "lp-card lp-chart-card lp-rise", children: [_jsxs("div", { className: "lp-chart-header", children: [kicker && (_jsx(EditableField, { prop: "kicker", slideIdx: _slideIdx, editable: _editable, as: "div", className: "lp-pill", children: kicker })), _jsx(EditableField, { prop: "title", slideIdx: _slideIdx, editable: _editable, as: "h2", className: "lp-chart-title", children: title })] }), _jsx("div", { className: "lp-chart-wrapper lp-echart-wrapper", children: _jsx(LpEChart, { type: "heatmap", option: option }) })] }) }));
+}
+//# sourceMappingURL=chart-heatmap.js.map

package/dist/themes/theme01/chart-heatmap.js.map

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

package/dist/themes/theme01/chart-radar.d.ts

@@ -0,0 +1,21 @@
+import type { LayoutMeta, PropsSchema } from '@lemonppt/core';
+import type { ReactNode } from 'react';
+export interface Theme01ChartRadarProps {
+    title?: string;
+    kicker?: string;
+    indicators?: Array<{
+        name: string;
+        max: number;
+    }>;
+    data?: Array<{
+        name: string;
+        value: number[];
+    }>;
+    _slideIdx?: number;
+    _editable?: boolean;
+    [key: string]: unknown;
+}
+export declare const theme01ChartRadarMeta: LayoutMeta;
+export declare const theme01ChartRadarSchema: PropsSchema;
+export declare function Theme01ChartRadar(props: Theme01ChartRadarProps): ReactNode;
+//# sourceMappingURL=chart-radar.d.ts.map

package/dist/themes/theme01/chart-radar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-radar.d.ts","sourceRoot":"","sources":["../../../src/themes/theme01/chart-radar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;KACb,CAAC,CAAC;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,EAAE,CAAC;KACjB,CAAC,CAAC;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AACD,eAAO,MAAM,qBAAqB,EAAE,UAOnC,CAAC;AACF,eAAO,MAAM,uBAAuB,EAAE,WAgErC,CAAC;AACF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,SAAS,CAgD1E"}