vue-devui 1.0.0-beta.1 → 1.0.0-beta.10

package/tree/index.es.js

@@ -21,7 +21,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { h, render, defineComponent, ref, createVNode, inject, computed, mergeProps, unref, toRefs, provide } from "vue";
+import { h, render, defineComponent, ref, createVNode, inject, computed, mergeProps, watch, unref, Fragment, onUpdated, toRefs, reactive, provide } from "vue";
 const treeProps = {
   data: {
     type: Array,
@@ -49,20 +49,42 @@ const CHECK_CONFIG = {
 const flatten = (tree2, key = "children") => {
   return tree2.reduce((acc, item) => !item[key] ? acc.concat(item) : acc.concat(item, flatten(item[key], key)), []);
 };
-const precheckNodeId = (d) => {
-  const random = parseInt((Math.random() * 10 ** 8).toString().padEnd(8, "0"));
-  return __spreadProps(__spreadValues({}, d), { id: d.id ? `${d.id}_${random}` : `${d.label.replaceAll(" ", "-")}_${random}` });
+const getRandomId = () => (Math.random() * 10 ** 9).toString().slice(0, 8);
+const preCheckNodeId = (d, postfixId) => {
+  const randomStr = getRandomId();
+  console.info("randomStr: ", randomStr);
+  return __spreadProps(__spreadValues({}, d), { id: postfixId ? `${postfixId}_${randomStr}` : randomStr });
 };
-const precheckTree = (ds) => {
+const getId = (id) => {
+  const ids = id.split("_");
+  return [...ids.slice(0, ids.length), getRandomId()].join("_");
+};
+const preCheckTree = (ds, postfixId) => {
   return ds.map((d) => {
-    const dd = precheckNodeId(d);
-    if (d.children) {
-      return __spreadProps(__spreadValues({}, dd), {
-        children: precheckTree(d.children)
-      });
+    const dd = preCheckNodeId(d, postfixId);
+    return d.children ? __spreadProps(__spreadValues({}, dd), {
+      children: preCheckTree(d.children, dd.id)
+    }) : dd;
+  });
+};
+const _deleteNode = (ids, data, index2 = 0) => {
+  const curTargetId = ids.slice(0, index2 + 2).join("_");
+  data.forEach((item) => {
+    if (item.id === ids.slice(0, index2 + 1).join("_")) {
+      if (ids.length === index2 + 2) {
+        item.children = item.children.filter(({ id: d }) => d !== curTargetId);
+      } else {
+        item.children = _deleteNode(ids, item.children, index2 + 1);
+      }
     }
-    return dd;
   });
+  return data;
+};
+const deleteNode = (id, data) => {
+  if (id.includes("_")) {
+    return _deleteNode(id.split("_"), data);
+  }
+  return data.filter(({ id: d }) => d !== id);
 };
 const COMPONENT_CONTAINER_SYMBOL = Symbol("dev_component_container");
 function createComponent(Component, props, children = null) {
@@ -196,10 +218,17 @@ const commonProps = {
     type: String,
     default: void 0
   },
+  halfchecked: {
+    type: Boolean,
+    default: false
+  },
   isShowTitle: {
     type: Boolean,
     default: true
   },
+  title: {
+    type: String
+  },
   color: {
     type: String,
     default: void 0
@@ -269,15 +298,15 @@ var Checkbox = defineComponent({
     });
     const mergedIsShowTitle = computed(() => {
       var _a;
-      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.isShowTitle) != null ? _a : props.isShowTitle;
+      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.isShowTitle.value) != null ? _a : props.isShowTitle;
     });
     const mergedShowAnimation = computed(() => {
       var _a;
-      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.showAnimation) != null ? _a : props.showAnimation;
+      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.showAnimation.value) != null ? _a : props.showAnimation;
     });
     const mergedColor = computed(() => {
       var _a;
-      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color) != null ? _a : props.color;
+      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color.value) != null ? _a : props.color;
     });
     const itemWidth = checkboxGroupConf == null ? void 0 : checkboxGroupConf.itemWidth.value;
     const direction = checkboxGroupConf == null ? void 0 : checkboxGroupConf.direction.value;
@@ -304,7 +333,7 @@ var Checkbox = defineComponent({
       ctx.emit("change", current);
     };
     const handleClick = () => {
-      canChange(!isChecked.value, props.value).then((res) => res && toggle());
+      canChange(!isChecked.value, props.label).then((res) => res && toggle());
     };
     return {
       itemWidth,
@@ -408,13 +437,14 @@ function useToggle(data) {
   const openedTree = (tree2) => {
     return tree2.reduce((acc, item) => item.open ? acc.concat(item, openedTree(item.children)) : acc.concat(item), []);
   };
-  const openedData = ref(openedTree(data));
+  const openedData = ref(openedTree(data.value));
+  watch(() => data.value, (d) => openedData.value = openedTree(d), { deep: true });
   const toggle = (target, item) => {
     target.stopPropagation();
     if (!item.children)
       return;
     item.open = !item.open;
-    openedData.value = openedTree(data);
+    openedData.value = openedTree(data.value);
   };
   return {
     openedData,
@@ -456,16 +486,21 @@ const HIGHLIGHT_CLASS = "active";
 const IS_DISABLED_FLAG = "devui-tree_isDisabledNode";
 const useHighlightNode = () => {
   const nodeClassNameReflectRef = ref({});
+  const prevActiveNodeKey = ref("");
   const handleInit = (isDisabled = false, ...keys) => {
     const key = keys.join("-");
     nodeClassNameReflectRef.value[key] = isDisabled ? IS_DISABLED_FLAG : nodeClassNameReflectRef.value[key] || "";
     return key;
   };
   const handleClick = (key) => {
-    if (nodeClassNameReflectRef.value[key] === IS_DISABLED_FLAG) {
+    if (nodeClassNameReflectRef.value[key] === IS_DISABLED_FLAG)
       return;
-    }
-    nodeClassNameReflectRef.value = Object.fromEntries(Object.entries(nodeClassNameReflectRef.value).map(([k]) => [k, k === key ? HIGHLIGHT_CLASS : ""]));
+    if (prevActiveNodeKey.value === key)
+      return;
+    if (prevActiveNodeKey.value)
+      nodeClassNameReflectRef.value[prevActiveNodeKey.value] = "";
+    nodeClassNameReflectRef.value[key] = HIGHLIGHT_CLASS;
+    prevActiveNodeKey.value = key;
   };
   return {
     nodeClassNameReflect: nodeClassNameReflectRef,
@@ -606,6 +641,42 @@ const useLazy = () => {
     getLazyData
   };
 };
+const reflectIconWithHandle = (data, operator) => {
+  const handleAdd = (payload) => operator.handleAdd();
+  const handleEdit = (payload) => operator.handleEdit();
+  const handleDelete = (payload) => operator.handleDelete();
+  return createVNode(Fragment, null, [operator.addable && createVNode("span", {
+    "class": "op-icons icon icon-add",
+    "onClick": handleAdd
+  }, null), operator.editable && createVNode("span", {
+    "class": "op-icons icon icon-edit",
+    "onClick": handleEdit
+  }, null), operator.deletable && createVNode("span", {
+    "class": "op-icons icon icon-close",
+    "onClick": handleDelete
+  }, null)]);
+};
+const useOperate = (treeData) => {
+  const operateIconReflect = ref([]);
+  const editStatusReflect = ref({});
+  const handleReflectIdToIcon = (id, operator) => {
+    const isNotExistedReflectItem = operateIconReflect.value.every(({
+      id: d
+    }) => d != id);
+    if (isNotExistedReflectItem) {
+      editStatusReflect.value[id] = false;
+      operateIconReflect.value.push({
+        id,
+        renderIcon: (data) => reflectIconWithHandle(data, operator)
+      });
+    }
+  };
+  return {
+    operateIconReflect,
+    editStatusReflect,
+    handleReflectIdToIcon
+  };
+};
 var IconOpen = "data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24gc3ZnLWljb24tY2xvc2UiCj4KICA8ZyBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNWU3Y2UwIj48L3JlY3Q+CiAgICA8cmVjdCB4PSI0IiB5PSI3IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiBmaWxsPSIjNWU3Y2UwIj48L3JlY3Q+CiAgPC9nPgo8L3N2Zz4=";
 var IconClose = "data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24iCj4KICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIyIiBzdHJva2U9IiMyNTJiM2EiPjwvcmVjdD4KICAgIDxwYXRoCiAgICAgIGZpbGw9IiMyNTJiM2EiCiAgICAgIGQ9Ik04Ljc1LDQgTDguNzUsNy4yNSBMMTIsNy4yNSBMMTIsOC43NSBMOC43NDksOC43NSBMOC43NSwxMiBMNy4yNSwxMiBMNy4yNDksOC43NSBMNCw4Ljc1IEw0LDcuMjUgTDcuMjUsNy4yNSBMNy4yNSw0IEw4Ljc1LDQgWiIKICAgID48L3BhdGg+CiAgPC9nPgo8L3N2Zz4K";
 var NodeContent = defineComponent({
@@ -614,21 +685,48 @@ var NodeContent = defineComponent({
     node: {
       type: Object,
       required: true
+    },
+    editStatusReflect: {
+      type: Object,
+      required: true
     }
   },
   setup(props) {
     const tree2 = inject("treeRoot");
+    const getCurID = (id) => `devui-tree-node__input-${id}`;
+    onUpdated(() => {
+      const target = document.querySelector(`#${getCurID(props.node.id)}`);
+      target == null ? void 0 : target.focus();
+    });
     return () => {
-      const node = props.node;
+      const {
+        node,
+        editStatusReflect
+      } = toRefs(props);
       const {
         disabled,
-        label
-      } = node;
+        label,
+        id
+      } = node.value;
+      const handleChange = ({
+        target
+      }) => {
+        node.value.label = target.value;
+      };
+      const handleBlur = () => {
+        editStatusReflect.value[id] = false;
+      };
       return tree2.ctx.slots.default ? tree2.ctx.slots.default({
         node
       }) : createVNode("span", {
         "class": ["devui-tree-node__title", disabled && "select-disabled"]
-      }, [label]);
+      }, [editStatusReflect.value[id] ? createVNode("input", {
+        "id": getCurID(id),
+        "ref": ref,
+        "value": label,
+        "onChange": handleChange,
+        "onBlur": handleBlur
+      }, null) : label]);
     };
   }
 });
@@ -642,16 +740,16 @@ var Tree = defineComponent({
       data,
       checkable,
       checkableRelation: cbr
-    } = toRefs(__spreadProps(__spreadValues({}, props), {
-      data: precheckTree(props.data)
-    }));
+    } = toRefs(reactive(__spreadProps(__spreadValues({}, props), {
+      data: preCheckTree(props.data)
+    })));
     const {
       mergeData
     } = useMergeNode(data.value);
     const {
       openedData,
       toggle
-    } = useToggle(mergeData.value);
+    } = useToggle(mergeData);
     const {
       nodeClassNameReflect,
       handleInitNodeClassNameReflect,
@@ -666,6 +764,11 @@ var Tree = defineComponent({
       selected,
       onNodeClick
     } = useChecked(cbr, ctx, data.value);
+    const {
+      editStatusReflect,
+      operateIconReflect,
+      handleReflectIdToIcon
+    } = useOperate();
     provide("treeRoot", {
       ctx,
       props
@@ -684,8 +787,38 @@ var Tree = defineComponent({
         open,
         isParent,
         level,
-        children
+        children,
+        addable,
+        editable,
+        deletable
       } = item;
+      handleReflectIdToIcon(id, {
+        addable,
+        editable,
+        deletable,
+        handleAdd: () => {
+          const newItem = {
+            id: getId(item.id),
+            label: "new item",
+            level: item.level + 1,
+            addable,
+            editable,
+            deletable
+          };
+          item.open = true;
+          if (item.children && Array.isArray(item.children)) {
+            item.children.push(newItem);
+          } else {
+            item.children = [newItem];
+          }
+        },
+        handleEdit: () => {
+          editStatusReflect.value[id] = !editStatusReflect.value[id];
+        },
+        handleDelete: () => {
+          mergeData.value = deleteNode(id, mergeData.value);
+        }
+      });
       handleInitNodeClassNameReflect(disabled, id);
       handleInitLazyNodeReflect(item, {
         id,
@@ -713,14 +846,14 @@ var Tree = defineComponent({
           });
         }
       });
-      const renderNodeWithIcon = (item2) => {
+      const renderFoldIcon = (item2) => {
         const handleClick = async (target) => {
           if (item2.isParent) {
             item2.children = await getLazyData(id);
           }
           return toggle(target, item2);
         };
-        return isParent || children ? open ? createVNode(IconOpen, {
+        return isParent || children && children.length ? open ? createVNode(IconOpen, {
           "class": "mr-xs",
           "onClick": handleClick
         }, null) : createVNode(IconClose, {
@@ -739,16 +872,19 @@ var Tree = defineComponent({
         "onClick": () => handleClickOnNode(id)
       }, [createVNode("div", {
         "class": "devui-tree-node__content--value-wrapper"
-      }, [renderNodeWithIcon(item), checkable.value && createVNode(Checkbox, mergeProps({
+      }, [renderFoldIcon(item), checkable.value && createVNode(Checkbox, mergeProps({
         "key": id,
         "onClick": () => onNodeClick(item),
         "disabled": disabled
       }, checkState), null), createVNode(NodeContent, {
-        "node": item
-      }, null), item.isParent && createVNode("div", {
+        "node": item,
+        "editStatusReflect": editStatusReflect.value
+      }, null), operateIconReflect.value.find(({
+        id: d
+      }) => id === d).renderIcon(item), item.isParent ? createVNode("div", {
         "class": "devui-tree-node_loading",
         "id": lazyNodesReflect.value[id].loadingTargetId
-      }, null)])])]);
+      }, null) : null])])]);
     };
     return () => {
       return createVNode("div", {

package/tree/index.umd.js

@@ -1 +1 @@
-var pe=Object.defineProperty,fe=Object.defineProperties;var me=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var ye=Object.prototype.hasOwnProperty,he=Object.prototype.propertyIsEnumerable;var x=(f,e,b)=>e in f?pe(f,e,{enumerable:!0,configurable:!0,writable:!0,value:b}):f[e]=b,S=(f,e)=>{for(var b in e||(e={}))ye.call(e,b)&&x(f,b,e[b]);if(_)for(var b of _(e))he.call(e,b)&&x(f,b,e[b]);return f},D=(f,e)=>fe(f,me(e));var w=(f,e,b)=>(x(f,typeof e!="symbol"?e+"":e,b),b);(function(f,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis!="undefined"?globalThis:f||self,e(f.index={},f.Vue))})(this,function(f,e){"use strict";const b={data:{type:Array,required:!0,default:()=>[]},checkable:{type:Boolean,default:!1},checkableRelation:{type:String,default:"none"}},$={none:{},half:{halfchecked:!0},select:{checked:!0}},M=(t,l="children")=>t.reduce((n,a)=>a[l]?n.concat(a,M(a[l],l)):n.concat(a),[]),E=t=>{const l=parseInt((Math.random()*10**8).toString().padEnd(8,"0"));return D(S({},t),{id:t.id?`${t.id}_${l}`:`${t.label.replaceAll(" ","-")}_${l}`})},z=t=>t.map(l=>{const n=E(l);return l.children?D(S({},n),{children:z(l.children)}):n}),U=Symbol("dev_component_container");function K(t,l,n=null){const a=e.h(t,S({},l),n),o=document.createElement("div");return a[U]=o,e.render(a,o),a.component}class R{constructor(){w(this,"top","50%");w(this,"left","50%")}}const F={message:String,backdrop:Boolean,view:{type:Object,default:()=>new R},zIndex:Number,isFull:{type:Boolean,default:!1}};class G{constructor(){w(this,"target");w(this,"message");w(this,"loadingTemplateRef");w(this,"backdrop",!0);w(this,"positionType","relative");w(this,"view",new R);w(this,"zIndex")}}var ve="",J=e.defineComponent({name:"DLoading",inheritAttrs:!1,props:F,setup(t){const l={top:t.view.top,left:t.view.left,zIndex:t.zIndex};t.message||(l.background="none");const n=e.ref(!1);return{style:l,isShow:n,open:()=>{n.value=!0},close:()=>{n.value=!1}}},render(){var i;const{isShow:t,isFull:l,backdrop:n,style:a,message:o,$slots:d}=this;return t&&e.createVNode("div",{class:["devui-loading-contanier",l?"devui-loading--full":""]},[((i=d.default)==null?void 0:i.call(d))||e.createVNode("div",{class:"devui-loading-wrapper"},[n?e.createVNode("div",{class:"devui-loading-mask"},null):null,e.createVNode("div",{style:a,class:"devui-loading-area"},[e.createVNode("div",{class:"devui-busy-default-spinner"},[e.createVNode("div",{class:"devui-loading-bar1"},null),e.createVNode("div",{class:"devui-loading-bar2"},null),e.createVNode("div",{class:"devui-loading-bar3"},null),e.createVNode("div",{class:"devui-loading-bar4"},null)]),o?e.createVNode("span",{class:"devui-loading-text"},[o]):null])])])}});const Y=e.defineComponent(J),L=new WeakMap,Q={open(t={}){const l=t.target||document.body;if(L.has(l))return L.get(l);l.style.position=t.positionType;const n=document.body===l;t=S(S({},new G),t);const a=K(Y,D(S({},t),{isFull:n}),t.loadingTemplateRef?()=>t.loadingTemplateRef:null);L.set(l,a),a.proxy.open(),l.appendChild(a.proxy.$el);const o=a.proxy.close;return a.loadingInstance=a.proxy,a.loadingInstance.close=(...d)=>{L.delete(l),o(...d)},a}};var be="";const q=D(S({},{name:{type:String,default:void 0},isShowTitle:{type:Boolean,default:!0},color:{type:String,default:void 0},showAnimation:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0}}),{halfchecked:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},value:{type:String},label:{type:String,default:void 0},title:{type:String,default:void 0},"onUpdate:checked":{type:Function,default:void 0},onChange:{type:Function,default:void 0},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}}),X=Symbol("d-checkbox-group");var ee=e.defineComponent({name:"DCheckbox",props:q,emits:["change","update:checked","update:modelValue"],setup(t,l){const n=e.inject(X,null),a=e.computed(()=>t.checked||t.modelValue),o=e.computed(()=>(n==null?void 0:n.disabled.value)||t.disabled),d=e.computed(()=>{var c,v;return(v=(c=n==null?void 0:n.isItemChecked)==null?void 0:c.call(n,t.value))!=null?v:a.value}),i=e.computed(()=>{var c;return(c=n==null?void 0:n.isShowTitle)!=null?c:t.isShowTitle}),N=e.computed(()=>{var c;return(c=n==null?void 0:n.showAnimation)!=null?c:t.showAnimation}),m=e.computed(()=>{var c;return(c=n==null?void 0:n.color)!=null?c:t.color}),u=n==null?void 0:n.itemWidth.value,r=n==null?void 0:n.direction.value,s=(c,v)=>{var C;if(o.value)return Promise.resolve(!1);const y=(C=t.beforeChange)!=null?C:n==null?void 0:n.beforeChange;if(y){const g=y(c,v);return typeof g=="boolean"?Promise.resolve(g):g}return Promise.resolve(!0)},I=()=>{const c=!a.value;n==null||n.toggleGroupVal(t.value),l.emit("update:checked",c),l.emit("update:modelValue",c),l.emit("change",c)};return{itemWidth:u,direction:r,mergedColor:m,mergedDisabled:o,mergedIsShowTitle:i,mergedChecked:d,mergedShowAnimation:N,handleClick:()=>{s(!a.value,t.value).then(c=>c&&I())}}},render(){var A;const{itemWidth:t,direction:l,mergedChecked:n,mergedDisabled:a,mergedIsShowTitle:o,mergedShowAnimation:d,halfchecked:i,title:N,label:m,handleClick:u,name:r,value:s,mergedColor:I,$slots:p}=this,c={"devui-checkbox-column-margin":l==="column","devui-checkbox-wrap":typeof t!="undefined"},v=t?[`width: ${t}px`]:[],y={"devui-checkbox":!0,active:n,halfchecked:i,disabled:a,unchecked:!n},C=o?N||m:"",g=I&&i||I?`linear-gradient(${I}, ${I})`:"",h=[`border-color:${(n||i)&&I?I:""}`,`background-image:${g}`,`background-color:${I&&i?I:""}`],k={"devui-checkbox-material":!0,"custom-color":I,"devui-checkbox-no-label":!m&&!p.default,"devui-no-animation":!d,"devui-checkbox-default-background":!i},P={"devui-tick":!0,"devui-no-animation":!d},V=O=>O.stopPropagation(),B={indeterminate:i};return e.createVNode("div",{class:c,style:v},[e.createVNode("div",{class:y},[e.createVNode("label",{title:C,onClick:u},[e.createVNode("input",e.mergeProps({name:r||s,class:"devui-checkbox-input",type:"checkbox"},B,{checked:n,disabled:a,onClick:V,onChange:V}),null),e.createVNode("span",{style:h,class:k},[e.createVNode("span",{class:"devui-checkbox-halfchecked-bg"},null),e.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{"fill-rule":"nonzero",points:"5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",class:P},null)])])]),m||((A=p.default)==null?void 0:A.call(p))])])])}});function te(t){const l=o=>o.reduce((d,i)=>i.open?d.concat(i,l(i.children)):d.concat(i),[]),n=e.ref(l(t));return{openedData:n,toggle:(o,d)=>{o.stopPropagation(),!!d.children&&(d.open=!d.open,n.value=l(t))}}}function ne(t){const l=(o,d="children",i="label")=>{const{[d]:N,[i]:m}=o;return Array.isArray(N)&&N.length===1&&N[0][d]&&N[0][d].length===1?l(Object.assign({},N[0],{[i]:`${m} \\ ${N[0][i]}`})):o},n=(o,d=0,i="children",N="label")=>o.map(m=>{const{[i]:u}=m;if(!Array.isArray(u)||!u.length)return Object.assign({},m,{level:d+1});let r=m;return u.length===1&&(r=l(m)),Object.assign({},r,{[i]:n(r[i],d+1,i,N),level:d+1})});return{mergeData:e.ref(n(t))}}const ae="active",Z="devui-tree_isDisabledNode",le=()=>{const t=e.ref({});return{nodeClassNameReflect:t,handleClickOnNode:a=>{t.value[a]!==Z&&(t.value=Object.fromEntries(Object.entries(t.value).map(([o])=>[o,o===a?ae:""])))},handleInitNodeClassNameReflect:(a=!1,...o)=>{const d=o.join("-");return t.value[d]=a?Z:t.value[d]||"",d}}};function oe(t,l,n){const a=e.ref({}),o=M(n),d=m=>{const u=n;let r={},s=[],I;const p=(c,v)=>{c.every(({children:y,id:C})=>I?!1:C===m?(r=v,s=Array.isArray(y)?M(y).map(({id:g})=>g):[],I=C,!1):(Array.isArray(y)&&p(y,{id:C,children:y.map(({id:g})=>g),parent:v}),!0))};return p(u,{}),{parentLevel:r,childLevel:s}},i=(m,u,r)=>{const s={},I=e.unref(a),p=(c,v=!1)=>{const{id:y,children:C,parent:g}=c;if(!!g)if(u){const h=C.filter(k=>!I[k]||I[k]==="none");h.length<=1?h[0]===r?s[y]="select":v&&(s[y]="half"):s[y]="half",p(g,s[y]==="select")}else{const h=C.filter(k=>I[k]&&I[k]!=="none");h.length<=1?(h[0]===r||v)&&(s[y]="none"):s[y]="half",p(g,s[y]==="none")}};return p(m),s};return{selected:a,onNodeClick:m=>{const{id:u}=m;let r=Object.assign({},e.unref(a));const s=r[u]==="none"||!r[u];if(t.value==="none")r=Object.assign(r,{[u]:s?"select":"none"});else if(t.value==="both"){const{parentLevel:p,childLevel:c}=d(u);r=Object.assign(r,Object.fromEntries(c.map(v=>[v,s?"select":"none"])),i(p,s,u),{[u]:s?"select":"none"})}else if(t.value==="upward"){const{parentLevel:p}=d(u);r=Object.assign(r,i(p,s,u),{[u]:s?"select":"none"})}else if(t.value==="downward"){const{childLevel:p}=d(u);r=Object.assign(r,Object.fromEntries(p.map(c=>[c,s?"select":"none"])),{[u]:s?"select":"none"})}a.value=r;const I=o.filter(({id:p})=>r[p]&&r[p]!=="none");l.emit("nodeSelected",I)}}}const de=()=>{const t=e.ref({});return{lazyNodesReflect:t,handleInitLazyNodeReflect:(a,o)=>{var i;if(!a.isParent)return;((i=t.value[o.id])==null?void 0:i.id.toString())||(t.value[o.id]=D(S({},o),{loadingTargetId:`devui-tree_loadingTemplate-${o.id}`,dataSource:null}))},getLazyData:async a=>{const o=t.value[a];if(o.dataSource)return o.dataSource;const d=t.value[a].renderLoading(t.value[a].loadingTargetId);try{t.value[a].dataSource=await o.onGetNodeData()}catch(i){console.error(i)}finally{d.loadingInstance.close()}return t.value[a].dataSource}}};var ie="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24gc3ZnLWljb24tY2xvc2UiCj4KICA8ZyBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNWU3Y2UwIj48L3JlY3Q+CiAgICA8cmVjdCB4PSI0IiB5PSI3IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiBmaWxsPSIjNWU3Y2UwIj48L3JlY3Q+CiAgPC9nPgo8L3N2Zz4=",ce="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24iCj4KICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIyIiBzdHJva2U9IiMyNTJiM2EiPjwvcmVjdD4KICAgIDxwYXRoCiAgICAgIGZpbGw9IiMyNTJiM2EiCiAgICAgIGQ9Ik04Ljc1LDQgTDguNzUsNy4yNSBMMTIsNy4yNSBMMTIsOC43NSBMOC43NDksOC43NSBMOC43NSwxMiBMNy4yNSwxMiBMNy4yNDksOC43NSBMNCw4Ljc1IEw0LDcuMjUgTDcuMjUsNy4yNSBMNy4yNSw0IEw4Ljc1LDQgWiIKICAgID48L3BhdGg+CiAgPC9nPgo8L3N2Zz4K",re=e.defineComponent({name:"DTreeNodeContent",props:{node:{type:Object,required:!0}},setup(t){const l=e.inject("treeRoot");return()=>{const n=t.node,{disabled:a,label:o}=n;return l.ctx.slots.default?l.ctx.slots.default({node:n}):e.createVNode("span",{class:["devui-tree-node__title",a&&"select-disabled"]},[o])}}}),Ce="",T=e.defineComponent({name:"DTree",props:b,emits:["nodeSelected"],setup(t,l){const{data:n,checkable:a,checkableRelation:o}=e.toRefs(D(S({},t),{data:z(t.data)})),{mergeData:d}=ne(n.value),{openedData:i,toggle:N}=te(d.value),{nodeClassNameReflect:m,handleInitNodeClassNameReflect:u,handleClickOnNode:r}=le(),{lazyNodesReflect:s,handleInitLazyNodeReflect:I,getLazyData:p}=de(),{selected:c,onNodeClick:v}=oe(o,l,n.value);e.provide("treeRoot",{ctx:l,props:t});const y=()=>e.createVNode("span",{style:"display: inline-block; width: 16px; height: 16px; margin-left: 8px;"},null),C=g=>{var H;const{id:h="",label:k,disabled:P,open:V,isParent:B,level:A,children:O}=g;u(P,h),I(g,{id:h,onGetNodeData:async()=>new Promise(j=>{setTimeout(()=>{j([{id:`It is a test Node-1 ID = ${h}`,label:`It is a test Node-1 ID = ${h}`,level:g.level+1},{id:`It is a test Node-2 ID = ${h}`,label:`It is a test Node-2 ID = ${h}`,level:g.level+1}])},4e3)}),renderLoading:j=>Q.open({target:document.getElementById(j),message:"\u52A0\u8F7D\u4E2D...",positionType:"relative",zIndex:1})});const ue=j=>{const W=async Ie=>(j.isParent&&(j.children=await p(h)),N(Ie,j));return B||O?V?e.createVNode(ie,{class:"mr-xs",onClick:W},null):e.createVNode(ce,{class:"mr-xs",onClick:W},null):e.createVNode(y,null,null)},ge=$[(H=c.value[h])!=null?H:"none"];return e.createVNode("div",{class:["devui-tree-node",V&&"devui-tree-node__open"],style:{paddingLeft:`${24*(A-1)}px`}},[e.createVNode("div",{class:`devui-tree-node__content ${m.value[h]}`,onClick:()=>r(h)},[e.createVNode("div",{class:"devui-tree-node__content--value-wrapper"},[ue(g),a.value&&e.createVNode(ee,e.mergeProps({key:h,onClick:()=>v(g),disabled:P},ge),null),e.createVNode(re,{node:g},null),g.isParent&&e.createVNode("div",{class:"devui-tree-node_loading",id:s.value[h].loadingTargetId},null)])])])};return()=>e.createVNode("div",{class:"devui-tree"},[i.value.map(g=>C(g))])}});T.install=function(t){t.component(T.name,T)};var se={title:"Tree \u6811",category:"\u6570\u636E\u5C55\u793A",status:"20%",install(t){t.use(T)}};f.Tree=T,f.default=se,Object.defineProperty(f,"__esModule",{value:!0}),f[Symbol.toStringTag]="Module"});
+var De=Object.defineProperty,je=Object.defineProperties;var Te=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var Ve=Object.prototype.hasOwnProperty,Ae=Object.prototype.propertyIsEnumerable;var M=(y,e,N)=>e in y?De(y,e,{enumerable:!0,configurable:!0,writable:!0,value:N}):y[e]=N,k=(y,e)=>{for(var N in e||(e={}))Ve.call(e,N)&&M(y,N,e[N]);if(G)for(var N of G(e))Ae.call(e,N)&&M(y,N,e[N]);return y},V=(y,e)=>je(y,Te(e));var D=(y,e,N)=>(M(y,typeof e!="symbol"?e+"":e,N),N);(function(y,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(y=typeof globalThis!="undefined"?globalThis:y||self,e(y.index={},y.Vue))})(this,function(y,e){"use strict";const N={data:{type:Array,required:!0,default:()=>[]},checkable:{type:Boolean,default:!1},checkableRelation:{type:String,default:"none"}},J={none:{},half:{halfchecked:!0},select:{checked:!0}},R=(t,l="children")=>t.reduce((n,a)=>a[l]?n.concat(a,R(a[l],l)):n.concat(a),[]),O=()=>(Math.random()*10**9).toString().slice(0,8),Y=(t,l)=>{const n=O();return console.info("randomStr: ",n),V(k({},t),{id:l?`${l}_${n}`:n})},Q=t=>{const l=t.split("_");return[...l.slice(0,l.length),O()].join("_")},z=(t,l)=>t.map(n=>{const a=Y(n,l);return n.children?V(k({},a),{children:z(n.children,a.id)}):a}),x=(t,l,n=0)=>{const a=t.slice(0,n+2).join("_");return l.forEach(o=>{o.id===t.slice(0,n+1).join("_")&&(t.length===n+2?o.children=o.children.filter(({id:d})=>d!==a):o.children=x(t,o.children,n+1))}),l},q=(t,l)=>t.includes("_")?x(t.split("_"),l):l.filter(({id:n})=>n!==t),X=Symbol("dev_component_container");function ee(t,l,n=null){const a=e.h(t,k({},l),n),o=document.createElement("div");return a[X]=o,e.render(a,o),a.component}class Z{constructor(){D(this,"top","50%");D(this,"left","50%")}}const te={message:String,backdrop:Boolean,view:{type:Object,default:()=>new Z},zIndex:Number,isFull:{type:Boolean,default:!1}};class ne{constructor(){D(this,"target");D(this,"message");D(this,"loadingTemplateRef");D(this,"backdrop",!0);D(this,"positionType","relative");D(this,"view",new Z);D(this,"zIndex")}}var Le="",le=e.defineComponent({name:"DLoading",inheritAttrs:!1,props:te,setup(t){const l={top:t.view.top,left:t.view.left,zIndex:t.zIndex};t.message||(l.background="none");const n=e.ref(!1);return{style:l,isShow:n,open:()=>{n.value=!0},close:()=>{n.value=!1}}},render(){var c;const{isShow:t,isFull:l,backdrop:n,style:a,message:o,$slots:d}=this;return t&&e.createVNode("div",{class:["devui-loading-contanier",l?"devui-loading--full":""]},[((c=d.default)==null?void 0:c.call(d))||e.createVNode("div",{class:"devui-loading-wrapper"},[n?e.createVNode("div",{class:"devui-loading-mask"},null):null,e.createVNode("div",{style:a,class:"devui-loading-area"},[e.createVNode("div",{class:"devui-busy-default-spinner"},[e.createVNode("div",{class:"devui-loading-bar1"},null),e.createVNode("div",{class:"devui-loading-bar2"},null),e.createVNode("div",{class:"devui-loading-bar3"},null),e.createVNode("div",{class:"devui-loading-bar4"},null)]),o?e.createVNode("span",{class:"devui-loading-text"},[o]):null])])])}});const ae=e.defineComponent(le),B=new WeakMap,oe={open(t={}){const l=t.target||document.body;if(B.has(l))return B.get(l);l.style.position=t.positionType;const n=document.body===l;t=k(k({},new ne),t);const a=ee(ae,V(k({},t),{isFull:n}),t.loadingTemplateRef?()=>t.loadingTemplateRef:null);B.set(l,a),a.proxy.open(),l.appendChild(a.proxy.$el);const o=a.proxy.close;return a.loadingInstance=a.proxy,a.loadingInstance.close=(...d)=>{B.delete(l),o(...d)},a}};var Be="";const de=V(k({},{name:{type:String,default:void 0},halfchecked:{type:Boolean,default:!1},isShowTitle:{type:Boolean,default:!0},title:{type:String},color:{type:String,default:void 0},showAnimation:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0}}),{halfchecked:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},value:{type:String},label:{type:String,default:void 0},title:{type:String,default:void 0},"onUpdate:checked":{type:Function,default:void 0},onChange:{type:Function,default:void 0},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}}),ce=Symbol("d-checkbox-group");var ie=e.defineComponent({name:"DCheckbox",props:de,emits:["change","update:checked","update:modelValue"],setup(t,l){const n=e.inject(ce,null),a=e.computed(()=>t.checked||t.modelValue),o=e.computed(()=>(n==null?void 0:n.disabled.value)||t.disabled),d=e.computed(()=>{var r,b;return(b=(r=n==null?void 0:n.isItemChecked)==null?void 0:r.call(n,t.value))!=null?b:a.value}),c=e.computed(()=>{var r;return(r=n==null?void 0:n.isShowTitle.value)!=null?r:t.isShowTitle}),g=e.computed(()=>{var r;return(r=n==null?void 0:n.showAnimation.value)!=null?r:t.showAnimation}),I=e.computed(()=>{var r;return(r=n==null?void 0:n.color.value)!=null?r:t.color}),s=n==null?void 0:n.itemWidth.value,i=n==null?void 0:n.direction.value,u=(r,b)=>{var S;if(o.value)return Promise.resolve(!1);const p=(S=t.beforeChange)!=null?S:n==null?void 0:n.beforeChange;if(p){const C=p(r,b);return typeof C=="boolean"?Promise.resolve(C):C}return Promise.resolve(!0)},f=()=>{const r=!a.value;n==null||n.toggleGroupVal(t.value),l.emit("update:checked",r),l.emit("update:modelValue",r),l.emit("change",r)};return{itemWidth:s,direction:i,mergedColor:I,mergedDisabled:o,mergedIsShowTitle:c,mergedChecked:d,mergedShowAnimation:g,handleClick:()=>{u(!a.value,t.label).then(r=>r&&f())}}},render(){var L;const{itemWidth:t,direction:l,mergedChecked:n,mergedDisabled:a,mergedIsShowTitle:o,mergedShowAnimation:d,halfchecked:c,title:g,label:I,handleClick:s,name:i,value:u,mergedColor:f,$slots:h}=this,r={"devui-checkbox-column-margin":l==="column","devui-checkbox-wrap":typeof t!="undefined"},b=t?[`width: ${t}px`]:[],p={"devui-checkbox":!0,active:n,halfchecked:c,disabled:a,unchecked:!n},S=o?g||I:"",C=f&&c||f?`linear-gradient(${f}, ${f})`:"",j=[`border-color:${(n||c)&&f?f:""}`,`background-image:${C}`,`background-color:${f&&c?f:""}`],T={"devui-checkbox-material":!0,"custom-color":f,"devui-checkbox-no-label":!I&&!h.default,"devui-no-animation":!d,"devui-checkbox-default-background":!c},v={"devui-tick":!0,"devui-no-animation":!d},m=P=>P.stopPropagation(),H={indeterminate:c};return e.createVNode("div",{class:r,style:b},[e.createVNode("div",{class:p},[e.createVNode("label",{title:S,onClick:s},[e.createVNode("input",e.mergeProps({name:i||u,class:"devui-checkbox-input",type:"checkbox"},H,{checked:n,disabled:a,onClick:m,onChange:m}),null),e.createVNode("span",{style:j,class:T},[e.createVNode("span",{class:"devui-checkbox-halfchecked-bg"},null),e.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{"fill-rule":"nonzero",points:"5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",class:v},null)])])]),I||((L=h.default)==null?void 0:L.call(h))])])])}});function re(t){const l=o=>o.reduce((d,c)=>c.open?d.concat(c,l(c.children)):d.concat(c),[]),n=e.ref(l(t.value));return e.watch(()=>t.value,o=>n.value=l(o),{deep:!0}),{openedData:n,toggle:(o,d)=>{o.stopPropagation(),!!d.children&&(d.open=!d.open,n.value=l(t.value))}}}function se(t){const l=(o,d="children",c="label")=>{const{[d]:g,[c]:I}=o;return Array.isArray(g)&&g.length===1&&g[0][d]&&g[0][d].length===1?l(Object.assign({},g[0],{[c]:`${I} \\ ${g[0][c]}`})):o},n=(o,d=0,c="children",g="label")=>o.map(I=>{const{[c]:s}=I;if(!Array.isArray(s)||!s.length)return Object.assign({},I,{level:d+1});let i=I;return s.length===1&&(i=l(I)),Object.assign({},i,{[c]:n(i[c],d+1,c,g),level:d+1})});return{mergeData:e.ref(n(t))}}const ue="active",_="devui-tree_isDisabledNode",ge=()=>{const t=e.ref({}),l=e.ref("");return{nodeClassNameReflect:t,handleClickOnNode:o=>{t.value[o]!==_&&l.value!==o&&(l.value&&(t.value[l.value]=""),t.value[o]=ue,l.value=o)},handleInitNodeClassNameReflect:(o=!1,...d)=>{const c=d.join("-");return t.value[c]=o?_:t.value[c]||"",c}}};function fe(t,l,n){const a=e.ref({}),o=R(n),d=I=>{const s=n;let i={},u=[],f;const h=(r,b)=>{r.every(({children:p,id:S})=>f?!1:S===I?(i=b,u=Array.isArray(p)?R(p).map(({id:C})=>C):[],f=S,!1):(Array.isArray(p)&&h(p,{id:S,children:p.map(({id:C})=>C),parent:b}),!0))};return h(s,{}),{parentLevel:i,childLevel:u}},c=(I,s,i)=>{const u={},f=e.unref(a),h=(r,b=!1)=>{const{id:p,children:S,parent:C}=r;if(!!C)if(s){const j=S.filter(T=>!f[T]||f[T]==="none");j.length<=1?j[0]===i?u[p]="select":b&&(u[p]="half"):u[p]="half",h(C,u[p]==="select")}else{const j=S.filter(T=>f[T]&&f[T]!=="none");j.length<=1?(j[0]===i||b)&&(u[p]="none"):u[p]="half",h(C,u[p]==="none")}};return h(I),u};return{selected:a,onNodeClick:I=>{const{id:s}=I;let i=Object.assign({},e.unref(a));const u=i[s]==="none"||!i[s];if(t.value==="none")i=Object.assign(i,{[s]:u?"select":"none"});else if(t.value==="both"){const{parentLevel:h,childLevel:r}=d(s);i=Object.assign(i,Object.fromEntries(r.map(b=>[b,u?"select":"none"])),c(h,u,s),{[s]:u?"select":"none"})}else if(t.value==="upward"){const{parentLevel:h}=d(s);i=Object.assign(i,c(h,u,s),{[s]:u?"select":"none"})}else if(t.value==="downward"){const{childLevel:h}=d(s);i=Object.assign(i,Object.fromEntries(h.map(r=>[r,u?"select":"none"])),{[s]:u?"select":"none"})}a.value=i;const f=o.filter(({id:h})=>i[h]&&i[h]!=="none");l.emit("nodeSelected",f)}}}const he=()=>{const t=e.ref({});return{lazyNodesReflect:t,handleInitLazyNodeReflect:(a,o)=>{var c;if(!a.isParent)return;((c=t.value[o.id])==null?void 0:c.id.toString())||(t.value[o.id]=V(k({},o),{loadingTargetId:`devui-tree_loadingTemplate-${o.id}`,dataSource:null}))},getLazyData:async a=>{const o=t.value[a];if(o.dataSource)return o.dataSource;const d=t.value[a].renderLoading(t.value[a].loadingTargetId);try{t.value[a].dataSource=await o.onGetNodeData()}catch(c){console.error(c)}finally{d.loadingInstance.close()}return t.value[a].dataSource}}},Ie=(t,l)=>{const n=d=>l.handleAdd(),a=d=>l.handleEdit(),o=d=>l.handleDelete();return e.createVNode(e.Fragment,null,[l.addable&&e.createVNode("span",{class:"op-icons icon icon-add",onClick:n},null),l.editable&&e.createVNode("span",{class:"op-icons icon icon-edit",onClick:a},null),l.deletable&&e.createVNode("span",{class:"op-icons icon icon-close",onClick:o},null)])},pe=t=>{const l=e.ref([]),n=e.ref({});return{operateIconReflect:l,editStatusReflect:n,handleReflectIdToIcon:(o,d)=>{l.value.every(({id:g})=>g!=o)&&(n.value[o]=!1,l.value.push({id:o,renderIcon:g=>Ie(g,d)}))}}};var ye="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24gc3ZnLWljb24tY2xvc2UiCj4KICA8ZyBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNWU3Y2UwIj48L3JlY3Q+CiAgICA8cmVjdCB4PSI0IiB5PSI3IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiBmaWxsPSIjNWU3Y2UwIj48L3JlY3Q+CiAgPC9nPgo8L3N2Zz4=",ve="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24iCj4KICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIyIiBzdHJva2U9IiMyNTJiM2EiPjwvcmVjdD4KICAgIDxwYXRoCiAgICAgIGZpbGw9IiMyNTJiM2EiCiAgICAgIGQ9Ik04Ljc1LDQgTDguNzUsNy4yNSBMMTIsNy4yNSBMMTIsOC43NSBMOC43NDksOC43NSBMOC43NSwxMiBMNy4yNSwxMiBMNy4yNDksOC43NSBMNCw4Ljc1IEw0LDcuMjUgTDcuMjUsNy4yNSBMNy4yNSw0IEw4Ljc1LDQgWiIKICAgID48L3BhdGg+CiAgPC9nPgo8L3N2Zz4K",me=e.defineComponent({name:"DTreeNodeContent",props:{node:{type:Object,required:!0},editStatusReflect:{type:Object,required:!0}},setup(t){const l=e.inject("treeRoot"),n=a=>`devui-tree-node__input-${a}`;return e.onUpdated(()=>{const a=document.querySelector(`#${n(t.node.id)}`);a==null||a.focus()}),()=>{const{node:a,editStatusReflect:o}=e.toRefs(t),{disabled:d,label:c,id:g}=a.value,I=({target:i})=>{a.value.label=i.value},s=()=>{o.value[g]=!1};return l.ctx.slots.default?l.ctx.slots.default({node:a}):e.createVNode("span",{class:["devui-tree-node__title",d&&"select-disabled"]},[o.value[g]?e.createVNode("input",{id:n(g),ref:e.ref,value:c,onChange:I,onBlur:s},null):c])}}}),Re="",A=e.defineComponent({name:"DTree",props:N,emits:["nodeSelected"],setup(t,l){const{data:n,checkable:a,checkableRelation:o}=e.toRefs(e.reactive(V(k({},t),{data:z(t.data)}))),{mergeData:d}=se(n.value),{openedData:c,toggle:g}=re(d),{nodeClassNameReflect:I,handleInitNodeClassNameReflect:s,handleClickOnNode:i}=ge(),{lazyNodesReflect:u,handleInitLazyNodeReflect:f,getLazyData:h}=he(),{selected:r,onNodeClick:b}=fe(o,l,n.value),{editStatusReflect:p,operateIconReflect:S,handleReflectIdToIcon:C}=pe();e.provide("treeRoot",{ctx:l,props:t});const j=()=>e.createVNode("span",{style:"display: inline-block; width: 16px; height: 16px; margin-left: 8px;"},null),T=v=>{var K;const{id:m="",label:H,disabled:L,open:P,isParent:Ne,level:Ce,children:W,addable:E,editable:U,deletable:$}=v;C(m,{addable:E,editable:U,deletable:$,handleAdd:()=>{const w={id:Q(v.id),label:"new item",level:v.level+1,addable:E,editable:U,deletable:$};v.open=!0,v.children&&Array.isArray(v.children)?v.children.push(w):v.children=[w]},handleEdit:()=>{p.value[m]=!p.value[m]},handleDelete:()=>{d.value=q(m,d.value)}}),s(L,m),f(v,{id:m,onGetNodeData:async()=>new Promise(w=>{setTimeout(()=>{w([{id:`It is a test Node-1 ID = ${m}`,label:`It is a test Node-1 ID = ${m}`,level:v.level+1},{id:`It is a test Node-2 ID = ${m}`,label:`It is a test Node-2 ID = ${m}`,level:v.level+1}])},4e3)}),renderLoading:w=>oe.open({target:document.getElementById(w),message:"\u52A0\u8F7D\u4E2D...",positionType:"relative",zIndex:1})});const Se=w=>{const F=async ke=>(w.isParent&&(w.children=await h(m)),g(ke,w));return Ne||W&&W.length?P?e.createVNode(ye,{class:"mr-xs",onClick:F},null):e.createVNode(ve,{class:"mr-xs",onClick:F},null):e.createVNode(j,null,null)},we=J[(K=r.value[m])!=null?K:"none"];return e.createVNode("div",{class:["devui-tree-node",P&&"devui-tree-node__open"],style:{paddingLeft:`${24*(Ce-1)}px`}},[e.createVNode("div",{class:`devui-tree-node__content ${I.value[m]}`,onClick:()=>i(m)},[e.createVNode("div",{class:"devui-tree-node__content--value-wrapper"},[Se(v),a.value&&e.createVNode(ie,e.mergeProps({key:m,onClick:()=>b(v),disabled:L},we),null),e.createVNode(me,{node:v,editStatusReflect:p.value},null),S.value.find(({id:w})=>m===w).renderIcon(v),v.isParent?e.createVNode("div",{class:"devui-tree-node_loading",id:u.value[m].loadingTargetId},null):null])])])};return()=>e.createVNode("div",{class:"devui-tree"},[c.value.map(v=>T(v))])}});A.install=function(t){t.component(A.name,A)};var be={title:"Tree \u6811",category:"\u6570\u636E\u5C55\u793A",status:"20%",install(t){t.use(A)}};y.Tree=A,y.default=be,Object.defineProperty(y,"__esModule",{value:!0}),y[Symbol.toStringTag]="Module"});

package/tree-select/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;