yuyeon 0.3.1-rc.6 → 0.3.1

package/lib/components/text-interpolation/YTi.js

@@ -0,0 +1,47 @@
+import { createVNode as _createVNode } from "vue";
+import { computed } from 'vue';
+import { useRender } from "../../composables/component.js";
+import { getObjectValueByPath } from "../../util/common.js";
+import { defineComponent } from "../../util/component/index.js";
+import { simpleBraceParse } from "../../util/string.js";
+export const YTi = defineComponent({
+  name: 'YTi',
+  props: {
+    text: String,
+    item: Object,
+    tag: {
+      type: String,
+      default: 'span'
+    }
+  },
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const parsed = computed(() => {
+      return simpleBraceParse(props.text ?? '');
+    });
+    function getValue(key) {
+      return getObjectValueByPath(props.item, key);
+    }
+    useRender(() => {
+      const ElTag = props.tag;
+      return _createVNode(ElTag, null, {
+        default: () => [slots.default ? slots.default?.({
+          nodes: parsed.value
+        }) : parsed.value.map(frag => {
+          if (frag.type === 'text') {
+            return frag.content;
+          }
+          if (frag.type === 'variable') {
+            return slots?.[frag.content] ? slots[frag.content]?.({
+              key: frag.content,
+              value: getValue(frag.content)
+            }) : getValue(frag.content);
+          }
+        })]
+      });
+    });
+  }
+});
+//# sourceMappingURL=YTi.js.map

package/lib/components/text-interpolation/YTi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YTi.js","names":["computed","useRender","getObjectValueByPath","defineComponent","simpleBraceParse","YTi","name","props","text","String","item","Object","tag","type","default","setup","_ref","slots","parsed","getValue","key","ElTag","_createVNode","nodes","value","map","frag","content"],"sources":["../../../src/components/text-interpolation/YTi.tsx"],"sourcesContent":["import { type PropType, computed } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { getObjectValueByPath } from '@/util/common';\r\nimport { defineComponent } from '@/util/component';\r\nimport { simpleBraceParse } from '@/util/string';\r\n\r\nexport const YTi = defineComponent({\r\n  name: 'YTi',\r\n  props: {\r\n    text: String,\r\n    item: Object,\r\n    tag: {\r\n      type: String as PropType<keyof HTMLElementTagNameMap>,\r\n      default: 'span',\r\n    },\r\n  },\r\n  setup(props, { slots }) {\r\n    const parsed = computed(() => {\r\n      return simpleBraceParse(props.text ?? '');\r\n    });\r\n\r\n    function getValue(key: string) {\r\n      return getObjectValueByPath(props.item, key);\r\n    }\r\n\r\n    useRender(() => {\r\n      const ElTag = props.tag as keyof HTMLElementTagNameMap;\r\n      return (\r\n        <ElTag>\r\n          {slots.default\r\n            ? slots.default?.({ nodes: parsed.value })\r\n            : parsed.value.map((frag) => {\r\n                if (frag.type === 'text') {\r\n                  return frag.content;\r\n                }\r\n                if (frag.type === 'variable') {\r\n                  return slots?.[frag.content]\r\n                    ? slots[frag.content]?.({\r\n                        key: frag.content,\r\n                        value: getValue(frag.content),\r\n                      })\r\n                    : getValue(frag.content);\r\n                }\r\n              })}\r\n        </ElTag>\r\n      );\r\n    });\r\n  },\r\n});\r\n\r\nexport type YTi = InstanceType<typeof YTi>;\r\n"],"mappings":";AAAA,SAAwBA,QAAQ,QAAQ,KAAK;AAAC,SAErCC,SAAS;AAAA,SACTC,oBAAoB;AAAA,SACpBC,eAAe;AAAA,SACfC,gBAAgB;AAEzB,OAAO,MAAMC,GAAG,GAAGF,eAAe,CAAC;EACjCG,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE;IACLC,IAAI,EAAEC,MAAM;IACZC,IAAI,EAAEC,MAAM;IACZC,GAAG,EAAE;MACHC,IAAI,EAAEJ,MAA+C;MACrDK,OAAO,EAAE;IACX;EACF,CAAC;EACDC,KAAKA,CAACR,KAAK,EAAAS,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpB,MAAME,MAAM,GAAGlB,QAAQ,CAAC,MAAM;MAC5B,OAAOI,gBAAgB,CAACG,KAAK,CAACC,IAAI,IAAI,EAAE,CAAC;IAC3C,CAAC,CAAC;IAEF,SAASW,QAAQA,CAACC,GAAW,EAAE;MAC7B,OAAOlB,oBAAoB,CAACK,KAAK,CAACG,IAAI,EAAEU,GAAG,CAAC;IAC9C;IAEAnB,SAAS,CAAC,MAAM;MACd,MAAMoB,KAAK,GAAGd,KAAK,CAACK,GAAkC;MACtD,OAAAU,YAAA,CAAAD,KAAA;QAAAP,OAAA,EAAAA,CAAA,MAEKG,KAAK,CAACH,OAAO,GACVG,KAAK,CAACH,OAAO,GAAG;UAAES,KAAK,EAAEL,MAAM,CAACM;QAAM,CAAC,CAAC,GACxCN,MAAM,CAACM,KAAK,CAACC,GAAG,CAAEC,IAAI,IAAK;UACzB,IAAIA,IAAI,CAACb,IAAI,KAAK,MAAM,EAAE;YACxB,OAAOa,IAAI,CAACC,OAAO;UACrB;UACA,IAAID,IAAI,CAACb,IAAI,KAAK,UAAU,EAAE;YAC5B,OAAOI,KAAK,GAAGS,IAAI,CAACC,OAAO,CAAC,GACxBV,KAAK,CAACS,IAAI,CAACC,OAAO,CAAC,GAAG;cACpBP,GAAG,EAAEM,IAAI,CAACC,OAAO;cACjBH,KAAK,EAAEL,QAAQ,CAACO,IAAI,CAACC,OAAO;YAC9B,CAAC,CAAC,GACFR,QAAQ,CAACO,IAAI,CAACC,OAAO,CAAC;UAC5B;QACF,CAAC,CAAC;MAAA;IAGZ,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/text-interpolation/index.js

@@ -0,0 +1,2 @@
+export * from "./YTi.js";
+//# sourceMappingURL=index.js.map

package/lib/components/text-interpolation/index.js.map

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

package/lib/components/textarea/YTextarea.js

@@ -0,0 +1,157 @@
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { getCurrentInstance, nextTick, ref, watch } from 'vue';
+import { useRender } from "../../composables/component.js";
+import { useFocus } from "../../composables/focus.js";
+import { chooseProps, defineComponent, getUid, propsFactory } from "../../util/component/index.js";
+import { YInput, pressYInputPropsOptions } from "../input/index.js";
+import "./YTextarea.scss";
+export const pressYTextareaPropsOptions = propsFactory({
+  displayText: [String, Function],
+  whenInputValid: [Boolean, Number],
+  ...pressYInputPropsOptions({
+    variation: 'filled'
+  })
+}, 'YTextarea');
+const CLASS_NAME = 'y-textarea';
+export const YTextarea = defineComponent({
+  name: 'YTextarea',
+  props: pressYTextareaPropsOptions(),
+  emits: {
+    'update:modelValue': v => true,
+    'update:focused': v => true,
+    'mousedown:display': e => true,
+    input: v => true,
+    change: (v, e) => true,
+    focus: e => true,
+    blur: e => true,
+    click: e => true,
+    keydown: e => true,
+    keyup: e => true
+  },
+  slots: Object,
+  setup(props, _ref) {
+    let {
+      attrs,
+      emit,
+      slots,
+      expose
+    } = _ref;
+    const UID = getUid();
+    const el$ = ref();
+    const input$ = ref();
+    const inValue = ref('');
+    const displayValue = ref('');
+    const {
+      focused,
+      whenFocus,
+      whenBlur
+    } = useFocus(props, 'y-field-input');
+    function onUpdateModel(value) {
+      emit('update:modelValue', value);
+    }
+    function changeDisplay() {
+      const vm = getCurrentInstance();
+      const {
+        displayText
+      } = props;
+      if (displayText !== undefined) {
+        let text = inValue.value;
+        if (typeof displayText === 'string') {
+          text = displayText;
+        }
+        if (displayText && typeof displayText === 'function') {
+          text = displayText.call(vm, text);
+        }
+        nextTick(() => {
+          displayValue.value = text;
+        });
+      }
+    }
+    function onInput(event) {
+      emit('input', event);
+      const target = event.target;
+      inValue.value = target?.value;
+      displayValue.value = target?.value;
+    }
+    function onChange(event) {
+      emit('change', inValue.value, event);
+    }
+    function onFocus(event) {
+      whenFocus();
+      displayValue.value = inValue.value;
+      emit('focus', event);
+    }
+    function onBlur(event) {
+      whenBlur();
+      emit('blur', event);
+      changeDisplay();
+    }
+    function onKeydown(event) {
+      emit('keydown', event);
+    }
+    function onKeyup(event) {
+      emit('keyup', event);
+    }
+    function onClick(event) {
+      emit('click', event);
+    }
+    watch(() => props.modelValue, neo => {
+      inValue.value = neo;
+      displayValue.value = neo;
+    }, {
+      immediate: true
+    });
+    watch(inValue, neo => {
+      if (!focused.value) {
+        changeDisplay();
+      } else {
+        displayValue.value = neo;
+      }
+    });
+    expose({
+      el$,
+      input$,
+      validate: () => el$.value?.invokeValidators()
+    });
+    useRender(() => {
+      const yInputProps = chooseProps(props, YInput.props);
+      return _createVNode(YInput, _mergeProps({
+        "class": [CLASS_NAME]
+      }, yInputProps, {
+        "modelValue": inValue.value,
+        "onUpdate:modelValue": onUpdateModel,
+        "focused": focused.value,
+        "onClick": onClick,
+        "onMousedown:display": $event => emit('mousedown:display', $event)
+      }), {
+        default: defaultProps => _createVNode("div", {
+          "class": [`${CLASS_NAME}__field`],
+          "data-id": defaultProps.attrId,
+          "ref": 'field'
+        }, [props.floating ? el$.value?.createLabel?.() : undefined, slots.default ? () => slots.default(defaultProps) : undefined, _createVNode("textarea", _mergeProps({
+          "ref": input$,
+          "value": displayValue.value,
+          "id": `y-input--${UID}`,
+          "disabled": props.disabled,
+          "placeholder": props.placeholder,
+          "readonly": props.readonly,
+          "required": props.required
+        }, attrs, {
+          "onInput": onInput,
+          "onFocus": onFocus,
+          "onBlur": onBlur,
+          "onChange": onChange,
+          "onKeydown": onKeydown,
+          "onKeyup": onKeyup
+        }), null)]),
+        label: slots.label ? () => slots.label?.() : undefined,
+        'helper-text': slots['helper-text'] ? () => slots['helper-text']?.() : undefined
+      });
+    });
+    return {
+      el$,
+      input$
+    };
+  }
+});
+//# sourceMappingURL=YTextarea.js.map

package/lib/components/textarea/YTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YTextarea.js","names":["getCurrentInstance","nextTick","ref","watch","useRender","useFocus","chooseProps","defineComponent","getUid","propsFactory","YInput","pressYInputPropsOptions","pressYTextareaPropsOptions","displayText","String","Function","whenInputValid","Boolean","Number","variation","CLASS_NAME","YTextarea","name","props","emits","v","e","input","change","focus","blur","click","keydown","keyup","slots","Object","setup","_ref","attrs","emit","expose","UID","el$","input$","inValue","displayValue","focused","whenFocus","whenBlur","onUpdateModel","value","changeDisplay","vm","undefined","text","call","onInput","event","target","onChange","onFocus","onBlur","onKeydown","onKeyup","onClick","modelValue","neo","immediate","validate","invokeValidators","yInputProps","_createVNode","_mergeProps","$event","default","defaultProps","attrId","floating","createLabel","disabled","placeholder","readonly","required","label"],"sources":["../../../src/components/textarea/YTextarea.tsx"],"sourcesContent":["import {\r\n  type PropType,\r\n  type SlotsType,\r\n  getCurrentInstance,\r\n  nextTick,\r\n  ref,\r\n  watch,\r\n} from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { useFocus } from '@/composables/focus';\r\nimport {\r\n  chooseProps,\r\n  defineComponent,\r\n  getUid,\r\n  propsFactory,\r\n} from '@/util/component';\r\n\r\nimport { YInput, pressYInputPropsOptions } from '../input';\r\n\r\nimport './YTextarea.scss';\r\n\r\nexport const pressYTextareaPropsOptions = propsFactory(\r\n  {\r\n    displayText: [String, Function] as PropType<\r\n      string | ((value: any) => string)\r\n    >,\r\n    whenInputValid: [Boolean, Number] as PropType<boolean | number>,\r\n    ...pressYInputPropsOptions({\r\n      variation: 'filled',\r\n    }),\r\n  },\r\n  'YTextarea',\r\n);\r\n\r\nconst CLASS_NAME = 'y-textarea';\r\n\r\nexport const YTextarea = defineComponent({\r\n  name: 'YTextarea',\r\n  props: pressYTextareaPropsOptions(),\r\n  emits: {\r\n    'update:modelValue': (v: any) => true,\r\n    'update:focused': (v: boolean) => true,\r\n    'mousedown:display': (e: MouseEvent) => true,\r\n    input: (v: any) => true,\r\n    change: (v: any, e: Event) => true,\r\n    focus: (e: FocusEvent) => true,\r\n    blur: (e: FocusEvent) => true,\r\n    click: (e: MouseEvent) => true,\r\n    keydown: (e: KeyboardEvent) => true,\r\n    keyup: (e: KeyboardEvent) => true,\r\n  },\r\n  slots: Object as SlotsType<{\r\n    default: any;\r\n    label: any;\r\n    'helper-text': any;\r\n  }>,\r\n  setup(props, { attrs, emit, slots, expose }) {\r\n    const UID = getUid();\r\n    const el$ = ref<YInput>();\r\n    const input$ = ref();\r\n    const inValue = ref<any>('');\r\n    const displayValue = ref('');\r\n    const { focused, whenFocus, whenBlur } = useFocus(props, 'y-field-input');\r\n\r\n    function onUpdateModel(value: any) {\r\n      emit('update:modelValue', value);\r\n    }\r\n\r\n    function changeDisplay() {\r\n      const vm = getCurrentInstance();\r\n      const { displayText } = props;\r\n      if (displayText !== undefined) {\r\n        let text = inValue.value;\r\n        if (typeof displayText === 'string') {\r\n          text = displayText;\r\n        }\r\n        if (displayText && typeof displayText === 'function') {\r\n          text = (displayText as any).call(vm, text);\r\n        }\r\n        nextTick(() => {\r\n          displayValue.value = text as string;\r\n        });\r\n      }\r\n    }\r\n\r\n    function onInput(event: Event) {\r\n      emit('input', event);\r\n      const target = event.target as HTMLInputElement | null;\r\n      inValue.value = target?.value;\r\n      displayValue.value = target?.value as string;\r\n    }\r\n\r\n    function onChange(event: Event) {\r\n      emit('change', inValue.value, event);\r\n    }\r\n\r\n    function onFocus(event: FocusEvent) {\r\n      whenFocus();\r\n      displayValue.value = inValue.value as string;\r\n      emit('focus', event);\r\n    }\r\n\r\n    function onBlur(event: FocusEvent) {\r\n      whenBlur();\r\n      emit('blur', event);\r\n      changeDisplay();\r\n    }\r\n\r\n    function onKeydown(event: KeyboardEvent) {\r\n      emit('keydown', event);\r\n    }\r\n\r\n    function onKeyup(event: KeyboardEvent) {\r\n      emit('keyup', event);\r\n    }\r\n\r\n    function onClick(event: MouseEvent) {\r\n      emit('click', event);\r\n    }\r\n\r\n    watch(\r\n      () => props.modelValue,\r\n      (neo: any) => {\r\n        inValue.value = neo;\r\n        displayValue.value = neo;\r\n      },\r\n      {\r\n        immediate: true,\r\n      },\r\n    );\r\n\r\n    watch(inValue, (neo: string) => {\r\n      if (!focused.value) {\r\n        changeDisplay();\r\n      } else {\r\n        displayValue.value = neo;\r\n      }\r\n    });\r\n\r\n    expose({\r\n      el$,\r\n      input$,\r\n      validate: () => el$.value?.invokeValidators(),\r\n    });\r\n\r\n    useRender(() => {\r\n      const yInputProps = chooseProps(props, YInput.props);\r\n      return (\r\n        <YInput\r\n          class={[CLASS_NAME]}\r\n          {...yInputProps}\r\n          modelValue={inValue.value}\r\n          onUpdate:modelValue={onUpdateModel}\r\n          focused={focused.value}\r\n          onClick={onClick}\r\n          onMousedown:display={($event) => emit('mousedown:display', $event)}\r\n        >\r\n          {{\r\n            default: (defaultProps: any) => (\r\n              <div\r\n                class={[`${CLASS_NAME}__field`]}\r\n                data-id={defaultProps.attrId}\r\n                ref={'field'}\r\n              >\r\n                {props.floating ? el$.value?.createLabel?.() : undefined}\r\n                {slots.default ? () => slots.default(defaultProps) : undefined}\r\n                {\r\n                  <textarea\r\n                    ref={input$}\r\n                    value={displayValue.value}\r\n                    id={`y-input--${UID}`}\r\n                    disabled={props.disabled}\r\n                    placeholder={props.placeholder}\r\n                    readonly={props.readonly}\r\n                    required={props.required}\r\n                    {...attrs}\r\n                    onInput={onInput}\r\n                    onFocus={onFocus}\r\n                    onBlur={onBlur}\r\n                    onChange={onChange}\r\n                    onKeydown={onKeydown}\r\n                    onKeyup={onKeyup}\r\n                  ></textarea>\r\n                }\r\n              </div>\r\n            ),\r\n            label: slots.label ? () => slots.label?.() : undefined,\r\n            'helper-text': slots['helper-text']\r\n              ? () => slots['helper-text']?.()\r\n              : undefined,\r\n          }}\r\n        </YInput>\r\n      );\r\n    });\r\n\r\n    return {\r\n      el$,\r\n      input$,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YTextarea = InstanceType<typeof YTextarea>;\r\n"],"mappings":"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"}

package/lib/components/textarea/index.js

@@ -0,0 +1,2 @@
+export * from "./YTextarea.js";
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/toggle-button/YToggleButton.js

@@ -0,0 +1,2 @@
+export const Y_TOGGLE_BUTTON_KEY = Symbol.for('yuyeon.y-toggle-button');
+//# sourceMappingURL=YToggleButton.js.map

package/lib/components/toggle-button/YToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YToggleButton.js","names":["Y_TOGGLE_BUTTON_KEY","Symbol","for"],"sources":["../../../src/components/toggle-button/YToggleButton.tsx"],"sourcesContent":["import { type InjectionKey } from 'vue';\r\n\r\nimport { type ChoiceProvide } from '@/composables/choice';\r\n\r\nexport const Y_TOGGLE_BUTTON_KEY: InjectionKey<ChoiceProvide> = Symbol.for(\r\n  'yuyeon.y-toggle-button',\r\n);\r\n"],"mappings":"AAIA,OAAO,MAAMA,mBAAgD,GAAGC,MAAM,CAACC,GAAG,CACxE,wBACF,CAAC"}

package/lib/components/toggle-button/index.js

@@ -0,0 +1,2 @@
+export * from "./YToggleButton.js";
+//# sourceMappingURL=index.js.map

package/lib/components/toggle-button/index.js.map

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

package/lib/components/tooltip/YTooltip.js

@@ -0,0 +1,157 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { computed, nextTick, ref, watch } from 'vue';
+import { useModelDuplex } from "../../composables/communication.js";
+import { useRender } from "../../composables/component.js";
+import { pressPolyTransitionPropsOptions } from "../../composables/transition.js";
+import { omit } from "../../util/common.js";
+import { bindClasses, chooseProps, defineComponent, propsFactory } from "../../util/component/index.js";
+import { YLayer, pressYLayerProps } from "../layer/index.js";
+import { useDelay } from "../layer/active-delay.js";
+import { YPlate } from "../plate/index.js";
+import "./YTooltip.scss";
+const NAME = 'YTooltip';
+const YTooltipPropOptions = {
+  tooltipClasses: {
+    type: [Array, String, Object]
+  },
+  preventClip: {
+    type: Boolean,
+    default: true
+  },
+  ...pressYLayerProps({
+    coordinateStrategy: 'levitation',
+    scrollStrategy: 'reposition',
+    openOnHover: true,
+    align: 'center',
+    offset: 8
+  }),
+  ...pressPolyTransitionPropsOptions({
+    transition: 'fade'
+  })
+};
+export const pressYTooltipPropsOptions = propsFactory(YTooltipPropOptions, 'YTooltip');
+
+/**
+ * #  Component
+ */
+export const YTooltip = defineComponent({
+  name: NAME,
+  props: {
+    ...pressYTooltipPropsOptions()
+  },
+  emits: ['update:modelValue'],
+  setup(props, _ref) {
+    let {
+      slots,
+      emit,
+      expose
+    } = _ref;
+    const layer$ = ref();
+    const contentEl = ref();
+    const baseEl = computed(() => {
+      return layer$.value?.baseEl;
+    });
+    const classes = computed(() => {
+      const boundClasses = bindClasses(props.tooltipClasses);
+      return {
+        ...boundClasses,
+        'y-tooltip': true
+      };
+    });
+    const model = useModelDuplex(props);
+    const active = computed({
+      get: () => {
+        return !!model.value;
+      },
+      set: v => {
+        if (!(v && props.disabled)) model.value = v;
+      }
+    });
+    const hovered = computed(() => !!layer$.value?.hovered);
+    watch(active, neo => {
+      if (neo) {
+        nextTick(() => {
+          const $content = layer$.value?.content$;
+          contentEl.value = $content;
+        });
+      }
+    });
+    const {
+      startOpenDelay,
+      startCloseDelay
+    } = useDelay(props, changeActive => {
+      if (!changeActive && props.openOnHover && !hovered.value) {
+        active.value = false;
+      } else if (changeActive) {
+        active.value = true;
+      }
+    });
+    function onMouseenter(e) {
+      if (props.openOnHover) {
+        startOpenDelay();
+      }
+    }
+    function onMouseleave(e) {
+      if (props.openOnHover) {
+        startCloseDelay();
+      }
+    }
+    watch(hovered, value => {
+      if (!value) {
+        startCloseDelay();
+      }
+    });
+    function bindHover(el) {
+      el.addEventListener?.('mouseenter', onMouseenter);
+      el.addEventListener?.('mouseleave', onMouseleave);
+    }
+    function unbindHover(el) {
+      el.removeEventListener?.('mouseenter', onMouseenter);
+      el.removeEventListener?.('mouseleave', onMouseleave);
+    }
+    watch(() => layer$.value?.baseEl, (neo, old) => {
+      if (neo) {
+        bindHover(neo);
+      } else if (old) {
+        unbindHover(old);
+      }
+    });
+    expose({
+      layer$,
+      baseEl
+    });
+    useRender(() => {
+      return _createVNode(_Fragment, null, [_createVNode(YLayer, _mergeProps({
+        "ref": layer$
+      }, omit(chooseProps(props, YLayer.props), ['scrim']), {
+        "classes": classes.value,
+        "scrim": false,
+        "transition": props.transition,
+        "modelValue": active.value,
+        "onUpdate:modelValue": $event => active.value = $event
+      }), {
+        default: function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          return _createVNode(_Fragment, null, [_createVNode(YPlate, null, null), _createVNode("div", {
+            "class": "y-tooltip__content"
+          }, [slots.default?.(...args) ?? ''])]);
+        },
+        base: function () {
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          return slots.base?.(...args);
+        }
+      })]);
+    });
+    return {
+      layer$,
+      el$: layer$,
+      baseEl,
+      active
+    };
+  }
+});
+//# sourceMappingURL=YTooltip.js.map

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

@@ -0,0 +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":"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"}

package/lib/components/tooltip/index.js

@@ -0,0 +1,2 @@
+export * from "./YTooltip.js";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,109 @@
+import { Transition, defineComponent, h, ref } from 'vue';
+import { kebabToCamel } from "../../util/string.js";
+export function createExpandTransition() {
+  let isHorizon = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  const direction = isHorizon ? 'h' : 'v';
+  const name = `expand-${direction}-transition`;
+  const sizeProperty = isHorizon ? 'width' : 'height';
+  const offsetProperty = kebabToCamel(`offset-${sizeProperty}`);
+  function getExpandTransitionHooks(cache, relay) {
+    function resetStyle(el) {
+      if (el._originStyle) {
+        el.style.overflow = el._originStyle.overflow;
+        el.style.flex = el._originStyle.flex;
+        const size = el._originStyle[sizeProperty];
+        if (size != null) {
+          el.style[sizeProperty] = size;
+        }
+      }
+      delete el._originStyle;
+    }
+    function cacheSize(el) {
+      if (relay && el) {
+        const rect = el.getBoundingClientRect();
+        cache.value = rect?.[sizeProperty];
+      }
+    }
+    return {
+      onBeforeEnter(el) {
+        el._parent = el.parentNode;
+        el._originStyle = {
+          transition: el.style.transition,
+          overflow: el.style.overflow,
+          [sizeProperty]: el.style[sizeProperty],
+          flex: el.style.flex
+        };
+      },
+      onEnter(el) {
+        const originStyle = el._originStyle;
+        el.style.setProperty('transition', 'none', 'important');
+        el.style.overflow = 'hidden';
+        el.style.flex = '0 0 auto';
+        const offsetSize = `${el[offsetProperty]}px`;
+        if (relay && cache.value != null) {
+          el.style[sizeProperty] = `${cache.value}px`;
+        } else {
+          el.style[sizeProperty] = '0';
+        }
+        el.getBoundingClientRect();
+        el.style.transition = originStyle?.transition ?? '';
+        requestAnimationFrame(() => {
+          el.style[sizeProperty] = offsetSize;
+        });
+      },
+      onAfterEnter(el) {
+        resetStyle(el);
+      },
+      onEnterCancelled(el) {
+        resetStyle(el);
+      },
+      onLeave(el) {
+        cacheSize(el);
+        if (relay) {
+          return;
+        }
+        el._originStyle = {
+          transition: '',
+          overflow: el.style.overflow,
+          flex: el.style.flex,
+          [sizeProperty]: el.style[sizeProperty]
+        };
+        el.style.overflow = 'hidden';
+        el.style.flex = '0 0 auto';
+        el.style[sizeProperty] = `${el[offsetProperty]}px`;
+        el.getBoundingClientRect();
+        requestAnimationFrame(() => {
+          el.style[sizeProperty] = '0';
+        });
+      },
+      onAfterLeave(el) {
+        resetStyle(el);
+      },
+      onLeaveCancelled(el) {
+        resetStyle(el);
+      }
+    };
+  }
+  return defineComponent({
+    name,
+    props: {
+      disabled: {
+        type: Boolean,
+        default: false
+      },
+      relay: Boolean
+    },
+    setup(props, _ref) {
+      let {
+        slots
+      } = _ref;
+      const cacheValue = ref();
+      return () => h(Transition, {
+        name: props.disabled ? '' : name,
+        css: !props.disabled,
+        ...(props.disabled ? {} : getExpandTransitionHooks(cacheValue, props.relay))
+      }, slots.default);
+    }
+  });
+}
+//# sourceMappingURL=expand-transition.js.map

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

@@ -0,0 +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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"}

package/lib/components/transitions/index.js

@@ -0,0 +1,4 @@
+import { createExpandTransition } from "./expand-transition.js";
+export const YExpandVTransition = createExpandTransition(false);
+export const YExpandHTransition = createExpandTransition(true);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}