fix: material panel style (#769)

* fix: material panel style

* fix: import styles

extensions/iceworks-material-helper/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change Log
 
+## 0.5.6
+
+- refactor: internal optimization
+
 ## 0.5.5
 
 - fix: generator page by blocks

extensions/iceworks-material-helper/package.json

@@ -3,7 +3,7 @@
   "displayName": "Component Helper",
   "description": "Easily use Component in React/Vue/Rax.",
   "publisher": "iceworks-team",
-  "version": "0.5.5",
+  "version": "0.5.6",
   "main": "./build/extension.js",
   "engines": {
     "vscode": "^1.41.0"

extensions/iceworks-material-helper/web/package.json

@@ -18,7 +18,7 @@
     "@alifd/theme-iceworks-dark": "^1.1.0",
     "@formily/next": "^1.3.5",
     "@formily/next-components": "^1.3.5",
-    "@iceworks/material-ui": "^0.1.5",
+    "@iceworks/material-ui": "^0.1.17",
     "@iceworks/material-utils": "^0.1.3",
     "@iceworks/vscode-webview": "^0.1.1",
     "lodash.forin": "^4.4.0",

extensions/iceworks-material-helper/web/src/pages/PageGenerator/components/PageSelected/index.tsx

@@ -3,7 +3,7 @@ import { Icon, Input } from '@alifd/next';
 import { SortableContainer, SortableElement, SortableHandle } from 'react-sortable-hoc';
 import { PLACEHOLDER_IMG } from '@iceworks/material-utils';
 import { FormattedMessage } from 'react-intl';
-import * as styles from './index.module.scss';
+import styles from './index.module.scss';
 
 export const BlockDragHandle = SortableHandle(({ title, screenshot }) => (
   <div className={styles.screenshot}>

extensions/iceworks-project-creator/web/src/pages/CustomScaffold/components/PageSelected/index.tsx

@@ -3,7 +3,7 @@ import { Icon, Input } from '@alifd/next';
 import { SortableContainer, SortableElement, SortableHandle } from 'react-sortable-hoc';
 import { PLACEHOLDER_IMG } from '@iceworks/material-utils';
 import { FormattedMessage } from 'react-intl';
-import * as styles from './index.module.scss';
+import styles from './index.module.scss';
 
 export const BlockDragHandle = SortableHandle(({ title, screenshot }) => (
   <div className={styles.screenshot}>

extensions/iceworks/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change Log
 
+## 0.16.3
+
+- chore: upgrade material helper
+
 ## 0.16.2
 
 - fix: generator page by blocks

extensions/iceworks/package.json

@@ -3,7 +3,7 @@
   "displayName": "Iceworks",
   "description": "Visual Intelligent Development Pack, provide visualization and intelligent technology to build Universal Application faster and better, support Web / H5 / MiniProgram(小程序) Application.",
   "publisher": "iceworks-team",
-  "version": "0.16.2",
+  "version": "0.16.3",
   "engines": {
     "vscode": "^1.41.0"
   },

packages/material-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iceworks/material-ui",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "description": "Material panel for display and select materials.",
   "files": [
     "demo/",
@@ -54,6 +54,6 @@
     "access": "public"
   },
   "license": "MIT",
-  "homepage": "https://unpkg.com/@iceworks/[email protected].15/build/index.html",
+  "homepage": "https://unpkg.com/@iceworks/[email protected].17/build/index.html",
   "gitHead": "fc5b35f95ab4cc24898845916acf598c2f34d576"
 }

packages/material-ui/src/components/base.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IMaterialBase } from '@iceworks/material-utils';
 import classnames from 'classnames';
-import * as styles from './base.module.scss';
+import styles from './base.module.scss';
 
 export const MaterialBase: React.FC<{
   dataSource: IMaterialBase;

packages/material-ui/src/components/block.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { IMaterialBlock, PLACEHOLDER_IMG } from '@iceworks/material-utils';
 import classnames from 'classnames';
 import { Icon } from '@alifd/next';
-import * as styles from './block.module.scss';
+import styles from './block.module.scss';
 
 export const MaterialBlock: React.FC<{
   dataSource: IMaterialBlock;

packages/material-ui/src/components/component.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IMaterialComponent } from '@iceworks/material-utils';
 import classnames from 'classnames';
-import * as styles from './component.module.scss';
+import styles from './component.module.scss';
 
 export const MaterialComponent: React.FC<{
   dataSource: IMaterialComponent;

packages/material-ui/src/components/page.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { IMaterialBlock, PLACEHOLDER_IMG } from '@iceworks/material-utils';
 import classnames from 'classnames';
 import { Icon } from '@alifd/next';
-import * as styles from './page.module.scss';
+import styles from './page.module.scss';
 
 export const MaterialPage: React.FC<{
   dataSource: IMaterialBlock;

packages/material-ui/src/components/scaffold.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Icon } from '@alifd/next';
 import { IMaterialScaffold, PLACEHOLDER_IMG } from '@iceworks/material-utils';
-import * as styles from './scaffold.module.scss';
+import styles from './scaffold.module.scss';
 
 export const MaterialScaffold: React.FC<{
   dataSource: IMaterialScaffold;

packages/material-ui/src/components/type.tsx

@@ -15,7 +15,7 @@ import { MaterialBlock } from './block';
 import { MaterialComponent } from './component';
 import { MaterialBase } from './base';
 import { MaterialPage } from './page';
-import * as styles from './type.module.scss';
+import styles from './type.module.scss';
 
 const { Cell } = ResponsiveGrid;
 

packages/material-ui/src/components/view.tsx

@@ -10,7 +10,7 @@ import {
   IMaterialPage,
 } from '@iceworks/material-utils';
 import { MaterialType } from './type';
-import * as styles from './view.module.scss';
+import styles from './view.module.scss';
 
 const { Item } = Tab;