@lowdefy/blocks-echarts 4.7.3 → 5.1.0

package/dist/blocks/EChart/EChart.js

@@ -13,7 +13,7 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import React from 'react';
-import { blockDefaultProps } from '@lowdefy/block-utils';
+import { withBlockDefaults } from '@lowdefy/block-utils';
 import { registerTheme } from 'echarts';
 import ReactECharts from 'echarts-for-react';
 let EChart = class EChart extends React.Component {
@@ -25,9 +25,12 @@ let EChart = class EChart extends React.Component {
     }
     render() {
         return /*#__PURE__*/ React.createElement("div", {
+            className: this.props.classNames?.element,
             style: {
                 height: this.props.properties.height ?? 300,
-                width: this.props.properties.width ?? '100%'
+                width: this.props.properties.width ?? '100%',
+                minWidth: 0,
+                ...this.props.styles?.element
             }
         }, /*#__PURE__*/ React.createElement(ReactECharts, {
             lazyUpdate: true,
@@ -40,11 +43,11 @@ let EChart = class EChart extends React.Component {
                     source: []
                 } : this.props.properties.option?.dataset
             },
-            opts: {
-                height: this.props.properties.height ?? 300,
-                ...this.props.properties.init ?? {}
+            opts: this.props.properties.init,
+            style: {
+                width: '100%',
+                height: '100%'
             },
-            style: this.props.properties.style ?? {},
             theme: this.props.properties.theme && `custom_theme_${this.props.blockId}`
         }));
     }
@@ -98,10 +101,4 @@ let EChart = class EChart extends React.Component {
         }
     }
 };
-EChart.defaultProps = blockDefaultProps;
-EChart.meta = {
-    category: 'display',
-    icons: [],
-    styles: []
-};
-export default EChart;
+export default withBlockDefaults(EChart);

package/dist/blocks/EChart/{schema.js → meta.js}

@@ -13,7 +13,15 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ export default {
-    type: 'object',
+    category: 'display',
+    icons: [],
+    valueType: null,
+    cssKeys: {
+        element: 'The EChart element.'
+    },
+    events: {
+        click: 'Trigger actions when the element is clicked.'
+    },
     properties: {
         type: 'object',
         additionalProperties: false,
@@ -77,22 +85,6 @@
                         description: 'Specify the locale.'
                     }
                 }
-            },
-            style: {
-                type: 'object',
-                description: 'Css style object to apply to EChart div.',
-                docs: {
-                    displayType: 'yaml'
-                }
-            }
-        }
-    },
-    events: {
-        type: 'object',
-        properties: {
-            click: {
-                type: 'array',
-                description: 'Trigger actions when the element is clicked.'
             }
         }
     }

package/dist/{schemas.js → metas.js}

@@ -12,4 +12,4 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ export { default as EChart } from './blocks/EChart/schema.js';
+*/ export { default as EChart } from './blocks/EChart/meta.js';

package/dist/types.js

@@ -1,4 +1,4 @@
-/* eslint-disable import/namespace */ /*
+/*
   Copyright 2020-2026 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
@@ -12,18 +12,6 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import * as blocks from './blocks.js';
-const icons = {};
-const styles = {};
-Object.keys(blocks).forEach((block)=>{
-    icons[block] = blocks[block].meta.icons ?? [];
-    styles[block] = blocks[block].meta.styles ?? [];
-});
-export default {
-    blocks: Object.keys(blocks),
-    icons,
-    styles: {
-        default: [],
-        ...styles
-    }
-};
+*/ import { extractBlockTypes } from '@lowdefy/block-utils';
+import * as metas from './metas.js';
+export default extractBlockTypes(metas);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/blocks-echarts",
-  "version": "4.7.3",
+  "version": "5.1.0",
   "license": "Apache-2.0",
   "description": "ECharts Blocks for Lowdefy.",
   "homepage": "https://lowdefy.com",
@@ -36,33 +36,35 @@
   "exports": {
     "./*": "./dist/*",
     "./blocks": "./dist/blocks.js",
+    "./metas": "./dist/metas.js",
     "./e2e": "./dist/e2e.js",
-    "./schemas": "./dist/schemas.js",
     "./types": "./dist/types.js"
   },
   "files": [
     "dist/*"
   ],
   "dependencies": {
-    "@lowdefy/block-utils": "4.7.3",
-    "echarts": "5.5.1",
-    "echarts-for-react": "3.0.2",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "@lowdefy/block-utils": "5.1.0",
+    "echarts": "6.0.0",
+    "echarts-for-react": "3.0.5"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
   },
   "devDependencies": {
-    "@lowdefy/block-dev-e2e": "4.7.3",
-    "@lowdefy/e2e-utils": "4.7.3",
+    "@lowdefy/block-dev-e2e": "5.1.0",
+    "@lowdefy/e2e-utils": "5.1.0",
     "@playwright/test": "1.50.1",
-    "@swc/cli": "0.1.63",
-    "@swc/core": "1.3.99",
+    "@swc/cli": "0.8.0",
+    "@swc/core": "1.15.18",
     "copyfiles": "2.4.1"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "swc src --out-dir dist --config-file ../../../../.swcrc --delete-dir-on-start && pnpm copyfiles",
+    "build": "swc src --out-dir dist --config-file ../../../../.swcrc --cli-config-file ../../../../.swc-cli.json && pnpm copyfiles",
     "clean": "rm -rf dist",
     "copyfiles": "copyfiles -u 1 \"./src/**/*\" dist -e \"./src/**/*.js\" -e \"./src/**/*.yaml\" -e \"./src/**/*.snap\"",
     "e2e": "playwright test --config e2e/playwright.config.js",

package/dist/blocks/EChart/schema.json

@@ -1,73 +0,0 @@
-{
-  "type": "object",
-  "properties": {
-    "type": "object",
-    "additionalProperties": false,
-    "properties": {
-      "option": {
-        "type": "object",
-        "description": "EChart settings object.",
-        "docs": {
-          "displayType": "yaml"
-        }
-      },
-      "theme": {
-        "type": "object",
-        "description": "EChart theme object.",
-        "docs": {
-          "displayType": "yaml"
-        }
-      },
-      "width": {
-        "type": ["number", "string"],
-        "default": "auto",
-        "description": "Specify chart width explicitly, in pixel.",
-        "docs": {
-          "displayType": "string"
-        }
-      },
-      "height": {
-        "type": ["number", "string"],
-        "default": "auto",
-        "description": "Specify chart height explicitly, in pixel.",
-        "docs": {
-          "displayType": "string"
-        }
-      },
-      "init": {
-        "type": "object",
-        "description": "EChart init object.",
-        "properties": {
-          "renderer": {
-            "type": "string",
-            "enum": ["canvas", "svg"],
-            "default": "canvas",
-            "description": "Chart renderer."
-          },
-          "locale": {
-            "type": "string",
-            "enum": ["EN", "ZH"],
-            "default": "EN",
-            "description": "Specify the locale."
-          }
-        }
-      },
-      "style": {
-        "type": "object",
-        "description": "Css style object to apply to EChart div.",
-        "docs": {
-          "displayType": "yaml"
-        }
-      }
-    }
-  },
-  "events": {
-    "type": "object",
-    "properties": {
-      "click": {
-        "type": "array",
-        "description": "Trigger actions when the element is clicked."
-      }
-    }
-  }
-}