yuyeon 0.3.0-rc.5 → 0.3.0-rc.6

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.5",
+  "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;
+};