yuyeon 0.0.42-test21 → 0.0.42

package/lib/composables/layer-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"layer-group.mjs","names":["computed","getCurrentInstance","watch","Y_LAYER_GROUP_CLASS_NAME","layerGroupState","WeakMap","useLayerGroup","target","vm","layerGroup","refTarget","value","targetEl","document","body","rootEl","root","vnode","el","parentElement","querySelector","nodeType","layerEl","createElement","className","appendChild","neo","old","has","get","delete","set","Set","add","immediate","getActiveLayers","activeLayers","forEach","ctx","active","push"],"sources":["../../src/composables/layer-group.ts"],"sourcesContent":["import { computed, getCurrentInstance, watch } from 'vue';\r\nimport type { Ref, ComponentInternalInstance } from 'vue';\r\n\r\nexport const Y_LAYER_GROUP_CLASS_NAME = 'y-layer-group';\r\n\r\nconst layerGroupState = new WeakMap<HTMLElement, Set<any>>();\r\n\r\nexport function useLayerGroup(target?: Ref<string | Element>) {\r\n  const vm = getCurrentInstance()!;\r\n\r\n  const layerGroup = computed<HTMLElement>(() => {\r\n    const refTarget = target?.value;\r\n    let targetEl: Element = document.body;\r\n\r\n    const rootEl = vm.root.vnode.el?.parentElement as HTMLElement;\r\n    if (rootEl) {\r\n      targetEl = rootEl;\r\n    }\r\n\r\n    if (typeof refTarget === 'string') {\r\n      const el = document.querySelector(refTarget);\r\n      if (el) {\r\n        targetEl = el;\r\n      }\r\n    }\r\n    if (refTarget && (refTarget as Element).nodeType === 1) {\r\n      targetEl = refTarget as Element;\r\n    }\r\n    //\r\n    let layerEl = targetEl.querySelector(`.${Y_LAYER_GROUP_CLASS_NAME}`);\r\n    if (!layerEl) {\r\n      layerEl = document.createElement('div');\r\n      layerEl.className = Y_LAYER_GROUP_CLASS_NAME;\r\n      targetEl.appendChild(layerEl);\r\n    }\r\n    return layerEl as HTMLElement;\r\n  });\r\n\r\n  watch(\r\n    layerGroup,\r\n    (neo, old) => {\r\n      if (old && layerGroupState.has(old)) {\r\n        layerGroupState.get(old)?.delete(vm);\r\n      }\r\n      if (!(layerGroupState.has(neo) && layerGroupState.get(neo))) {\r\n        layerGroupState.set(neo, new Set());\r\n      }\r\n      layerGroupState.get(neo)?.add(vm);\r\n    },\r\n    { immediate: true },\r\n  );\r\n\r\n  function getActiveLayers() {\r\n    const activeLayers: ComponentInternalInstance[] = [];\r\n    layerGroupState.get(layerGroup.value)?.forEach((value) => {\r\n      if (value?.ctx?.active) {\r\n        activeLayers.push(value);\r\n      }\r\n    });\r\n    return activeLayers;\r\n  }\r\n\r\n  return { layerGroup, layerGroupState, getActiveLayers };\r\n}\r\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,kBAAkB,EAAEC,KAAK,QAAQ,KAAK;AAGzD,OAAO,MAAMC,wBAAwB,GAAG,eAAe;AAEvD,MAAMC,eAAe,GAAG,IAAIC,OAAO,CAAwB,CAAC;AAE5D,OAAO,SAASC,aAAaA,CAACC,MAA8B,EAAE;EAC5D,MAAMC,EAAE,GAAGP,kBAAkB,CAAC,CAAE;EAEhC,MAAMQ,UAAU,GAAGT,QAAQ,CAAc,MAAM;IAC7C,MAAMU,SAAS,GAAGH,MAAM,EAAEI,KAAK;IAC/B,IAAIC,QAAiB,GAAGC,QAAQ,CAACC,IAAI;IAErC,MAAMC,MAAM,GAAGP,EAAE,CAACQ,IAAI,CAACC,KAAK,CAACC,EAAE,EAAEC,aAA4B;IAC7D,IAAIJ,MAAM,EAAE;MACVH,QAAQ,GAAGG,MAAM;IACnB;IAEA,IAAI,OAAOL,SAAS,KAAK,QAAQ,EAAE;MACjC,MAAMQ,EAAE,GAAGL,QAAQ,CAACO,aAAa,CAACV,SAAS,CAAC;MAC5C,IAAIQ,EAAE,EAAE;QACNN,QAAQ,GAAGM,EAAE;MACf;IACF;IACA,IAAIR,SAAS,IAAKA,SAAS,CAAaW,QAAQ,KAAK,CAAC,EAAE;MACtDT,QAAQ,GAAGF,SAAoB;IACjC;IACA;IACA,IAAIY,OAAO,GAAGV,QAAQ,CAACQ,aAAa,CAAE,IAAGjB,wBAAyB,EAAC,CAAC;IACpE,IAAI,CAACmB,OAAO,EAAE;MACZA,OAAO,GAAGT,QAAQ,CAACU,aAAa,CAAC,KAAK,CAAC;MACvCD,OAAO,CAACE,SAAS,GAAGrB,wBAAwB;MAC5CS,QAAQ,CAACa,WAAW,CAACH,OAAO,CAAC;IAC/B;IACA,OAAOA,OAAO;EAChB,CAAC,CAAC;EAEFpB,KAAK,CACHO,UAAU,EACV,CAACiB,GAAG,EAAEC,GAAG,KAAK;IACZ,IAAIA,GAAG,IAAIvB,eAAe,CAACwB,GAAG,CAACD,GAAG,CAAC,EAAE;MACnCvB,eAAe,CAACyB,GAAG,CAACF,GAAG,CAAC,EAAEG,MAAM,CAACtB,EAAE,CAAC;IACtC;IACA,IAAI,EAAEJ,eAAe,CAACwB,GAAG,CAACF,GAAG,CAAC,IAAItB,eAAe,CAACyB,GAAG,CAACH,GAAG,CAAC,CAAC,EAAE;MAC3DtB,eAAe,CAAC2B,GAAG,CAACL,GAAG,EAAE,IAAIM,GAAG,CAAC,CAAC,CAAC;IACrC;IACA5B,eAAe,CAACyB,GAAG,CAACH,GAAG,CAAC,EAAEO,GAAG,CAACzB,EAAE,CAAC;EACnC,CAAC,EACD;IAAE0B,SAAS,EAAE;EAAK,CACpB,CAAC;EAED,SAASC,eAAeA,CAAA,EAAG;IACzB,MAAMC,YAAyC,GAAG,EAAE;IACpDhC,eAAe,CAACyB,GAAG,CAACpB,UAAU,CAACE,KAAK,CAAC,EAAE0B,OAAO,CAAE1B,KAAK,IAAK;MACxD,IAAIA,KAAK,EAAE2B,GAAG,EAAEC,MAAM,EAAE;QACtBH,YAAY,CAACI,IAAI,CAAC7B,KAAK,CAAC;MAC1B;IACF,CAAC,CAAC;IACF,OAAOyB,YAAY;EACrB;EAEA,OAAO;IAAE3B,UAAU;IAAEL,eAAe;IAAE+B;EAAgB,CAAC;AACzD"}
+{"version":3,"file":"layer-group.mjs","names":["computed","getCurrentInstance","onBeforeUnmount","watch","Y_LAYER_GROUP_CLASS_NAME","layerGroupState","WeakMap","useLayerGroup","target","vm","layerGroup","refTarget","value","targetEl","document","body","rootEl","root","vnode","el","parentElement","querySelector","nodeType","layerEl","createElement","className","appendChild","neo","old","has","get","delete","set","Set","add","immediate","getActiveLayers","activeLayers","currentGroup","forEach","ctx","active","isUnmounted","push","unregister"],"sources":["../../src/composables/layer-group.ts"],"sourcesContent":["import {computed, getCurrentInstance, onBeforeUnmount, watch} from 'vue';\r\nimport type { Ref, ComponentInternalInstance } from 'vue';\r\n\r\nexport const Y_LAYER_GROUP_CLASS_NAME = 'y-layer-group';\r\n\r\nconst layerGroupState = new WeakMap<HTMLElement, Set<any>>();\r\n\r\nexport function useLayerGroup(target?: Ref<string | Element>) {\r\n  const vm = getCurrentInstance()!;\r\n\r\n  const layerGroup = computed<HTMLElement>(() => {\r\n    const refTarget = target?.value;\r\n    let targetEl: Element = document.body;\r\n\r\n    const rootEl = vm.root.vnode.el?.parentElement as HTMLElement;\r\n    if (rootEl) {\r\n      targetEl = rootEl;\r\n    }\r\n\r\n    if (typeof refTarget === 'string') {\r\n      const el = document.querySelector(refTarget);\r\n      if (el) {\r\n        targetEl = el;\r\n      }\r\n    }\r\n    if (refTarget && (refTarget as Element).nodeType === 1) {\r\n      targetEl = refTarget as Element;\r\n    }\r\n    //\r\n    let layerEl = targetEl.querySelector(`.${Y_LAYER_GROUP_CLASS_NAME}`);\r\n    if (!layerEl) {\r\n      layerEl = document.createElement('div');\r\n      layerEl.className = Y_LAYER_GROUP_CLASS_NAME;\r\n      targetEl.appendChild(layerEl);\r\n    }\r\n    return layerEl as HTMLElement;\r\n  });\r\n\r\n  watch(\r\n    layerGroup,\r\n    (neo, old) => {\r\n      if (old && layerGroupState.has(old)) {\r\n        layerGroupState.get(old)?.delete(vm);\r\n      }\r\n      if (!(layerGroupState.has(neo) && layerGroupState.get(neo))) {\r\n        layerGroupState.set(neo, new Set());\r\n      }\r\n      layerGroupState.get(neo)?.add(vm);\r\n    },\r\n    { immediate: true },\r\n  );\r\n\r\n  function getActiveLayers() {\r\n    const activeLayers: ComponentInternalInstance[] = [];\r\n    const currentGroup = layerGroupState.get(layerGroup.value);\r\n    currentGroup?.forEach((value) => {\r\n      if (value?.ctx?.active && !value?.isUnmounted) {\r\n        activeLayers.push(value);\r\n      }\r\n    });\r\n    return activeLayers;\r\n  }\r\n\r\n  function unregister() {\r\n    layerGroupState.get(layerGroup.value)?.delete(vm);\r\n  }\r\n\r\n  onBeforeUnmount(() => {\r\n    unregister();\r\n  });\r\n\r\n  return { layerGroup, layerGroupState, getActiveLayers };\r\n}\r\n"],"mappings":"AAAA,SAAQA,QAAQ,EAAEC,kBAAkB,EAAEC,eAAe,EAAEC,KAAK,QAAO,KAAK;AAGxE,OAAO,MAAMC,wBAAwB,GAAG,eAAe;AAEvD,MAAMC,eAAe,GAAG,IAAIC,OAAO,CAAwB,CAAC;AAE5D,OAAO,SAASC,aAAaA,CAACC,MAA8B,EAAE;EAC5D,MAAMC,EAAE,GAAGR,kBAAkB,CAAC,CAAE;EAEhC,MAAMS,UAAU,GAAGV,QAAQ,CAAc,MAAM;IAC7C,MAAMW,SAAS,GAAGH,MAAM,EAAEI,KAAK;IAC/B,IAAIC,QAAiB,GAAGC,QAAQ,CAACC,IAAI;IAErC,MAAMC,MAAM,GAAGP,EAAE,CAACQ,IAAI,CAACC,KAAK,CAACC,EAAE,EAAEC,aAA4B;IAC7D,IAAIJ,MAAM,EAAE;MACVH,QAAQ,GAAGG,MAAM;IACnB;IAEA,IAAI,OAAOL,SAAS,KAAK,QAAQ,EAAE;MACjC,MAAMQ,EAAE,GAAGL,QAAQ,CAACO,aAAa,CAACV,SAAS,CAAC;MAC5C,IAAIQ,EAAE,EAAE;QACNN,QAAQ,GAAGM,EAAE;MACf;IACF;IACA,IAAIR,SAAS,IAAKA,SAAS,CAAaW,QAAQ,KAAK,CAAC,EAAE;MACtDT,QAAQ,GAAGF,SAAoB;IACjC;IACA;IACA,IAAIY,OAAO,GAAGV,QAAQ,CAACQ,aAAa,CAAE,IAAGjB,wBAAyB,EAAC,CAAC;IACpE,IAAI,CAACmB,OAAO,EAAE;MACZA,OAAO,GAAGT,QAAQ,CAACU,aAAa,CAAC,KAAK,CAAC;MACvCD,OAAO,CAACE,SAAS,GAAGrB,wBAAwB;MAC5CS,QAAQ,CAACa,WAAW,CAACH,OAAO,CAAC;IAC/B;IACA,OAAOA,OAAO;EAChB,CAAC,CAAC;EAEFpB,KAAK,CACHO,UAAU,EACV,CAACiB,GAAG,EAAEC,GAAG,KAAK;IACZ,IAAIA,GAAG,IAAIvB,eAAe,CAACwB,GAAG,CAACD,GAAG,CAAC,EAAE;MACnCvB,eAAe,CAACyB,GAAG,CAACF,GAAG,CAAC,EAAEG,MAAM,CAACtB,EAAE,CAAC;IACtC;IACA,IAAI,EAAEJ,eAAe,CAACwB,GAAG,CAACF,GAAG,CAAC,IAAItB,eAAe,CAACyB,GAAG,CAACH,GAAG,CAAC,CAAC,EAAE;MAC3DtB,eAAe,CAAC2B,GAAG,CAACL,GAAG,EAAE,IAAIM,GAAG,CAAC,CAAC,CAAC;IACrC;IACA5B,eAAe,CAACyB,GAAG,CAACH,GAAG,CAAC,EAAEO,GAAG,CAACzB,EAAE,CAAC;EACnC,CAAC,EACD;IAAE0B,SAAS,EAAE;EAAK,CACpB,CAAC;EAED,SAASC,eAAeA,CAAA,EAAG;IACzB,MAAMC,YAAyC,GAAG,EAAE;IACpD,MAAMC,YAAY,GAAGjC,eAAe,CAACyB,GAAG,CAACpB,UAAU,CAACE,KAAK,CAAC;IAC1D0B,YAAY,EAAEC,OAAO,CAAE3B,KAAK,IAAK;MAC/B,IAAIA,KAAK,EAAE4B,GAAG,EAAEC,MAAM,IAAI,CAAC7B,KAAK,EAAE8B,WAAW,EAAE;QAC7CL,YAAY,CAACM,IAAI,CAAC/B,KAAK,CAAC;MAC1B;IACF,CAAC,CAAC;IACF,OAAOyB,YAAY;EACrB;EAEA,SAASO,UAAUA,CAAA,EAAG;IACpBvC,eAAe,CAACyB,GAAG,CAACpB,UAAU,CAACE,KAAK,CAAC,EAAEmB,MAAM,CAACtB,EAAE,CAAC;EACnD;EAEAP,eAAe,CAAC,MAAM;IACpB0C,UAAU,CAAC,CAAC;EACd,CAAC,CAAC;EAEF,OAAO;IAAElC,UAAU;IAAEL,eAAe;IAAE+B;EAAgB,CAAC;AACzD"}

package/lib/composables/list-items.mjs

@@ -11,9 +11,11 @@ const listItemsPropsOptions = {
 };
 export const pressListItemsPropsOptions = propsFactory(listItemsPropsOptions, 'list-items');
 export function refineListItems(props, items) {
-  return items.map(item => {
-    return refineListItem(props, item);
-  });
+  const ret = [];
+  for (const item of items) {
+    ret.push(refineListItem(props, item));
+  }
+  return ret;
 }
 export function refineListItem(props, item) {
   const text = getPropertyFromItem(item, props.itemText, item);
@@ -32,20 +34,22 @@ export function refineListItem(props, item) {
 }
 export function useItems(props) {
   const items = computed(() => refineListItems(props, props.items));
-  return useRefineListItems(items, v => refineListItem(props, v));
-}
-export function useRefineListItems(items, refine) {
   function toRefineItems(values) {
     return values.filter(v => v !== null || items.value.some(item => item.value === null)).map(v => {
       const found = items.value.find(item => deepEqual(v, item.value));
-      return found ?? refine(v);
+      return found ?? refineListItem(props, v);
     });
   }
   function toEmitItems(items) {
-    return items.map(_ref => {
+    return props.returnItem ? items.map(_ref => {
       let {
-        value
+        raw
       } = _ref;
+      return raw;
+    }) : items.map(_ref2 => {
+      let {
+        value
+      } = _ref2;
       return value;
     });
   }

package/lib/composables/list-items.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"list-items.mjs","names":["computed","pressItemsPropsOptions","deepEqual","getPropertyFromItem","propsFactory","listItemsPropsOptions","itemKey","itemChildren","returnItem","Boolean","pressListItemsPropsOptions","refineListItems","props","items","map","item","refineListItem","text","itemText","value","children","Array","isArray","undefined","raw","useItems","useRefineListItems","v","refine","toRefineItems","values","filter","some","found","find","toEmitItems","_ref"],"sources":["../../src/composables/list-items.ts"],"sourcesContent":["import type { ExtractPropTypes, Ref } from 'vue';\nimport { computed } from 'vue';\n\nimport { pressItemsPropsOptions } from '../abstract/items';\nimport { deepEqual, getPropertyFromItem } from '../util/common';\nimport { propsFactory } from '../util/vue-component';\n\nexport interface ListItem<T = any> {\n  value: any;\n  text: string;\n  props: {\n    [key: string]: any;\n    value: any;\n    text: string;\n  };\n  children?: ListItem<T>[];\n  raw: T;\n}\n\nconst listItemsPropsOptions = {\n  ...pressItemsPropsOptions({\n    itemKey: 'value',\n    itemChildren: false,\n  }),\n  returnItem: Boolean,\n};\n\ntype ListItemProps = ExtractPropTypes<typeof listItemsPropsOptions>;\n\nexport const pressListItemsPropsOptions = propsFactory(\n  listItemsPropsOptions,\n  'list-items',\n);\n\nexport function refineListItems(\n  props: Omit<ListItemProps, 'items'>,\n  items: any[],\n) {\n  return items.map((item) => {\n    return refineListItem(props, item);\n  });\n}\n\nexport function refineListItem(\n  props: Omit<ListItemProps, 'items'>,\n  item: any,\n): ListItem {\n  const text = getPropertyFromItem(item, props.itemText, item);\n  const value = props.returnItem\n    ? item\n    : getPropertyFromItem(item, props.itemKey, text);\n  const children = getPropertyFromItem(item, props.itemChildren);\n\n  return {\n    value,\n    text,\n    props: {\n      value,\n      text,\n    },\n    children: Array.isArray(children)\n      ? refineListItems(props, children)\n      : undefined,\n    raw: item,\n  };\n}\n\nexport function useItems(props: ListItemProps) {\n  const items = computed(() => refineListItems(props, props.items));\n  return useRefineListItems(items, (v) => refineListItem(props, v));\n}\n\nexport function useRefineListItems<T extends { value: unknown }>(\n  items: Ref<T[]>,\n  refine: (value: unknown) => T,\n) {\n  function toRefineItems(values: any[]): T[] {\n    return values\n      .filter(\n        (v) => v !== null || items.value.some((item) => item.value === null),\n      )\n      .map((v) => {\n        const found = items.value.find((item) => deepEqual(v, item.value));\n        return found ?? refine(v);\n      });\n  }\n\n  function toEmitItems(items: T[]) {\n    return items.map(({ value }) => value);\n  }\n\n  return {\n    items,\n    toEmitItems,\n    toRefineItems,\n  };\n}\n"],"mappings":"AACA,SAASA,QAAQ,QAAQ,KAAK;AAAC,SAEtBC,sBAAsB;AAAA,SACtBC,SAAS,EAAEC,mBAAmB;AAAA,SAC9BC,YAAY;AAcrB,MAAMC,qBAAqB,GAAG;EAC5B,GAAGJ,sBAAsB,CAAC;IACxBK,OAAO,EAAE,OAAO;IAChBC,YAAY,EAAE;EAChB,CAAC,CAAC;EACFC,UAAU,EAAEC;AACd,CAAC;AAID,OAAO,MAAMC,0BAA0B,GAAGN,YAAY,CACpDC,qBAAqB,EACrB,YACF,CAAC;AAED,OAAO,SAASM,eAAeA,CAC7BC,KAAmC,EACnCC,KAAY,EACZ;EACA,OAAOA,KAAK,CAACC,GAAG,CAAEC,IAAI,IAAK;IACzB,OAAOC,cAAc,CAACJ,KAAK,EAAEG,IAAI,CAAC;EACpC,CAAC,CAAC;AACJ;AAEA,OAAO,SAASC,cAAcA,CAC5BJ,KAAmC,EACnCG,IAAS,EACC;EACV,MAAME,IAAI,GAAGd,mBAAmB,CAACY,IAAI,EAAEH,KAAK,CAACM,QAAQ,EAAEH,IAAI,CAAC;EAC5D,MAAMI,KAAK,GAAGP,KAAK,CAACJ,UAAU,GAC1BO,IAAI,GACJZ,mBAAmB,CAACY,IAAI,EAAEH,KAAK,CAACN,OAAO,EAAEW,IAAI,CAAC;EAClD,MAAMG,QAAQ,GAAGjB,mBAAmB,CAACY,IAAI,EAAEH,KAAK,CAACL,YAAY,CAAC;EAE9D,OAAO;IACLY,KAAK;IACLF,IAAI;IACJL,KAAK,EAAE;MACLO,KAAK;MACLF;IACF,CAAC;IACDG,QAAQ,EAAEC,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,GAC7BT,eAAe,CAACC,KAAK,EAAEQ,QAAQ,CAAC,GAChCG,SAAS;IACbC,GAAG,EAAET;EACP,CAAC;AACH;AAEA,OAAO,SAASU,QAAQA,CAACb,KAAoB,EAAE;EAC7C,MAAMC,KAAK,GAAGb,QAAQ,CAAC,MAAMW,eAAe,CAACC,KAAK,EAAEA,KAAK,CAACC,KAAK,CAAC,CAAC;EACjE,OAAOa,kBAAkB,CAACb,KAAK,EAAGc,CAAC,IAAKX,cAAc,CAACJ,KAAK,EAAEe,CAAC,CAAC,CAAC;AACnE;AAEA,OAAO,SAASD,kBAAkBA,CAChCb,KAAe,EACfe,MAA6B,EAC7B;EACA,SAASC,aAAaA,CAACC,MAAa,EAAO;IACzC,OAAOA,MAAM,CACVC,MAAM,CACJJ,CAAC,IAAKA,CAAC,KAAK,IAAI,IAAId,KAAK,CAACM,KAAK,CAACa,IAAI,CAAEjB,IAAI,IAAKA,IAAI,CAACI,KAAK,KAAK,IAAI,CACrE,CAAC,CACAL,GAAG,CAAEa,CAAC,IAAK;MACV,MAAMM,KAAK,GAAGpB,KAAK,CAACM,KAAK,CAACe,IAAI,CAAEnB,IAAI,IAAKb,SAAS,CAACyB,CAAC,EAAEZ,IAAI,CAACI,KAAK,CAAC,CAAC;MAClE,OAAOc,KAAK,IAAIL,MAAM,CAACD,CAAC,CAAC;IAC3B,CAAC,CAAC;EACN;EAEA,SAASQ,WAAWA,CAACtB,KAAU,EAAE;IAC/B,OAAOA,KAAK,CAACC,GAAG,CAACsB,IAAA;MAAA,IAAC;QAAEjB;MAAM,CAAC,GAAAiB,IAAA;MAAA,OAAKjB,KAAK;IAAA,EAAC;EACxC;EAEA,OAAO;IACLN,KAAK;IACLsB,WAAW;IACXN;EACF,CAAC;AACH"}
+{"version":3,"file":"list-items.mjs","names":["computed","pressItemsPropsOptions","deepEqual","getPropertyFromItem","propsFactory","listItemsPropsOptions","itemKey","itemChildren","returnItem","Boolean","pressListItemsPropsOptions","refineListItems","props","items","ret","item","push","refineListItem","text","itemText","value","children","Array","isArray","undefined","raw","useItems","toRefineItems","values","filter","v","some","map","found","find","toEmitItems","_ref","_ref2"],"sources":["../../src/composables/list-items.ts"],"sourcesContent":["import type { ExtractPropTypes, Ref } from 'vue';\nimport { computed } from 'vue';\n\nimport { pressItemsPropsOptions } from '../abstract/items';\nimport { deepEqual, getPropertyFromItem } from '../util/common';\nimport { propsFactory } from '../util/vue-component';\n\nexport interface ListItem<T = any> {\n  value: any;\n  text: string;\n  props: {\n    [key: string]: any;\n    value: any;\n    text: string;\n  };\n  children?: ListItem<T>[];\n  raw: T;\n}\n\nconst listItemsPropsOptions = {\n  ...pressItemsPropsOptions({\n    itemKey: 'value',\n    itemChildren: false,\n  }),\n  returnItem: Boolean,\n};\n\ntype ListItemProps = ExtractPropTypes<typeof listItemsPropsOptions>;\n\nexport const pressListItemsPropsOptions = propsFactory(\n  listItemsPropsOptions,\n  'list-items',\n);\n\nexport function refineListItems(\n  props: Omit<ListItemProps, 'items'>,\n  items: any[],\n) {\n  const ret: ListItem[] = [];\n  for (const item of items) {\n    ret.push(refineListItem(props, item));\n  }\n  return ret;\n}\n\nexport function refineListItem(\n  props: Omit<ListItemProps, 'items'>,\n  item: any,\n): ListItem {\n  const text = getPropertyFromItem(item, props.itemText, item);\n  const value = props.returnItem\n    ? item\n    : getPropertyFromItem(item, props.itemKey, text);\n  const children = getPropertyFromItem(item, props.itemChildren);\n\n  return {\n    value,\n    text,\n    props: {\n      value,\n      text,\n    },\n    children: Array.isArray(children)\n      ? refineListItems(props, children)\n      : undefined,\n    raw: item,\n  };\n}\n\nexport function useItems(props: ListItemProps) {\n  const items = computed(() => refineListItems(props, props.items));\n\n  function toRefineItems(values: any[]) {\n    return values\n      .filter(\n        (v) => v !== null || items.value.some((item) => item.value === null),\n      )\n      .map((v) => {\n        const found = items.value.find((item) => deepEqual(v, item.value));\n        return found ?? refineListItem(props, v);\n      });\n  }\n\n  function toEmitItems(items: any[]) {\n    return props.returnItem\n      ? items.map(({ raw }) => raw)\n      : items.map(({ value }) => value);\n  }\n\n  return {\n    items,\n    toEmitItems,\n    toRefineItems,\n  };\n}\n"],"mappings":"AACA,SAASA,QAAQ,QAAQ,KAAK;AAAC,SAEtBC,sBAAsB;AAAA,SACtBC,SAAS,EAAEC,mBAAmB;AAAA,SAC9BC,YAAY;AAcrB,MAAMC,qBAAqB,GAAG;EAC5B,GAAGJ,sBAAsB,CAAC;IACxBK,OAAO,EAAE,OAAO;IAChBC,YAAY,EAAE;EAChB,CAAC,CAAC;EACFC,UAAU,EAAEC;AACd,CAAC;AAID,OAAO,MAAMC,0BAA0B,GAAGN,YAAY,CACpDC,qBAAqB,EACrB,YACF,CAAC;AAED,OAAO,SAASM,eAAeA,CAC7BC,KAAmC,EACnCC,KAAY,EACZ;EACA,MAAMC,GAAe,GAAG,EAAE;EAC1B,KAAK,MAAMC,IAAI,IAAIF,KAAK,EAAE;IACxBC,GAAG,CAACE,IAAI,CAACC,cAAc,CAACL,KAAK,EAAEG,IAAI,CAAC,CAAC;EACvC;EACA,OAAOD,GAAG;AACZ;AAEA,OAAO,SAASG,cAAcA,CAC5BL,KAAmC,EACnCG,IAAS,EACC;EACV,MAAMG,IAAI,GAAGf,mBAAmB,CAACY,IAAI,EAAEH,KAAK,CAACO,QAAQ,EAAEJ,IAAI,CAAC;EAC5D,MAAMK,KAAK,GAAGR,KAAK,CAACJ,UAAU,GAC1BO,IAAI,GACJZ,mBAAmB,CAACY,IAAI,EAAEH,KAAK,CAACN,OAAO,EAAEY,IAAI,CAAC;EAClD,MAAMG,QAAQ,GAAGlB,mBAAmB,CAACY,IAAI,EAAEH,KAAK,CAACL,YAAY,CAAC;EAE9D,OAAO;IACLa,KAAK;IACLF,IAAI;IACJN,KAAK,EAAE;MACLQ,KAAK;MACLF;IACF,CAAC;IACDG,QAAQ,EAAEC,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,GAC7BV,eAAe,CAACC,KAAK,EAAES,QAAQ,CAAC,GAChCG,SAAS;IACbC,GAAG,EAAEV;EACP,CAAC;AACH;AAEA,OAAO,SAASW,QAAQA,CAACd,KAAoB,EAAE;EAC7C,MAAMC,KAAK,GAAGb,QAAQ,CAAC,MAAMW,eAAe,CAACC,KAAK,EAAEA,KAAK,CAACC,KAAK,CAAC,CAAC;EAEjE,SAASc,aAAaA,CAACC,MAAa,EAAE;IACpC,OAAOA,MAAM,CACVC,MAAM,CACJC,CAAC,IAAKA,CAAC,KAAK,IAAI,IAAIjB,KAAK,CAACO,KAAK,CAACW,IAAI,CAAEhB,IAAI,IAAKA,IAAI,CAACK,KAAK,KAAK,IAAI,CACrE,CAAC,CACAY,GAAG,CAAEF,CAAC,IAAK;MACV,MAAMG,KAAK,GAAGpB,KAAK,CAACO,KAAK,CAACc,IAAI,CAAEnB,IAAI,IAAKb,SAAS,CAAC4B,CAAC,EAAEf,IAAI,CAACK,KAAK,CAAC,CAAC;MAClE,OAAOa,KAAK,IAAIhB,cAAc,CAACL,KAAK,EAAEkB,CAAC,CAAC;IAC1C,CAAC,CAAC;EACN;EAEA,SAASK,WAAWA,CAACtB,KAAY,EAAE;IACjC,OAAOD,KAAK,CAACJ,UAAU,GACnBK,KAAK,CAACmB,GAAG,CAACI,IAAA;MAAA,IAAC;QAAEX;MAAI,CAAC,GAAAW,IAAA;MAAA,OAAKX,GAAG;IAAA,EAAC,GAC3BZ,KAAK,CAACmB,GAAG,CAACK,KAAA;MAAA,IAAC;QAAEjB;MAAM,CAAC,GAAAiB,KAAA;MAAA,OAAKjB,KAAK;IAAA,EAAC;EACrC;EAEA,OAAO;IACLP,KAAK;IACLsB,WAAW;IACXR;EACF,CAAC;AACH"}

package/lib/styles/util/_mixin.scss

@@ -27,7 +27,6 @@ $border-radius: (
   @if (map.has-key($border-radius, $side)) {
     $props: map.get($border-radius, $side);
     @each $prop in $props {
-      @debug $prop;
       border-#{$prop}-radius: $round;
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.0.42-test21",
+  "version": "0.0.42",
   "keywords": [
     "UI Library",
     "Vue"

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

@@ -183,9 +183,10 @@ export declare const YButton: import("vue").DefineComponent<{
 }, {
     link: import("../../composables/vue-router").UseLink;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => true;
     'choice:selected': (choice: {
         value: boolean;
-    }) => boolean;
+    }) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: null;
     disabled: BooleanConstructor;
@@ -228,6 +229,7 @@ export declare const YButton: import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
+    onClick?: ((event: MouseEvent) => any) | undefined;
     "onChoice:selected"?: ((choice: {
         value: boolean;
     }) => any) | undefined;

package/types/components/checkbox/YCheckbox.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly: PropType<boolean>;
 }, {
     checked: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "click" | "blur" | "update:modelValue" | "change")[], "focus" | "click" | "blur" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "update:modelValue" | "change")[], "click" | "focus" | "blur" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: PropType<boolean | any[]>;
     value: PropType<any>;
     label: PropType<string>;
@@ -36,8 +36,8 @@ declare const _default: import("vue").DefineComponent<{
     disabled: PropType<boolean>;
     readonly: PropType<boolean>;
 }>> & {
-    onFocus?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;

package/types/components/checkbox/YInputCheckbox.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     onFocus(e: FocusEvent): void;
     onBlur(e: FocusEvent): void;
     onClick(event: MouseEvent): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "click" | "blur")[], "focus" | "click" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur")[], "click" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     id: PropType<string>;
     value: PropType<boolean>;
     icon: PropType<string>;
@@ -45,8 +45,8 @@ declare const _default: import("vue").DefineComponent<{
     disabled: PropType<boolean>;
     readonly: PropType<boolean>;
 }>> & {
-    onFocus?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
     color: string;

package/types/components/date-picker/YDatePicker.d.ts

@@ -0,0 +1,117 @@
+export declare const pressYDatePickerPropsOptions: <Defaults extends {
+    modelValue?: unknown;
+    disabled?: unknown;
+    color?: unknown;
+    max?: unknown;
+    multiple?: unknown;
+    year?: unknown;
+    month?: unknown;
+    range?: unknown;
+    allowedDates?: unknown;
+    hideWeekdays?: unknown;
+    showAdjacentMonthDates?: unknown;
+    hideHeader?: unknown;
+    min?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    modelValue: unknown extends Defaults["modelValue"] ? null : {
+        type: import("vue").PropType<unknown extends Defaults["modelValue"] ? any : any>;
+        default: unknown extends Defaults["modelValue"] ? any : any;
+    };
+    disabled: unknown extends Defaults["disabled"] ? BooleanConstructor : {
+        type: import("vue").PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
+        default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
+    };
+    color: unknown extends Defaults["color"] ? StringConstructor : {
+        type: import("vue").PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
+        default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
+    };
+    max: unknown extends Defaults["max"] ? import("vue").PropType<unknown> : {
+        type: import("vue").PropType<unknown extends Defaults["max"] ? unknown : {} | Defaults["max"]>;
+        default: unknown extends Defaults["max"] ? unknown : {} | Defaults["max"];
+    };
+    multiple: unknown extends Defaults["multiple"] ? BooleanConstructor : {
+        type: import("vue").PropType<unknown extends Defaults["multiple"] ? boolean : boolean | Defaults["multiple"]>;
+        default: unknown extends Defaults["multiple"] ? boolean : boolean | Defaults["multiple"];
+    };
+    year: unknown extends Defaults["year"] ? (StringConstructor | NumberConstructor)[] : {
+        type: import("vue").PropType<unknown extends Defaults["year"] ? string | number : NonNullable<string | number> | Defaults["year"]>;
+        default: unknown extends Defaults["year"] ? string | number : NonNullable<string | number> | Defaults["year"];
+    };
+    month: unknown extends Defaults["month"] ? (StringConstructor | NumberConstructor)[] : {
+        type: import("vue").PropType<unknown extends Defaults["month"] ? string | number : NonNullable<string | number> | Defaults["month"]>;
+        default: unknown extends Defaults["month"] ? string | number : NonNullable<string | number> | Defaults["month"];
+    };
+    range: unknown extends Defaults["range"] ? BooleanConstructor : {
+        type: import("vue").PropType<unknown extends Defaults["range"] ? boolean : boolean | Defaults["range"]>;
+        default: unknown extends Defaults["range"] ? boolean : boolean | Defaults["range"];
+    };
+    allowedDates: unknown extends Defaults["allowedDates"] ? (ArrayConstructor | FunctionConstructor)[] : {
+        type: import("vue").PropType<unknown extends Defaults["allowedDates"] ? Function | unknown[] : NonNullable<Function | unknown[]> | Defaults["allowedDates"]>;
+        default: unknown extends Defaults["allowedDates"] ? Function | unknown[] : NonNullable<Function | unknown[]> | Defaults["allowedDates"];
+    };
+    hideWeekdays: unknown extends Defaults["hideWeekdays"] ? BooleanConstructor : {
+        type: import("vue").PropType<unknown extends Defaults["hideWeekdays"] ? boolean : boolean | Defaults["hideWeekdays"]>;
+        default: unknown extends Defaults["hideWeekdays"] ? boolean : boolean | Defaults["hideWeekdays"];
+    };
+    showAdjacentMonthDates: unknown extends Defaults["showAdjacentMonthDates"] ? {
+        type: BooleanConstructor;
+        default: boolean;
+    } : Omit<{
+        type: BooleanConstructor;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<unknown extends Defaults["showAdjacentMonthDates"] ? boolean : boolean | Defaults["showAdjacentMonthDates"]>;
+        default: unknown extends Defaults["showAdjacentMonthDates"] ? boolean : boolean | Defaults["showAdjacentMonthDates"];
+    };
+    hideHeader: unknown extends Defaults["hideHeader"] ? BooleanConstructor : {
+        type: import("vue").PropType<unknown extends Defaults["hideHeader"] ? boolean : boolean | Defaults["hideHeader"]>;
+        default: unknown extends Defaults["hideHeader"] ? boolean : boolean | Defaults["hideHeader"];
+    };
+    min: unknown extends Defaults["min"] ? import("vue").PropType<unknown> : {
+        type: import("vue").PropType<unknown extends Defaults["min"] ? unknown : {} | Defaults["min"]>;
+        default: unknown extends Defaults["min"] ? unknown : {} | Defaults["min"];
+    };
+};
+export declare const YDatePicker: import("vue").DefineComponent<{
+    modelValue: null;
+    disabled: BooleanConstructor;
+    color: StringConstructor;
+    max: import("vue").PropType<unknown>;
+    multiple: BooleanConstructor;
+    year: (StringConstructor | NumberConstructor)[];
+    month: (StringConstructor | NumberConstructor)[];
+    range: BooleanConstructor;
+    allowedDates: (ArrayConstructor | FunctionConstructor)[];
+    hideWeekdays: BooleanConstructor;
+    showAdjacentMonthDates: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideHeader: BooleanConstructor;
+    min: import("vue").PropType<unknown>;
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: null;
+    disabled: BooleanConstructor;
+    color: StringConstructor;
+    max: import("vue").PropType<unknown>;
+    multiple: BooleanConstructor;
+    year: (StringConstructor | NumberConstructor)[];
+    month: (StringConstructor | NumberConstructor)[];
+    range: BooleanConstructor;
+    allowedDates: (ArrayConstructor | FunctionConstructor)[];
+    hideWeekdays: BooleanConstructor;
+    showAdjacentMonthDates: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideHeader: BooleanConstructor;
+    min: import("vue").PropType<unknown>;
+}>>, {
+    disabled: boolean;
+    multiple: boolean;
+    range: boolean;
+    hideWeekdays: boolean;
+    showAdjacentMonthDates: boolean;
+    hideHeader: boolean;
+}, {}>;
+export type YDatePicker = InstanceType<typeof YDatePicker>;

package/types/components/date-picker/YDatePickerControl.d.ts

@@ -0,0 +1,128 @@
+import type { PropType } from 'vue';
+export declare const pressYDatePickerControlPropsOptions: <Defaults extends {
+    disabled?: unknown;
+    nextIcon?: unknown;
+    prevIcon?: unknown;
+    dropdownIcon?: unknown;
+    mode?: unknown;
+    yearText?: unknown;
+    monthText?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    disabled: unknown extends Defaults["disabled"] ? {
+        type: PropType<string | boolean | string[]>;
+        default: boolean;
+    } : Omit<{
+        type: PropType<string | boolean | string[]>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["disabled"] ? string | boolean | string[] : Defaults["disabled"] | NonNullable<string | boolean | string[]>>;
+        default: unknown extends Defaults["disabled"] ? string | boolean | string[] : Defaults["disabled"] | NonNullable<string | boolean | string[]>;
+    };
+    nextIcon: unknown extends Defaults["nextIcon"] ? {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    } : Omit<{
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["nextIcon"] ? string | Record<string, any> : Defaults["nextIcon"] | NonNullable<string | Record<string, any>>>;
+        default: unknown extends Defaults["nextIcon"] ? string | Record<string, any> : Defaults["nextIcon"] | NonNullable<string | Record<string, any>>;
+    };
+    prevIcon: unknown extends Defaults["prevIcon"] ? {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    } : Omit<{
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["prevIcon"] ? string | Record<string, any> : NonNullable<string | Record<string, any>> | Defaults["prevIcon"]>;
+        default: unknown extends Defaults["prevIcon"] ? string | Record<string, any> : NonNullable<string | Record<string, any>> | Defaults["prevIcon"];
+    };
+    dropdownIcon: unknown extends Defaults["dropdownIcon"] ? {
+        type: (StringConstructor | ObjectConstructor)[];
+    } : Omit<{
+        type: (StringConstructor | ObjectConstructor)[];
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["dropdownIcon"] ? string | Record<string, any> : NonNullable<string | Record<string, any>> | Defaults["dropdownIcon"]>;
+        default: unknown extends Defaults["dropdownIcon"] ? string | Record<string, any> : NonNullable<string | Record<string, any>> | Defaults["dropdownIcon"];
+    };
+    mode: unknown extends Defaults["mode"] ? {
+        type: PropType<"date" | "year" | "month">;
+        default: string;
+    } : Omit<{
+        type: PropType<"date" | "year" | "month">;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["mode"] ? "date" | "year" | "month" : Defaults["mode"] | NonNullable<"date" | "year" | "month">>;
+        default: unknown extends Defaults["mode"] ? "date" | "year" | "month" : Defaults["mode"] | NonNullable<"date" | "year" | "month">;
+    };
+    yearText: unknown extends Defaults["yearText"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["yearText"] ? string : string | Defaults["yearText"]>;
+        default: unknown extends Defaults["yearText"] ? string : string | Defaults["yearText"];
+    };
+    monthText: unknown extends Defaults["monthText"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["monthText"] ? string : string | Defaults["monthText"]>;
+        default: unknown extends Defaults["monthText"] ? string : string | Defaults["monthText"];
+    };
+};
+export declare const YDatePickerControl: import("vue").DefineComponent<{
+    disabled: {
+        type: PropType<string | boolean | string[]>;
+        default: boolean;
+    };
+    nextIcon: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    prevIcon: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    dropdownIcon: {
+        type: (StringConstructor | ObjectConstructor)[];
+    };
+    mode: {
+        type: PropType<"date" | "year" | "month">;
+        default: string;
+    };
+    yearText: StringConstructor;
+    monthText: StringConstructor;
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'click:year': () => true;
+    'click:month': () => true;
+    'click:prev': () => true;
+    'click:next': () => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: PropType<string | boolean | string[]>;
+        default: boolean;
+    };
+    nextIcon: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    prevIcon: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    dropdownIcon: {
+        type: (StringConstructor | ObjectConstructor)[];
+    };
+    mode: {
+        type: PropType<"date" | "year" | "month">;
+        default: string;
+    };
+    yearText: StringConstructor;
+    monthText: StringConstructor;
+}>> & {
+    "onClick:year"?: (() => any) | undefined;
+    "onClick:month"?: (() => any) | undefined;
+    "onClick:prev"?: (() => any) | undefined;
+    "onClick:next"?: (() => any) | undefined;
+}, {
+    disabled: string | boolean | string[];
+    mode: "date" | "year" | "month";
+    nextIcon: string | Record<string, any>;
+    prevIcon: string | Record<string, any>;
+}, {}>;
+export type YDatePickerControl = InstanceType<typeof YDatePickerControl>;

package/types/components/date-picker/YMonthPicker.d.ts

@@ -0,0 +1,28 @@
+export declare const pressYMonthPickerPropsOptions: <Defaults extends {
+    modelValue?: unknown;
+    color?: unknown;
+    height?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    modelValue: unknown extends Defaults["modelValue"] ? NumberConstructor : {
+        type: import("vue").PropType<unknown extends Defaults["modelValue"] ? number : number | Defaults["modelValue"]>;
+        default: unknown extends Defaults["modelValue"] ? number : number | Defaults["modelValue"];
+    };
+    color: unknown extends Defaults["color"] ? StringConstructor : {
+        type: import("vue").PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
+        default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
+    };
+    height: unknown extends Defaults["height"] ? (StringConstructor | NumberConstructor)[] : {
+        type: import("vue").PropType<unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"]>;
+        default: unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"];
+    };
+};
+export declare const YMonthPicker: import("vue").DefineComponent<{
+    modelValue: NumberConstructor;
+    color: StringConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: NumberConstructor;
+    color: StringConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+}>>, {}, {}>;
+export type YMonthPicker = InstanceType<typeof YMonthPicker>;

package/types/components/date-picker/YYearPicker.d.ts

@@ -0,0 +1,43 @@
+import { PropType } from 'vue';
+export declare const pressYYearPickerPropsOptions: <Defaults extends {
+    modelValue?: unknown;
+    color?: unknown;
+    height?: unknown;
+    min?: unknown;
+    max?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    modelValue: unknown extends Defaults["modelValue"] ? NumberConstructor : {
+        type: PropType<unknown extends Defaults["modelValue"] ? number : number | Defaults["modelValue"]>;
+        default: unknown extends Defaults["modelValue"] ? number : number | Defaults["modelValue"];
+    };
+    color: unknown extends Defaults["color"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
+        default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
+    };
+    height: unknown extends Defaults["height"] ? (StringConstructor | NumberConstructor)[] : {
+        type: PropType<unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"]>;
+        default: unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"];
+    };
+    min: unknown extends Defaults["min"] ? PropType<unknown> : {
+        type: PropType<unknown extends Defaults["min"] ? unknown : {} | Defaults["min"]>;
+        default: unknown extends Defaults["min"] ? unknown : {} | Defaults["min"];
+    };
+    max: unknown extends Defaults["max"] ? PropType<unknown> : {
+        type: PropType<unknown extends Defaults["max"] ? unknown : {} | Defaults["max"]>;
+        default: unknown extends Defaults["max"] ? unknown : {} | Defaults["max"];
+    };
+};
+export declare const YYearPicker: import("vue").DefineComponent<{
+    modelValue: NumberConstructor;
+    color: StringConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    min: PropType<unknown>;
+    max: PropType<unknown>;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: NumberConstructor;
+    color: StringConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    min: PropType<unknown>;
+    max: PropType<unknown>;
+}>>, {}, {}>;
+export type YYearPicker = InstanceType<typeof YYearPicker>;

package/types/components/date-picker/index.d.ts

@@ -1 +1,3 @@
 export * from './YDateCalendar';
+export * from './YMonthPicker';
+export * from './YDatePicker';