Commit 2f7c21a7f0571e640a999f18f58d4c0d2347cf7e

Authored by fengtao
1 parent 37df701d

feat:Tree组件 新增显示隐藏功能以及注释

Showing 1 changed file with 22 additions and 15 deletions
... ... @@ -31,7 +31,7 @@
31 31 import { CreateContextOptions } from '/@/components/ContextMenu';
32 32
33 33 import { CheckEvent } from './typing';
34   - import { LeftOutlined, RightOutlined } from '@ant-design/icons-vue';
  34 + import { DoubleLeftOutlined, DoubleRightOutlined } from '@ant-design/icons-vue';
35 35
36 36 interface State {
37 37 expandedKeys: Keys;
... ... @@ -449,28 +449,21 @@
449 449
450 450 <Empty v-show={unref(getNotFound)} image={Empty.PRESENTED_IMAGE_SIMPLE} class="!mt-4" />
451 451 <span
452   - class={['is-flod']}
453 452 v-show={unref(isFlod)}
454 453 onClick={() => handleFlodOrUnFoldFunc(false)}
455   - style={
456   - isFlod.value
457   - ? 'z-index:9999;cursor:pointer;position:absolute;top:40vh;left:17.5vw'
458   - : 'z-index:9999;cursor:pointer;position:absolute;top:40vh;left:0.5vw'
459   - }
  454 + class={['is-flod', unref(isFlod) ? 'fold-right' : 'fold-left']}
460 455 >
461   - <RightOutlined />
  456 + <DoubleLeftOutlined />
462 457 </span>
463 458 <span
464   - class={['is-unflod']}
465 459 v-show={!unref(isFlod) && unref(treeDataRef).length != 0}
466 460 onClick={() => handleFlodOrUnFoldFunc(true)}
467   - style={
468   - isFlod.value
469   - ? 'z-index:9999;cursor:pointer;position:absolute;top:40vh;left:17.5vw'
470   - : 'z-index:9999;cursor:pointer;position:absolute;top:40vh;left:0.5vw'
471   - }
  461 + class={[
  462 + 'is-unflod',
  463 + !unref(isFlod) && unref(treeDataRef).length != 0 ? 'fold-left' : 'fold-right',
  464 + ]}
472 465 >
473   - <LeftOutlined />
  466 + <DoubleRightOutlined />
474 467 </span>
475 468 </div>
476 469 );
... ... @@ -479,6 +472,20 @@
479 472 });
480 473 </script>
481 474 <style lang="less">
  475 + .fold-left {
  476 + z-index: 9999;
  477 + cursor: pointer;
  478 + position: absolute;
  479 + top: 0.85rem;
  480 + left: 0.5vw;
  481 + }
  482 + .fold-right {
  483 + z-index: 9999;
  484 + cursor: pointer;
  485 + position: absolute;
  486 + top: 0.85rem;
  487 + left: 17.5vw;
  488 + }
482 489 @prefix-cls: ~'@{namespace}-basic-tree';
483 490
484 491 .@{prefix-cls} {
... ...