plain-design 1.0.0-beta.122 → 1.0.0-beta.124

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plain-design",
-  "version": "1.0.0-beta.122",
+  "version": "1.0.0-beta.124",
   "description": "",
   "main": "dist/plain-design.min.js",
   "module": "dist/plain-design.commonjs.min.js",

package/src/packages/components/Tree/RenderTreeNode.tsx

@@ -33,7 +33,7 @@ export const RenderTreeNode = designComponent({
     const classes = useClasses(() => [
       getComponentCls('tree-node'),
       {
-        'tree-node-current': tree.state.current === props.treeNode.key,
+        'tree-node-current': !tree.props.disableCurrent && tree.state.current === props.treeNode.key,
         'tree-node-lead': isLeaf.value,
         'tree-node-single-check': !props.multiple && props.treeNode.checkStatus() === CheckboxStatus.check,
         'tree-node-multi-check': props.multiple && props.treeNode.checkStatus() === CheckboxStatus.check,

package/src/packages/components/TreeCore/TreeCore.type.tsx

@@ -35,6 +35,8 @@ export interface iTreeProps {
   getChildrenData?: (treeNode: iTreeNode | null) => Promise<any[] | null>,
   /*当前高亮的选中行，单选时这个值与modelValue逻辑一致*/
   current?: string,
+  /*禁用高亮当前选中行*/
+  disableCurrent?: boolean,
   /*是否为多选*/
   multiple?: boolean,
   /*单选的时候绑定值类型，last点击的最后一个节点，all所有父子节点*/

package/src/packages/components/TreeCore/createTreeProps.ts

@@ -15,6 +15,7 @@ export const TreePropsOptions = {
   lazy: { type: Boolean as PropType<iTreeProps["lazy"]> },
   getChildrenData: { type: Function as PropType<iTreeProps["getChildrenData"]> },
   current: { type: String as PropType<iTreeProps["current"]> },
+  disableCurrent: { type: Boolean as PropType<iTreeProps["disableCurrent"]> },
   multiple: { type: Boolean as PropType<iTreeProps["multiple"]> },
   singleValueType: { type: String as PropType<iTreeProps['singleValueType']> },
   checkLast: { type: Boolean as PropType<iTreeProps['checkLast']>, default: null },

package/src/packages/components/TreeNodeWithMenu/index.tsx

@@ -14,6 +14,7 @@ export const TreeNodeWithMenu = designComponent({
     treeNode: { type: Object as PropType<iTreeNode>, required: true },
     dropdownOptions: { type: Array as PropType<iTreeNodeWithMenuOption[]> },
     dropdownAttrs: { type: Object as PropType<ComponentPropsType<typeof Dropdown>> },
+    hideButton: { type: Boolean },
   },
   setup({ props }) {
 
@@ -56,6 +57,9 @@ export const TreeNodeWithMenu = designComponent({
       <div className={classes.value}>
         <div className="tree-node-with-menu-content" ref={onRef.content}>{props.treeNode.label()}</div>
         {(() => {
+          if (props.hideButton) {
+            return;
+          }
           let btn = (
             <div className="tree-node-with-menu-button" onMouseDown={handler.onMousedownDraggier.value}>
               <Icon icon="pi-drag-dot-vertical"/>

package/src/packages/entry.tsx

@@ -58,6 +58,7 @@ export {Tab} from './components/Tab';
 export {Tag} from './components/Tag';
 export {Tree} from './components/Tree';
 export type {iTreeDragChangeData} from './components/TreeCore/createTreeProps';
+export {eTreeDropType} from './components/TreeCore/createTreeDraggier';
 export {TreeNodeWithMenu} from './components/TreeNodeWithMenu';
 export {ColorPicker} from './components/ColorPicker';
 export {TimePicker} from './components/TimePicker';