yuyeon 0.0.42-rc2 → 0.0.42-rc24

package/lib/components/input/YInput.mjs

@@ -1,7 +1,11 @@
-import { defineComponent, h } from 'vue';
+import { createVNode as _createVNode, createTextVNode as _createTextVNode, Fragment as _Fragment } from "vue";
+import { computed, defineComponent, ref, shallowRef, watch } from 'vue';
+import { useRender } from "../../composables/component.mjs";
 import { pressFocusPropsOptions, useFocus } from "../../composables/focus.mjs";
 import { pressThemePropsOptions, useLocalTheme } from "../../composables/theme/index.mjs";
-import { getSlot, propsFactory } from "../../util/vue-component.mjs";
+import { pressValidationPropsOptions, useValidation } from "../../composables/validation.mjs";
+import { getUid, toStyleSizeValue } from "../../util/index.mjs";
+import { propsFactory } from "../../util/vue-component.mjs";
 import "./YInput.scss";
 const NAME = 'y-input';
 let uidCounter = 0;
@@ -40,15 +44,7 @@ export const pressYInputPropsOptions = propsFactory({
   filled: Boolean,
   ceramic: Boolean,
   // validate
-  readonly: Boolean,
-  disabled: Boolean,
-  status: {
-    type: String,
-    validator(value) {
-      return ['success', 'warning', 'error'].includes(value);
-    }
-  },
-  validators: Array,
+  ...pressValidationPropsOptions(),
   ...pressFocusPropsOptions()
 }, 'YInput');
 export const YInput = defineComponent({
@@ -58,326 +54,195 @@ export const YInput = defineComponent({
     ...pressYInputPropsOptions()
   },
   emits: ['error', 'click', 'mousedown', 'mouseup', 'focus', 'blur', 'mousedown:display', 'mouseup:display', 'click:leading', 'update:modelValue', 'update:focused'],
-  data() {
-    const iid = uidCounter.toString();
-    uidCounter += 1;
-    return {
-      iid,
-      lazyValue: undefined,
-      inValue: '',
-      hasMouseDown: false,
-      errorResult: undefined,
-      inError: false
-    };
-  },
-  computed: {
-    classes() {
+  slots: Object,
+  setup(props, _ref) {
+    let {
+      slots,
+      attrs,
+      expose,
+      emit
+    } = _ref;
+    const UID = getUid();
+    const {
+      themeClasses
+    } = useLocalTheme(props);
+    const {
+      focused: isFocused,
+      focusedClasses,
+      whenFocus,
+      whenBlur
+    } = useFocus(props, 'y-input');
+    const {
+      invokeValidators,
+      isError,
+      isSuccess,
+      errorResult
+    } = useValidation(props, NAME, UID);
+    const stack$ = ref();
+    const display$ = ref();
+    const inValue = ref();
+    const lazyValue = ref();
+    const hasMouseDown = shallowRef(false);
+    const variations = computed(() => {
+      if (props.variation) {
+        return props.variation.split(',').map(value => {
+          return value.trim();
+        });
+      }
+      return [];
+    });
+    const isFloatedLabel = computed(() => {
+      return props.floated || !!props.placeholder || !props.placeholder && isFocused.value || !!inValue.value;
+    });
+    const classes = computed(() => {
       return {
-        'y-input--ceramic': !!this.ceramic,
-        'y-input--outlined': !this.ceramic && (this.variations.includes('outlined') || !!this.outlined),
-        'y-input--filled': this.variations.includes('filled') || !!this.filled,
-        'y-input--focused': this.isFocused,
-        'y-input--readonly': !!this.readonly,
-        'y-input--has-value': !!this.inValue,
-        'y-input--disabled': !!this.disabled,
-        'y-input--error': this.isError,
-        'y-input--success': this.isSuccess,
-        [this.themeClasses]: true
+        'y-input--ceramic': !!props.ceramic,
+        'y-input--outlined': !props.ceramic && (variations.value.includes('outlined') || !!props.outlined),
+        'y-input--filled': variations.value.includes('filled') || !!props.filled,
+        'y-input--focused': isFocused.value,
+        'y-input--readonly': !!props.readonly,
+        'y-input--has-value': !!inValue.value,
+        'y-input--disabled': !!props.disabled,
+        'y-input--error': isError.value,
+        'y-input--success': isSuccess.value,
+        [themeClasses.value]: true
       };
-    },
-    displayStyles() {
-      let {
-        width
-      } = this;
-      if (!Number.isNaN(Number(width))) {
-        width = `${width}px`;
-      }
+    });
+    const displayStyles = computed(() => {
       return {
-        width,
-        height: this.getDisplayHeight()
+        width: toStyleSizeValue(props.width),
+        height: toStyleSizeValue(props.height)
       };
-    },
-    attrId() {
-      return this.$attrs.id ?? `y-input--${this.iid}`;
-    },
-    isFloatedLabel() {
-      return this.floated || !!this.placeholder || !this.placeholder && this.isFocused || !!this.inValue;
-    },
-    formLoading() {
+    });
+    const formLoading = computed(() => {
       // TODO: composable `form` binding
       // const form$ = (this as any)?.form$ as any;
       // if (form$) {
       //   return form$.loading;
       // }
       return false;
-    },
-    isError() {
-      return this.status === 'error' || this.inError;
-    },
-    isSuccess() {
-      return !this.isError && this.status === 'success';
-    },
-    variations() {
-      const {
-        variation
-      } = this;
-      if (variation) {
-        return variation.split(',').map(value => {
-          return value.trim();
-        });
+    });
+    watch(() => props.modelValue, neo => {
+      inValue.value = neo;
+    });
+    watch(() => props.readonly, neo => {
+      if (!neo) {
+        inValue.value = props.modelValue;
       }
-      return [];
-    }
-  },
-  methods: {
-    createPrepend() {
-      const slot = getSlot(this, 'prepend');
-      return slot ? h('div', {
-        class: `${NAME}__prepend`
-      }, slot) : undefined;
-    },
-    createAppend() {
-      const slot = getSlot(this, 'append');
-      return slot ? h('div', {
-        class: `${NAME}__append`
-      }, slot) : undefined;
-    },
-    createLabelSlot() {
-      const slot = getSlot(this, 'label');
-      if (!slot) {
-        if (this.label) {
-          return [this.label, this.required ? h('span', {
-            class: 'y-input__required-mark'
-          }, '*') : undefined];
-        }
-        if (this.placeholder && !this.inValue) {
-          return [this.placeholder];
-        }
+    });
+    watch(inValue, neo => {
+      if (!props.readonly) {
+        emit('update:modelValue', neo);
       }
-      return slot ? [slot] : [];
-    },
-    createLabel() {
-      const show = !!this.label || !!getSlot(this, 'label');
+    });
+    watch(isError, neo => {
+      emit('error', neo);
+    });
+    watch(() => props.focused, neo => {
+      if (!neo) {
+        invokeValidators();
+      }
+    });
+    function onClick(event) {
+      emit('click', event);
+    }
+    function onMousedown(e) {
+      hasMouseDown.value = true;
+      emit('mousedown:display', e);
+    }
+    function onMouseup(e) {
+      hasMouseDown.value = false;
+      emit('mouseup:display', e);
+    }
+    function onFocus(event) {
+      whenFocus();
+      emit('focus', event);
+    }
+    function onBlur(event) {
+      whenBlur();
+      invokeValidators();
+      emit('blur', event);
+    }
+    function onClickLeading(event) {
+      emit('click:leading', event);
+    }
+    function onChange(event) {
+      invokeValidators();
+    }
+    function createLabel() {
+      const show = !!props.label || !!slots.label;
       if (!show) {
         return undefined;
       }
-      return h('label', {
-        class: {
+      return _createVNode("label", {
+        "class": [{
           [`${NAME}__label`]: true,
-          'y-input__floating-label': this.floating,
-          'y-input__floating-label--floated': this.floating && this.isFloatedLabel
-        },
-        '.for': this.attrId
-      }, this.createLabelSlot());
-    },
-    createDefaultChildren() {
-      const {
-        modelValue
-      } = this;
-      return [this.floating ? this.createLabel() : undefined, modelValue?.toString()];
-    },
-    createDefault() {
-      const {
-        modelValue,
-        formLoading,
-        attrId
-      } = this;
-      const slotContent = getSlot(this, 'default', {
-        value: modelValue,
-        formLoading,
-        attrId
-      });
-      return slotContent ?? h('div', {
-        [`.${NAME}__value`]: true,
-        '.data-id': this.attrId,
-        '.tabindex': 0,
-        onFocus: this.onFocus,
-        onBlur: this.onBlur
-      }, this.createDefaultChildren());
-    },
-    createLeading() {
-      const slot = getSlot(this, 'leading', {
-        error: this.isError
-      });
-      return slot ? h('div', {
-        class: 'y-input__leading',
-        onClick: this.onClickLeading
-      }, slot) : undefined;
-    },
-    createTrailing() {
-      return getSlot(this, 'trailing');
-    },
-    getDisplayHeight() {
-      const {
-        height
-      } = this;
-      if (!isNaN(Number(height))) {
-        return `${height}px`;
-      }
-      return height;
-    },
-    createDisplay() {
-      return h('div', {
-        class: {
-          [`${NAME}__display`]: true
-        },
-        onClick: this.onClick,
-        onMousedown: this.onMousedown,
-        onMouseup: this.onMouseup,
-        ref: 'display',
-        style: {
-          ...this.displayStyles
-        }
-      }, [h('div', {
-        class: `${NAME}__plate`
-      }), this.createLeading(), this.createDefault(), this.createTrailing()]);
-    },
-    createHelperText() {
-      const helperTextSlot = getSlot(this, 'helper-text', {
-        error: this.status === 'error' || this.inError,
-        errorResult: this.errorResult
-      });
-      const children = [];
-      if (helperTextSlot) {
-        children.push(h('span', {}, () => helperTextSlot));
-      } else {
-        children.push(this.errorResult);
-      }
-      return h('div', {
-        class: `${NAME}__helper-text`
-      }, children);
-    },
-    createStackChildren() {
-      return [!this.floating ? this.createLabel() : undefined, this.createDisplay(), this.createHelperText()];
-    },
-    createStack() {
-      return h('div', {
-        class: `${NAME}__stack`,
-        ref: 'stack'
-      }, this.createStackChildren());
-    },
-    createContent() {
-      return [this.createPrepend(), this.createStack(), this.createAppend()];
-    },
-    //
-    onClick(event) {
-      this.$emit('click', event);
-    },
-    onMousedown(e) {
-      this.hasMouseDown = true;
-      this.$emit('mousedown:display', e);
-    },
-    onMouseup(e) {
-      this.hasMouseDown = false;
-      this.$emit('mouseup:display', e);
-    },
-    onFocus(event) {
-      this.whenFocus();
-      this.$emit('focus', event);
-    },
-    onBlur(event) {
-      this.whenBlur();
-      this.invokeValidators();
-      this.$emit('blur', event);
-    },
-    onClickLeading(event) {
-      this.$emit('click:leading', event);
-    },
-    onChange(event) {
-      this.invokeValidators();
-    },
-    //
-    invokeValidators() {
-      const {
-        validators,
-        inValue,
-        $attrs
-      } = this;
-      const {
-        required
-      } = $attrs;
-      this.resetError();
-      let flag = true;
-      if (Array.isArray(validators)) {
-        validators.some(validator => {
-          const result = validator(inValue);
-          if (typeof result === 'string') {
-            this.inError = true;
-            this.errorResult = result;
-            flag = false;
-            return true;
-          }
-          if (result === false) {
-            this.inError = true;
-            this.errorResult = '';
-            flag = false;
-            return true;
-          }
-          return false;
-        });
-      }
-      if (flag && required && !inValue) {
-        this.inError = true;
-        return false;
-      }
-      return flag;
-    },
-    resetError() {
-      this.inError = false;
-      this.errorResult = undefined;
-    },
-    getClasses() {
-      return this.classes;
-    }
-  },
-  watch: {
-    modelValue(neo) {
-      if (!this.readonly) {
-        this.inValue = neo;
-      }
-    },
-    readonly(neo) {
-      if (!neo) {
-        this.inValue = this.modelValue;
-      }
-    },
-    inValue(neo) {
-      if (!this.readonly) {
-        this.$emit('update:modelValue', neo);
-      }
-    },
-    isError(neo) {
-      this.$emit('error', neo);
+          'y-input__floating-label': props.floating,
+          'y-input__floating-label--floated': props.floating && isFloatedLabel.value
+        }],
+        "for": `y-input--${UID}`
+      }, [slots.label ? slots.label() : props.label ? _createVNode(_Fragment, null, [props.label, props.required && _createVNode("span", {
+        "class": 'y-input__required-mark'
+      }, [_createTextVNode("*")])]) : props.placeholder && !inValue.value && props.placeholder]);
     }
-  },
-  created() {
-    this.inValue = this.modelValue;
-  },
-  setup(props) {
-    const {
-      themeClasses
-    } = useLocalTheme(props);
-    const {
-      focused: isFocused,
-      focusedClasses,
-      whenFocus,
-      whenBlur
-    } = useFocus(props, 'y-input');
+    expose({
+      createLabel,
+      invokeValidators
+    });
+    useRender(() => {
+      return _createVNode("div", {
+        "class": [`${NAME}`, {
+          ...classes.value
+        }]
+      }, [slots.prepend ? () => _createVNode("div", {
+        "class": `${NAME}__prepend`
+      }, [_createTextVNode("slots.prepend()")]) : undefined, _createVNode("div", {
+        "ref": stack$,
+        "class": [`${NAME}__stack`]
+      }, [!props.floating && createLabel(), _createVNode("div", {
+        "ref": display$,
+        "class": `${NAME}__display`,
+        "style": [{
+          ...displayStyles.value
+        }],
+        "onClick": onClick,
+        "onMousedown": onMousedown,
+        "onMouseup": onMouseup
+      }, [_createVNode("div", {
+        "class": `${NAME}__plate`
+      }, null), slots.leading && _createVNode("div", {
+        "class": 'y-input__leading',
+        "onClick": onClickLeading
+      }, [slots.leading({
+        error: isError.value
+      })]), slots.default ? slots.default({
+        value: props.modelValue,
+        formLoading: formLoading.value,
+        attrId: `y-input--${UID}`
+      }) : _createVNode("div", {
+        "class": `${NAME}__value`,
+        "data-id": `y-input--${UID}`,
+        "tabindex": 0,
+        "onFocus": onFocus,
+        "onBlur": onBlur
+      }, [props.floating && createLabel(), props.modelValue?.toString()]), slots.trailing?.()]), _createVNode("div", {
+        "class": `${NAME}__helper-text`
+      }, [slots['helper-text'] ? _createVNode("span", null, [slots['helper-text']({
+        error: isError.value,
+        errorResult: errorResult.value
+      })]) : props.helperText ?? errorResult.value])]), slots.append ? () => _createVNode("div", {
+        "class": `${NAME}__append`
+      }, [_createTextVNode("slots.append()")]) : undefined]);
+    });
     return {
       themeClasses,
       isFocused,
       focusedClasses,
       whenFocus,
-      whenBlur
+      whenBlur,
+      createLabel,
+      invokeValidators
     };
-  },
-  render() {
-    return h('div', {
-      class: {
-        ...this.getClasses(),
-        [`${NAME}`]: true
-      }
-    }, this.createContent());
   }
 });
 //# sourceMappingURL=YInput.mjs.map

package/lib/components/input/YInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YInput.mjs","names":["defineComponent","h","pressFocusPropsOptions","useFocus","pressThemePropsOptions","useLocalTheme","getSlot","propsFactory","NAME","uidCounter","pressYInputPropsOptions","name","String","width","type","Number","height","displayTag","default","label","modelValue","Array","Object","autoSelect","Boolean","floating","floated","placeholder","required","loading","variation","outlined","filled","ceramic","readonly","disabled","status","validator","value","includes","validators","YInput","props","emits","data","iid","toString","lazyValue","undefined","inValue","hasMouseDown","errorResult","inError","computed","classes","variations","isFocused","isError","isSuccess","themeClasses","displayStyles","isNaN","getDisplayHeight","attrId","$attrs","id","isFloatedLabel","formLoading","split","map","trim","methods","createPrepend","slot","class","createAppend","createLabelSlot","createLabel","show","createDefaultChildren","createDefault","slotContent","onFocus","onBlur","createLeading","error","onClick","onClickLeading","createTrailing","createDisplay","onMousedown","onMouseup","ref","style","createHelperText","helperTextSlot","children","push","createStackChildren","createStack","createContent","event","$emit","e","whenFocus","whenBlur","invokeValidators","onChange","resetError","flag","isArray","some","result","getClasses","watch","neo","created","setup","focused","focusedClasses","render"],"sources":["../../../src/components/input/YInput.ts"],"sourcesContent":["import {\r\n  PropType,\r\n  VNode,\r\n  defineComponent,\r\n  h,\r\n  resolveDirective,\r\n  withDirectives,\r\n} from 'vue';\r\n\r\nimport { pressFocusPropsOptions, useFocus } from '../../composables/focus';\r\nimport { pressThemePropsOptions, useLocalTheme } from '../../composables/theme';\r\nimport DiMixin from '../../mixins/di';\r\nimport { getSlot, propsFactory } from '../../util/vue-component';\r\n\r\nimport './YInput.scss';\r\n\r\nconst NAME = 'y-input';\r\nlet uidCounter = 0;\r\n\r\nexport const pressYInputPropsOptions = propsFactory(\r\n  {\r\n    name: String,\r\n    width: {\r\n      type: [String, Number] as PropType<string | number>,\r\n    },\r\n    height: [Number, String],\r\n    displayTag: {\r\n      type: String as PropType<string>,\r\n      default: 'div',\r\n    },\r\n    label: String as PropType<string>,\r\n    modelValue: { type: [String, Number, Array, Object] as PropType<any> },\r\n    autoSelect: {\r\n      type: Boolean as PropType<boolean>,\r\n      default: true,\r\n    },\r\n    floating: { type: Boolean as PropType<boolean>, default: false },\r\n    floated: { type: Boolean as PropType<boolean>, default: () => false },\r\n    placeholder: String as PropType<string>,\r\n    required: Boolean as PropType<boolean>,\r\n    loading: Boolean as PropType<boolean>,\r\n    // variations\r\n    variation: String as PropType<string>,\r\n    outlined: Boolean as PropType<boolean>,\r\n    filled: Boolean as PropType<boolean>,\r\n    ceramic: Boolean as PropType<boolean>,\r\n    // validate\r\n    readonly: Boolean as PropType<boolean>,\r\n    disabled: Boolean as PropType<boolean>,\r\n    status: {\r\n      type: String as PropType<'success' | 'warning' | 'error' | undefined>,\r\n      validator(value: string) {\r\n        return ['success', 'warning', 'error'].includes(value);\r\n      },\r\n    },\r\n    validators: Array as PropType<((v: any) => boolean | string)[] | string[]>,\r\n    ...pressFocusPropsOptions(),\r\n  },\r\n  'YInput',\r\n);\r\n\r\nexport const YInput = defineComponent({\r\n  name: 'YInput',\r\n\r\n  props: {\r\n    ...pressThemePropsOptions(),\r\n    ...pressYInputPropsOptions(),\r\n  },\r\n  emits: [\r\n    'error',\r\n    'click',\r\n    'mousedown',\r\n    'mouseup',\r\n    'focus',\r\n    'blur',\r\n    'mousedown:display',\r\n    'mouseup:display',\r\n    'click:leading',\r\n    'update:modelValue',\r\n    'update:focused',\r\n  ],\r\n  data() {\r\n    const iid = uidCounter.toString();\r\n    uidCounter += 1;\r\n    return {\r\n      iid,\r\n      lazyValue: undefined as string | undefined,\r\n      inValue: '' as string | number | undefined,\r\n      hasMouseDown: false,\r\n      errorResult: undefined as string | undefined,\r\n      inError: false,\r\n    };\r\n  },\r\n  computed: {\r\n    classes(): Record<string, boolean> {\r\n      return {\r\n        'y-input--ceramic': !!this.ceramic,\r\n        'y-input--outlined':\r\n          !this.ceramic &&\r\n          (this.variations.includes('outlined') || !!this.outlined),\r\n        'y-input--filled': this.variations.includes('filled') || !!this.filled,\r\n        'y-input--focused': this.isFocused,\r\n        'y-input--readonly': !!this.readonly,\r\n        'y-input--has-value': !!this.inValue,\r\n        'y-input--disabled': !!this.disabled,\r\n        'y-input--error': this.isError,\r\n        'y-input--success': this.isSuccess,\r\n        [this.themeClasses as string]: true,\r\n      };\r\n    },\r\n    displayStyles(): Record<string, any> {\r\n      let { width } = this;\r\n      if (!Number.isNaN(Number(width))) {\r\n        width = `${width}px`;\r\n      }\r\n      return {\r\n        width,\r\n        height: this.getDisplayHeight(),\r\n      };\r\n    },\r\n    attrId(): string {\r\n      return (this.$attrs.id as string) ?? `y-input--${this.iid}`;\r\n    },\r\n    isFloatedLabel(): boolean {\r\n      return (\r\n        this.floated ||\r\n        !!this.placeholder ||\r\n        (!this.placeholder && this.isFocused) ||\r\n        !!this.inValue\r\n      );\r\n    },\r\n    formLoading(): boolean {\r\n      // TODO: composable `form` binding\r\n      // const form$ = (this as any)?.form$ as any;\r\n      // if (form$) {\r\n      //   return form$.loading;\r\n      // }\r\n      return false;\r\n    },\r\n    isError(): boolean {\r\n      return this.status === 'error' || this.inError;\r\n    },\r\n    isSuccess(): boolean {\r\n      return !this.isError && this.status === 'success';\r\n    },\r\n    variations(): string[] {\r\n      const { variation } = this;\r\n      if (variation) {\r\n        return variation.split(',').map((value) => {\r\n          return value.trim();\r\n        });\r\n      }\r\n      return [];\r\n    },\r\n  },\r\n  methods: {\r\n    createPrepend(): VNode | undefined {\r\n      const slot = getSlot(this, 'prepend');\r\n      return slot ? h('div', { class: `${NAME}__prepend` }, slot) : undefined;\r\n    },\r\n    createAppend(): VNode | undefined {\r\n      const slot = getSlot(this, 'append');\r\n      return slot ? h('div', { class: `${NAME}__append` }, slot) : undefined;\r\n    },\r\n    createLabelSlot(): (VNode | string | VNode[] | undefined)[] {\r\n      const slot: VNode[] | undefined = getSlot(this, 'label');\r\n      if (!slot) {\r\n        if (this.label) {\r\n          return [\r\n            this.label,\r\n            this.required ? h('span', { class: 'y-input__required-mark' }, '*') : undefined,\r\n          ];\r\n        }\r\n        if (this.placeholder && !this.inValue) {\r\n          return [this.placeholder];\r\n        }\r\n      }\r\n\r\n      return slot ? [slot] : [];\r\n    },\r\n    createLabel(): VNode | undefined {\r\n      const show = !!this.label || !!getSlot(this, 'label');\r\n      if (!show) {\r\n        return undefined;\r\n      }\r\n      return h(\r\n        'label',\r\n        {\r\n          class: {\r\n            [`${NAME}__label`]: true,\r\n            'y-input__floating-label': this.floating,\r\n            'y-input__floating-label--floated':\r\n              this.floating && this.isFloatedLabel,\r\n          },\r\n          '.for': this.attrId,\r\n        },\r\n        this.createLabelSlot(),\r\n      );\r\n    },\r\n    createDefaultChildren(): (VNode | undefined | VNode[] | string)[] {\r\n      const { modelValue } = this;\r\n      return [\r\n        this.floating ? this.createLabel() : undefined,\r\n        modelValue?.toString(),\r\n      ];\r\n    },\r\n    createDefault(): VNode[] | VNode {\r\n      const { modelValue, formLoading, attrId } = this;\r\n      const slotContent = getSlot(this, 'default', {\r\n        value: modelValue,\r\n        formLoading,\r\n        attrId,\r\n      });\r\n      return (\r\n        slotContent ??\r\n        h(\r\n          'div',\r\n          {\r\n            [`.${NAME}__value`]: true,\r\n            '.data-id': this.attrId,\r\n            '.tabindex': 0,\r\n            onFocus: this.onFocus,\r\n            onBlur: this.onBlur,\r\n          },\r\n          this.createDefaultChildren(),\r\n        )\r\n      );\r\n    },\r\n    createLeading(): VNode | undefined {\r\n      const slot = getSlot(this, 'leading', { error: this.isError });\r\n      return slot\r\n        ? h(\r\n            'div',\r\n            {\r\n              class: 'y-input__leading',\r\n              onClick: this.onClickLeading,\r\n            },\r\n            slot,\r\n          )\r\n        : undefined;\r\n    },\r\n    createTrailing(): VNode | VNode[] | undefined {\r\n      return getSlot(this, 'trailing');\r\n    },\r\n    getDisplayHeight() {\r\n      const { height } = this;\r\n      if (!isNaN(Number(height))) {\r\n        return `${height}px`;\r\n      }\r\n      return height;\r\n    },\r\n    createDisplay(): VNode {\r\n      return h(\r\n        'div',\r\n        {\r\n          class: {\r\n            [`${NAME}__display`]: true,\r\n          },\r\n          onClick: this.onClick,\r\n          onMousedown: this.onMousedown,\r\n          onMouseup: this.onMouseup,\r\n          ref: 'display',\r\n          style: {\r\n            ...this.displayStyles,\r\n          },\r\n        },\r\n        [\r\n          h('div', { class: `${NAME}__plate` }),\r\n          this.createLeading(),\r\n          this.createDefault(),\r\n          this.createTrailing(),\r\n        ],\r\n      );\r\n    },\r\n    createHelperText(): VNode {\r\n      const helperTextSlot = getSlot(this, 'helper-text', {\r\n        error: this.status === 'error' || this.inError,\r\n        errorResult: this.errorResult,\r\n      });\r\n      const children = [];\r\n      if (helperTextSlot) {\r\n        children.push(h('span', {}, () => helperTextSlot));\r\n      } else {\r\n        children.push(this.errorResult);\r\n      }\r\n      return h('div', { class: `${NAME}__helper-text` }, children);\r\n    },\r\n    createStackChildren(): (VNode | undefined)[] {\r\n      return [\r\n        !this.floating ? this.createLabel() : undefined,\r\n        this.createDisplay(),\r\n        this.createHelperText(),\r\n      ];\r\n    },\r\n    createStack(): VNode {\r\n      return h(\r\n        'div',\r\n        {\r\n          class: `${NAME}__stack`,\r\n          ref: 'stack',\r\n        },\r\n        this.createStackChildren(),\r\n      );\r\n    },\r\n    createContent(): (VNode | undefined)[] {\r\n      return [this.createPrepend(), this.createStack(), this.createAppend()];\r\n    },\r\n    //\r\n    onClick(event: MouseEvent) {\r\n      this.$emit('click', event);\r\n    },\r\n    onMousedown(e: Event) {\r\n      this.hasMouseDown = true;\r\n      this.$emit('mousedown:display', e);\r\n    },\r\n    onMouseup(e: Event) {\r\n      this.hasMouseDown = false;\r\n      this.$emit('mouseup:display', e);\r\n    },\r\n    onFocus(event: FocusEvent) {\r\n      this.whenFocus();\r\n      this.$emit('focus', event);\r\n    },\r\n    onBlur(event: FocusEvent) {\r\n      this.whenBlur();\r\n      this.invokeValidators();\r\n      this.$emit('blur', event);\r\n    },\r\n    onClickLeading(event: MouseEvent) {\r\n      this.$emit('click:leading', event);\r\n    },\r\n    onChange(event?: Event) {\r\n      this.invokeValidators();\r\n    },\r\n    //\r\n    invokeValidators(): boolean {\r\n      const { validators, inValue, $attrs } = this;\r\n      const { required } = $attrs;\r\n      this.resetError();\r\n      let flag = true;\r\n      if (Array.isArray(validators)) {\r\n        validators.some((validator: any) => {\r\n          const result = validator(inValue);\r\n          if (typeof result === 'string') {\r\n            this.inError = true;\r\n            this.errorResult = result;\r\n            flag = false;\r\n            return true;\r\n          }\r\n          if (result === false) {\r\n            this.inError = true;\r\n            this.errorResult = '';\r\n            flag = false;\r\n            return true;\r\n          }\r\n          return false;\r\n        });\r\n      }\r\n      if (flag && required && !inValue) {\r\n        this.inError = true;\r\n        return false;\r\n      }\r\n      return flag;\r\n    },\r\n    resetError() {\r\n      this.inError = false;\r\n      this.errorResult = undefined;\r\n    },\r\n    getClasses() {\r\n      return this.classes;\r\n    },\r\n  },\r\n  watch: {\r\n    modelValue(neo: string) {\r\n      if (!this.readonly) {\r\n        this.inValue = neo;\r\n      }\r\n    },\r\n    readonly(neo: boolean) {\r\n      if (!neo) {\r\n        this.inValue = this.modelValue;\r\n      }\r\n    },\r\n    inValue(neo: string) {\r\n      if (!this.readonly) {\r\n        this.$emit('update:modelValue', neo);\r\n      }\r\n    },\r\n    isError(neo: boolean) {\r\n      this.$emit('error', neo);\r\n    },\r\n  },\r\n  created() {\r\n    this.inValue = this.modelValue;\r\n  },\r\n  setup(props) {\r\n    const { themeClasses } = useLocalTheme(props);\r\n    const {\r\n      focused: isFocused,\r\n      focusedClasses,\r\n      whenFocus,\r\n      whenBlur,\r\n    } = useFocus(props, 'y-input');\r\n    return {\r\n      themeClasses,\r\n      isFocused,\r\n      focusedClasses,\r\n      whenFocus,\r\n      whenBlur,\r\n    };\r\n  },\r\n  render(): VNode {\r\n    return h(\r\n      'div',\r\n      {\r\n        class: { ...this.getClasses(), [`${NAME}`]: true },\r\n      },\r\n      this.createContent(),\r\n    );\r\n  },\r\n});\r\n\r\nexport type YInput = InstanceType<typeof YInput>;\r\n"],"mappings":"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"}
+{"version":3,"file":"YInput.mjs","names":["computed","defineComponent","ref","shallowRef","watch","useRender","pressFocusPropsOptions","useFocus","pressThemePropsOptions","useLocalTheme","pressValidationPropsOptions","useValidation","getUid","toStyleSizeValue","propsFactory","NAME","uidCounter","pressYInputPropsOptions","name","String","width","type","Number","height","displayTag","default","label","modelValue","Array","Object","autoSelect","Boolean","floating","floated","placeholder","required","loading","variation","outlined","filled","ceramic","YInput","props","emits","slots","setup","_ref","attrs","expose","emit","UID","themeClasses","focused","isFocused","focusedClasses","whenFocus","whenBlur","invokeValidators","isError","isSuccess","errorResult","stack$","display$","inValue","lazyValue","hasMouseDown","variations","split","map","value","trim","isFloatedLabel","classes","includes","readonly","disabled","displayStyles","formLoading","neo","onClick","event","onMousedown","e","onMouseup","onFocus","onBlur","onClickLeading","onChange","createLabel","show","undefined","_createVNode","_Fragment","_createTextVNode","prepend","leading","error","attrId","toString","trailing","helperText","append"],"sources":["../../../src/components/input/YInput.tsx"],"sourcesContent":["import {\n  PropType,\n  SlotsType,\n  VNode,\n  computed,\n  defineComponent,\n  ref,\n  shallowRef,\n  watch,\n} from 'vue';\n\nimport { useRender } from '../../composables/component';\nimport { pressFocusPropsOptions, useFocus } from '../../composables/focus';\nimport { pressThemePropsOptions, useLocalTheme } from '../../composables/theme';\nimport {\n  pressValidationPropsOptions,\n  useValidation,\n} from '../../composables/validation';\nimport { getUid, toStyleSizeValue } from '../../util';\nimport { propsFactory } from '../../util/vue-component';\n\nimport './YInput.scss';\n\nconst NAME = 'y-input';\nlet uidCounter = 0;\n\nexport const pressYInputPropsOptions = propsFactory(\n  {\n    name: String,\n    width: {\n      type: [String, Number] as PropType<string | number>,\n    },\n    height: [Number, String],\n    displayTag: {\n      type: String as PropType<string>,\n      default: 'div',\n    },\n    label: String as PropType<string>,\n    modelValue: { type: [String, Number, Array, Object] as PropType<any> },\n    autoSelect: {\n      type: Boolean as PropType<boolean>,\n      default: true,\n    },\n    floating: { type: Boolean as PropType<boolean>, default: false },\n    floated: { type: Boolean as PropType<boolean>, default: () => false },\n    placeholder: String as PropType<string>,\n    required: Boolean as PropType<boolean>,\n    loading: Boolean as PropType<boolean>,\n    // variations\n    variation: String as PropType<string>,\n    outlined: Boolean as PropType<boolean>,\n    filled: Boolean as PropType<boolean>,\n    ceramic: Boolean as PropType<boolean>,\n    // validate\n    ...pressValidationPropsOptions(),\n    ...pressFocusPropsOptions(),\n  },\n  'YInput',\n);\n\nexport const YInput = defineComponent({\n  name: 'YInput',\n  props: {\n    ...pressThemePropsOptions(),\n    ...pressYInputPropsOptions(),\n  },\n  emits: [\n    'error',\n    'click',\n    'mousedown',\n    'mouseup',\n    'focus',\n    'blur',\n    'mousedown:display',\n    'mouseup:display',\n    'click:leading',\n    'update:modelValue',\n    'update:focused',\n  ],\n  slots: Object as SlotsType<{\n    prepend: any;\n    append: any;\n    label: any;\n    default: { value: any; formLoading: boolean; attrId: string };\n    leading: { error: boolean };\n    trailing: any;\n    'helper-text': { error: boolean; errorResult: string | undefined };\n  }>,\n  setup(props, { slots, attrs, expose, emit }) {\n    const UID = getUid();\n    const { themeClasses } = useLocalTheme(props);\n    const {\n      focused: isFocused,\n      focusedClasses,\n      whenFocus,\n      whenBlur,\n    } = useFocus(props, 'y-input');\n\n    const { invokeValidators, isError, isSuccess, errorResult } = useValidation(\n      props,\n      NAME,\n      UID,\n    );\n\n    const stack$ = ref();\n    const display$ = ref();\n\n    const inValue = ref();\n    const lazyValue = ref();\n    const hasMouseDown = shallowRef(false);\n\n    const variations = computed(() => {\n      if (props.variation) {\n        return props.variation.split(',').map((value) => {\n          return value.trim();\n        });\n      }\n      return [];\n    });\n\n    const isFloatedLabel = computed(() => {\n      return (\n        props.floated ||\n        !!props.placeholder ||\n        (!props.placeholder && isFocused.value) ||\n        !!inValue.value\n      );\n    });\n\n    const classes = computed(() => {\n      return {\n        'y-input--ceramic': !!props.ceramic,\n        'y-input--outlined':\n          !props.ceramic &&\n          (variations.value.includes('outlined') || !!props.outlined),\n        'y-input--filled':\n          variations.value.includes('filled') || !!props.filled,\n        'y-input--focused': isFocused.value,\n        'y-input--readonly': !!props.readonly,\n        'y-input--has-value': !!inValue.value,\n        'y-input--disabled': !!props.disabled,\n        'y-input--error': isError.value,\n        'y-input--success': isSuccess.value,\n        [themeClasses.value as string]: true,\n      };\n    });\n\n    const displayStyles = computed<Record<string, any>>(() => {\n      return {\n        width: toStyleSizeValue(props.width),\n        height: toStyleSizeValue(props.height),\n      };\n    });\n\n    const formLoading = computed(() => {\n      // TODO: composable `form` binding\n      // const form$ = (this as any)?.form$ as any;\n      // if (form$) {\n      //   return form$.loading;\n      // }\n      return false;\n    });\n\n    watch(\n      () => props.modelValue,\n      (neo) => {\n        inValue.value = neo;\n      },\n    );\n\n    watch(\n      () => props.readonly,\n      (neo) => {\n        if (!neo) {\n          inValue.value = props.modelValue;\n        }\n      },\n    );\n\n    watch(inValue, (neo) => {\n      if (!props.readonly) {\n        emit('update:modelValue', neo);\n      }\n    });\n\n    watch(isError, (neo) => {\n      emit('error', neo);\n    });\n\n    watch(\n      () => props.focused,\n      (neo) => {\n        if (!neo) {\n          invokeValidators();\n        }\n      },\n    );\n\n    function onClick(event: MouseEvent) {\n      emit('click', event);\n    }\n\n    function onMousedown(e: Event) {\n      hasMouseDown.value = true;\n      emit('mousedown:display', e);\n    }\n\n    function onMouseup(e: Event) {\n      hasMouseDown.value = false;\n      emit('mouseup:display', e);\n    }\n\n    function onFocus(event: FocusEvent) {\n      whenFocus();\n      emit('focus', event);\n    }\n\n    function onBlur(event: FocusEvent) {\n      whenBlur();\n      invokeValidators();\n      emit('blur', event);\n    }\n\n    function onClickLeading(event: MouseEvent) {\n      emit('click:leading', event);\n    }\n\n    function onChange(event?: Event) {\n      invokeValidators();\n    }\n\n    function createLabel(): VNode | undefined {\n      const show = !!props.label || !!slots.label;\n      if (!show) {\n        return undefined;\n      }\n      return (\n        <label\n          class={[\n            {\n              [`${NAME}__label`]: true,\n              'y-input__floating-label': props.floating,\n              'y-input__floating-label--floated':\n                props.floating && isFloatedLabel.value,\n            },\n          ]}\n          for={`y-input--${UID}`}\n        >\n          {slots.label ? (\n            slots.label()\n          ) : props.label ? (\n            <>\n              {props.label}\n              {props.required && (\n                <span class={'y-input__required-mark'}>*</span>\n              )}\n            </>\n          ) : (\n            props.placeholder && !inValue.value && props.placeholder\n          )}\n        </label>\n      );\n    }\n\n    expose({\n      createLabel,\n      invokeValidators,\n    });\n\n    useRender(() => {\n      return (\n        <div class={[`${NAME}`, { ...classes.value }]}>\n          {slots.prepend\n            ? () => <div class={`${NAME}__prepend`}>slots.prepend()</div>\n            : undefined}\n          <div ref={stack$} class={[`${NAME}__stack`]}>\n            {!props.floating && createLabel()}\n            <div\n              ref={display$}\n              class={`${NAME}__display`}\n              style={[{ ...displayStyles.value }]}\n              onClick={onClick}\n              onMousedown={onMousedown}\n              onMouseup={onMouseup}\n            >\n              <div class={`${NAME}__plate`}></div>\n              {slots.leading && (\n                <div class={'y-input__leading'} onClick={onClickLeading}>\n                  {slots.leading({ error: isError.value })}\n                </div>\n              )}\n              {slots.default ? (\n                slots.default({\n                  value: props.modelValue,\n                  formLoading: formLoading.value,\n                  attrId: `y-input--${UID}`,\n                })\n              ) : (\n                <div\n                  class={`${NAME}__value`}\n                  data-id={`y-input--${UID}`}\n                  tabindex={0}\n                  onFocus={onFocus}\n                  onBlur={onBlur}\n                >\n                  {props.floating && createLabel()}\n                  {props.modelValue?.toString()}\n                </div>\n              )}\n              {slots.trailing?.()}\n            </div>\n            <div class={`${NAME}__helper-text`}>\n              {slots['helper-text'] ? (\n                <span>\n                  {slots['helper-text']({\n                    error: isError.value,\n                    errorResult: errorResult.value,\n                  })}\n                </span>\n              ) : (\n                props.helperText ?? errorResult.value\n              )}\n            </div>\n          </div>\n          {slots.append\n            ? () => <div class={`${NAME}__append`}>slots.append()</div>\n            : undefined}\n        </div>\n      );\n    });\n\n    return {\n      themeClasses,\n      isFocused,\n      focusedClasses,\n      whenFocus,\n      whenBlur,\n      createLabel,\n      invokeValidators,\n    };\n  },\n});\n\nexport type YInput = InstanceType<typeof YInput>;\n"],"mappings":"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"}

package/lib/components/input/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/input/index.ts"],"sourcesContent":["\nexport * from './YInput';\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/input/index.ts"],"sourcesContent":["export * from './YInput';\r\n"],"mappings":""}

package/lib/components/layer/YLayer.mjs

@@ -208,12 +208,13 @@ export const YLayer = defineComponent({
     expose({
       scrim$,
       base$,
-      content$,
+      content$: content$.value,
       baseEl,
       active,
       onAfterUpdate,
       updateCoordinate,
       hovered,
+      finish,
       modal: computed(() => props.modal),
       getActiveLayers,
       isMe: vnode => {
@@ -286,6 +287,7 @@ export const YLayer = defineComponent({
       complementClickOption,
       layerGroup,
       active,
+      finish,
       rendered,
       lazyValue,
       onAfterUpdate: onAfterUpdate,