yuyeon 0.3.1-rc.6 → 0.3.2-rc.1

package/lib/components/tree-view/YTreeView.js

@@ -0,0 +1,290 @@
+import { createTextVNode as _createTextVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { computed, defineComponent, onMounted, ref, shallowRef, watch } from 'vue';
+import { provideTreeView } from "./tree-view.js";
+import { useRender } from "../../composables/component.js";
+import { differenceBetween } from "../../util/array.js";
+import { isColorValue } from "../../util/color/index.js";
+import { deepEqual, getObjectValueByPath, hasOwnProperty } from "../../util/common.js";
+import { chooseProps } from "../../util/component/index.js";
+import { debounce } from "../../util/debounce.js";
+import { YProgressBar } from "../progress-bar/index.js";
+import { YTreeViewNode, pressYTreeViewNodeProps } from "./YTreeViewNode.js";
+import { filterTreeItem, filterTreeItems, getKeys } from "./util.js";
+import "./YTreeView.scss";
+const treeViewNodeProps = pressYTreeViewNodeProps();
+export const YTreeView = defineComponent({
+  name: 'YTreeView',
+  props: {
+    expanded: {
+      type: [Array],
+      default: () => []
+    },
+    active: {
+      type: [Array],
+      default: () => []
+    },
+    multipleActive: Boolean,
+    activeStrategy: {
+      type: String,
+      // TODO: 'leaf'
+      default: 'independent'
+    },
+    selected: {
+      type: [Array],
+      default: () => []
+    },
+    selectStrategy: {
+      type: String,
+      // TODO: 'leaf'
+      default: 'leaf'
+    },
+    returnItem: Boolean,
+    defaultExpand: [Boolean, String, Number],
+    filter: Function,
+    searchDebounceWait: {
+      type: Number,
+      default: 700
+    },
+    ...treeViewNodeProps
+  },
+  emits: ['update:expanded', 'update:active', 'update:selected'],
+  setup(props, _ref) {
+    let {
+      slots,
+      emit,
+      expose
+    } = _ref;
+    const filterItemsFn = shallowRef(debounce(excludeItem, props.searchDebounceWait));
+    const expandedCache = ref([]);
+    const {
+      nodes,
+      expanded,
+      active,
+      selected,
+      expandedSet,
+      selectedSet,
+      activeSet,
+      searchLoading,
+      excludedSet,
+      issueVnodeState,
+      updateExpanded,
+      updateActive,
+      updateSelected,
+      emitExpanded,
+      emitActive,
+      emitSelected,
+      isExcluded
+    } = provideTreeView(props);
+    function excludeItem(items) {
+      let search = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      let filter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : filterTreeItem;
+      const excluded = new Set();
+      if (!search) {
+        searchLoading.value = false;
+        excludedSet.value = excluded;
+        const diff = differenceBetween(expandedCache.value, [...expandedSet.value]);
+        diff.forEach(key => {
+          updateExpanded(key, false);
+        });
+        expandedCache.value.forEach(key => {
+          updateExpanded(key, true);
+        });
+        return;
+      }
+      for (const item of items) {
+        filterTreeItems(filter, item, search ?? '', props.itemKey, props.itemText, props.itemChildren, excluded);
+      }
+      excludedSet.value = excluded;
+      searchLoading.value = false;
+      expand();
+    }
+    watch(() => props.search, () => {
+      searchLoading.value = true;
+      filterItemsFn.value(props.items, props.search, props.filter);
+    });
+
+    // Util Methods
+    function getNodeKey(itemOrKey) {
+      return props.returnItem ? getObjectValueByPath(itemOrKey, props.itemKey) : itemOrKey;
+    }
+
+    // State Methods
+    function updateNodes(items) {
+      let parentKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      let level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      for (const item of items) {
+        const key = getObjectValueByPath(item, props.itemKey);
+        const children = getObjectValueByPath(item, props.itemChildren) ?? [];
+        const exist = hasOwnProperty(nodes.value, key);
+        const existNode = exist ? nodes.value[key] : {
+          vnode: null,
+          selected: selected.value?.includes(key) ?? false,
+          indeterminate: false,
+          active: active.value?.includes(key) ?? false,
+          expanded: expanded.value?.includes(key) ?? false
+        };
+        const node = {
+          vnode: existNode.vnode,
+          item,
+          level,
+          parentKey,
+          childKeys: children.map(child => getObjectValueByPath(child, props.itemKey)),
+          expanded: children.length > 0 && existNode.expanded,
+          active: existNode.active,
+          indeterminate: existNode.indeterminate,
+          selected: existNode.selected
+        };
+        updateNodes(children, key, level + 1);
+        nodes.value[key] = node;
+        if (nodes.value[key].expanded) {
+          expandedSet.value.add(key);
+        }
+        if (nodes.value[key].selected) {
+          selectedSet.value.add(key);
+        }
+        if (nodes.value[key].active) {
+          activeSet.value.add(key);
+        }
+        issueVnodeState(key);
+      }
+    }
+    watch(expandedSet, neo => {
+      if (!props.search) {
+        expandedCache.value = [...neo];
+      }
+    }, {
+      deep: true
+    });
+    function expand() {
+      let until = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      Object.entries(nodes.value).forEach(_ref2 => {
+        let [key, node] = _ref2;
+        if (until === true || until >= node.level) {
+          updateExpanded(key, true);
+        }
+      });
+      emitExpanded();
+      return expandedSet.value;
+    }
+    function stateWatcher(value, stateSet, updater, emitter) {
+      const valuesOfKey = props.returnItem ? value.map(v => getObjectValueByPath(v, props.itemKey)) : value;
+      const old = [...stateSet.value];
+      if (deepEqual(old, valuesOfKey)) {
+        return;
+      }
+      old.forEach(key => updater(key, false));
+      valuesOfKey.forEach(key => updater(key, true));
+      emitter();
+    }
+    watch(expanded, neo => {
+      stateWatcher(neo, expandedSet, updateExpanded, emitExpanded);
+    });
+    watch(active, neo => {
+      stateWatcher(neo, activeSet, updateActive, emitActive);
+    });
+    watch(selected, neo => {
+      stateWatcher(neo, selectedSet, updateSelected, emitSelected);
+    });
+    watch(() => props.items, neo => {
+      const oldKeys = Object.keys(nodes.value).map(nodeKey => getObjectValueByPath(nodes.value[nodeKey].item, props.itemKey));
+      const neoKeys = getKeys(neo, props.itemKey, props.itemChildren);
+      const diff = differenceBetween(oldKeys, neoKeys);
+      if (diff.length < 1 && neoKeys.length < oldKeys.length) {
+        return;
+      }
+      diff.forEach(k => delete nodes.value[k]);
+
+      // init
+      const oldSelected = [...selectedSet.value];
+      const oldActive = [...activeSet.value];
+      selectedSet.value.clear();
+      expandedSet.value.clear();
+      activeSet.value.clear();
+      updateNodes(neo);
+      if (!deepEqual(oldSelected, [...selectedSet.value])) {
+        emitSelected();
+      }
+      if (!deepEqual(oldActive, [...activeSet.value])) {
+        emitActive();
+      }
+      filterItemsFn.value(neo, props.search, props.filter);
+    }, {
+      deep: true,
+      flush: 'sync'
+    });
+
+    // Provide & Issue
+
+    updateNodes(props.items);
+    const renderLeaves = computed(() => {
+      return props.items.slice().filter(leaf => {
+        return !isExcluded(getObjectValueByPath(leaf, props.itemKey));
+      });
+    });
+    const classes = computed(() => {
+      return {
+        'y-tree-view': true
+      };
+    });
+    const styles = computed(() => {
+      let color = props.activeColor;
+      if (props.activeColor && !isColorValue(props.activeColor)) {
+        color = `var(--y-theme-${props.activeColor})`;
+      }
+      return {
+        [`--y-tree-view__active-color`]: color
+      };
+    });
+    onMounted(() => {
+      if (props.search) {
+        searchLoading.value = true;
+        excludeItem(props.items, props.search, props.filter);
+      }
+      if (props.defaultExpand != null && props.defaultExpand !== false) {
+        expandedCache.value = [...expand(props.defaultExpand)];
+      } else {
+        expanded.value.forEach(v => updateExpanded(getNodeKey(v), true));
+        emitExpanded();
+      }
+      for (const activeValue of props.active.map(getNodeKey)) {
+        updateActive(activeValue, true);
+      }
+      for (const selectedValue of props.selected.map(getNodeKey)) {
+        updateSelected(selectedValue, true);
+      }
+    });
+    expose({
+      expand
+    });
+    useRender(() => {
+      return _createVNode(_Fragment, null, [_createVNode("div", {
+        "class": classes.value,
+        "style": styles.value,
+        "role": "tree"
+      }, [searchLoading.value && _createVNode(YProgressBar, {
+        "indeterminate": true
+      }, null), renderLeaves.value.length > 0 ? renderLeaves.value.slice().map(leaf => {
+        return _createVNode(YTreeViewNode, _mergeProps({
+          "key": getObjectValueByPath(leaf, props.itemKey)
+        }, {
+          ...chooseProps(props, treeViewNodeProps),
+          item: leaf,
+          level: 0
+        }), slots);
+      }) : _createVNode("div", {
+        "class": "y-tree-view__no-data"
+      }, [slots['no-data'] ? slots['no-data']() : _createVNode("span", null, [_createTextVNode("No Data")])])])]);
+    });
+    return {
+      nodes,
+      expandedSet,
+      selectedSet,
+      activeSet,
+      excludedSet,
+      searchLoading,
+      expandedCache,
+      renderLeaves
+    };
+  }
+});
+//# sourceMappingURL=YTreeView.js.map

package/lib/components/tree-view/YTreeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YTreeView.js","names":["computed","defineComponent","onMounted","ref","shallowRef","watch","provideTreeView","useRender","differenceBetween","isColorValue","deepEqual","getObjectValueByPath","hasOwnProperty","chooseProps","debounce","YProgressBar","YTreeViewNode","pressYTreeViewNodeProps","filterTreeItem","filterTreeItems","getKeys","treeViewNodeProps","YTreeView","name","props","expanded","type","Array","default","active","multipleActive","Boolean","activeStrategy","String","selected","selectStrategy","returnItem","defaultExpand","Number","filter","Function","searchDebounceWait","emits","setup","_ref","slots","emit","expose","filterItemsFn","excludeItem","expandedCache","nodes","expandedSet","selectedSet","activeSet","searchLoading","excludedSet","issueVnodeState","updateExpanded","updateActive","updateSelected","emitExpanded","emitActive","emitSelected","isExcluded","items","search","arguments","length","undefined","excluded","Set","value","diff","forEach","key","item","itemKey","itemText","itemChildren","expand","getNodeKey","itemOrKey","updateNodes","parentKey","level","children","exist","existNode","vnode","includes","indeterminate","node","childKeys","map","child","add","neo","deep","until","Object","entries","_ref2","stateWatcher","stateSet","updater","emitter","valuesOfKey","v","old","oldKeys","keys","nodeKey","neoKeys","k","oldSelected","oldActive","clear","flush","renderLeaves","slice","leaf","classes","styles","color","activeColor","activeValue","selectedValue","_createVNode","_Fragment","_mergeProps","_createTextVNode"],"sources":["../../../src/components/tree-view/YTreeView.tsx"],"sourcesContent":["import {\n  type PropType,\n  type Ref,\n  computed,\n  defineComponent,\n  onMounted,\n  ref,\n  shallowRef,\n  watch,\n} from 'vue';\n\nimport { provideTreeView } from '@/components/tree-view/tree-view';\nimport { useRender } from '@/composables/component';\nimport { CandidateKey } from '@/types';\nimport { differenceBetween } from '@/util/array';\nimport { isColorValue } from '@/util/color';\nimport { deepEqual, getObjectValueByPath, hasOwnProperty } from '@/util/common';\nimport { chooseProps } from '@/util/component';\nimport { debounce } from '@/util/debounce';\n\nimport { YProgressBar } from '../progress-bar';\nimport { YTreeViewNode, pressYTreeViewNodeProps } from './YTreeViewNode';\nimport { NodeState, TreeviewFilterFn } from './types';\nimport { filterTreeItem, filterTreeItems, getKeys } from './util';\n\nimport './YTreeView.scss';\n\nconst treeViewNodeProps = pressYTreeViewNodeProps();\n\nexport const YTreeView = defineComponent({\n  name: 'YTreeView',\n  props: {\n    expanded: {\n      type: [Array] as PropType<CandidateKey[]>,\n      default: () => [],\n    },\n    active: {\n      type: [Array] as PropType<CandidateKey[]>,\n      default: () => [],\n    },\n    multipleActive: Boolean,\n    activeStrategy: {\n      type: String as PropType<'independent' | 'cascade'>, // TODO: 'leaf'\n      default: 'independent',\n    },\n    selected: {\n      type: [Array] as PropType<CandidateKey[]>,\n      default: () => [],\n    },\n    selectStrategy: {\n      type: String as PropType<'independent' | 'cascade'>, // TODO: 'leaf'\n      default: 'leaf',\n    },\n    returnItem: Boolean,\n    defaultExpand: [Boolean, String, Number],\n    filter: Function as PropType<TreeviewFilterFn>,\n    searchDebounceWait: {\n      type: Number as PropType<number>,\n      default: 700,\n    },\n    ...treeViewNodeProps,\n  },\n  emits: ['update:expanded', 'update:active', 'update:selected'],\n  setup(props, { slots, emit, expose }) {\n    const filterItemsFn = shallowRef(\n      debounce(excludeItem, props.searchDebounceWait),\n    );\n    const expandedCache = ref<CandidateKey[]>([]);\n\n    const {\n      nodes,\n      expanded,\n      active,\n      selected,\n      expandedSet,\n      selectedSet,\n      activeSet,\n      searchLoading,\n      excludedSet,\n      issueVnodeState,\n      updateExpanded,\n      updateActive,\n      updateSelected,\n      emitExpanded,\n      emitActive,\n      emitSelected,\n      isExcluded,\n    } = provideTreeView(props);\n\n    function excludeItem(items: any[], search = '', filter = filterTreeItem) {\n      const excluded = new Set<CandidateKey>();\n      if (!search) {\n        searchLoading.value = false;\n        excludedSet.value = excluded;\n        const diff = differenceBetween(expandedCache.value, [\n          ...expandedSet.value,\n        ]);\n        diff.forEach((key) => {\n          updateExpanded(key, false);\n        });\n        expandedCache.value.forEach((key) => {\n          updateExpanded(key, true);\n        });\n        return;\n      }\n      for (const item of items) {\n        filterTreeItems(\n          filter,\n          item,\n          search ?? '',\n          props.itemKey,\n          props.itemText,\n          props.itemChildren as string,\n          excluded,\n        );\n      }\n      excludedSet.value = excluded;\n      searchLoading.value = false;\n      expand();\n    }\n\n    watch(\n      () => props.search,\n      () => {\n        searchLoading.value = true;\n        filterItemsFn.value(props.items, props.search, props.filter);\n      },\n    );\n\n    // Util Methods\n    function getNodeKey(itemOrKey: any) {\n      return props.returnItem\n        ? getObjectValueByPath(itemOrKey, props.itemKey)\n        : itemOrKey;\n    }\n\n    // State Methods\n    function updateNodes(\n      items: any[],\n      parentKey: CandidateKey | null = null,\n      level = 0,\n    ) {\n      for (const item of items) {\n        const key = getObjectValueByPath(item, props.itemKey);\n        const children =\n          getObjectValueByPath(item, props.itemChildren as string) ?? [];\n        const exist = hasOwnProperty(nodes.value, key);\n        const existNode = exist\n          ? nodes.value[key]\n          : {\n              vnode: null,\n              selected: selected.value?.includes(key) ?? false,\n              indeterminate: false,\n              active: active.value?.includes(key) ?? false,\n              expanded: expanded.value?.includes(key) ?? false,\n            };\n        const node: NodeState = {\n          vnode: existNode.vnode,\n          item,\n          level,\n          parentKey,\n          childKeys: children.map((child: any) =>\n            getObjectValueByPath(child, props.itemKey),\n          ),\n          expanded: children.length > 0 && existNode.expanded,\n          active: existNode.active,\n          indeterminate: existNode.indeterminate,\n          selected: existNode.selected,\n        };\n\n        updateNodes(children, key, level + 1);\n\n        nodes.value[key] = node;\n        if (nodes.value[key].expanded) {\n          expandedSet.value.add(key);\n        }\n        if (nodes.value[key].selected) {\n          selectedSet.value.add(key);\n        }\n        if (nodes.value[key].active) {\n          activeSet.value.add(key);\n        }\n        issueVnodeState(key);\n      }\n    }\n\n    watch(\n      expandedSet,\n      (neo) => {\n        if (!props.search) {\n          expandedCache.value = [...neo];\n        }\n      },\n      { deep: true },\n    );\n\n    function expand(until: boolean | string | number = true) {\n      Object.entries(nodes.value).forEach(([key, node]) => {\n        if (until === true || until >= node.level) {\n          updateExpanded(key, true);\n        }\n      });\n      emitExpanded();\n      return expandedSet.value;\n    }\n\n    function stateWatcher(\n      value: any[],\n      stateSet: Ref<Set<CandidateKey>>,\n      updater: (key: CandidateKey, to: boolean) => void,\n      emitter: () => void,\n    ) {\n      const valuesOfKey = props.returnItem\n        ? value.map((v) => getObjectValueByPath(v, props.itemKey))\n        : value;\n      const old = [...stateSet.value];\n      if (deepEqual(old, valuesOfKey)) {\n        return;\n      }\n      old.forEach((key) => updater(key, false));\n      valuesOfKey.forEach((key) => updater(key, true));\n      emitter();\n    }\n\n    watch(expanded, (neo) => {\n      stateWatcher(neo, expandedSet, updateExpanded, emitExpanded);\n    });\n\n    watch(active, (neo) => {\n      stateWatcher(neo, activeSet, updateActive, emitActive);\n    });\n\n    watch(selected, (neo) => {\n      stateWatcher(neo, selectedSet, updateSelected, emitSelected);\n    });\n\n    watch(\n      () => props.items,\n      (neo: any[]) => {\n        const oldKeys = Object.keys(nodes.value).map((nodeKey) =>\n          getObjectValueByPath(nodes.value[nodeKey].item, props.itemKey),\n        );\n        const neoKeys = getKeys(\n          neo,\n          props.itemKey,\n          props.itemChildren as string,\n        );\n        const diff = differenceBetween(oldKeys, neoKeys);\n        if (diff.length < 1 && neoKeys.length < oldKeys.length) {\n          return;\n        }\n        diff.forEach((k) => delete nodes.value[k]);\n\n        // init\n        const oldSelected = [...selectedSet.value];\n        const oldActive = [...activeSet.value];\n        selectedSet.value.clear();\n        expandedSet.value.clear();\n        activeSet.value.clear();\n        updateNodes(neo);\n        if (!deepEqual(oldSelected, [...selectedSet.value])) {\n          emitSelected();\n        }\n        if (!deepEqual(oldActive, [...activeSet.value])) {\n          emitActive();\n        }\n        filterItemsFn.value(neo, props.search, props.filter);\n      },\n      { deep: true, flush: 'sync' },\n    );\n\n    // Provide & Issue\n\n    updateNodes(props.items);\n\n    const renderLeaves = computed(() => {\n      return props.items.slice().filter((leaf) => {\n        return !isExcluded(getObjectValueByPath(leaf, props.itemKey));\n      });\n    });\n\n    const classes = computed(() => {\n      return {\n        'y-tree-view': true,\n      };\n    });\n\n    const styles = computed(() => {\n      let color = props.activeColor;\n      if (props.activeColor && !isColorValue(props.activeColor)) {\n        color = `var(--y-theme-${props.activeColor})`;\n      }\n      return {\n        [`--y-tree-view__active-color`]: color,\n      };\n    });\n\n    onMounted(() => {\n      if (props.search) {\n        searchLoading.value = true;\n        excludeItem(props.items, props.search, props.filter);\n      }\n\n      if (props.defaultExpand != null && props.defaultExpand !== false) {\n        expandedCache.value = [...expand(props.defaultExpand)];\n      } else {\n        expanded.value.forEach((v: any) => updateExpanded(getNodeKey(v), true));\n        emitExpanded();\n      }\n\n      for (const activeValue of props.active.map(getNodeKey)) {\n        updateActive(activeValue, true);\n      }\n\n      for (const selectedValue of props.selected.map(getNodeKey)) {\n        updateSelected(selectedValue, true);\n      }\n    });\n\n    expose({\n      expand,\n    });\n\n    useRender(() => {\n      return (\n        <>\n          <div class={classes.value} style={styles.value} role=\"tree\">\n            {searchLoading.value && <YProgressBar indeterminate />}\n            {renderLeaves.value.length > 0 ? (\n              renderLeaves.value.slice().map((leaf) => {\n                return (\n                  <YTreeViewNode\n                    v-slots={slots}\n                    key={getObjectValueByPath(leaf, props.itemKey)}\n                    {...{\n                      ...chooseProps(props, treeViewNodeProps),\n                      item: leaf,\n                      level: 0,\n                    }}\n                  ></YTreeViewNode>\n                );\n              })\n            ) : (\n              <div class=\"y-tree-view__no-data\">\n                {slots['no-data'] ? slots['no-data']() : <span>No Data</span>}\n              </div>\n            )}\n          </div>\n        </>\n      );\n    });\n\n    return {\n      nodes,\n      expandedSet,\n      selectedSet,\n      activeSet,\n      excludedSet,\n      searchLoading,\n      expandedCache,\n      renderLeaves,\n    };\n  },\n});\n\nexport type YTreeView = InstanceType<typeof YTreeView>;\n"],"mappings":"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"}

package/lib/components/tree-view/YTreeViewNode.js

@@ -0,0 +1,250 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { computed, getCurrentInstance, mergeProps, onBeforeMount, ref, resolveComponent } from 'vue';
+import { pressItemsPropsOptions } from "../../abstract/items.js";
+import { useTreeView } from "./tree-view.js";
+import { useRender } from "../../composables/component.js";
+import { getObjectValueByPath } from "../../util/common.js";
+import { defineComponent } from "../../util/component/index.js";
+import { propsFactory } from "../../util/component/index.js";
+import { YButton } from "../button/index.js";
+import { YIconCheckbox, YIconExpand } from "../icons/index.js";
+import { YPlate } from "../plate/index.js";
+import { YTextHighlighter } from "../text-highlighter/YTextHighlighter.js";
+import { YExpandVTransition } from "../transitions/index.js";
+export const pressYTreeViewNodeProps = propsFactory({
+  search: String,
+  disableTransition: Boolean,
+  enableActive: Boolean,
+  activeClass: [String, Array],
+  activeSingleModifier: String,
+  requiredActive: Boolean,
+  activeColor: {
+    type: String,
+    default: 'primary'
+  },
+  enableSelect: Boolean,
+  onMouseenterContainer: Function,
+  onMouseleaveContainer: Function,
+  onMousemoveContainer: Function,
+  ...pressItemsPropsOptions({
+    itemKey: 'id'
+  })
+}, 'YTreeViewNode');
+export const YTreeViewNode = defineComponent({
+  name: 'YTreeNode',
+  components: {
+    YButton,
+    YIconExpand,
+    YPlate,
+    YIconCheckbox
+  },
+  props: {
+    item: {
+      type: Object
+    },
+    level: {
+      type: Number,
+      default: 0
+    },
+    ...pressYTreeViewNodeProps()
+  },
+  slots: Object,
+  setup(props, _ref) {
+    let {
+      slots,
+      expose
+    } = _ref;
+    const YTreeNode = resolveComponent('YTreeViewNode', true);
+    const vm = getCurrentInstance();
+    const treeView = useTreeView();
+    const container$ = ref();
+    const expanded = ref(false);
+    const active = ref(false);
+    const selected = ref(false);
+    const immediate = ref(false);
+    const children = computed(() => {
+      return (getObjectValueByPath(props.item, props.itemChildren) ?? []).slice();
+    });
+    const imLeaf = computed(() => children.value.length < 1);
+    const classes = computed(() => {
+      return {
+        'y-tree-view-node': true,
+        'y-tree-view-node--leaf': imLeaf.value,
+        'y-tree-view-node--expanded': expanded.value,
+        'y-tree-view-node--active': active.value
+      };
+    });
+    const styles = computed(() => {
+      return {
+        '--tree-view-node--level': props.level
+      };
+    });
+    const contentText = computed(() => {
+      return getObjectValueByPath(props.item, props.itemText) ?? '';
+    });
+    const slotProps = computed(() => {
+      return {
+        level: props.level,
+        imLeaf: imLeaf.value
+      };
+    });
+    const searchLoading = computed(() => {
+      return treeView.searchLoading.value;
+    });
+    const leaves = computed(() => {
+      return children.value.filter(leaf => {
+        return !treeView.isExcluded(getObjectValueByPath(leaf, props.itemKey));
+      });
+    });
+    function onClick(e) {
+      const to = !active.value;
+      active.value = to;
+      treeView.updateActive(myKey.value, to, e);
+      treeView.emitActive();
+    }
+    function onClickExpand(e) {
+      e.stopPropagation();
+      const to = !expanded.value;
+      expanded.value = to;
+      treeView.updateExpanded(myKey.value, to);
+      treeView.emitExpanded();
+    }
+    function onClickSelect(e) {
+      e.stopPropagation();
+      const to = !selected.value;
+      selected.value = to;
+      treeView.updateSelected(myKey.value, to);
+      treeView.emitSelected();
+    }
+    function onMouseenterContainer(e) {
+      props.onMouseenterContainer?.(e, {
+        ...slotProps.value,
+        item: props.item
+      });
+    }
+    function onMouseleaveContainer(e) {
+      props.onMouseleaveContainer?.(e, {
+        ...slotProps.value,
+        item: props.item
+      });
+    }
+    function onMousemoveContainer(e) {
+      props.onMousemoveContainer?.(e, {
+        ...slotProps.value,
+        item: props.item
+      });
+    }
+    useRender(() => {
+      const indentSpacer = [];
+      for (let i = 0; i < props.level; i += 1) {
+        indentSpacer.push(_createVNode("div", {
+          "class": 'y-tree-view-node__indent-spacer'
+        }, null));
+      }
+      return _createVNode("div", {
+        "class": classes.value,
+        "style": styles.value,
+        "role": "treeitem",
+        "data-level": props.level
+      }, [_createVNode("div", {
+        "ref": container$,
+        "class": 'y-tree-view-node__container',
+        "onClick": e => props.enableActive ? onClick(e) : void 0,
+        "onMouseenter": props.onMouseenterContainer && onMouseenterContainer,
+        "onMouseleave": props.onMouseleaveContainer && onMouseleaveContainer,
+        "onMousemove": props.onMousemoveContainer && onMousemoveContainer
+      }, [_createVNode(YPlate, null, null), _createVNode("div", {
+        "class": 'y-tree-view-node__indents'
+      }, [indentSpacer]), !imLeaf.value && leaves.value.length > 0 ? _createVNode(YButton, {
+        "class": 'y-tree-view-node__expand-icon',
+        "variation": 'icon',
+        "onClick": onClickExpand
+      }, {
+        default: () => [slots['expand-icon'] ? slots['expand-icon']() : _createVNode(YIconExpand, null, null)]
+      }) : _createVNode("i", {
+        "class": 'y-tree-view-node__no-expand-icon'
+      }, null), props.enableSelect && _createVNode("div", {
+        "class": 'y-tree-view-node__select',
+        "onClick": onClickSelect
+      }, [_createVNode(YIconCheckbox, {
+        "checked": selected.value
+      }, null)]), _createVNode("div", {
+        "class": 'y-tree-view-node__content'
+      }, [slots.leading && _createVNode("div", {
+        "class": 'y-tree-view-node__leading'
+      }, [slots.leading(slotProps.value)]), _createVNode("div", {
+        "class": 'y-tree-view-node__text'
+      }, [slots.default ? slots.default?.({
+        text: contentText.value,
+        item: props.item,
+        ...slotProps.value
+      }) : props.search && !searchLoading.value ? _createVNode(YTextHighlighter, {
+        "text": contentText.value,
+        "keyword": props.search
+      }, null) : contentText.value]), slots.trailing && _createVNode("div", {
+        "class": 'y-tree-view-node__trailing'
+      }, [slots.trailing(slotProps.value)])])]), children.value.length > 0 && _createVNode(YExpandVTransition, {
+        "disabled": props.disableTransition
+      }, {
+        default: () => [expanded.value && _createVNode("div", {
+          "class": ['y-tree-view-node__leaves'],
+          "role": "tree"
+        }, [leaves.value.map(item => {
+          return _createVNode(YTreeNode, _mergeProps(mergeProps(props), {
+            "key": getObjectValueByPath(item, props.itemKey),
+            "level": (props.level ?? 0) + 1,
+            "item": item
+          }), {
+            default: slots.default && function () {
+              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                args[_key] = arguments[_key];
+              }
+              return slots.default?.(...args);
+            },
+            'expand-icon': slots['expand-icon'] && function () {
+              for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                args[_key2] = arguments[_key2];
+              }
+              return slots['expand-icon']?.(...args);
+            },
+            leading: slots.leading && function () {
+              for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+                args[_key3] = arguments[_key3];
+              }
+              return slots.leading?.(...args);
+            },
+            trailing: slots.trailing && function () {
+              for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+                args[_key4] = arguments[_key4];
+              }
+              return slots.trailing?.(...args);
+            }
+          });
+        })])]
+      })]);
+    });
+    const myKey = computed(() => {
+      return getObjectValueByPath(props.item, props.itemKey);
+    });
+    const nodeState = {
+      myKey,
+      expanded,
+      active,
+      selected,
+      immediate
+    };
+    expose(nodeState);
+    onBeforeMount(() => {
+      treeView?.register?.(myKey.value, nodeState);
+    });
+    return {
+      treeView,
+      myKey,
+      expanded,
+      active,
+      selected,
+      immediate
+    };
+  }
+});
+//# sourceMappingURL=YTreeViewNode.js.map

package/lib/components/tree-view/YTreeViewNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YTreeViewNode.js","names":["computed","getCurrentInstance","mergeProps","onBeforeMount","ref","resolveComponent","pressItemsPropsOptions","useTreeView","useRender","getObjectValueByPath","defineComponent","propsFactory","YButton","YIconCheckbox","YIconExpand","YPlate","YTextHighlighter","YExpandVTransition","pressYTreeViewNodeProps","search","String","disableTransition","Boolean","enableActive","activeClass","Array","activeSingleModifier","requiredActive","activeColor","type","default","enableSelect","onMouseenterContainer","Function","onMouseleaveContainer","onMousemoveContainer","itemKey","YTreeViewNode","name","components","props","item","Object","level","Number","slots","setup","_ref","expose","YTreeNode","vm","treeView","container$","expanded","active","selected","immediate","children","itemChildren","slice","imLeaf","value","length","classes","styles","contentText","itemText","slotProps","searchLoading","leaves","filter","leaf","isExcluded","onClick","e","to","updateActive","myKey","emitActive","onClickExpand","stopPropagation","updateExpanded","emitExpanded","onClickSelect","updateSelected","emitSelected","indentSpacer","i","push","_createVNode","leading","text","trailing","map","_mergeProps","_len","arguments","args","_key","_len2","_key2","_len3","_key3","_len4","_key4","nodeState","register"],"sources":["../../../src/components/tree-view/YTreeViewNode.tsx"],"sourcesContent":["import {\n  type PropType,\n  type SlotsType,\n  type VNodeArrayChildren,\n  computed,\n  getCurrentInstance,\n  mergeProps,\n  onBeforeMount,\n  ref,\n  resolveComponent,\n} from 'vue';\n\nimport { pressItemsPropsOptions } from '@/abstract/items';\nimport { useTreeView } from '@/components/tree-view/tree-view';\nimport { useRender } from '@/composables/component';\nimport { getObjectValueByPath } from '@/util/common';\nimport { defineComponent } from '@/util/component';\nimport { propsFactory } from '@/util/component';\n\nimport { YButton } from '../button';\nimport { YIconCheckbox, YIconExpand } from '../icons';\nimport { YPlate } from '../plate';\nimport { YTextHighlighter } from '../text-highlighter/YTextHighlighter';\nimport { YExpandVTransition } from '../transitions';\n\nexport const pressYTreeViewNodeProps = propsFactory(\n  {\n    search: String,\n    disableTransition: Boolean,\n    enableActive: Boolean,\n    activeClass: [String, Array],\n    activeSingleModifier: String,\n    requiredActive: Boolean,\n    activeColor: {\n      type: String,\n      default: 'primary',\n    },\n    enableSelect: Boolean,\n    onMouseenterContainer: Function,\n    onMouseleaveContainer: Function,\n    onMousemoveContainer: Function,\n    ...pressItemsPropsOptions({\n      itemKey: 'id',\n    }),\n  },\n  'YTreeViewNode',\n);\n\nexport const YTreeViewNode = defineComponent({\n  name: 'YTreeNode',\n  components: {\n    YButton,\n    YIconExpand,\n    YPlate,\n    YIconCheckbox,\n  },\n  props: {\n    item: {\n      type: Object as PropType<any>,\n    },\n    level: {\n      type: Number as PropType<number>,\n      default: 0,\n    },\n    ...pressYTreeViewNodeProps(),\n  },\n  slots: Object as SlotsType<{\n    default: any;\n    'expand-icon': any;\n    leading: any;\n    trailing: any;\n  }>,\n  setup(props, { slots, expose }) {\n    const YTreeNode = resolveComponent('YTreeViewNode', true) as any;\n    const vm = getCurrentInstance();\n    const treeView = useTreeView();\n    const container$ = ref<HTMLElement>();\n\n    const expanded = ref(false);\n    const active = ref(false);\n    const selected = ref(false);\n    const immediate = ref(false);\n\n    const children = computed(() => {\n      return (\n        getObjectValueByPath(props.item, props.itemChildren as string) ?? []\n      ).slice();\n    });\n\n    const imLeaf = computed(() => children.value.length < 1);\n\n    const classes = computed(() => {\n      return {\n        'y-tree-view-node': true,\n        'y-tree-view-node--leaf': imLeaf.value,\n        'y-tree-view-node--expanded': expanded.value,\n        'y-tree-view-node--active': active.value,\n      };\n    });\n\n    const styles = computed(() => {\n      return {\n        '--tree-view-node--level': props.level,\n      };\n    });\n\n    const contentText = computed(() => {\n      return getObjectValueByPath(props.item, props.itemText) ?? '';\n    });\n\n    const slotProps = computed(() => {\n      return {\n        level: props.level,\n        imLeaf: imLeaf.value,\n      };\n    });\n\n    const searchLoading = computed(() => {\n      return treeView.searchLoading.value;\n    });\n\n    const leaves = computed(() => {\n      return children.value.filter((leaf: any) => {\n        return !treeView.isExcluded(getObjectValueByPath(leaf, props.itemKey));\n      });\n    });\n\n    function onClick(e: MouseEvent) {\n      const to = !active.value;\n      active.value = to;\n      treeView.updateActive(myKey.value, to, e);\n      treeView.emitActive();\n    }\n\n    function onClickExpand(e: MouseEvent) {\n      e.stopPropagation();\n      const to = !expanded.value;\n      expanded.value = to;\n      treeView.updateExpanded(myKey.value, to);\n      treeView.emitExpanded();\n    }\n\n    function onClickSelect(e: MouseEvent) {\n      e.stopPropagation();\n      const to = !selected.value;\n      selected.value = to;\n      treeView.updateSelected(myKey.value, to);\n      treeView.emitSelected();\n    }\n\n    function onMouseenterContainer(e: MouseEvent) {\n      props.onMouseenterContainer?.(e, {\n        ...slotProps.value,\n        item: props.item,\n      });\n    }\n\n    function onMouseleaveContainer(e: MouseEvent) {\n      props.onMouseleaveContainer?.(e, {\n        ...slotProps.value,\n        item: props.item,\n      });\n    }\n\n    function onMousemoveContainer(e: MouseEvent) {\n      props.onMousemoveContainer?.(e, { ...slotProps.value, item: props.item });\n    }\n\n    useRender(() => {\n      const indentSpacer: VNodeArrayChildren = [];\n      for (let i = 0; i < props.level; i += 1) {\n        indentSpacer.push(\n          <div class={'y-tree-view-node__indent-spacer'}></div>,\n        );\n      }\n\n      return (\n        <div\n          class={classes.value}\n          style={styles.value}\n          role=\"treeitem\"\n          data-level={props.level}\n        >\n          <div\n            ref={container$}\n            class={'y-tree-view-node__container'}\n            onClick={(e: MouseEvent) =>\n              props.enableActive ? onClick(e) : void 0\n            }\n            onMouseenter={props.onMouseenterContainer && onMouseenterContainer}\n            onMouseleave={props.onMouseleaveContainer && onMouseleaveContainer}\n            onMousemove={props.onMousemoveContainer && onMousemoveContainer}\n          >\n            <YPlate />\n            <div class={'y-tree-view-node__indents'}>{indentSpacer}</div>\n            {/*  EXPAND  */}\n            {!imLeaf.value && leaves.value.length > 0 ? (\n              <YButton\n                class={'y-tree-view-node__expand-icon'}\n                variation={'icon'}\n                onClick={onClickExpand}\n              >\n                {slots['expand-icon'] ? (\n                  slots['expand-icon']()\n                ) : (\n                  <YIconExpand></YIconExpand>\n                )}\n              </YButton>\n            ) : (\n              <i class={'y-tree-view-node__no-expand-icon'}></i>\n            )}\n            {/* SELECT */}\n            {props.enableSelect && (\n              <div class={'y-tree-view-node__select'} onClick={onClickSelect}>\n                <YIconCheckbox checked={selected.value}></YIconCheckbox>\n              </div>\n            )}\n            {/* CONTENT */}\n            <div class={'y-tree-view-node__content'}>\n              {slots.leading && (\n                <div class={'y-tree-view-node__leading'}>\n                  {slots.leading(slotProps.value)}\n                </div>\n              )}\n              <div class={'y-tree-view-node__text'}>\n                {slots.default ? (\n                  slots.default?.({\n                    text: contentText.value,\n                    item: props.item,\n                    ...slotProps.value,\n                  })\n                ) : props.search && !searchLoading.value ? (\n                  <YTextHighlighter\n                    text={contentText.value}\n                    keyword={props.search}\n                  ></YTextHighlighter>\n                ) : (\n                  contentText.value\n                )}\n              </div>\n              {slots.trailing && (\n                <div class={'y-tree-view-node__trailing'}>\n                  {slots.trailing(slotProps.value)}\n                </div>\n              )}\n            </div>\n          </div>\n          {/* CHILDREN */}\n          {children.value.length > 0 && (\n            <YExpandVTransition disabled={props.disableTransition}>\n              {expanded.value && (\n                <div class={['y-tree-view-node__leaves']} role=\"tree\">\n                  {leaves.value.map((item: any) => {\n                    return (\n                      <YTreeNode\n                        {...mergeProps(props)}\n                        key={getObjectValueByPath(item, props.itemKey)}\n                        level={(props.level ?? 0) + 1}\n                        item={item}\n                      >\n                        {{\n                          default:\n                            slots.default &&\n                            ((...args: any[]) => slots.default?.(...args)),\n                          'expand-icon':\n                            slots['expand-icon'] &&\n                            ((...args: any[]) =>\n                              slots['expand-icon']?.(...args)),\n                          leading:\n                            slots.leading &&\n                            ((...args: any[]) => slots.leading?.(...args)),\n                          trailing:\n                            slots.trailing &&\n                            ((...args: any[]) => slots.trailing?.(...args)),\n                        }}\n                      </YTreeNode>\n                    );\n                  })}\n                </div>\n              )}\n            </YExpandVTransition>\n          )}\n        </div>\n      );\n    });\n\n    const myKey = computed(() => {\n      return getObjectValueByPath(props.item, props.itemKey);\n    });\n\n    const nodeState = {\n      myKey,\n      expanded,\n      active,\n      selected,\n      immediate,\n    };\n\n    expose(nodeState);\n\n    onBeforeMount(() => {\n      treeView?.register?.(myKey.value, nodeState);\n    });\n\n    return {\n      treeView,\n      myKey,\n      expanded,\n      active,\n      selected,\n      immediate,\n    };\n  },\n});\n\nexport type YTreeNode = InstanceType<typeof YTreeViewNode>;\n"],"mappings":"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"}

package/lib/components/tree-view/index.js

@@ -0,0 +1,3 @@
+export * from "./YTreeViewNode.js";
+export * from "./YTreeView.js";
+//# sourceMappingURL=index.js.map

package/lib/components/tree-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/tree-view/index.ts"],"sourcesContent":["export * from './YTreeViewNode';\nexport * from './YTreeView';\n"],"mappings":""}