@king-design/intact 3.1.0-beta.1 → 3.1.0-beta.3

package/es/components/treeSelect/index.d.ts

@@ -21,6 +21,7 @@ export declare class TreeSelect<K extends Key = Key, Checkbox extends boolean =
     static defaults: () => Partial<TreeSelectProps<Key, boolean, boolean>>;
     private value;
     init(): void;
+    expandAll(): void;
     protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | Children[];
     protected getLabel(): Children;
     private filter;

package/es/components/treeSelect/index.js

@@ -66,6 +66,10 @@ export var TreeSelect = /*#__PURE__*/function (_BaseSelect) {
     });
   };
 
+  _proto.expandAll = function expandAll() {
+    this.value.treeRef.value.expandAll();
+  };
+
   _proto.getPlaceholder = function getPlaceholder() {
     var _this$get = this.get(),
         placeholder = _this$get.placeholder;

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.0-beta.1
+ * @king-design v3.1.0-beta.3
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -60,4 +60,4 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "3.1.0-beta.1";
+export declare const version = "3.1.0-beta.3";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.0-beta.1
+ * @king-design v3.1.0-beta.3
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -62,5 +62,5 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '3.1.0-beta.1';
+export var version = '3.1.0-beta.3';
 /* generate end */

package/es/site/data/components/menu/demos/basic/react.js

@@ -66,8 +66,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       className: "ion-star"
     }), "menu 2"), /*#__PURE__*/React.createElement(MenuItem, {
       key: "3"
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "k-icon ion-heart"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-heart"
     }), "menu 3", /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem, {
       key: "3-1"
     }, "sub menu 1"), /*#__PURE__*/React.createElement(MenuItem, {

package/es/site/data/components/tree/demos/draggable/index.d.ts

@@ -1,6 +1,7 @@
 export { default as data } from './index.json';
 import { Component } from 'intact';
-import { TreeDataItem, TreeNode, TreeDragEndData } from 'kpc';
+import './index.styl';
+import { TreeDataItem, TreeNode, TreeDragEndData, TreeMode } from 'kpc';
 interface Props {
     data?: TreeDataItem<string>[];
     expandedKeys?: string[];
@@ -8,29 +9,34 @@ interface Props {
 export default class extends Component<Props> {
     static template: string | import("intact").Template<any>;
     static defaults(): {
-        data: {
+        data: ({
             label: string;
             key: string;
-            children: ({
-                label: string;
-                key: string;
-                children: {
-                    label: string;
-                    key: string;
-                }[];
-                disabled?: undefined;
-            } | {
+            type: string;
+            children?: undefined;
+            disabled?: undefined;
+        } | {
+            label: string;
+            key: string;
+            type: string;
+            children: {
                 label: string;
                 key: string;
-                disabled: boolean;
-                children?: undefined;
-            })[];
-        }[];
-        expandedKeys: string[];
+                type: string;
+            }[];
+            disabled?: undefined;
+        } | {
+            label: string;
+            key: string;
+            type: string;
+            disabled: boolean;
+            children?: undefined;
+        })[];
+        expandedKeys: never[];
     };
     onDragEnd(data: TreeDragEndData<string>): void;
     allowDrag(node: TreeNode<string>): boolean;
-    allowDrop(node: TreeNode<string>): boolean;
+    allowDrop(node: TreeNode<string>, srcNode: TreeNode<string>, mode: TreeMode): boolean;
     onDenyDrag(node: TreeNode<string>): void;
     onDenyDrop(node: TreeNode<string>): void;
 }

package/es/site/data/components/tree/demos/draggable/index.js

@@ -2,7 +2,8 @@ import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 export { default as data } from './index.json';
 import { Component } from 'intact';
 import template from './index.vdt';
-import { Message } from 'kpc';
+import './index.styl';
+import { Message, TreeMode } from 'kpc';
 
 var default_1 = /*#__PURE__*/function (_Component) {
   _inheritsLoose(default_1, _Component);
@@ -14,43 +15,42 @@ var default_1 = /*#__PURE__*/function (_Component) {
   default_1.defaults = function defaults() {
     return {
       data: [{
-        label: 'First floor-1',
-        key: '1',
+        label: '总览',
+        key: 'summarization',
+        type: 'file'
+      }, {
+        label: '产品简介',
+        key: 'introduction',
+        type: 'file'
+      }, {
+        label: '技术实现',
+        key: 'implemention',
+        type: 'file'
+      }, {
+        label: '操作指南',
+        key: 'guide',
+        type: 'dir',
         children: [{
-          label: 'Second floor-1.1',
-          key: '1-1',
-          children: [{
-            label: 'This node can not be dragged and dropped.',
-            key: '1-1-1'
-          }]
+          label: '产品安装',
+          key: 'installation',
+          type: 'file'
         }]
       }, {
-        label: 'First floor-2',
-        key: '2',
+        label: '接入说明',
+        key: 'interaction',
+        type: 'dir',
         children: [{
-          label: 'Second floor-2.1',
-          key: '2-1',
-          children: [{
-            label: 'Third floor-2.1.1',
-            key: '2-1-1'
-          }, {
-            label: 'Third floor-2.1.2',
-            key: '2-1-2'
-          }]
-        }, {
-          label: 'Second floor-2.2',
-          key: '2-2',
-          children: [{
-            label: 'Third floor-2.2.1',
-            key: '2-2-1'
-          }]
-        }, {
-          label: 'Second floor-2.3',
-          key: '2-3',
-          disabled: true
+          label: '使用',
+          key: 'usage',
+          type: 'file'
         }]
+      }, {
+        label: '禁用文件',
+        key: 'disabled',
+        type: 'file',
+        disabled: true
       }],
-      expandedKeys: ['2', '2-1']
+      expandedKeys: []
     };
   };
 
@@ -61,11 +61,21 @@ var default_1 = /*#__PURE__*/function (_Component) {
   };
 
   _proto.allowDrag = function allowDrag(node) {
-    return node.key !== '1-1-1';
+    return node.key !== 'summarization';
   };
 
-  _proto.allowDrop = function allowDrop(node) {
-    return node.key !== '1-1-1';
+  _proto.allowDrop = function allowDrop(node, srcNode, mode) {
+    // 能够将文件拖入文件夹，但是不能讲文件夹拖入文件夹
+    if (mode === TreeMode.Inner) {
+      // 文件拖入文件夹
+      return srcNode.data.type === 'file' && node.data.type === 'dir';
+    } else if (srcNode.data.type === 'dir' && node.parent) {
+      // 此时插入模式是，前面或者后面插入
+      // 如果拖动的是文件夹，但是目标节点存在父元素，代表目标节点也是文件夹，不能插入
+      return false;
+    }
+
+    return true;
   };
 
   _proto.onDenyDrag = function onDenyDrag(node) {

package/es/site/data/components/tree/demos/draggable/react.d.ts

@@ -1,34 +1,40 @@
 import React from 'react';
-import { TreeDataItem, TreeNode, TreeDragEndData } from '@king-design/react';
+import './index.styl';
+import { TreeDataItem, TreeNode, TreeDragEndData, TreeMode } from '@king-design/react';
 interface Props {
     data?: TreeDataItem<string>[];
     expandedKeys?: string[];
 }
 export default class Demo extends React.Component<{}, Props> {
     state: {
-        data: {
+        data: ({
             label: string;
             key: string;
-            children: ({
-                label: string;
-                key: string;
-                children: {
-                    label: string;
-                    key: string;
-                }[];
-                disabled?: undefined;
-            } | {
+            type: string;
+            children?: undefined;
+            disabled?: undefined;
+        } | {
+            label: string;
+            key: string;
+            type: string;
+            children: {
                 label: string;
                 key: string;
-                disabled: boolean;
-                children?: undefined;
-            })[];
-        }[];
-        expandedKeys: string[];
+                type: string;
+            }[];
+            disabled?: undefined;
+        } | {
+            label: string;
+            key: string;
+            type: string;
+            disabled: boolean;
+            children?: undefined;
+        })[];
+        expandedKeys: never[];
     };
     onDragEnd(data: TreeDragEndData<string>): void;
     allowDrag(node: TreeNode<string>): boolean;
-    allowDrop(node: TreeNode<string>): boolean;
+    allowDrop(node: TreeNode<string>, srcNode: TreeNode<string>, mode: TreeMode): boolean;
     onDenyDrag(node: TreeNode<string>): void;
     onDenyDrop(node: TreeNode<string>): void;
     render(): JSX.Element;

package/es/site/data/components/tree/demos/draggable/react.js

@@ -1,7 +1,8 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import React from 'react';
-import { Tree } from '@king-design/react';
+import { Tree, Icon } from '@king-design/react';
+import './index.styl';
 import { Message } from '@king-design/react';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
@@ -19,43 +20,42 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.state = {
       data: [{
-        label: 'First floor-1',
-        key: '1',
+        label: '总览',
+        key: 'summarization',
+        type: 'file'
+      }, {
+        label: '产品简介',
+        key: 'introduction',
+        type: 'file'
+      }, {
+        label: '技术实现',
+        key: 'implemention',
+        type: 'file'
+      }, {
+        label: '操作指南',
+        key: 'guide',
+        type: 'dir',
         children: [{
-          label: 'Second floor-1.1',
-          key: '1-1',
-          children: [{
-            label: 'This node can not be dragged and dropped.',
-            key: '1-1-1'
-          }]
+          label: '产品安装',
+          key: 'installation',
+          type: 'file'
         }]
       }, {
-        label: 'First floor-2',
-        key: '2',
+        label: '接入说明',
+        key: 'interaction',
+        type: 'dir',
         children: [{
-          label: 'Second floor-2.1',
-          key: '2-1',
-          children: [{
-            label: 'Third floor-2.1.1',
-            key: '2-1-1'
-          }, {
-            label: 'Third floor-2.1.2',
-            key: '2-1-2'
-          }]
-        }, {
-          label: 'Second floor-2.2',
-          key: '2-2',
-          children: [{
-            label: 'Third floor-2.2.1',
-            key: '2-2-1'
-          }]
-        }, {
-          label: 'Second floor-2.3',
-          key: '2-3',
-          disabled: true
+          label: '使用',
+          key: 'usage',
+          type: 'file'
         }]
+      }, {
+        label: '禁用文件',
+        key: 'disabled',
+        type: 'file',
+        disabled: true
       }],
-      expandedKeys: ['2', '2-1']
+      expandedKeys: []
     };
     return _this;
   }
@@ -67,11 +67,21 @@ var Demo = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.allowDrag = function allowDrag(node) {
-    return node.key !== '1-1-1';
+    return node.key !== 'summarization';
   };
 
-  _proto.allowDrop = function allowDrop(node) {
-    return node.key !== '1-1-1';
+  _proto.allowDrop = function allowDrop(node, srcNode, mode) {
+    // 能够将文件拖入文件夹，但是不能讲文件夹拖入文件夹
+    if (mode === TreeMode.Inner) {
+      // 文件拖入文件夹
+      return srcNode.data.type === 'file' && node.data.type === 'dir';
+    } else if (srcNode.data.type === 'dir' && node.parent) {
+      // 此时插入模式是，前面或者后面插入
+      // 如果拖动的是文件夹，但是目标节点存在父元素，代表目标节点也是文件夹，不能插入
+      return false;
+    }
+
+    return true;
   };
 
   _proto.onDenyDrag = function onDenyDrag(node) {
@@ -86,6 +96,15 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     var _this2 = this;
 
     return /*#__PURE__*/React.createElement(Tree, {
+      slotLabel: function slotLabel(_ref) {
+        var data = _ref[0],
+            node = _ref[1];
+        return /*#__PURE__*/React.createElement(React.Fragment, null, data.type === 'file' ? /*#__PURE__*/React.createElement(Icon, {
+          className: "k-icon-paper"
+        }) : /*#__PURE__*/React.createElement(Icon, {
+          className: "k-icon-folder"
+        }), data.label);
+      },
       draggable: true,
       onDragend: this.onDragEnd,
       allowDrag: this.allowDrag,

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.0-beta.1
+ * @king-design v3.1.0-beta.3
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -65,6 +65,6 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
 
-export const version = '3.1.0-beta.1';
+export const version = '3.1.0-beta.3';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.1.0-beta.1",
+  "version": "3.1.0-beta.3",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "engines": {
@@ -179,7 +179,7 @@
   "dependencies": {
     "@babel/runtime-corejs3": "^7.16.0",
     "@emotion/css": "^11.5.0",
-    "@king-design/react": "^3.1.0-beta.1",
+    "@king-design/react": "^3.1.0-beta.3",
     "dayjs": "^1.10.7",
     "downloadjs": "^1.4.7",
     "enquire.js": "^2.1.6",