yuyeon 0.3.4-rc.4 → 0.3.6-beta.0

package/lib/components/tooltip/YTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"YTooltip.js","names":["computed","nextTick","ref","watch","useModelDuplex","useRender","pressPolyTransitionPropsOptions","omit","bindClasses","chooseProps","defineComponent","propsFactory","YLayer","pressYLayerProps","useDelay","YPlate","NAME","YTooltipPropOptions","tooltipClasses","type","Array","String","Object","preventClip","Boolean","default","coordinateStrategy","scrollStrategy","openOnHover","align","offset","transition","pressYTooltipPropsOptions","YTooltip","name","props","emits","setup","_ref","slots","emit","expose","layer$","contentEl","baseEl","value","classes","boundClasses","model","active","get","set","v","disabled","hovered","neo","$content","content$","startOpenDelay","startCloseDelay","changeActive","onMouseenter","e","onMouseleave","bindHover","el","addEventListener","unbindHover","removeEventListener","old","_createVNode","_Fragment","_mergeProps","$event","_len","arguments","length","args","_key","base","_len2","_key2","el$"],"sources":["../../../src/components/tooltip/YTooltip.tsx"],"sourcesContent":["import { type PropType, computed, nextTick, ref, watch } from 'vue';\n\nimport { useModelDuplex } from '@/composables/communication';\nimport { useRender } from '@/composables/component';\nimport { pressPolyTransitionPropsOptions } from '@/composables/transition';\nimport { omit } from '@/util/common';\nimport {\n  bindClasses,\n  chooseProps,\n  defineComponent,\n  propsFactory,\n} from '@/util/component';\n\nimport { YLayer, pressYLayerProps } from '../layer';\nimport { useDelay } from '../layer/active-delay';\nimport { YPlate } from '../plate';\n\nimport './YTooltip.scss';\n\nconst NAME = 'YTooltip';\n\nconst YTooltipPropOptions = {\n  tooltipClasses: {\n    type: [Array, String, Object] as PropType<\n      string[] | string | Record<string, any>\n    >,\n  },\n  preventClip: {\n    type: Boolean as PropType<boolean>,\n    default: true,\n  },\n  ...pressYLayerProps({\n    coordinateStrategy: 'levitation' as const,\n    scrollStrategy: 'reposition' as const,\n    openOnHover: true,\n    align: 'center',\n    offset: 8,\n  }),\n  ...pressPolyTransitionPropsOptions({\n    transition: 'fade',\n  }),\n};\n\nexport const pressYTooltipPropsOptions = propsFactory(\n  YTooltipPropOptions,\n  'YTooltip',\n);\n\n/**\n * #  Component\n */\nexport const YTooltip = defineComponent<\n  ReturnType<typeof pressYTooltipPropsOptions>\n>({\n  name: NAME,\n  props: {\n    ...pressYTooltipPropsOptions(),\n  },\n  emits: ['update:modelValue'],\n  setup(props, { slots, emit, expose }) {\n    const layer$ = ref<typeof YLayer>();\n    const contentEl = ref<HTMLElement>();\n    const baseEl = computed(() => {\n      return layer$.value?.baseEl;\n    });\n\n    const classes = computed(() => {\n      const boundClasses = bindClasses(props.tooltipClasses);\n      return {\n        ...boundClasses,\n        'y-tooltip': true,\n      };\n    });\n\n    const model = useModelDuplex(props);\n\n    const active = computed({\n      get: (): boolean => {\n        return !!model.value;\n      },\n      set: (v: boolean) => {\n        if (!(v && props.disabled)) model.value = v;\n      },\n    });\n\n    const hovered = computed(() => !!layer$.value?.hovered);\n\n    watch(active, (neo) => {\n      if (neo) {\n        nextTick(() => {\n          const $content = layer$.value?.content$;\n          contentEl.value = $content;\n        });\n      }\n    });\n\n    const { startOpenDelay, startCloseDelay } = useDelay(\n      props,\n      (changeActive) => {\n        if (!changeActive && props.openOnHover && !hovered.value) {\n          active.value = false;\n        } else if (changeActive) {\n          active.value = true;\n        }\n      },\n    );\n\n    function onMouseenter(e: MouseEvent) {\n      if (props.openOnHover) {\n        startOpenDelay();\n      }\n    }\n\n    function onMouseleave(e: MouseEvent) {\n      if (props.openOnHover) {\n        startCloseDelay();\n      }\n    }\n\n    watch(hovered, (value) => {\n      if (!value) {\n        startCloseDelay();\n      }\n    });\n\n    function bindHover(el: HTMLElement) {\n      el.addEventListener?.('mouseenter', onMouseenter);\n      el.addEventListener?.('mouseleave', onMouseleave);\n    }\n\n    function unbindHover(el: HTMLElement) {\n      el.removeEventListener?.('mouseenter', onMouseenter);\n      el.removeEventListener?.('mouseleave', onMouseleave);\n    }\n\n    watch(\n      () => layer$.value?.baseEl,\n      (neo, old) => {\n        if (neo) {\n          bindHover(neo);\n        } else if (old) {\n          unbindHover(old);\n        }\n      },\n    );\n\n    expose({\n      layer$,\n      baseEl,\n    });\n\n    useRender(() => {\n      return (\n        <>\n          <YLayer\n            ref={layer$}\n            {...omit(chooseProps(props, YLayer.props), ['scrim'])}\n            classes={classes.value}\n            scrim={false}\n            transition={props.transition}\n            v-model={active.value}\n          >\n            {{\n              default: (...args: any) => {\n                return (\n                  <>\n                    <YPlate></YPlate>\n                    <div class=\"y-tooltip__content\">\n                      {slots.default?.(...args) ?? ''}\n                    </div>\n                  </>\n                );\n              },\n              base: (...args: any[]) => slots.base?.(...args),\n            }}\n          </YLayer>\n        </>\n      );\n    });\n\n    return {\n      layer$,\n      el$: layer$,\n      baseEl,\n      active,\n    };\n  },\n});\n\nexport type YTooltip = InstanceType<typeof YTooltip>;\n"],"mappings":";AAAA,SAAwBA,QAAQ,EAAEC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAC,SAE3DC,cAAc;AAAA,SACdC,SAAS;AAAA,SACTC,+BAA+B;AAAA,SAC/BC,IAAI;AAAA,SAEXC,WAAW,EACXC,WAAW,EACXC,eAAe,EACfC,YAAY;AAAA,SAGLC,MAAM,EAAEC,gBAAgB;AAAA,SACxBC,QAAQ;AAAA,SACRC,MAAM;AAEf;AAEA,MAAMC,IAAI,GAAG,UAAU;AAEvB,MAAMC,mBAAmB,GAAG;EAC1BC,cAAc,EAAE;IACdC,IAAI,EAAE,CAACC,KAAK,EAAEC,MAAM,EAAEC,MAAM;EAG9B,CAAC;EACDC,WAAW,EAAE;IACXJ,IAAI,EAAEK,OAA4B;IAClCC,OAAO,EAAE;EACX,CAAC;EACD,GAAGZ,gBAAgB,CAAC;IAClBa,kBAAkB,EAAE,YAAqB;IACzCC,cAAc,EAAE,YAAqB;IACrCC,WAAW,EAAE,IAAI;IACjBC,KAAK,EAAE,QAAQ;IACfC,MAAM,EAAE;EACV,CAAC,CAAC;EACF,GAAGxB,+BAA+B,CAAC;IACjCyB,UAAU,EAAE;EACd,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGrB,YAAY,CACnDM,mBAAmB,EACnB,UACF,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMgB,QAAQ,GAAGvB,eAAe,CAErC;EACAwB,IAAI,EAAElB,IAAI;EACVmB,KAAK,EAAE;IACL,GAAGH,yBAAyB,CAAC;EAC/B,CAAC;EACDI,KAAK,EAAE,CAAC,mBAAmB,CAAC;EAC5BC,KAAKA,CAACF,KAAK,EAAAG,IAAA,EAA2B;IAAA,IAAzB;MAAEC,KAAK;MAAEC,IAAI;MAAEC;IAAO,CAAC,GAAAH,IAAA;IAClC,MAAMI,MAAM,GAAGxC,GAAG,CAAgB,CAAC;IACnC,MAAMyC,SAAS,GAAGzC,GAAG,CAAc,CAAC;IACpC,MAAM0C,MAAM,GAAG5C,QAAQ,CAAC,MAAM;MAC5B,OAAO0C,MAAM,CAACG,KAAK,EAAED,MAAM;IAC7B,CAAC,CAAC;IAEF,MAAME,OAAO,GAAG9C,QAAQ,CAAC,MAAM;MAC7B,MAAM+C,YAAY,GAAGvC,WAAW,CAAC2B,KAAK,CAACjB,cAAc,CAAC;MACtD,OAAO;QACL,GAAG6B,YAAY;QACf,WAAW,EAAE;MACf,CAAC;IACH,CAAC,CAAC;IAEF,MAAMC,KAAK,GAAG5C,cAAc,CAAC+B,KAAK,CAAC;IAEnC,MAAMc,MAAM,GAAGjD,QAAQ,CAAC;MACtBkD,GAAG,EAAEA,CAAA,KAAe;QAClB,OAAO,CAAC,CAACF,KAAK,CAACH,KAAK;MACtB,CAAC;MACDM,GAAG,EAAGC,CAAU,IAAK;QACnB,IAAI,EAAEA,CAAC,IAAIjB,KAAK,CAACkB,QAAQ,CAAC,EAAEL,KAAK,CAACH,KAAK,GAAGO,CAAC;MAC7C;IACF,CAAC,CAAC;IAEF,MAAME,OAAO,GAAGtD,QAAQ,CAAC,MAAM,CAAC,CAAC0C,MAAM,CAACG,KAAK,EAAES,OAAO,CAAC;IAEvDnD,KAAK,CAAC8C,MAAM,EAAGM,GAAG,IAAK;MACrB,IAAIA,GAAG,EAAE;QACPtD,QAAQ,CAAC,MAAM;UACb,MAAMuD,QAAQ,GAAGd,MAAM,CAACG,KAAK,EAAEY,QAAQ;UACvCd,SAAS,CAACE,KAAK,GAAGW,QAAQ;QAC5B,CAAC,CAAC;MACJ;IACF,CAAC,CAAC;IAEF,MAAM;MAAEE,cAAc;MAAEC;IAAgB,CAAC,GAAG7C,QAAQ,CAClDqB,KAAK,EACJyB,YAAY,IAAK;MAChB,IAAI,CAACA,YAAY,IAAIzB,KAAK,CAACP,WAAW,IAAI,CAAC0B,OAAO,CAACT,KAAK,EAAE;QACxDI,MAAM,CAACJ,KAAK,GAAG,KAAK;MACtB,CAAC,MAAM,IAAIe,YAAY,EAAE;QACvBX,MAAM,CAACJ,KAAK,GAAG,IAAI;MACrB;IACF,CACF,CAAC;IAED,SAASgB,YAAYA,CAACC,CAAa,EAAE;MACnC,IAAI3B,KAAK,CAACP,WAAW,EAAE;QACrB8B,cAAc,CAAC,CAAC;MAClB;IACF;IAEA,SAASK,YAAYA,CAACD,CAAa,EAAE;MACnC,IAAI3B,KAAK,CAACP,WAAW,EAAE;QACrB+B,eAAe,CAAC,CAAC;MACnB;IACF;IAEAxD,KAAK,CAACmD,OAAO,EAAGT,KAAK,IAAK;MACxB,IAAI,CAACA,KAAK,EAAE;QACVc,eAAe,CAAC,CAAC;MACnB;IACF,CAAC,CAAC;IAEF,SAASK,SAASA,CAACC,EAAe,EAAE;MAClCA,EAAE,CAACC,gBAAgB,GAAG,YAAY,EAAEL,YAAY,CAAC;MACjDI,EAAE,CAACC,gBAAgB,GAAG,YAAY,EAAEH,YAAY,CAAC;IACnD;IAEA,SAASI,WAAWA,CAACF,EAAe,EAAE;MACpCA,EAAE,CAACG,mBAAmB,GAAG,YAAY,EAAEP,YAAY,CAAC;MACpDI,EAAE,CAACG,mBAAmB,GAAG,YAAY,EAAEL,YAAY,CAAC;IACtD;IAEA5D,KAAK,CACH,MAAMuC,MAAM,CAACG,KAAK,EAAED,MAAM,EAC1B,CAACW,GAAG,EAAEc,GAAG,KAAK;MACZ,IAAId,GAAG,EAAE;QACPS,SAAS,CAACT,GAAG,CAAC;MAChB,CAAC,MAAM,IAAIc,GAAG,EAAE;QACdF,WAAW,CAACE,GAAG,CAAC;MAClB;IACF,CACF,CAAC;IAED5B,MAAM,CAAC;MACLC,MAAM;MACNE;IACF,CAAC,CAAC;IAEFvC,SAAS,CAAC,MAAM;MACd,OAAAiE,YAAA,CAAAC,SAAA,SAAAD,YAAA,CAAA1D,MAAA,EAAA4D,WAAA;QAAA,OAGW9B;MAAM,GACPnC,IAAI,CAACE,WAAW,CAAC0B,KAAK,EAAEvB,MAAM,CAACuB,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QAAA,WAC5CW,OAAO,CAACD,KAAK;QAAA,SACf,KAAK;QAAA,cACAV,KAAK,CAACJ,UAAU;QAAA,cACnBkB,MAAM,CAACJ,KAAK;QAAA,uBAAA4B,MAAA,IAAZxB,MAAM,CAACJ,KAAK,GAAA4B;MAAA;QAGnBhD,OAAO,EAAE,SAAAA,CAAA,EAAkB;UAAA,SAAAiD,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAdC,IAAI,OAAAzD,KAAA,CAAAsD,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;YAAJD,IAAI,CAAAC,IAAA,IAAAH,SAAA,CAAAG,IAAA;UAAA;UACf,OAAAR,YAAA,CAAAC,SAAA,SAAAD,YAAA,CAAAvD,MAAA,eAAAuD,YAAA;YAAA;UAAA,IAIO/B,KAAK,CAACd,OAAO,GAAG,GAAGoD,IAAI,CAAC,IAAI,EAAE;QAIvC,CAAC;QACDE,IAAI,EAAE,SAAAA,CAAA;UAAA,SAAAC,KAAA,GAAAL,SAAA,CAAAC,MAAA,EAAIC,IAAI,OAAAzD,KAAA,CAAA4D,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;YAAJJ,IAAI,CAAAI,KAAA,IAAAN,SAAA,CAAAM,KAAA;UAAA;UAAA,OAAY1C,KAAK,CAACwC,IAAI,GAAG,GAAGF,IAAI,CAAC;QAAA;MAAA;IAKzD,CAAC,CAAC;IAEF,OAAO;MACLnC,MAAM;MACNwC,GAAG,EAAExC,MAAM;MACXE,MAAM;MACNK;IACF,CAAC;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"YTooltip.js","names":["computed","nextTick","ref","watch","Fragment","_Fragment","createVNode","_createVNode","mergeProps","_mergeProps","useModelDuplex","useRender","pressPolyTransitionPropsOptions","omit","bindClasses","chooseProps","defineComponent","propsFactory","pressYLayerProps","YLayer","useDelay","YPlate","NAME","YTooltipPropOptions","tooltipClasses","type","Array","String","Object","preventClip","Boolean","default","coordinateStrategy","scrollStrategy","openOnHover","align","offset","transition","pressYTooltipPropsOptions","YTooltip","name","props","emits","setup","_ref","slots","emit","expose","layer$","contentEl","baseEl","value","classes","boundClasses","model","active","get","set","v","disabled","hovered","neo","$content","content$","startOpenDelay","startCloseDelay","changeActive","onMouseenter","e","onMouseleave","bindHover","el","addEventListener","unbindHover","removeEventListener","old","$event","_len","arguments","length","args","_key","base","_len2","_key2","el$"],"sources":["../../../src/components/tooltip/YTooltip.tsx"],"sourcesContent":["import { computed, nextTick, type PropType, ref, watch } from \"vue\";\r\n\r\nimport { useModelDuplex } from \"@/composables/communication\";\r\nimport { useRender } from \"@/composables/component\";\r\nimport { pressPolyTransitionPropsOptions } from \"@/composables/transition\";\r\nimport { omit } from \"@/util/common\";\r\nimport {\r\n\tbindClasses,\r\n\tchooseProps,\r\n\tdefineComponent,\r\n\tpropsFactory,\r\n} from \"@/util/component\";\r\n\r\nimport { pressYLayerProps, YLayer } from \"../layer\";\r\nimport { useDelay } from \"../layer/active-delay\";\r\nimport { YPlate } from \"../plate\";\r\n\r\nimport \"./YTooltip.scss\";\r\n\r\nconst NAME = \"YTooltip\";\r\n\r\nconst YTooltipPropOptions = {\r\n\ttooltipClasses: {\r\n\t\ttype: [Array, String, Object] as PropType<\r\n\t\t\tstring[] | string | Record<string, any>\r\n\t\t>,\r\n\t},\r\n\tpreventClip: {\r\n\t\ttype: Boolean as PropType<boolean>,\r\n\t\tdefault: true,\r\n\t},\r\n\t...pressYLayerProps({\r\n\t\tcoordinateStrategy: \"levitation\" as const,\r\n\t\tscrollStrategy: \"reposition\" as const,\r\n\t\topenOnHover: true,\r\n\t\talign: \"center\",\r\n\t\toffset: 8,\r\n\t}),\r\n\t...pressPolyTransitionPropsOptions({\r\n\t\ttransition: \"fade\",\r\n\t}),\r\n};\r\n\r\nexport const pressYTooltipPropsOptions = propsFactory(\r\n\tYTooltipPropOptions,\r\n\t\"YTooltip\",\r\n);\r\n\r\n/**\r\n * #  Component\r\n */\r\nexport const YTooltip = defineComponent<\r\n\tReturnType<typeof pressYTooltipPropsOptions>\r\n>({\r\n\tname: NAME,\r\n\tprops: {\r\n\t\t...pressYTooltipPropsOptions(),\r\n\t},\r\n\temits: [\"update:modelValue\"],\r\n\tsetup(props, { slots, emit, expose }) {\r\n\t\tconst layer$ = ref<typeof YLayer>();\r\n\t\tconst contentEl = ref<HTMLElement>();\r\n\t\tconst baseEl = computed(() => {\r\n\t\t\treturn layer$.value?.baseEl;\r\n\t\t});\r\n\r\n\t\tconst classes = computed(() => {\r\n\t\t\tconst boundClasses = bindClasses(props.tooltipClasses);\r\n\t\t\treturn {\r\n\t\t\t\t...boundClasses,\r\n\t\t\t\t\"y-tooltip\": true,\r\n\t\t\t};\r\n\t\t});\r\n\r\n\t\tconst model = useModelDuplex(props);\r\n\r\n\t\tconst active = computed({\r\n\t\t\tget: (): boolean => {\r\n\t\t\t\treturn !!model.value;\r\n\t\t\t},\r\n\t\t\tset: (v: boolean) => {\r\n\t\t\t\tif (!(v && props.disabled)) model.value = v;\r\n\t\t\t},\r\n\t\t});\r\n\r\n\t\tconst hovered = computed(() => !!layer$.value?.hovered);\r\n\r\n\t\twatch(active, (neo) => {\r\n\t\t\tif (neo) {\r\n\t\t\t\tnextTick(() => {\r\n\t\t\t\t\tconst $content = layer$.value?.content$;\r\n\t\t\t\t\tcontentEl.value = $content;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tconst { startOpenDelay, startCloseDelay } = useDelay(\r\n\t\t\tprops,\r\n\t\t\t(changeActive) => {\r\n\t\t\t\tif (!changeActive && props.openOnHover && !hovered.value) {\r\n\t\t\t\t\tactive.value = false;\r\n\t\t\t\t} else if (changeActive) {\r\n\t\t\t\t\tactive.value = true;\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t);\r\n\r\n\t\tfunction onMouseenter(e: MouseEvent) {\r\n\t\t\tif (props.openOnHover) {\r\n\t\t\t\tstartOpenDelay();\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tfunction onMouseleave(e: MouseEvent) {\r\n\t\t\tif (props.openOnHover) {\r\n\t\t\t\tstartCloseDelay();\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\twatch(hovered, (value) => {\r\n\t\t\tif (!value) {\r\n\t\t\t\tstartCloseDelay();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tfunction bindHover(el: HTMLElement) {\r\n\t\t\tel.addEventListener?.(\"mouseenter\", onMouseenter);\r\n\t\t\tel.addEventListener?.(\"mouseleave\", onMouseleave);\r\n\t\t}\r\n\r\n\t\tfunction unbindHover(el: HTMLElement) {\r\n\t\t\tel.removeEventListener?.(\"mouseenter\", onMouseenter);\r\n\t\t\tel.removeEventListener?.(\"mouseleave\", onMouseleave);\r\n\t\t}\r\n\r\n\t\twatch(\r\n\t\t\t() => layer$.value?.baseEl,\r\n\t\t\t(neo, old) => {\r\n\t\t\t\tif (neo) {\r\n\t\t\t\t\tbindHover(neo);\r\n\t\t\t\t} else if (old) {\r\n\t\t\t\t\tunbindHover(old);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t);\r\n\r\n\t\texpose({\r\n\t\t\tlayer$,\r\n\t\t\tbaseEl,\r\n\t\t});\r\n\r\n\t\tuseRender(() => {\r\n\t\t\treturn (\r\n\t\t\t\t<YLayer\r\n\t\t\t\t\tref={layer$}\r\n\t\t\t\t\t{...omit(chooseProps(props, YLayer.props), [\"scrim\"])}\r\n\t\t\t\t\tclasses={classes.value}\r\n\t\t\t\t\tscrim={false}\r\n\t\t\t\t\ttransition={props.transition}\r\n\t\t\t\t\tv-model={active.value}\r\n\t\t\t\t>\r\n\t\t\t\t\t{{\r\n\t\t\t\t\t\tdefault: (...args: any) => {\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t<YPlate></YPlate>\r\n\t\t\t\t\t\t\t\t\t<div class=\"y-tooltip__content\">\r\n\t\t\t\t\t\t\t\t\t\t{slots.default?.(...args) ?? \"\"}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tbase: (...args: any[]) => slots.base?.(...args),\r\n\t\t\t\t\t}}\r\n\t\t\t\t</YLayer>\r\n\t\t\t);\r\n\t\t});\r\n\r\n\t\treturn {\r\n\t\t\tlayer$,\r\n\t\t\tel$: layer$,\r\n\t\t\tbaseEl,\r\n\t\t\tactive,\r\n\t\t};\r\n\t},\r\n});\r\n\r\nexport type YTooltip = InstanceType<typeof YTooltip>;\r\n"],"mappings":"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","ignoreList":[]}

package/lib/components/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/tooltip/index.ts"],"sourcesContent":["export * from './YTooltip';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/tooltip/index.ts"],"sourcesContent":["export * from './YTooltip';\n"],"mappings":"","ignoreList":[]}

package/lib/components/transitions/expand-transition.js.map

@@ -1 +1 @@
-{"version":3,"file":"expand-transition.js","names":["Transition","defineComponent","h","ref","kebabToCamel","createExpandTransition","isHorizon","arguments","length","undefined","direction","name","sizeProperty","offsetProperty","getExpandTransitionHooks","cache","relay","resetStyle","el","_originStyle","style","overflow","flex","size","cacheSize","rect","getBoundingClientRect","value","onBeforeEnter","_parent","parentNode","transition","onEnter","originStyle","setProperty","offsetSize","requestAnimationFrame","onAfterEnter","onEnterCancelled","onLeave","onAfterLeave","onLeaveCancelled","props","disabled","type","Boolean","default","setup","_ref","slots","cacheValue","css"],"sources":["../../../src/components/transitions/expand-transition.ts"],"sourcesContent":["import {\n  type PropType,\n  type Ref,\n  Transition,\n  defineComponent,\n  h,\n  ref,\n} from 'vue';\n\nimport { kebabToCamel } from '@/util/string';\n\ntype HTMLParentElement = (Node & ParentNode & HTMLElement) | null;\ninterface HTMLExpandElement extends HTMLElement {\n  _parent?: HTMLParentElement;\n  _originStyle?: {\n    transition: string;\n    overflow: string;\n    height?: string | null;\n    width?: string | null;\n    flex: string;\n  };\n}\n\nexport function createExpandTransition(isHorizon = false) {\n  const direction = isHorizon ? 'h' : 'v';\n  const name = `expand-${direction}-transition`;\n  const sizeProperty = isHorizon ? 'width' : 'height';\n  const offsetProperty = kebabToCamel(`offset-${sizeProperty}`) as\n    | 'offsetWidth'\n    | 'offsetHeight';\n\n  function getExpandTransitionHooks(\n    cache: Ref<number | undefined>,\n    relay: boolean,\n  ): Record<string, any> {\n    function resetStyle(el: HTMLExpandElement) {\n      if (el._originStyle) {\n        el.style.overflow = el._originStyle.overflow;\n        el.style.flex = el._originStyle.flex;\n        const size = el._originStyle[sizeProperty];\n        if (size != null) {\n          el.style[sizeProperty] = size;\n        }\n      }\n      delete el._originStyle;\n    }\n\n    function cacheSize(el: HTMLExpandElement) {\n      if (relay && el) {\n        const rect = el.getBoundingClientRect();\n        cache.value = rect?.[sizeProperty];\n      }\n    }\n\n    return {\n      onBeforeEnter(el: HTMLExpandElement) {\n        el._parent = el.parentNode as HTMLParentElement;\n        el._originStyle = {\n          transition: el.style.transition,\n          overflow: el.style.overflow,\n          [sizeProperty]: el.style[sizeProperty],\n          flex: el.style.flex,\n        };\n      },\n      onEnter(el: HTMLExpandElement) {\n        const originStyle = el._originStyle;\n        el.style.setProperty('transition', 'none', 'important');\n        el.style.overflow = 'hidden';\n        el.style.flex = '0 0 auto';\n        const offsetSize = `${el[offsetProperty]}px`;\n        if (relay && cache.value != null) {\n          el.style[sizeProperty] = `${cache.value}px`;\n        } else {\n          el.style[sizeProperty] = '0';\n        }\n        el.getBoundingClientRect();\n        el.style.transition = originStyle?.transition ?? '';\n\n        requestAnimationFrame(() => {\n          el.style[sizeProperty] = offsetSize;\n        });\n      },\n      onAfterEnter(el: HTMLExpandElement) {\n        resetStyle(el);\n      },\n      onEnterCancelled(el: HTMLExpandElement) {\n        resetStyle(el);\n      },\n      onLeave(el: HTMLExpandElement) {\n        cacheSize(el);\n        if (relay) {\n          return;\n        }\n        el._originStyle = {\n          transition: '',\n          overflow: el.style.overflow,\n          flex: el.style.flex,\n          [sizeProperty]: el.style[sizeProperty],\n        };\n        el.style.overflow = 'hidden';\n        el.style.flex = '0 0 auto';\n        el.style[sizeProperty] = `${el[offsetProperty]}px`;\n        el.getBoundingClientRect();\n        requestAnimationFrame(() => {\n          el.style[sizeProperty] = '0';\n        });\n      },\n      onAfterLeave(el: HTMLExpandElement) {\n        resetStyle(el);\n      },\n      onLeaveCancelled(el: HTMLExpandElement) {\n        resetStyle(el);\n      },\n    };\n  }\n\n  return defineComponent({\n    name,\n    props: {\n      disabled: {\n        type: Boolean as PropType<boolean>,\n        default: false,\n      },\n      relay: Boolean,\n    },\n    setup(props, { slots }) {\n      const cacheValue = ref<number | undefined>();\n      return () =>\n        h(\n          Transition,\n          {\n            name: props.disabled ? '' : name,\n            css: !props.disabled,\n            ...(props.disabled\n              ? {}\n              : getExpandTransitionHooks(cacheValue, props.relay)),\n          },\n          slots.default,\n        );\n    },\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"expand-transition.js","names":["Transition","defineComponent","h","ref","kebabToCamel","createExpandTransition","isHorizon","arguments","length","undefined","direction","name","sizeProperty","offsetProperty","getExpandTransitionHooks","cache","relay","resetStyle","el","_originStyle","style","overflow","flex","size","cacheSize","rect","getBoundingClientRect","value","onBeforeEnter","_parent","parentNode","transition","onEnter","originStyle","setProperty","offsetSize","requestAnimationFrame","onAfterEnter","onEnterCancelled","onLeave","onAfterLeave","onLeaveCancelled","props","disabled","type","Boolean","default","setup","_ref","slots","cacheValue","css"],"sources":["../../../src/components/transitions/expand-transition.ts"],"sourcesContent":["import {\n  type PropType,\n  type Ref,\n  Transition,\n  defineComponent,\n  h,\n  ref,\n} from 'vue';\n\nimport { kebabToCamel } from '@/util/string';\n\ntype HTMLParentElement = (Node & ParentNode & HTMLElement) | null;\ninterface HTMLExpandElement extends HTMLElement {\n  _parent?: HTMLParentElement;\n  _originStyle?: {\n    transition: string;\n    overflow: string;\n    height?: string | null;\n    width?: string | null;\n    flex: string;\n  };\n}\n\nexport function createExpandTransition(isHorizon = false) {\n  const direction = isHorizon ? 'h' : 'v';\n  const name = `expand-${direction}-transition`;\n  const sizeProperty = isHorizon ? 'width' : 'height';\n  const offsetProperty = kebabToCamel(`offset-${sizeProperty}`) as\n    | 'offsetWidth'\n    | 'offsetHeight';\n\n  function getExpandTransitionHooks(\n    cache: Ref<number | undefined>,\n    relay: boolean,\n  ): Record<string, any> {\n    function resetStyle(el: HTMLExpandElement) {\n      if (el._originStyle) {\n        el.style.overflow = el._originStyle.overflow;\n        el.style.flex = el._originStyle.flex;\n        const size = el._originStyle[sizeProperty];\n        if (size != null) {\n          el.style[sizeProperty] = size;\n        }\n      }\n      delete el._originStyle;\n    }\n\n    function cacheSize(el: HTMLExpandElement) {\n      if (relay && el) {\n        const rect = el.getBoundingClientRect();\n        cache.value = rect?.[sizeProperty];\n      }\n    }\n\n    return {\n      onBeforeEnter(el: HTMLExpandElement) {\n        el._parent = el.parentNode as HTMLParentElement;\n        el._originStyle = {\n          transition: el.style.transition,\n          overflow: el.style.overflow,\n          [sizeProperty]: el.style[sizeProperty],\n          flex: el.style.flex,\n        };\n      },\n      onEnter(el: HTMLExpandElement) {\n        const originStyle = el._originStyle;\n        el.style.setProperty('transition', 'none', 'important');\n        el.style.overflow = 'hidden';\n        el.style.flex = '0 0 auto';\n        const offsetSize = `${el[offsetProperty]}px`;\n        if (relay && cache.value != null) {\n          el.style[sizeProperty] = `${cache.value}px`;\n        } else {\n          el.style[sizeProperty] = '0';\n        }\n        el.getBoundingClientRect();\n        el.style.transition = originStyle?.transition ?? '';\n\n        requestAnimationFrame(() => {\n          el.style[sizeProperty] = offsetSize;\n        });\n      },\n      onAfterEnter(el: HTMLExpandElement) {\n        resetStyle(el);\n      },\n      onEnterCancelled(el: HTMLExpandElement) {\n        resetStyle(el);\n      },\n      onLeave(el: HTMLExpandElement) {\n        cacheSize(el);\n        if (relay) {\n          return;\n        }\n        el._originStyle = {\n          transition: '',\n          overflow: el.style.overflow,\n          flex: el.style.flex,\n          [sizeProperty]: el.style[sizeProperty],\n        };\n        el.style.overflow = 'hidden';\n        el.style.flex = '0 0 auto';\n        el.style[sizeProperty] = `${el[offsetProperty]}px`;\n        el.getBoundingClientRect();\n        requestAnimationFrame(() => {\n          el.style[sizeProperty] = '0';\n        });\n      },\n      onAfterLeave(el: HTMLExpandElement) {\n        resetStyle(el);\n      },\n      onLeaveCancelled(el: HTMLExpandElement) {\n        resetStyle(el);\n      },\n    };\n  }\n\n  return defineComponent({\n    name,\n    props: {\n      disabled: {\n        type: Boolean as PropType<boolean>,\n        default: false,\n      },\n      relay: Boolean,\n    },\n    setup(props, { slots }) {\n      const cacheValue = ref<number | undefined>();\n      return () =>\n        h(\n          Transition,\n          {\n            name: props.disabled ? '' : name,\n            css: !props.disabled,\n            ...(props.disabled\n              ? {}\n              : getExpandTransitionHooks(cacheValue, props.relay)),\n          },\n          slots.default,\n        );\n    },\n  });\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/components/transitions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["createExpandTransition","YExpandVTransition","YExpandHTransition"],"sources":["../../../src/components/transitions/index.ts"],"sourcesContent":["import { createExpandTransition } from './expand-transition';\n\nexport const YExpandVTransition = createExpandTransition(false);\nexport const YExpandHTransition = createExpandTransition(true);\n\nexport type YExpandVTransition = InstanceType<typeof YExpandVTransition>;\nexport type YExpandHTransition = InstanceType<typeof YExpandHTransition>;\n"],"mappings":"SAASA,sBAAsB;AAE/B,OAAO,MAAMC,kBAAkB,GAAGD,sBAAsB,CAAC,KAAK,CAAC;AAC/D,OAAO,MAAME,kBAAkB,GAAGF,sBAAsB,CAAC,IAAI,CAAC"}
+{"version":3,"file":"index.js","names":["createExpandTransition","YExpandVTransition","YExpandHTransition"],"sources":["../../../src/components/transitions/index.ts"],"sourcesContent":["import { createExpandTransition } from './expand-transition';\n\nexport const YExpandVTransition = createExpandTransition(false);\nexport const YExpandHTransition = createExpandTransition(true);\n\nexport type YExpandVTransition = InstanceType<typeof YExpandVTransition>;\nexport type YExpandHTransition = InstanceType<typeof YExpandHTransition>;\n"],"mappings":"SAASA,sBAAsB;AAE/B,OAAO,MAAMC,kBAAkB,GAAGD,sBAAsB,CAAC,KAAK,CAAC;AAC/D,OAAO,MAAME,kBAAkB,GAAGF,sBAAsB,CAAC,IAAI,CAAC","ignoreList":[]}

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

@@ -1,19 +1,18 @@
-import { createTextVNode as _createTextVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective, createVNode as _createVNode, Fragment as _Fragment } from "vue";
-import { computed, defineComponent, onMounted, ref, shallowRef, watch } from 'vue';
+import { computed, defineComponent, onMounted, ref, shallowRef, watch, Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps, createTextVNode as _createTextVNode } from "vue";
 import { provideTreeView } from "./tree-view.js";
 import { useRender } from "../../composables/component.js";
 import { differenceBetween } from "../../util/array.js";
 import { isColorValue } from "../../util/color/index.js";
-import { deepEqual, getObjectValueByPath, hasOwnProperty } from "../../util/common.js";
+import { deepEqual, getObjectValueByPath } from "../../util/common.js";
 import { chooseProps } from "../../util/component/index.js";
 import { debounce } from "../../util/debounce.js";
 import { YProgressBar } from "../progress-bar/index.js";
-import { YTreeViewNode, pressYTreeViewNodeProps } from "./YTreeViewNode.js";
 import { filterTreeItem, filterTreeItems, getKeys } from "./util.js";
+import { pressYTreeViewNodeProps, YTreeViewNode } from "./YTreeViewNode.js";
 import "./YTreeView.scss";
 const treeViewNodeProps = pressYTreeViewNodeProps();
 export const YTreeView = defineComponent({
-  name: 'YTreeView',
+  name: "YTreeView",
   props: {
     expanded: {
       type: [Array],
@@ -24,23 +23,11 @@ export const YTreeView = defineComponent({
       default: () => []
     },
     multipleActive: Boolean,
-    activeStrategy: {
-      /**
-       * cascade: only descendent leaves
-       * relative: cascade after check parent (ancestor)
-       */
-      type: String,
-      default: 'independent'
-    },
     onlyEventActiveStrategy: Boolean,
     selected: {
       type: [Array],
       default: () => []
     },
-    selectStrategy: {
-      type: String,
-      default: 'leaf'
-    },
     returnItem: Boolean,
     defaultExpand: [Boolean, String, Number],
     filter: Function,
@@ -50,11 +37,10 @@ export const YTreeView = defineComponent({
     },
     ...treeViewNodeProps
   },
-  emits: ['update:expanded', 'update:active', 'update:selected'],
+  emits: ["update:expanded", "update:active", "update:selected"],
   setup(props, _ref) {
     let {
       slots,
-      emit,
       expose
     } = _ref;
     const filterItemsFn = shallowRef(debounce(excludeItem, props.searchDebounceWait));
@@ -79,7 +65,7 @@ export const YTreeView = defineComponent({
       isExcluded
     } = provideTreeView(props);
     function excludeItem(items) {
-      let search = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      let search = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
       let filter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : filterTreeItem;
       const excluded = new Set();
       if (!search) {
@@ -95,7 +81,7 @@ export const YTreeView = defineComponent({
         return;
       }
       for (const item of items) {
-        filterTreeItems(filter, item, search ?? '', props.itemKey, props.itemText, props.itemChildren, excluded);
+        filterTreeItems(filter, item, search ?? "", props.itemKey, props.itemText, props.itemChildren, excluded);
       }
       excludedSet.value = excluded;
       searchLoading.value = false;
@@ -118,7 +104,7 @@ export const YTreeView = defineComponent({
       for (const item of items) {
         const key = getObjectValueByPath(item, props.itemKey);
         const children = getObjectValueByPath(item, props.itemChildren) ?? [];
-        const exist = hasOwnProperty(nodes.value, key);
+        const exist = Object.hasOwn(nodes.value, key);
         const existNode = exist ? nodes.value[key] : {
           vnode: null,
           selected: selected.value?.includes(key) ?? false,
@@ -175,8 +161,12 @@ export const YTreeView = defineComponent({
       if (deepEqual(old, valuesOfKey)) {
         return;
       }
-      old.forEach(key => updater(key, false));
-      valuesOfKey.forEach(key => updater(key, true));
+      old.forEach(key => {
+        updater(key, false);
+      });
+      valuesOfKey.forEach(key => {
+        updater(key, true);
+      });
       emitter();
     }
     watch(expanded, neo => {
@@ -195,7 +185,9 @@ export const YTreeView = defineComponent({
       if (diff.length < 1 && neoKeys.length < oldKeys.length) {
         return;
       }
-      diff.forEach(k => delete nodes.value[k]);
+      diff.forEach(k => {
+        delete nodes.value[k];
+      });
 
       // init
       const oldSelected = [...selectedSet.value];
@@ -213,7 +205,7 @@ export const YTreeView = defineComponent({
       filterItemsFn.value(neo, props.search, props.filter);
     }, {
       deep: true,
-      flush: 'sync'
+      flush: "sync"
     });
 
     // Provide & Issue
@@ -226,7 +218,7 @@ export const YTreeView = defineComponent({
     });
     const classes = computed(() => {
       return {
-        'y-tree-view': true
+        "y-tree-view": true
       };
     });
     const styles = computed(() => {
@@ -246,7 +238,9 @@ export const YTreeView = defineComponent({
       if (props.defaultExpand != null && props.defaultExpand !== false) {
         expandedCache.value = [...expand(props.defaultExpand)];
       } else {
-        expanded.value.forEach(v => updateExpanded(getNodeKey(v), true));
+        expanded.value.forEach(v => {
+          updateExpanded(getNodeKey(v), true);
+        });
         emitExpanded();
       }
       for (const activeValue of props.active.map(getNodeKey)) {
@@ -276,7 +270,7 @@ export const YTreeView = defineComponent({
         }), slots);
       }) : _createVNode("div", {
         "class": "y-tree-view__no-data"
-      }, [slots['no-data'] ? slots['no-data']() : _createVNode("span", null, [_createTextVNode("No Data")])])])]);
+      }, [slots["no-data"] ? slots["no-data"]() : _createVNode("span", null, [_createTextVNode("No Data")])])])]);
     });
     return {
       nodes,

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

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

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

@@ -1,11 +1,12 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { computed, getCurrentInstance, mergeProps, onBeforeMount, ref, resolveComponent } from 'vue';
+/** biome-ignore-all lint/a11y/noStaticElementInteractions: <explanation> */
+/** biome-ignore-all lint/a11y/useFocusableInteractive: <explanation> */
+/** biome-ignore-all lint/a11y/useKeyWithClickEvents: <explanation> */
+import { computed, mergeProps, onBeforeMount, ref, resolveComponent, watch, createVNode as _createVNode, mergeProps as _mergeProps } from 'vue';
 import { pressItemsPropsOptions } from "../../abstract/items.js";
 import { useTreeView } from "./tree-view.js";
 import { useRender } from "../../composables/component.js";
 import { getObjectValueByPath } from "../../util/common.js";
-import { defineComponent } from "../../util/component/index.js";
-import { propsFactory } from "../../util/component/index.js";
+import { defineComponent, propsFactory } from "../../util/component/index.js";
 import { YButton } from "../button/index.js";
 import { YIconCheckbox, YIconExpand } from "../icons/index.js";
 import { YPlate } from "../plate/index.js";
@@ -15,6 +16,14 @@ export const pressYTreeViewNodeProps = propsFactory({
   search: String,
   disableTransition: Boolean,
   enableActive: Boolean,
+  activeStrategy: {
+    /**
+     * cascade: only action descendent leaves
+     * relative: cascade after check parent (ancestor)
+     */
+    type: String,
+    default: 'independent'
+  },
   activeClass: [String, Array],
   activeSingleModifier: String,
   requiredActive: Boolean,
@@ -23,6 +32,15 @@ export const pressYTreeViewNodeProps = propsFactory({
     default: 'primary'
   },
   enableSelect: Boolean,
+  selectStrategy: {
+    /**
+     * cascade: only action descendent leaves
+     * relative: cascade after check parent (ancestor)
+     * leaves: relative after return values only leaf
+     */
+    type: String,
+    default: 'relative'
+  },
   onMouseenterContainer: Function,
   onMouseleaveContainer: Function,
   onMousemoveContainer: Function,
@@ -30,6 +48,10 @@ export const pressYTreeViewNodeProps = propsFactory({
     itemKey: 'id'
   })
 }, 'YTreeViewNode');
+
+/**
+ * TODO: correct selected values what selectStrategy leaf or others
+ */
 export const YTreeViewNode = defineComponent({
   name: 'YTreeNode',
   components: {
@@ -55,17 +77,35 @@ export const YTreeViewNode = defineComponent({
       expose
     } = _ref;
     const YTreeNode = resolveComponent('YTreeViewNode', true);
-    const vm = getCurrentInstance();
     const treeView = useTreeView();
     const container$ = ref();
     const expanded = ref(false);
     const active = ref(false);
     const selected = ref(false);
-    const immediate = ref(false);
+    const indeterminate = ref(false);
+    const myKey = computed(() => getObjectValueByPath(props.item, props.itemKey));
     const children = computed(() => {
       return (getObjectValueByPath(props.item, props.itemChildren) ?? []).slice();
     });
     const imLeaf = computed(() => children.value.length < 1);
+    const searchLoading = computed(() => {
+      return treeView.searchLoading.value;
+    });
+    const leaves = computed(() => {
+      return children.value.filter(leaf => {
+        return !treeView.isExcluded(getObjectValueByPath(leaf, props.itemKey));
+      });
+    });
+    const childrenSelection = computed(() => treeView.selectedState.value(myKey.value, children.value.map(child => getObjectValueByPath(child, props.itemKey))));
+    const childrenAllChecked = computed(() => {
+      return !!children.value?.length && childrenSelection.value.all;
+    });
+    const childrenSomeChecked = computed(() => {
+      return (props.selectStrategy === 'relative' || props.selectStrategy === 'leaf') && (children.value?.length ?? 0) > 0 && !childrenAllChecked.value && childrenSelection.value.some;
+    });
+    const isChecked = computed(() => {
+      return selected.value || props.selectStrategy === 'leaf' && childrenAllChecked.value;
+    });
     const classes = computed(() => {
       return {
         'y-tree-view-node': true,
@@ -89,13 +129,8 @@ export const YTreeViewNode = defineComponent({
         toggleActive
       };
     });
-    const searchLoading = computed(() => {
-      return treeView.searchLoading.value;
-    });
-    const leaves = computed(() => {
-      return children.value.filter(leaf => {
-        return !treeView.isExcluded(getObjectValueByPath(leaf, props.itemKey));
-      });
+    watch(childrenSomeChecked, value => {
+      indeterminate.value = value;
     });
     function toggleActive(e) {
       const to = !active.value;
@@ -115,7 +150,7 @@ export const YTreeViewNode = defineComponent({
     }
     function onClickSelect(e) {
       e.stopPropagation();
-      const to = !selected.value;
+      const to = !isChecked.value;
       selected.value = to;
       treeView.updateSelected(myKey.value, to);
       treeView.emitSelected();
@@ -167,11 +202,15 @@ export const YTreeViewNode = defineComponent({
         default: () => [slots['expand-icon'] ? slots['expand-icon']() : _createVNode(YIconExpand, null, null)]
       }) : _createVNode("i", {
         "class": 'y-tree-view-node__no-expand-icon'
-      }, null), props.enableSelect && _createVNode("div", {
+      }, null), props.enableSelect && // biome-ignore lint/a11y/useSemanticElements: passive
+      _createVNode("div", {
         "class": 'y-tree-view-node__select',
+        "role": "checkbox",
+        "aria-checked": isChecked.value,
         "onClick": onClickSelect
       }, [_createVNode(YIconCheckbox, {
-        "checked": selected.value
+        "checked": isChecked.value,
+        "indeterminate": !selected.value && childrenSomeChecked.value
       }, null)]), _createVNode("div", {
         "class": 'y-tree-view-node__content'
       }, [slots.leading && _createVNode("div", {
@@ -227,15 +266,12 @@ export const YTreeViewNode = defineComponent({
         })])]
       })]);
     });
-    const myKey = computed(() => {
-      return getObjectValueByPath(props.item, props.itemKey);
-    });
     const nodeState = {
       myKey,
       expanded,
       active,
       selected,
-      immediate
+      indeterminate
     };
     expose(nodeState);
     onBeforeMount(() => {
@@ -247,7 +283,8 @@ export const YTreeViewNode = defineComponent({
       expanded,
       active,
       selected,
-      immediate
+      indeterminate,
+      childrenSelection
     };
   }
 });