yuyeon 0.0.17 → 0.0.19

package/lib/composables/group.mjs

@@ -0,0 +1,194 @@
+import { computed, getCurrentInstance, inject, onBeforeUnmount, onMounted, provide, reactive, toRef, watch } from 'vue';
+import { wrapInArray } from "../util/array.mjs";
+import { deepEqual } from "../util/common.mjs";
+import { getUid, propsFactory } from "../util/vue-component.mjs";
+import { useModelDuplex } from "./communication.mjs";
+export const pressGroupPropsOptions = propsFactory({
+  modelValue: {
+    type: null,
+    default: undefined
+  },
+  multiple: Boolean,
+  mandatory: [Boolean, String],
+  max: Number,
+  selectedClass: String,
+  disabled: Boolean
+}, 'group');
+export const pressGroupItemPropsOptions = propsFactory({
+  value: null,
+  disabled: Boolean,
+  selectedClass: String
+}, 'group-item');
+export function useGroupItem(props, injectKey) {
+  let required = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  const vm = getCurrentInstance();
+  if (!vm) {
+    throw new Error('useGroupItem composable must be used inside a component setup function');
+  }
+  const id = getUid();
+  provide(Symbol.for(`${injectKey.description}:id`), id);
+  const group = inject(injectKey, null);
+  if (!group) {
+    if (!required) return group;
+    throw new Error(`[Vuetify] Could not find useGroup injection with symbol ${injectKey.description}`);
+  }
+  const value = toRef(props, 'value');
+  const disabled = computed(() => !!(group.disabled.value || props.disabled));
+  group.register({
+    id,
+    value,
+    disabled
+  }, vm);
+  onBeforeUnmount(() => {
+    group.unregister(id);
+  });
+  const isSelected = computed(() => {
+    return group.isSelected(id);
+  });
+  const selectedClass = computed(() => isSelected.value && [group.selectedClass.value, props.selectedClass]);
+  watch(isSelected, value => {
+    vm.emit('group:selected', {
+      value
+    });
+  });
+  return {
+    id,
+    isSelected,
+    toggle: () => group.select(id, !isSelected.value),
+    select: value => group.select(id, value),
+    selectedClass,
+    value,
+    disabled,
+    group
+  };
+}
+export function useGroup(props, injectKey) {
+  let isUnmounted = false;
+  const items = reactive([]);
+  const selected = useModelDuplex(props, 'modelValue', [], v => {
+    if (v == null) return [];
+    return getIds(items, wrapInArray(v));
+  }, v => {
+    const arr = getValues(items, v);
+    return props.multiple ? arr : arr[0];
+  });
+  const groupVm = getCurrentInstance();
+  function register(item, vm) {
+    // Is there a better way to fix this typing?
+    const unwrapped = item;
+    const key = Symbol.for(`${injectKey.description}:id`);
+    const children = findChildrenWithProvide(key, groupVm?.vnode);
+    const index = children.indexOf(vm);
+    if (index > -1) {
+      items.splice(index, 0, unwrapped);
+    } else {
+      items.push(unwrapped);
+    }
+  }
+  function unregister(id) {
+    if (isUnmounted) return;
+    forceMandatoryValue();
+    const index = items.findIndex(item => item.id === id);
+    items.splice(index, 1);
+  }
+  function forceMandatoryValue() {
+    const item = items.find(item => !item.disabled);
+    if (item && props.mandatory === 'force' && !selected.value.length) {
+      selected.value = [item.id];
+    }
+  }
+  onMounted(() => {
+    forceMandatoryValue();
+  });
+  onBeforeUnmount(() => {
+    isUnmounted = true;
+  });
+  function select(id, value) {
+    const item = items.find(item => item.id === id);
+    if (value && item?.disabled) return;
+    if (props.multiple) {
+      const internalValue = selected.value.slice();
+      const index = internalValue.findIndex(v => v === id);
+      const isSelected = ~index;
+      value = value ?? !isSelected;
+
+      // We can't remove value if group is
+      // mandatory, value already exists,
+      // and it is the only value
+      if (isSelected && props.mandatory && internalValue.length <= 1) return;
+
+      // We can't add value if it would
+      // cause max limit to be exceeded
+      if (!isSelected && props.max != null && internalValue.length + 1 > props.max) return;
+      if (index < 0 && value) internalValue.push(id);else if (index >= 0 && !value) internalValue.splice(index, 1);
+      selected.value = internalValue;
+    } else {
+      const isSelected = selected.value.includes(id);
+      if (props.mandatory && isSelected) return;
+      selected.value = value ?? !isSelected ? [id] : [];
+    }
+  }
+  function step(offset) {
+    if (props.multiple) {}
+    if (!selected.value.length) {
+      const item = items.find(item => !item.disabled);
+      item && (selected.value = [item.id]);
+    } else {
+      const currentId = selected.value[0];
+      const currentIndex = items.findIndex(i => i.id === currentId);
+      let newIndex = (currentIndex + offset) % items.length;
+      let newItem = items[newIndex];
+      while (newItem.disabled && newIndex !== currentIndex) {
+        newIndex = (newIndex + offset) % items.length;
+        newItem = items[newIndex];
+      }
+      if (newItem.disabled) return;
+      selected.value = [items[newIndex].id];
+    }
+  }
+  const state = {
+    register,
+    unregister,
+    selected,
+    select,
+    disabled: toRef(props, 'disabled'),
+    prev: () => step(items.length - 1),
+    next: () => step(1),
+    isSelected: id => selected.value.includes(id),
+    selectedClass: computed(() => props.selectedClass),
+    items: computed(() => items),
+    getItemIndex: value => getItemIndex(items, value)
+  };
+  provide(injectKey, state);
+  return state;
+}
+function getItemIndex(items, value) {
+  const ids = getIds(items, [value]);
+  if (!ids.length) return -1;
+  return items.findIndex(item => item.id === ids[0]);
+}
+function getIds(items, modelValue) {
+  const ids = [];
+  modelValue.forEach(value => {
+    const item = items.find(item => deepEqual(value, item.value));
+    const itemByIndex = items[value];
+    if (item?.value != null) {
+      ids.push(item.id);
+    } else if (itemByIndex != null) {
+      ids.push(itemByIndex.id);
+    }
+  });
+  return ids;
+}
+function getValues(items, ids) {
+  const values = [];
+  ids.forEach(id => {
+    const itemIndex = items.findIndex(item => item.id === id);
+    if (~itemIndex) {
+      const item = items[itemIndex];
+      values.push(item.value != null ? item.value : itemIndex);
+    }
+  });
+  return values;
+}
+//# sourceMappingURL=group.mjs.map

package/lib/composables/group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.mjs","names":["computed","getCurrentInstance","inject","onBeforeUnmount","onMounted","provide","reactive","toRef","watch","wrapInArray","deepEqual","getUid","propsFactory","useModelDuplex","pressGroupPropsOptions","modelValue","type","default","undefined","multiple","Boolean","mandatory","String","max","Number","selectedClass","disabled","pressGroupItemPropsOptions","value","useGroupItem","props","injectKey","required","arguments","length","vm","Error","id","Symbol","for","description","group","register","unregister","isSelected","emit","toggle","select","useGroup","isUnmounted","items","selected","v","getIds","arr","getValues","groupVm","item","unwrapped","key","children","findChildrenWithProvide","vnode","index","indexOf","splice","push","forceMandatoryValue","findIndex","find","internalValue","slice","includes","step","offset","currentId","currentIndex","i","newIndex","newItem","state","prev","next","getItemIndex","ids","forEach","itemByIndex","values","itemIndex"],"sources":["../../src/composables/group.ts"],"sourcesContent":["import type {\n  ComponentInternalInstance,\n  ComputedRef,\n  ExtractPropTypes,\n  InjectionKey,\n  PropType,\n  Ref,\n  UnwrapRef,\n} from 'vue';\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  toRef,\n  watch,\n} from 'vue';\n\nimport { wrapInArray } from '../util/array';\nimport { deepEqual } from '../util/common';\nimport { getUid, propsFactory } from '../util/vue-component';\nimport { useModelDuplex } from './communication';\n\nexport interface GroupItem {\n  id: number;\n  value: Ref<unknown>;\n  disabled: Ref<boolean | undefined>;\n}\n\nexport interface GroupProps {\n  disabled: boolean;\n  modelValue: unknown;\n  multiple?: boolean;\n  mandatory?: boolean | 'force' | undefined;\n  max?: number | undefined;\n  selectedClass: string | undefined;\n  'onUpdate:modelValue': ((value: unknown) => void) | undefined;\n}\n\nexport interface GroupProvide {\n  register: (item: GroupItem, instance: ComponentInternalInstance) => void;\n  unregister: (id: number) => void;\n  select: (id: number, value: boolean) => void;\n  selected: Ref<Readonly<number[]>>;\n  selectedClass: Ref<string | undefined>;\n  isSelected: (id: number) => boolean;\n  disabled: Ref<boolean | undefined>;\n  getItemIndex: (value: unknown) => number;\n  prev: () => void;\n  next: () => void;\n  items: ComputedRef<\n    { id: number; value: unknown; disabled: boolean | undefined }[]\n  >;\n}\n\nexport interface GroupItemProvide {\n  id: number;\n  isSelected: Ref<boolean>;\n  toggle: () => void;\n  select: (value: boolean) => void;\n  selectedClass: Ref<(string | undefined)[] | false>;\n  value: Ref<unknown>;\n  disabled: Ref<boolean | undefined>;\n  group: GroupProvide;\n}\n\nexport const pressGroupPropsOptions = propsFactory(\n  {\n    modelValue: {\n      type: null,\n      default: undefined,\n    },\n    multiple: Boolean,\n    mandatory: [Boolean, String] as PropType<boolean | 'force'>,\n    max: Number,\n    selectedClass: String,\n    disabled: Boolean,\n  },\n  'group',\n);\n\nexport const pressGroupItemPropsOptions = propsFactory(\n  {\n    value: null,\n    disabled: Boolean,\n    selectedClass: String,\n  },\n  'group-item',\n);\n\nexport interface GroupItemProps\n  extends ExtractPropTypes<ReturnType<typeof pressGroupItemPropsOptions>> {\n  'onGroup:selected': ((val: { value: boolean }) => void) | undefined;\n}\n\nexport function useGroupItem(\n  props: GroupItemProps,\n  injectKey: InjectionKey<GroupProvide>,\n  required?: true,\n): GroupItemProvide;\nexport function useGroupItem(\n  props: GroupItemProps,\n  injectKey: InjectionKey<GroupProvide>,\n  required: false,\n): GroupItemProvide | null;\nexport function useGroupItem(\n  props: GroupItemProps,\n  injectKey: InjectionKey<GroupProvide>,\n  required = true,\n): GroupItemProvide | null {\n  const vm = getCurrentInstance();\n\n  if (!vm) {\n    throw new Error(\n      'useGroupItem composable must be used inside a component setup function',\n    );\n  }\n\n  const id = getUid();\n\n  provide(Symbol.for(`${injectKey.description}:id`), id);\n\n  const group = inject(injectKey, null);\n\n  if (!group) {\n    if (!required) return group;\n\n    throw new Error(\n      `[Vuetify] Could not find useGroup injection with symbol ${injectKey.description}`,\n    );\n  }\n\n  const value = toRef(props, 'value');\n  const disabled = computed(() => !!(group.disabled.value || props.disabled));\n\n  group.register(\n    {\n      id,\n      value,\n      disabled,\n    },\n    vm,\n  );\n\n  onBeforeUnmount(() => {\n    group.unregister(id);\n  });\n\n  const isSelected = computed(() => {\n    return group.isSelected(id);\n  });\n\n  const selectedClass = computed(\n    () => isSelected.value && [group.selectedClass.value, props.selectedClass],\n  );\n\n  watch(isSelected, (value) => {\n    vm.emit('group:selected', { value });\n  });\n\n  return {\n    id,\n    isSelected,\n    toggle: () => group.select(id, !isSelected.value),\n    select: (value: boolean) => group.select(id, value),\n    selectedClass,\n    value,\n    disabled,\n    group,\n  };\n}\n\nexport function useGroup(\n  props: GroupProps,\n  injectKey: InjectionKey<GroupProvide>,\n) {\n  let isUnmounted = false;\n  const items = reactive<GroupItem[]>([]);\n  const selected = useModelDuplex(\n    props,\n    'modelValue',\n    [],\n    (v) => {\n      if (v == null) return [];\n\n      return getIds(items, wrapInArray(v));\n    },\n    (v) => {\n      const arr = getValues(items, v);\n\n      return props.multiple ? arr : arr[0];\n    },\n  );\n\n  const groupVm = getCurrentInstance();\n\n  function register(item: GroupItem, vm: ComponentInternalInstance) {\n    // Is there a better way to fix this typing?\n    const unwrapped = item as unknown as UnwrapRef<GroupItem>;\n\n    const key = Symbol.for(`${injectKey.description}:id`);\n    const children = findChildrenWithProvide(key, groupVm?.vnode);\n    const index = children.indexOf(vm);\n\n    if (index > -1) {\n      items.splice(index, 0, unwrapped);\n    } else {\n      items.push(unwrapped);\n    }\n  }\n\n  function unregister(id: number) {\n    if (isUnmounted) return;\n    forceMandatoryValue();\n    const index = items.findIndex((item) => item.id === id);\n    items.splice(index, 1);\n  }\n\n  function forceMandatoryValue() {\n    const item = items.find((item) => !item.disabled);\n    if (item && props.mandatory === 'force' && !selected.value.length) {\n      selected.value = [item.id];\n    }\n  }\n\n  onMounted(() => {\n    forceMandatoryValue();\n  });\n\n  onBeforeUnmount(() => {\n    isUnmounted = true;\n  });\n\n  function select(id: number, value?: boolean) {\n    const item = items.find((item) => item.id === id);\n    if (value && item?.disabled) return;\n\n    if (props.multiple) {\n      const internalValue = selected.value.slice();\n      const index = internalValue.findIndex((v) => v === id);\n      const isSelected = ~index;\n      value = value ?? !isSelected;\n\n      // We can't remove value if group is\n      // mandatory, value already exists,\n      // and it is the only value\n      if (isSelected && props.mandatory && internalValue.length <= 1) return;\n\n      // We can't add value if it would\n      // cause max limit to be exceeded\n      if (\n        !isSelected &&\n        props.max != null &&\n        internalValue.length + 1 > props.max\n      )\n        return;\n\n      if (index < 0 && value) internalValue.push(id);\n      else if (index >= 0 && !value) internalValue.splice(index, 1);\n\n      selected.value = internalValue;\n    } else {\n      const isSelected = selected.value.includes(id);\n      if (props.mandatory && isSelected) return;\n\n      selected.value = value ?? !isSelected ? [id] : [];\n    }\n  }\n\n  function step(offset: number) {\n    if (props.multiple) {\n    }\n\n    if (!selected.value.length) {\n      const item = items.find((item) => !item.disabled);\n      item && (selected.value = [item.id]);\n    } else {\n      const currentId = selected.value[0];\n      const currentIndex = items.findIndex((i) => i.id === currentId);\n\n      let newIndex = (currentIndex + offset) % items.length;\n      let newItem = items[newIndex];\n\n      while (newItem.disabled && newIndex !== currentIndex) {\n        newIndex = (newIndex + offset) % items.length;\n        newItem = items[newIndex];\n      }\n\n      if (newItem.disabled) return;\n\n      selected.value = [items[newIndex].id];\n    }\n  }\n\n  const state: GroupProvide = {\n    register,\n    unregister,\n    selected,\n    select,\n    disabled: toRef(props, 'disabled'),\n    prev: () => step(items.length - 1),\n    next: () => step(1),\n    isSelected: (id: number) => selected.value.includes(id),\n    selectedClass: computed(() => props.selectedClass),\n    items: computed(() => items),\n    getItemIndex: (value: unknown) => getItemIndex(items, value),\n  };\n\n  provide(injectKey, state);\n\n  return state;\n}\n\nfunction getItemIndex(items: UnwrapRef<GroupItem[]>, value: unknown) {\n  const ids = getIds(items, [value]);\n\n  if (!ids.length) return -1;\n\n  return items.findIndex((item) => item.id === ids[0]);\n}\n\nfunction getIds(items: UnwrapRef<GroupItem[]>, modelValue: any[]) {\n  const ids: number[] = [];\n\n  modelValue.forEach((value) => {\n    const item = items.find((item) => deepEqual(value, item.value));\n    const itemByIndex = items[value];\n\n    if (item?.value != null) {\n      ids.push(item.id);\n    } else if (itemByIndex != null) {\n      ids.push(itemByIndex.id);\n    }\n  });\n\n  return ids;\n}\n\nfunction getValues(items: UnwrapRef<GroupItem[]>, ids: any[]) {\n  const values: unknown[] = [];\n\n  ids.forEach((id) => {\n    const itemIndex = items.findIndex((item) => item.id === id);\n    if (~itemIndex) {\n      const item = items[itemIndex];\n      values.push(item.value != null ? item.value : itemIndex);\n    }\n  });\n\n  return values;\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "keywords": [
     "UI Library",
     "Vue"
@@ -13,15 +13,20 @@
   "author": "yeonyew",
   "license": "Apache-2.0",
   "files": [
-    "dist",
-    "lib",
-    "types"
+    "dist/",
+    "lib/",
+    "types/"
   ],
+  "type": "module",
   "exports": {
     ".": {
+      "types": "./types/index.d.ts",
       "default": "./lib/index.mjs"
     },
     "./styles/*": "./lib/styles/*",
+    "./lib": {
+      "types": "./types/index.d.ts"
+    },
     "./components": {
       "types": "./types/components/index.d.ts",
       "module": "./lib/components/index.mjs"
@@ -32,7 +37,7 @@
   },
   "main": "lib/index.mjs",
   "module": "lib/index.mjs",
-  "types": "types",
+  "types": "types/index.d.ts",
   "typesVersions": {
     "*": {
       "lib/index.mjs": [

package/types/components/button/YButton.d.ts

@@ -1,4 +1,4 @@
-import type { ExtractPropTypes, PropType } from 'vue';
+import type { PropType } from 'vue';
 /**
  * Style
  */
@@ -146,7 +146,7 @@ export declare const YButton: import("vue").DefineComponent<{
         [x: string]: string | boolean | undefined;
     };
     onClick(e: MouseEvent): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     disabled: {
         type: BooleanConstructor;

package/types/components/menu/YMenu.d.ts

@@ -77,8 +77,8 @@ export declare const YMenuPropOptions: {
         type: PropType<boolean>;
         default: boolean;
     };
-    closeOnClick: {
-        type: BooleanConstructor;
+    closeCondition: {
+        type: (BooleanConstructor | FunctionConstructor)[];
     };
     preventClip: {
         type: PropType<boolean>;
@@ -166,8 +166,8 @@ export declare const YMenu: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
-    closeOnClick: {
-        type: BooleanConstructor;
+    closeCondition: {
+        type: (BooleanConstructor | FunctionConstructor)[];
     };
     preventClip: {
         type: PropType<boolean>;
@@ -1981,8 +1981,8 @@ export declare const YMenu: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
-    closeOnClick: {
-        type: BooleanConstructor;
+    closeCondition: {
+        type: (BooleanConstructor | FunctionConstructor)[];
     };
     preventClip: {
         type: PropType<boolean>;
@@ -2005,6 +2005,5 @@ export declare const YMenu: import("vue").DefineComponent<{
     openOnHover: boolean;
     preventClip: boolean;
     openOnClickBase: boolean;
-    closeOnClick: boolean;
 }, {}>;
 export type YMenu = InstanceType<typeof YMenu>;