chore: code prettier

Author: leezng

example/Basic.vue

@@ -97,7 +97,11 @@
         :collapsed-on-click-brackets="state.collapsedOnClickBrackets"
         :show-icon="state.showIcon"
         :show-key-value-space="state.showKeyValueSpace"
-        :render-node-actions="typeof state.useRenderNodeActionsSlot === 'boolean' ? state.useRenderNodeActionsSlot : undefined"
+        :render-node-actions="
+          typeof state.useRenderNodeActionsSlot === 'boolean'
+            ? state.useRenderNodeActionsSlot
+            : undefined
+        "
         style="position: relative"
       >
         <template v-if="state.useRenderNodeKeySlot" #renderNodeKey="{ node, defaultKey }">
@@ -114,9 +118,12 @@
           <template v-else>{{ defaultValue }}</template>
         </template>
 
-        <template v-if="state.useRenderNodeActionsSlot === 'custom'" #renderNodeActions="{ node, defaultActions }">
+        <template
+          v-if="state.useRenderNodeActionsSlot === 'custom'"
+          #renderNodeActions="{ node, defaultActions }"
+        >
           <span><a :href="node.content" target="_blank">link</a></span>
-          <span @click="defaultActions.copy" style="margin-left: 4px;">copy</span>
+          <span @click="defaultActions.copy" style="margin-left: 4px">copy</span>
         </template>
       </vue-json-pretty>
     </div>

src/components/Tree/index.tsx

@@ -273,7 +273,7 @@ export default defineComponent({
       const renderNodeKey = props.renderNodeKey ?? slots.renderNodeKey;
       const renderNodeValue = props.renderNodeValue ?? slots.renderNodeValue;
       const renderNodeActions = props.renderNodeActions ?? slots.renderNodeActions ?? false;
-      
+
       const nodeContent =
         state.visibleData &&
         state.visibleData.map(item => (

src/components/TreeNode/index.tsx

@@ -139,7 +139,14 @@ export default defineComponent({
     },
   },
 
-  emits: ['nodeClick', 'nodeMouseover', 'bracketsClick', 'iconClick', 'selectedChange', 'valueChange'],
+  emits: [
+    'nodeClick',
+    'nodeMouseover',
+    'bracketsClick',
+    'iconClick',
+    'selectedChange',
+    'valueChange',
+  ],
 
   setup(props, { emit }) {
     const dataType = computed<string>(() => getDataType(props.node.content));
@@ -244,17 +251,21 @@ export default defineComponent({
       const content = new Function('data', `return data${path.slice(rootPath.length)}`)(props.data);
       const copiedData = JSON.stringify(key ? { [key]: content } : content, null, 2);
       copy(copiedData);
-    }
+    };
 
     const renderNodeActions = () => {
       const render = props.renderNodeActions;
       if (!render) return null;
       const defaultActions = {
         copy: handleCopy,
       };
-      return typeof render === 'function'
-        ? render({ node: props.node, defaultActions })
-        : <span onClick={handleCopy} class="vjs-tree-node-actions-item">copy</span>;
+      return typeof render === 'function' ? (
+        render({ node: props.node, defaultActions })
+      ) : (
+        <span onClick={handleCopy} class="vjs-tree-node-actions-item">
+          copy
+        </span>
+      );
     };
 
     return () => {
@@ -295,7 +306,9 @@ export default defineComponent({
                   'has-line': props.showLine,
                 }}
               >
-                {Array.from(Array(props.indent)).map(() => <>&nbsp;</>)}
+                {Array.from(Array(props.indent)).map(() => (
+                  <>&nbsp;</>
+                ))}
               </div>
             ))}
             {props.showIcon && <Carets nodeType={node.type} onClick={handleIconClick} />}
@@ -352,9 +365,7 @@ export default defineComponent({
           </span>
 
           {props.renderNodeActions && (
-            <span class="vjs-tree-node-actions">
-              { renderNodeActions() }
-            </span>
+            <span class="vjs-tree-node-actions">{renderNodeActions()}</span>
           )}
         </div>
       );