chore(versions): 😊 publish v0.1.21

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## v0.1.20(2021-06-09)
+
+### :rocket: Improve Performance
+
+1. [perf(core): improve performance](https://github.com/alibaba/designable/commit/326067f) :point_right: ( [janryWang](https://github.com/janryWang) )
+
 ## v0.1.19(2021-06-09)
 
 ### :rocket: Improve Performance

lerna.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.20",
+  "version": "0.1.21",
   "npmClient": "yarn",
   "useWorkspaces": true,
   "npmClientArgs": ["--ignore-engines"],

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designable/core",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "license": "MIT",
   "main": "lib",
   "types": "lib/index.d.ts",
@@ -15,7 +15,7 @@
     "build:umd": "rollup --config"
   },
   "dependencies": {
-    "@designable/shared": "0.1.20",
+    "@designable/shared": "0.1.21",
     "@formily/json-schema": "^2.0.0-beta.50",
     "@formily/path": "^2.0.0-beta.50",
     "@formily/reactive": "^2.0.0-beta.50",

packages/playground/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designable/playground",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "license": "MIT",
   "private": true,
   "engines": {
@@ -25,11 +25,11 @@
     "webpack-dev-server": "^3.10.1"
   },
   "dependencies": {
-    "@designable/core": "0.1.20",
-    "@designable/react": "0.1.20",
-    "@designable/react-sandbox": "0.1.20",
-    "@designable/react-settings-form": "0.1.20",
-    "@designable/shared": "0.1.20",
+    "@designable/core": "0.1.21",
+    "@designable/react": "0.1.21",
+    "@designable/react-sandbox": "0.1.21",
+    "@designable/react-settings-form": "0.1.21",
+    "@designable/shared": "0.1.21",
     "@formily/reactive": "^2.0.0-beta.50",
     "@formily/reactive-react": "^2.0.0-beta.50",
     "antd": "^4.15.2",

packages/react-sandbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designable/react-sandbox",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "license": "MIT",
   "main": "lib",
   "types": "lib/index.d.ts",
@@ -18,8 +18,8 @@
     "react": "16.x || 17.x"
   },
   "dependencies": {
-    "@designable/react": "0.1.20",
-    "@designable/shared": "0.1.20"
+    "@designable/react": "0.1.21",
+    "@designable/shared": "0.1.21"
   },
   "publishConfig": {
     "access": "public"

packages/react-settings-form/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designable/react-settings-form",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "license": "MIT",
   "main": "lib",
   "types": "lib/index.d.ts",
@@ -21,9 +21,9 @@
     "antd": "^4.15.5"
   },
   "dependencies": {
-    "@designable/core": "0.1.20",
-    "@designable/react": "0.1.20",
-    "@designable/shared": "0.1.20",
+    "@designable/core": "0.1.21",
+    "@designable/react": "0.1.21",
+    "@designable/shared": "0.1.21",
     "@formily/antd": "^2.0.0-beta.50",
     "@formily/core": "^2.0.0-beta.50",
     "@formily/react": "^2.0.0-beta.50",

packages/react-settings-form/src/components/PolyInput/index.tsx

@@ -42,8 +42,12 @@ const createTypes = (
   include: string[]
 ) => {
   return types.filter(({ type }) => {
-    if (include?.includes?.(type)) return true
-    if (exclude?.includes?.(type)) return false
+    if (Array.isArray(include) && include.length) {
+      return include.includes(type)
+    }
+    if (Array.isArray(exclude) && exclude.length) {
+      return !exclude.includes(type)
+    }
     return true
   })
 }

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designable/react",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "license": "MIT",
   "main": "lib",
   "types": "lib/index.d.ts",
@@ -19,8 +19,8 @@
     "react": "16.x || 17.x"
   },
   "dependencies": {
-    "@designable/core": "0.1.20",
-    "@designable/shared": "0.1.20",
+    "@designable/core": "0.1.21",
+    "@designable/shared": "0.1.21",
     "@formily/reactive": "^2.0.0-beta.50",
     "@formily/reactive-react": "^2.0.0-beta.50",
     "@juggle/resize-observer": "^3.3.1"

packages/react/src/widgets/DragSourceWidget/index.tsx

@@ -62,11 +62,13 @@ export const DragSourceWidget: React.FC<IDragSourceWidgetProps> = observer(
             <TextWidget>{props.title || `sources.${props.name}`}</TextWidget>
           </div>
         </div>
-        <div className={prefix + '-content'}>
-          {designer.source.mapSourcesByGroup(
-            props.name,
-            isFn(props.children) ? props.children : renderNode
-          )}
+        <div className={prefix + '-content-wrapper'}>
+          <div className={prefix + '-content'}>
+            {designer.source.mapSourcesByGroup(
+              props.name,
+              isFn(props.children) ? props.children : renderNode
+            )}
+          </div>
         </div>
       </div>
     )

packages/react/src/widgets/DragSourceWidget/styles.less

@@ -2,6 +2,7 @@
 
 .@{prefix-cls}-drag-source {
   flex-wrap: wrap;
+
   &-header {
     display: flex;
     align-items: center;
@@ -27,12 +28,17 @@
     }
   }
 
+  &-content-wrapper {
+    display: flex;
+    justify-content: center;
+  }
+
   &-content {
-    padding: 10px;
+    margin: 10px;
+    width: 260px;
     display: flex;
     flex-wrap: wrap;
     display: none;
-    justify-content: center;
   }
 
   &.expand {
@@ -60,6 +66,7 @@
     display: flex;
     align-items: center;
     font-size: 12px;
+
     &:hover {
       border: 1px dashed var(--dn-drag-source-item-hover-border-color);
       color: var(--dn-drag-source-item-hover-color);

packages/shared/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designable/shared",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "license": "MIT",
   "main": "lib",
   "types": "lib/index.d.ts",