dtstack / molecule-examples

The collection of Molecule examples

molecule-examples

The examples showing how to integrate or use the Molecule.

Examples

• molecule-demo
• cloud-ide
• online-code-formatting
• monaco-sql-languages
• online-markdown-preview
• vite-molecule-demo

Preview

• molecule-demo
• online-code-formatting
• online-markdown-preview

molecule-examples's Issues

bug: molecule-demo中，FolderTree中的文件右键菜单， 点击重命名会使FolderTree向左偏移，看起来没有左边距了

molecule-demo中，FolderTree中的文件右键菜单， 点击重命名会使FolderTree向左偏移，看起来没有左边距了

中英文显示问题

第一张图的菜单栏全是英文，但是第二张图的import { ExtendLocales } from './i18n'; 意思是导入中文包，为什么还是显示英文？

molecule-demo install dependency failed

It looks like a conflict regarding react version.

Please find below the log.

MacBook-Pro-2:molecule-demo wangxu$ npm install -D
npm WARN old lockfile
npm WARN old lockfile The package-lock.json file was created with an old version of npm,
npm WARN old lockfile so supplemental metadata must be fetched from the registry.
npm WARN old lockfile
npm WARN old lockfile This is a one-time fix-up, please be patient...
npm WARN old lockfile
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"^17.0.2" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.14.0" from @dtinsight/[email protected]
npm ERR! node_modules/@dtinsight/molecule
npm ERR!   @dtinsight/molecule@"^0.9.0-beta.4.2" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/wangxu/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/wangxu/.npm/_logs/2022-07-10T08_42_46_970Z-debug.log

快速入门编译报错

按照你们的快速入门，https://dtstack.github.io/molecule/zh-CN/docs/quick-start

发现如下问题，是版本问题？：

Compiled with problems:X

ERROR in ./node_modules/@dtinsight/molecule/esm/components/tabs/dragAndDrop.js 5:19-35

export 'createDndContext' (imported as 'createDndContext') was not found in 'react-dnd' (module has no exports)

ERROR in ./node_modules/@dtinsight/molecule/esm/components/tabs/dragAndDrop.js 12:29-40

export 'DndProvider' (imported as 'DndProvider') was not found in 'react-dnd' (module has no exports)

ERROR in ./node_modules/@dtinsight/molecule/esm/components/tabs/tab.js 50:19-26

export 'useDrag' (imported as 'useDrag') was not found in 'react-dnd' (module has no exports)

ERROR in ./node_modules/@dtinsight/molecule/esm/components/tabs/tab.js 59:19-26

export 'useDrop' (imported as 'useDrop') was not found in 'react-dnd' (module has no exports)

ERROR in ./node_modules/react-dnd-html5-backend/dist/esm/index.js 1:0-42

Module not found: Error: Can't resolve './HTML5Backend' in '/Users/jackqqxu/code/webide/molecule-demo/node_modules/react-dnd-html5-backend/dist/esm'
Did you mean 'HTML5Backend.js'?
BREAKING CHANGE: The request './HTML5Backend' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.

ERROR in ./node_modules/react-dnd-html5-backend/dist/esm/index.js 2:0-45

Module not found: Error: Can't resolve './NativeTypes' in '/Users/jackqqxu/code/webide/molecule-demo/node_modules/react-dnd-html5-backend/dist/esm'
Did you mean 'NativeTypes.js'?
BREAKING CHANGE: The request './NativeTypes' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.

ERROR in ./node_modules/react-dnd-html5-backend/dist/esm/index.js 3:0-48

Module not found: Error: Can't resolve './getEmptyImage' in '/Users/jackqqxu/code/webide/molecule-demo/node_modules/react-dnd-html5-backend/dist/esm'
Did you mean 'getEmptyImage.js'?
BREAKING CHANGE: The request './getEmptyImage' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.

ERROR in ./node_modules/react-dnd/dist/esm/index.js 1:0-25

Module not found: Error: Can't resolve './common' in '/Users/jackqqxu/code/webide/molecule-demo/node_modules/react-dnd/dist/esm'
Did you mean 'index.js'?
BREAKING CHANGE: The request './common' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.

ERROR in ./node_modules/react-dnd/dist/esm/index.js 2:0-24

Module not found: Error: Can't resolve './hooks' in '/Users/jackqqxu/code/webide/molecule-demo/node_modules/react-dnd/dist/esm'
Did you mean 'index.js'?
BREAKING CHANGE: The request './hooks' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.

ERROR in ./node_modules/react-dnd/dist/esm/index.js 3:0-29

Module not found: Error: Can't resolve './decorators' in '/Users/jackqqxu/code/webide/molecule-demo/node_modules/react-dnd/dist/esm'
Did you mean 'index.js'?
BREAKING CHANGE: The request './decorators' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.

欢迎和我微信联系：jackqqxu

Cannot set properties of undefined (setting 'apex')