yuyeon 0.3.0-rc.4 → 0.3.0-rc.6

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

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

@@ -0,0 +1,179 @@
+import { inject, provide, ref, shallowRef } from 'vue';
+import { useModelDuplex } from "../../composables/index.mjs";
+import { getObjectValueByPath } from "../../util/index.mjs";
+export const Y_TREE_VIEW = Symbol.for('YTreeView');
+
+// TODO: props type
+export function provideTreeView(props) {
+  const nodes = ref({});
+  const expanded = useModelDuplex(props, 'expanded');
+  const active = useModelDuplex(props, 'active');
+  const selected = useModelDuplex(props, 'selected');
+  const expandedSet = ref(new Set());
+  const selectedSet = ref(new Set());
+  const activeSet = ref(new Set());
+  const searchLoading = shallowRef(false);
+  const excludedSet = ref(new Set());
+
+  // Utils
+  function getDescendants(key) {
+    const descendants = [];
+    const {
+      childKeys
+    } = nodes.value[key];
+    descendants.push(...childKeys);
+    const remains = childKeys.slice();
+    while (remains.length > 0) {
+      const childKey = remains.splice(0, 1)[0];
+      const item = nodes.value[childKey];
+      if (item) {
+        descendants.push(...item.childKeys);
+        remains.push(...item.childKeys);
+      }
+    }
+    return descendants;
+  }
+
+  // Search
+  function isExcluded(key) {
+    return !!props.search && excludedSet.value.has(key);
+  }
+
+  //
+  function issueVnodeState(key) {
+    const node = nodes.value[key];
+    if (node?.vnode) {
+      node.vnode.active = node.active;
+      node.vnode.selected = node.selected;
+      node.vnode.indeterminate = node.indeterminate;
+      node.vnode.expanded = node.expanded;
+    }
+  }
+
+  // Update
+  function updateExpanded(key, to) {
+    if (!(key in nodes.value)) return;
+    const node = nodes.value[key];
+    const children = getObjectValueByPath(node.item, props.itemChildren);
+    if (Array.isArray(children) && children.length > 0) {
+      to ? expandedSet.value.add(key) : expandedSet.value.delete(key);
+      node.expanded = to;
+      issueVnodeState(key);
+    }
+  }
+  function updateActive(key, to, event) {
+    if (!(key in nodes.value)) return;
+    const node = nodes.value[key];
+    let inactiveKey = !to ? key : '';
+    if (!props.multipleActive && to && !activeSet.value.has(key)) {
+      [inactiveKey] = [...activeSet.value];
+    }
+    if (to) {
+      activeSet.value.add(key);
+      node.active = true;
+      issueVnodeState(key);
+    } else {
+      if (props.requiredActive && activeSet.value.size === 1 && key === inactiveKey) {
+        issueVnodeState(key);
+        return;
+      }
+    }
+    if (inactiveKey && inactiveKey in nodes.value) {
+      activeSet.value.delete(inactiveKey);
+      nodes.value[inactiveKey].active = false;
+      issueVnodeState(inactiveKey);
+    }
+    if (props.activeSingleModifier && event?.getModifierState(props.activeSingleModifier)) {
+      return;
+    }
+    if (props.multipleActive && props.activeStrategy === 'cascade') {
+      for (const descendant of getDescendants(key)) {
+        if (descendant in nodes.value) {
+          to ? activeSet.value.add(descendant) : activeSet.value.delete(descendant);
+          nodes.value[descendant].active = to;
+          issueVnodeState(descendant);
+        }
+      }
+    }
+  }
+  function updateSelected(key, to) {
+    if (!(key in nodes.value)) return;
+    const node = nodes.value[key];
+    if (to) {
+      selectedSet.value.add(key);
+      node.selected = true;
+    }
+    if (!to && key in nodes.value) {
+      selectedSet.value.delete(key);
+      nodes.value[key].selected = false;
+      issueVnodeState(key);
+    }
+    if (props.selectStrategy === 'cascade') {
+      for (const descendant of getDescendants(key)) {
+        if (descendant in nodes.value) {
+          to ? selectedSet.value.add(descendant) : selectedSet.value.delete(descendant);
+          nodes.value[descendant].selected = to;
+          issueVnodeState(descendant);
+        }
+      }
+    }
+  }
+
+  // Emit
+  function emitExpanded() {
+    const arr = [...expandedSet.value];
+    expanded.value = props.returnItem ? arr.map(key => nodes.value[key].item) : arr;
+  }
+  function emitActive() {
+    const arr = [...activeSet.value];
+    active.value = props.returnItem ? arr.map(key => nodes.value[key].item) : arr;
+  }
+  function emitSelected() {
+    const arr = [...selectedSet.value];
+    selected.value = props.returnItem ? arr.map(key => nodes.value[key].item) : arr;
+  }
+
+  // Inject
+  function register(key, vnode) {
+    if (nodes.value[key]) {
+      nodes.value[key].vnode = vnode;
+    }
+    issueVnodeState(key);
+  }
+  provide(Y_TREE_VIEW, {
+    register,
+    updateExpanded,
+    updateActive,
+    updateSelected,
+    searchLoading,
+    isExcluded,
+    emitExpanded,
+    emitActive,
+    emitSelected
+  });
+  return {
+    nodes,
+    expanded,
+    active,
+    selected,
+    issueVnodeState,
+    updateExpanded,
+    updateActive,
+    updateSelected,
+    emitExpanded,
+    emitActive,
+    emitSelected,
+    expandedSet,
+    selectedSet,
+    activeSet,
+    searchLoading,
+    excludedSet,
+    isExcluded
+  };
+}
+export function useTreeView() {
+  const instance = inject(Y_TREE_VIEW);
+  if (!instance) throw new Error('Not found provided YTreeView');
+  return instance;
+}
+//# sourceMappingURL=tree-view.mjs.map

package/lib/components/tree-view/tree-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view.mjs","names":["inject","provide","ref","shallowRef","useModelDuplex","getObjectValueByPath","Y_TREE_VIEW","Symbol","for","provideTreeView","props","nodes","expanded","active","selected","expandedSet","Set","selectedSet","activeSet","searchLoading","excludedSet","getDescendants","key","descendants","childKeys","value","push","remains","slice","length","childKey","splice","item","isExcluded","search","has","issueVnodeState","node","vnode","indeterminate","updateExpanded","to","children","itemChildren","Array","isArray","add","delete","updateActive","event","inactiveKey","multipleActive","requiredActive","size","activeSingleModifier","getModifierState","activeStrategy","descendant","updateSelected","selectStrategy","emitExpanded","arr","returnItem","map","emitActive","emitSelected","register","useTreeView","instance","Error"],"sources":["../../../src/components/tree-view/tree-view.ts"],"sourcesContent":["import {\n  InjectionKey,\n  Ref,\n  inject,\n  provide,\n  ref,\n  shallowRef,\n} from 'vue';\n\nimport { useModelDuplex } from '@/composables';\nimport { CandidateKey } from '@/types';\nimport { getObjectValueByPath } from '@/util';\n\nexport const Y_TREE_VIEW: InjectionKey<{\n  register: (key: CandidateKey, vnode: any) => void;\n  updateExpanded: (key: CandidateKey, to: boolean) => void;\n  updateActive: (key: CandidateKey, to: boolean, event?: MouseEvent) => void;\n  updateSelected: (key: CandidateKey, to: boolean) => void;\n  searchLoading: Ref<boolean>;\n  isExcluded: (key: CandidateKey) => boolean;\n  emitExpanded: () => void;\n  emitActive: () => void;\n  emitSelected: () => void;\n}> = Symbol.for('YTreeView');\n\n// TODO: props type\nexport function provideTreeView(props: any) {\n  const nodes = ref<Record<CandidateKey, any>>({});\n  const expanded = useModelDuplex(props, 'expanded');\n  const active = useModelDuplex(props, 'active');\n  const selected = useModelDuplex(props, 'selected');\n\n  const expandedSet = ref(new Set<CandidateKey>());\n  const selectedSet = ref(new Set<CandidateKey>());\n  const activeSet = ref(new Set<CandidateKey>());\n  const searchLoading = shallowRef(false);\n  const excludedSet = ref(new Set<CandidateKey>());\n\n  // Utils\n  function getDescendants(key: CandidateKey) {\n    const descendants: CandidateKey[] = [];\n    const { childKeys } = nodes.value[key];\n    descendants.push(...childKeys);\n    const remains: CandidateKey[] = childKeys.slice();\n\n    while (remains.length > 0) {\n      const childKey: CandidateKey = remains.splice(0, 1)[0];\n      const item = nodes.value[childKey];\n      if (item) {\n        descendants.push(...item.childKeys);\n        remains.push(...item.childKeys);\n      }\n    }\n\n    return descendants;\n  }\n\n  // Search\n  function isExcluded(key: CandidateKey) {\n    return !!props.search && excludedSet.value.has(key);\n  }\n\n  //\n  function issueVnodeState(key: CandidateKey) {\n    const node = nodes.value[key];\n    if (node?.vnode) {\n      node.vnode.active = node.active;\n      node.vnode.selected = node.selected;\n      node.vnode.indeterminate = node.indeterminate;\n      node.vnode.expanded = node.expanded;\n    }\n  }\n\n  // Update\n  function updateExpanded(key: CandidateKey, to: boolean) {\n    if (!(key in nodes.value)) return;\n    const node = nodes.value[key];\n    const children = getObjectValueByPath(\n      node.item,\n      props.itemChildren as string,\n    );\n    if (Array.isArray(children) && children.length > 0) {\n      to ? expandedSet.value.add(key) : expandedSet.value.delete(key);\n      node.expanded = to;\n      issueVnodeState(key);\n    }\n  }\n\n  function updateActive(key: CandidateKey, to: boolean, event?: MouseEvent) {\n    if (!(key in nodes.value)) return;\n    const node = nodes.value[key];\n    let inactiveKey = !to ? key : '';\n    if (!props.multipleActive && to && !activeSet.value.has(key)) {\n      [inactiveKey] = [...activeSet.value];\n    }\n    if (to) {\n      activeSet.value.add(key);\n      node.active = true;\n      issueVnodeState(key);\n    } else {\n      if (\n        props.requiredActive &&\n        activeSet.value.size === 1 &&\n        key === inactiveKey\n      ) {\n        issueVnodeState(key);\n        return;\n      }\n    }\n    if (inactiveKey && inactiveKey in nodes.value) {\n      activeSet.value.delete(inactiveKey);\n      nodes.value[inactiveKey].active = false;\n      issueVnodeState(inactiveKey);\n    }\n\n    if (\n      props.activeSingleModifier &&\n      event?.getModifierState(props.activeSingleModifier)\n    ) {\n      return;\n    }\n\n    if (props.multipleActive && props.activeStrategy === 'cascade') {\n      for (const descendant of getDescendants(key)) {\n        if (descendant in nodes.value) {\n          to\n            ? activeSet.value.add(descendant)\n            : activeSet.value.delete(descendant);\n          nodes.value[descendant].active = to;\n          issueVnodeState(descendant);\n        }\n      }\n    }\n  }\n\n  function updateSelected(key: CandidateKey, to: boolean) {\n    if (!(key in nodes.value)) return;\n    const node = nodes.value[key];\n\n    if (to) {\n      selectedSet.value.add(key);\n      node.selected = true;\n    }\n\n    if (!to && key in nodes.value) {\n      selectedSet.value.delete(key);\n      nodes.value[key].selected = false;\n      issueVnodeState(key);\n    }\n\n    if (props.selectStrategy === 'cascade') {\n      for (const descendant of getDescendants(key)) {\n        if (descendant in nodes.value) {\n          to\n            ? selectedSet.value.add(descendant)\n            : selectedSet.value.delete(descendant);\n          nodes.value[descendant].selected = to;\n          issueVnodeState(descendant);\n        }\n      }\n    }\n  }\n\n  // Emit\n  function emitExpanded() {\n    const arr = [...expandedSet.value];\n    expanded.value = props.returnItem\n      ? arr.map((key) => nodes.value[key].item)\n      : arr;\n  }\n\n  function emitActive() {\n    const arr = [...activeSet.value];\n    active.value = props.returnItem\n      ? arr.map((key) => nodes.value[key].item)\n      : arr;\n  }\n\n  function emitSelected() {\n    const arr = [...selectedSet.value];\n    selected.value = props.returnItem\n      ? arr.map((key) => nodes.value[key].item)\n      : arr;\n  }\n\n  // Inject\n  function register(key: CandidateKey, vnode: any) {\n    if (nodes.value[key]) {\n      nodes.value[key].vnode = vnode;\n    }\n\n    issueVnodeState(key);\n  }\n\n  provide(Y_TREE_VIEW, {\n    register,\n    updateExpanded,\n    updateActive,\n    updateSelected,\n    searchLoading,\n    isExcluded,\n    emitExpanded,\n    emitActive,\n    emitSelected,\n  });\n\n  return {\n    nodes,\n    expanded,\n    active,\n    selected,\n    issueVnodeState,\n    updateExpanded,\n    updateActive,\n    updateSelected,\n    emitExpanded,\n    emitActive,\n    emitSelected,\n    expandedSet,\n    selectedSet,\n    activeSet,\n    searchLoading,\n    excludedSet,\n    isExcluded,\n  };\n}\n\nexport function useTreeView() {\n  const instance = inject(Y_TREE_VIEW);\n  if (!instance) throw new Error('Not found provided YTreeView');\n  return instance;\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.3.0-rc.4",
+  "version": "0.3.0-rc.6",
   "keywords": [
     "UI Library",
     "Vue"

package/types/components/text-ellipsis/YTextEllipsis.d.ts

@@ -4,5 +4,8 @@ export declare const YTextEllipsis: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    position: {
+        type: StringConstructor;
+    };
 }, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
 export type YTextEllipsis = InstanceType<typeof YTextEllipsis>;

package/types/components/tree-view/YTreeView.d.ts

@@ -46,7 +46,7 @@ export declare const YTreeView: import('vue').DefineComponent<import('vue').Extr
     };
     multipleActive: BooleanConstructor;
     activeStrategy: {
-        type: PropType<"independent" | "cascade">;
+        type: PropType<"cascade" | "independent">;
         default: string;
     };
     selected: {
@@ -54,7 +54,7 @@ export declare const YTreeView: import('vue').DefineComponent<import('vue').Extr
         default: () => never[];
     };
     selectStrategy: {
-        type: PropType<"independent" | "cascade">;
+        type: PropType<"cascade" | "independent">;
         default: string;
     };
     returnItem: BooleanConstructor;
@@ -116,7 +116,7 @@ export declare const YTreeView: import('vue').DefineComponent<import('vue').Extr
     };
     multipleActive: BooleanConstructor;
     activeStrategy: {
-        type: PropType<"independent" | "cascade">;
+        type: PropType<"cascade" | "independent">;
         default: string;
     };
     selected: {
@@ -124,7 +124,7 @@ export declare const YTreeView: import('vue').DefineComponent<import('vue').Extr
         default: () => never[];
     };
     selectStrategy: {
-        type: PropType<"independent" | "cascade">;
+        type: PropType<"cascade" | "independent">;
         default: string;
     };
     returnItem: BooleanConstructor;
@@ -146,15 +146,15 @@ export declare const YTreeView: import('vue').DefineComponent<import('vue').Extr
     itemKey: string;
     itemText: string;
     itemChildren: string | boolean;
+    selected: CandidateKey[];
     disableTransition: boolean;
     enableActive: boolean;
     requiredActive: boolean;
     activeColor: string;
     enableSelect: boolean;
-    selected: CandidateKey[];
     multipleActive: boolean;
-    activeStrategy: "independent" | "cascade";
-    selectStrategy: "independent" | "cascade";
+    activeStrategy: "cascade" | "independent";
+    selectStrategy: "cascade" | "independent";
     searchDebounceWait: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export type YTreeView = InstanceType<typeof YTreeView>;

package/types/components/tree-view/YTreeViewNode.d.ts

@@ -156,7 +156,17 @@ export declare const YTreeViewNode: import('vue').DefineComponent<{
         default: number;
     };
 }, {
-    treeView: any;
+    treeView: {
+        register: (key: import('../../types').CandidateKey, vnode: any) => void;
+        updateExpanded: (key: import('../../types').CandidateKey, to: boolean) => void;
+        updateActive: (key: import('../../types').CandidateKey, to: boolean, event?: MouseEvent | undefined) => void;
+        updateSelected: (key: import('../../types').CandidateKey, to: boolean) => void;
+        searchLoading: import('vue').Ref<boolean, boolean>;
+        isExcluded: (key: import('../../types').CandidateKey) => boolean;
+        emitExpanded: () => void;
+        emitActive: () => void;
+        emitSelected: () => void;
+    };
     myKey: import('vue').ComputedRef<any>;
     expanded: import('vue').Ref<boolean, boolean>;
     active: import('vue').Ref<boolean, boolean>;

package/types/components/tree-view/tree-view.d.ts

@@ -0,0 +1,50 @@
+import { InjectionKey, Ref } from 'vue';
+import { CandidateKey } from '../../types';
+
+export declare const Y_TREE_VIEW: InjectionKey<{
+    register: (key: CandidateKey, vnode: any) => void;
+    updateExpanded: (key: CandidateKey, to: boolean) => void;
+    updateActive: (key: CandidateKey, to: boolean, event?: MouseEvent) => void;
+    updateSelected: (key: CandidateKey, to: boolean) => void;
+    searchLoading: Ref<boolean>;
+    isExcluded: (key: CandidateKey) => boolean;
+    emitExpanded: () => void;
+    emitActive: () => void;
+    emitSelected: () => void;
+}>;
+export declare function provideTreeView(props: any): {
+    nodes: Ref<Record<CandidateKey, any>, Record<CandidateKey, any>>;
+    expanded: Ref<any, any> & {
+        readonly rxValue: any;
+    };
+    active: Ref<any, any> & {
+        readonly rxValue: any;
+    };
+    selected: Ref<any, any> & {
+        readonly rxValue: any;
+    };
+    issueVnodeState: (key: CandidateKey) => void;
+    updateExpanded: (key: CandidateKey, to: boolean) => void;
+    updateActive: (key: CandidateKey, to: boolean, event?: MouseEvent) => void;
+    updateSelected: (key: CandidateKey, to: boolean) => void;
+    emitExpanded: () => void;
+    emitActive: () => void;
+    emitSelected: () => void;
+    expandedSet: Ref<Set<CandidateKey> & Omit<Set<CandidateKey>, keyof Set<any>>, Set<CandidateKey> | (Set<CandidateKey> & Omit<Set<CandidateKey>, keyof Set<any>>)>;
+    selectedSet: Ref<Set<CandidateKey> & Omit<Set<CandidateKey>, keyof Set<any>>, Set<CandidateKey> | (Set<CandidateKey> & Omit<Set<CandidateKey>, keyof Set<any>>)>;
+    activeSet: Ref<Set<CandidateKey> & Omit<Set<CandidateKey>, keyof Set<any>>, Set<CandidateKey> | (Set<CandidateKey> & Omit<Set<CandidateKey>, keyof Set<any>>)>;
+    searchLoading: import('vue').ShallowRef<boolean, boolean>;
+    excludedSet: Ref<Set<CandidateKey> & Omit<Set<CandidateKey>, keyof Set<any>>, Set<CandidateKey> | (Set<CandidateKey> & Omit<Set<CandidateKey>, keyof Set<any>>)>;
+    isExcluded: (key: CandidateKey) => boolean;
+};
+export declare function useTreeView(): {
+    register: (key: CandidateKey, vnode: any) => void;
+    updateExpanded: (key: CandidateKey, to: boolean) => void;
+    updateActive: (key: CandidateKey, to: boolean, event?: MouseEvent | undefined) => void;
+    updateSelected: (key: CandidateKey, to: boolean) => void;
+    searchLoading: Ref<boolean, boolean>;
+    isExcluded: (key: CandidateKey) => boolean;
+    emitExpanded: () => void;
+    emitActive: () => void;
+    emitSelected: () => void;
+};