yuyeon 0.3.1-rc.6 → 0.3.2-rc.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"YInput.js","names":["computed","ref","shallowRef","watch","useRender","pressFocusPropsOptions","useFocus","pressThemePropsOptions","useLocalTheme","pressValidationPropsOptions","useValidation","defineComponent","getUid","propsFactory","toStyleSizeValue","NAME","pressYInputPropsOptions","name","String","width","type","Number","height","displayTag","default","label","modelValue","Array","Object","autoSelect","Boolean","floating","floated","placeholder","required","loading","variation","outlined","filled","ceramic","extended","YInput","props","emits","slots","setup","_ref","attrs","expose","emit","UID","themeClasses","focused","isFocused","focusedClasses","whenFocus","whenBlur","isDisabled","isReadonly","isLoading","invokeValidators","resetError","isError","isSuccess","errors","errorResult","stack$","display$","inValue","lazyValue","hasMouseDown","variations","split","map","value","trim","isFloatedLabel","classes","includes","displayStyles","neo","readonly","onClick","event","onMousedown","e","onMouseup","onKeydown","onFocus","onBlur","onClickLeading","onChange","createLabel","show","undefined","_createVNode","_Fragment","_createTextVNode","validate","prepend","leading","error","attrId","toString","trailing","helperText","append"],"sources":["../../../src/components/input/YInput.tsx"],"sourcesContent":["import {\r\n  type PropType,\r\n  type SlotsType,\r\n  type VNode,\r\n  computed,\r\n  ref,\r\n  shallowRef,\r\n  watch,\r\n} from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { pressFocusPropsOptions, useFocus } from '@/composables/focus';\r\nimport { pressThemePropsOptions, useLocalTheme } from '@/composables/theme';\r\nimport {\r\n  pressValidationPropsOptions,\r\n  useValidation,\r\n} from '@/composables/validation';\r\nimport { defineComponent, getUid, propsFactory } from '@/util/component';\r\nimport { toStyleSizeValue } from '@/util/ui';\r\n\r\nimport './YInput.scss';\r\n\r\nconst NAME = 'y-input';\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    ...pressValidationPropsOptions(),\r\n    ...pressFocusPropsOptions(),\r\n    extended: Object as PropType<any>,\r\n  },\r\n  'YInput',\r\n);\r\n\r\nexport interface YInputDefaultSlotProps {\r\n  value: any;\r\n  loading: boolean;\r\n  attrId: string;\r\n}\r\n\r\nexport const YInput = defineComponent({\r\n  name: 'YInput',\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    'keydown:display',\r\n    'click:leading',\r\n    'update:modelValue',\r\n    'update:focused',\r\n  ],\r\n  slots: Object as SlotsType<{\r\n    prepend: any;\r\n    append: any;\r\n    label: any;\r\n    default: YInputDefaultSlotProps;\r\n    leading: { error: boolean };\r\n    trailing: any;\r\n    'leading-out': any;\r\n    'trailing-out': any;\r\n    'helper-text': {\r\n      error: boolean;\r\n      errorResult: string | undefined;\r\n      errors: any[];\r\n    };\r\n  }>,\r\n  setup(props, { slots, attrs, expose, emit }) {\r\n    const UID = getUid();\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\r\n    const {\r\n      isDisabled,\r\n      isReadonly,\r\n      isLoading,\r\n      invokeValidators,\r\n      resetError,\r\n      isError,\r\n      isSuccess,\r\n      errors,\r\n      errorResult,\r\n    } = useValidation(props, NAME, UID);\r\n\r\n    const stack$ = ref();\r\n    const display$ = ref();\r\n\r\n    const inValue = ref();\r\n    const lazyValue = ref();\r\n    const hasMouseDown = shallowRef(false);\r\n\r\n    const variations = computed(() => {\r\n      if (props.variation) {\r\n        return props.variation.split(',').map((value) => {\r\n          return value.trim();\r\n        });\r\n      }\r\n      return [];\r\n    });\r\n\r\n    const isFloatedLabel = computed(() => {\r\n      return (\r\n        props.floated ||\r\n        !!props.placeholder ||\r\n        (!props.placeholder && isFocused.value) ||\r\n        !!inValue.value\r\n      );\r\n    });\r\n\r\n    const classes = computed(() => {\r\n      return {\r\n        // Style\r\n        [themeClasses.value as string]: true,\r\n        'y-input--ceramic': !!props.ceramic,\r\n        'y-input--outlined':\r\n          !props.ceramic &&\r\n          (variations.value.includes('outlined') || !!props.outlined),\r\n        'y-input--filled':\r\n          variations.value.includes('filled') || !!props.filled,\r\n        // Value\r\n        'y-input--loading': isLoading.value,\r\n        'y-input--has-value': !!inValue.value,\r\n        'y-input--focused': isFocused.value,\r\n        'y-input--readonly': isReadonly.value,\r\n        'y-input--disabled': isDisabled.value,\r\n        'y-input--error': isError.value,\r\n        'y-input--success': isSuccess.value,\r\n      };\r\n    });\r\n\r\n    const displayStyles = computed<Record<string, any>>(() => {\r\n      return {\r\n        width: toStyleSizeValue(props.width),\r\n        height: toStyleSizeValue(props.height),\r\n      };\r\n    });\r\n\r\n    watch(\r\n      () => props.modelValue,\r\n      (neo) => {\r\n        inValue.value = neo;\r\n      },\r\n    );\r\n\r\n    watch(\r\n      () => props.readonly,\r\n      (neo) => {\r\n        if (!neo) {\r\n          inValue.value = props.modelValue;\r\n        }\r\n      },\r\n    );\r\n\r\n    watch(inValue, (neo) => {\r\n      if (!isReadonly.value && !isLoading.value) {\r\n        emit('update:modelValue', neo);\r\n      }\r\n    });\r\n\r\n    watch(isError, (neo) => {\r\n      emit('error', neo, errors.value);\r\n    });\r\n\r\n    watch(\r\n      () => props.focused,\r\n      (neo) => {\r\n        if (!neo) {\r\n          invokeValidators();\r\n        }\r\n      },\r\n    );\r\n\r\n    function onClick(event: MouseEvent) {\r\n      emit('click', event);\r\n    }\r\n\r\n    function onMousedown(e: Event) {\r\n      hasMouseDown.value = true;\r\n      emit('mousedown:display', e);\r\n    }\r\n\r\n    function onMouseup(e: Event) {\r\n      hasMouseDown.value = false;\r\n      emit('mouseup:display', e);\r\n    }\r\n\r\n    function onKeydown(e: Event) {\r\n      emit('keydown:display', e);\r\n    }\r\n\r\n    function onFocus(event: FocusEvent) {\r\n      whenFocus();\r\n      emit('focus', event);\r\n    }\r\n\r\n    function onBlur(event: FocusEvent) {\r\n      whenBlur();\r\n      invokeValidators();\r\n      emit('blur', event);\r\n    }\r\n\r\n    function onClickLeading(event: MouseEvent) {\r\n      emit('click:leading', event);\r\n    }\r\n\r\n    function onChange(event?: Event) {\r\n      invokeValidators();\r\n    }\r\n\r\n    function createLabel(): VNode | undefined {\r\n      const show = !!props.label || !!slots.label;\r\n      if (!show) {\r\n        return undefined;\r\n      }\r\n      return (\r\n        <label\r\n          class={[\r\n            {\r\n              [`${NAME}__label`]: true,\r\n              'y-input__floating-label': props.floating,\r\n              'y-input__floating-label--floated':\r\n                props.floating && isFloatedLabel.value,\r\n            },\r\n          ]}\r\n          for={`y-input--${UID}`}\r\n        >\r\n          {slots.label ? (\r\n            slots.label()\r\n          ) : props.label ? (\r\n            <>\r\n              {props.label}\r\n              {props.required && (\r\n                <span class={'y-input__required-mark'}>*</span>\r\n              )}\r\n            </>\r\n          ) : (\r\n            props.placeholder && !inValue.value && props.placeholder\r\n          )}\r\n        </label>\r\n      );\r\n    }\r\n\r\n    expose({\r\n      ...(props.extended ?? {}),\r\n      createLabel,\r\n      invokeValidators,\r\n      validate: invokeValidators,\r\n      resetError,\r\n    });\r\n\r\n    useRender(() => {\r\n      return (\r\n        <div class={[`${NAME}`, { ...classes.value }]}>\r\n          {slots.prepend && (\r\n            <div class={`${NAME}__prepend`}>{slots.prepend()}</div>\r\n          )}\r\n          <div ref={stack$} class={[`${NAME}__stack`]}>\r\n            {!props.floating && createLabel()}\r\n            {slots['leading-out'] && slots['leading-out']()}\r\n            <div\r\n              ref={display$}\r\n              class={`${NAME}__display`}\r\n              style={[{ ...displayStyles.value }]}\r\n              data-base-parent={true}\r\n              onClick={onClick}\r\n              onMousedown={onMousedown}\r\n              onMouseup={onMouseup}\r\n              onKeydown={onKeydown}\r\n            >\r\n              <div class={`${NAME}__plate`}></div>\r\n              {slots.leading && (\r\n                <div class={'y-input__leading'} onClick={onClickLeading}>\r\n                  {slots.leading({ error: isError.value })}\r\n                </div>\r\n              )}\r\n              {slots.default ? (\r\n                slots.default({\r\n                  value: props.modelValue,\r\n                  loading: isLoading.value,\r\n                  attrId: `y-input--${UID}`,\r\n                })\r\n              ) : (\r\n                <div\r\n                  class={`${NAME}__value`}\r\n                  data-id={`y-input--${UID}`}\r\n                  tabindex={0}\r\n                  onFocus={onFocus}\r\n                  onBlur={onBlur}\r\n                >\r\n                  {props.floating && createLabel()}\r\n                  {props.modelValue?.toString()}\r\n                </div>\r\n              )}\r\n              {slots.trailing?.()}\r\n            </div>\r\n            {slots['trailing-out'] && slots['trailing-out']()}\r\n            <div class={`${NAME}__helper-text`}>\r\n              {slots['helper-text'] ? (\r\n                <span>\r\n                  {slots['helper-text']({\r\n                    error: isError.value,\r\n                    errors: errors.value,\r\n                    errorResult: errorResult.value,\r\n                  })}\r\n                </span>\r\n              ) : (\r\n                props.helperText ?? errorResult.value\r\n              )}\r\n            </div>\r\n          </div>\r\n          {slots.append && (\r\n            <div class={`${NAME}__append`}>{slots.append()}</div>\r\n          )}\r\n        </div>\r\n      );\r\n    });\r\n\r\n    return {\r\n      ...(props.extended ?? {}),\r\n      themeClasses,\r\n      isFocused,\r\n      focusedClasses,\r\n      whenFocus,\r\n      whenBlur,\r\n      createLabel,\r\n      invokeValidators,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YInput = InstanceType<typeof YInput>;\r\n"],"mappings":"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"}

package/lib/components/input/index.js

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

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

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

package/lib/components/ip-field/YIpv4Field.js

@@ -0,0 +1,297 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { computed, mergeProps, nextTick, reactive, ref, toRef, watch } from 'vue';
+import { useModelDuplex } from "../../composables/communication.js";
+import { useRender } from "../../composables/component.js";
+import { chooseProps, defineComponent } from "../../util/component/index.js";
+import { YInput, pressYInputPropsOptions } from "../input/index.js";
+import "./YIpField.scss";
+const INHERIT_NAME = 'y-ip-field';
+const NAME = 'y-ipv4-field';
+const IP_PART_REGEX = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
+export const YIpv4Field = defineComponent({
+  name: NAME,
+  props: {
+    fixedUntil: Number,
+    text: Boolean,
+    subnet: Boolean,
+    autoFillSubnet: [Boolean, Number, String],
+    ...pressYInputPropsOptions()
+  },
+  emits: {
+    'update:modelValue': _v => true,
+    tab: _id => true,
+    focus: () => true,
+    blur: () => true
+  },
+  setup(props, _ref) {
+    let {
+      slots,
+      emit
+    } = _ref;
+    const field$ = ref();
+    const yInput$ = ref();
+    const input$ = ref([]);
+    const model = useModelDuplex(props);
+    const parts = reactive({
+      0: '',
+      1: '',
+      2: '',
+      3: '',
+      4: ''
+    });
+    //
+    const lazyParts = reactive({
+      0: '',
+      1: '',
+      2: '',
+      3: '',
+      4: ''
+    });
+    const isFocused = ref(false);
+    const fieldFocused = ref([]);
+
+    /// Events
+    function testSubnetRange(value) {
+      return !/[^0-9]/.test(value) && Number(value) < 33 && Number(value) > -1;
+    }
+    function onInput(id, event) {
+      const target = event.target;
+      const neoValue = target?.value || '';
+      const oldValue = lazyParts[id];
+      const pass = id < 4 ? IP_PART_REGEX.test(neoValue) : testSubnetRange(neoValue);
+      const neo = neoValue !== '' ? Number(neoValue).toString() : '';
+      parts[id] = neo;
+      if (!pass && neoValue !== '') {
+        nextChange(id, oldValue);
+      } else {
+        if (neoValue.length > 2) {
+          focusNextPart(id);
+        }
+        lazyParts[id] = neo;
+        emitInput();
+      }
+    }
+    function onFocus(id, _event) {
+      isFocused.value = true;
+      fieldFocused.value.push(id);
+    }
+    function onBlur(id, _event) {
+      isFocused.value = false;
+      nextTick(() => {
+        setTimeout(() => {
+          fieldFocused.value.forEach((value, index) => {
+            if (value === id) {
+              fieldFocused.value.splice(index, 1);
+            }
+          });
+        });
+      });
+    }
+    function onChange(_id, _event) {
+      //
+      // const changed = [id, event];
+    }
+    function onKeydown(id, event) {
+      const $target = event.target;
+      if (event.key === 'Backspace' && event.target && $target.value === '') {
+        focusPrevPart(id);
+      }
+      if (event.key === 'ArrowRight' || event.key === 'ArrowDown' && !event.shiftKey) {
+        if ($target.selectionStart !== null && $target.value.length <= $target.selectionStart) {
+          if (id === 3) {
+            event.preventDefault();
+            emit('tab');
+            return;
+          } else {
+            event.preventDefault();
+            focusNextPart(id);
+            return;
+          }
+        }
+      }
+      if (event.key === 'ArrowLeft' || event.key === 'ArrowUp' && !event.shiftKey) {
+        if ($target.selectionStart !== null && $target.selectionStart === 0) {
+          if (id === 0) {
+            event.preventDefault();
+            emit('tab', -1);
+            return;
+          } else {
+            event.preventDefault();
+            focusPrevPart(id);
+            return;
+          }
+        }
+      }
+      if ((event.key === 'Tab' && !event.shiftKey && $target.value !== '' || event.key === 'Enter' || event.key === '.') && props.onTab && id === 3) {
+        event.preventDefault();
+        emit('tab', 3);
+      }
+    }
+    function onKeyup(id, event) {
+      if (event.key === '.') {
+        focusNextPart(id);
+      }
+    }
+    function putParts(neo) {
+      if (typeof neo === 'string') {
+        let tempParts = [];
+        if (neo.lastIndexOf('/') > -1) {
+          const sub = neo.substring(neo.lastIndexOf('/') + 1, neo.length);
+          if (props.subnet && testSubnetRange(sub)) {
+            parts[4] = sub;
+          }
+          tempParts = neo.substring(0, neo.lastIndexOf('/')).split('.');
+        } else {
+          tempParts = neo.split('.');
+        }
+        if (tempParts.length > 2) {
+          for (let index = 0; index < 4; index += 1) {
+            const part = tempParts[index];
+            if (part !== undefined && IP_PART_REGEX.test(part)) {
+              parts[index] = part;
+            } else {
+              parts[index] = '';
+            }
+          }
+          emitInput();
+        }
+      }
+    }
+    function onPaste(event) {
+      const content = (event.clipboardData || window.clipboardData).getData('text');
+      if (isNaN(Number(content))) {
+        event.preventDefault();
+        putParts(content);
+      }
+    }
+    function whenBlur() {
+      if (props.autoFillSubnet && parts[0] && parts[1] && parts[2] && parts[3] && !parts[4]) {
+        if (typeof props.autoFillSubnet === 'boolean') {
+          parts[4] = '32';
+        } else {
+          parts[4] = props.autoFillSubnet.toString();
+        }
+        emitInput();
+      }
+    }
+
+    /// Actions
+    function nextChange(id, value) {
+      nextTick(() => {
+        parts[id] = value;
+        emitInput();
+      });
+    }
+    function focusNextPart(currentId) {
+      const nextId = currentId + 1;
+      if (nextId < 4) {
+        const $input = input$.value[nextId];
+        $input.focus();
+        $input.selectionStart = 0;
+      }
+    }
+    function focusPrevPart(currentId) {
+      const prevId = currentId - 1;
+      if (prevId > -1) {
+        const $input = input$.value[prevId];
+        $input.focus();
+        $input.selectionStart = $input.value.length + 1;
+      }
+    }
+    function emitInput() {
+      model.value = joinParts();
+    }
+    function joinParts() {
+      if (parts[0] === '' && parts[1] === '' && parts[2] === '' && parts[3] === '') {
+        return '';
+      }
+      return `${parts[0]}.${parts[1]}.${parts[2]}.${parts[3]}${props.subnet ? '/' + parts[4] : ''}`;
+    }
+    const focused = computed(() => {
+      return fieldFocused.value.length > 0;
+    });
+    watch(model, neo => {
+      if (neo === '') {
+        for (let index = 0; index < 5; index += 1) {
+          parts[index] = '';
+          lazyParts[index] = '';
+        }
+        return;
+      } else {
+        putParts(neo);
+      }
+    }, {
+      immediate: true
+    });
+    watch(focused, neo => {
+      if (!neo) {
+        whenBlur();
+      }
+    });
+    watch(isFocused, neo => {
+      if (neo) {
+        emit('focus');
+      } else {
+        emit('blur');
+      }
+    });
+    useRender(() => {
+      input$.value = [];
+      return _createVNode(YInput, _mergeProps({
+        "ref": yInput$,
+        "class": [NAME, INHERIT_NAME, {
+          [`${INHERIT_NAME}--text`]: props.text
+        }]
+      }, chooseProps(props, YInput.props)), {
+        leading: function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          return slots.leading?.(...args);
+        },
+        default: defaultProps => {
+          return _createVNode("div", _mergeProps({
+            "class": [`${INHERIT_NAME}__field`]
+          }, mergeProps({
+            'data-id': defaultProps.attrId
+          }), {
+            "ref": field$
+          }), [[0, 1, 2, 3, 4].map(id => {
+            const inputValue = toRef(parts, id);
+            return (!props.subnet && id < 4 || props.subnet) && [_createVNode("div", {
+              "class": [`${INHERIT_NAME}__part`]
+            }, [_createVNode("input", {
+              "ref": el => input$.value.push(el),
+              "id": `${defaultProps.attrId}__part--${id}`,
+              "value": inputValue.value,
+              "class": [`${INHERIT_NAME}__part-input`],
+              "readonly": props.readonly || props.loading,
+              "disabled": props.disabled,
+              "autocomplete": "false",
+              "maxlength": id === 4 ? 2 : 3,
+              "onInput": $event => onInput(id, $event),
+              "onFocus": $event => onFocus(id, $event),
+              "onBlur": $event => onBlur(id, $event),
+              "onChange": $event => onChange(id, $event),
+              "onKeydown": $event => onKeydown(id, $event),
+              "onKeyup": $event => onKeyup(id, $event),
+              "onPaste": onPaste
+            }, null)]), id !== 4 && (!props.subnet && id < 3 || props.subnet) && _createVNode("div", {
+              "class": [`${INHERIT_NAME}__part`]
+            }, [id < 3 ? '.' : '/'])];
+          })]);
+        },
+        trailing: function () {
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          return slots.trailing?.(...args);
+        },
+        label: slots.label && (() => slots.label?.()),
+        'helper-text': slots['helper-text'] && (() => slots['helper-text']?.())
+      });
+    });
+    return {};
+  }
+});
+//# sourceMappingURL=YIpv4Field.js.map

package/lib/components/ip-field/YIpv4Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YIpv4Field.js","names":["computed","mergeProps","nextTick","reactive","ref","toRef","watch","useModelDuplex","useRender","chooseProps","defineComponent","YInput","pressYInputPropsOptions","INHERIT_NAME","NAME","IP_PART_REGEX","YIpv4Field","name","props","fixedUntil","Number","text","Boolean","subnet","autoFillSubnet","String","emits","_v","tab","_id","focus","blur","setup","_ref","slots","emit","field$","yInput$","input$","model","parts","lazyParts","isFocused","fieldFocused","testSubnetRange","value","test","onInput","id","event","target","neoValue","oldValue","pass","neo","toString","nextChange","length","focusNextPart","emitInput","onFocus","_event","push","onBlur","setTimeout","forEach","index","splice","onChange","onKeydown","$target","key","focusPrevPart","shiftKey","selectionStart","preventDefault","onTab","onKeyup","putParts","tempParts","lastIndexOf","sub","substring","split","part","undefined","onPaste","content","clipboardData","window","getData","isNaN","whenBlur","currentId","nextId","$input","prevId","joinParts","focused","immediate","_createVNode","_mergeProps","leading","_len","arguments","args","Array","_key","default","defaultProps","attrId","map","inputValue","el","readonly","loading","disabled","$event","trailing","_len2","_key2","label"],"sources":["../../../src/components/ip-field/YIpv4Field.tsx"],"sourcesContent":["import {\r\n  type PropType,\r\n  computed,\r\n  mergeProps,\r\n  nextTick,\r\n  reactive,\r\n  ref,\r\n  toRef,\r\n  watch,\r\n} from 'vue';\r\n\r\nimport { useModelDuplex } from '@/composables/communication';\r\nimport { useRender } from '@/composables/component';\r\nimport { chooseProps, defineComponent } from '@/util/component';\r\n\r\nimport { YInput, pressYInputPropsOptions } from '../input';\r\n\r\nimport './YIpField.scss';\r\n\r\nconst INHERIT_NAME = 'y-ip-field';\r\nconst NAME = 'y-ipv4-field';\r\nconst IP_PART_REGEX = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;\r\n\r\ntype PartId = 0 | 1 | 2 | 3 | 4;\r\n\r\nexport const YIpv4Field = defineComponent({\r\n  name: NAME,\r\n  props: {\r\n    fixedUntil: Number as PropType<0 | 1 | 2 | 3>,\r\n    text: Boolean as PropType<boolean>,\r\n    subnet: Boolean as PropType<boolean>,\r\n    autoFillSubnet: [Boolean, Number, String] as PropType<\r\n      boolean | number | string\r\n    >,\r\n    ...pressYInputPropsOptions(),\r\n  },\r\n  emits: {\r\n    'update:modelValue': (_v: string) => true,\r\n    tab: (_id?: number) => true,\r\n    focus: () => true,\r\n    blur: () => true,\r\n  },\r\n  setup(props, { slots, emit }) {\r\n    const field$ = ref();\r\n    const yInput$ = ref();\r\n    const input$ = ref<any[]>([]);\r\n\r\n    const model = useModelDuplex(props);\r\n\r\n    const parts = reactive<Record<PartId, any>>({\r\n      0: '',\r\n      1: '',\r\n      2: '',\r\n      3: '',\r\n      4: '',\r\n    });\r\n    //\r\n    const lazyParts = reactive({\r\n      0: '',\r\n      1: '',\r\n      2: '',\r\n      3: '',\r\n      4: '',\r\n    });\r\n\r\n    const isFocused = ref(false);\r\n    const fieldFocused = ref<number[]>([]);\r\n\r\n    /// Events\r\n    function testSubnetRange(value: string) {\r\n      return !/[^0-9]/.test(value) && Number(value) < 33 && Number(value) > -1;\r\n    }\r\n\r\n    function onInput(id: PartId, event: Event) {\r\n      const target = event.target as HTMLInputElement | null;\r\n      const neoValue = target?.value || '';\r\n      const oldValue = lazyParts[id];\r\n      const pass =\r\n        id < 4 ? IP_PART_REGEX.test(neoValue) : testSubnetRange(neoValue);\r\n      const neo = neoValue !== '' ? Number(neoValue).toString() : '';\r\n      parts[id] = neo;\r\n      if (!pass && neoValue !== '') {\r\n        nextChange(id, oldValue);\r\n      } else {\r\n        if (neoValue.length > 2) {\r\n          focusNextPart(id);\r\n        }\r\n        lazyParts[id] = neo;\r\n        emitInput();\r\n      }\r\n    }\r\n\r\n    function onFocus(id: PartId, _event: FocusEvent) {\r\n      isFocused.value = true;\r\n      fieldFocused.value.push(id);\r\n    }\r\n\r\n    function onBlur(id: PartId, _event: FocusEvent) {\r\n      isFocused.value = false;\r\n      nextTick(() => {\r\n        setTimeout(() => {\r\n          fieldFocused.value.forEach((value, index) => {\r\n            if (value === id) {\r\n              fieldFocused.value.splice(index, 1);\r\n            }\r\n          });\r\n        });\r\n      });\r\n    }\r\n\r\n    function onChange(_id: PartId, _event: Event) {\r\n      //\r\n      // const changed = [id, event];\r\n    }\r\n\r\n    function onKeydown(id: PartId, event: KeyboardEvent) {\r\n      const $target = event.target as HTMLInputElement;\r\n      if (event.key === 'Backspace' && event.target && $target.value === '') {\r\n        focusPrevPart(id);\r\n      }\r\n      if (\r\n        event.key === 'ArrowRight' ||\r\n        (event.key === 'ArrowDown' && !event.shiftKey)\r\n      ) {\r\n        if (\r\n          $target.selectionStart !== null &&\r\n          $target.value.length <= $target.selectionStart\r\n        ) {\r\n          if (id === 3) {\r\n            event.preventDefault();\r\n            emit('tab');\r\n            return;\r\n          } else {\r\n            event.preventDefault();\r\n            focusNextPart(id);\r\n            return;\r\n          }\r\n        }\r\n      }\r\n      if (\r\n        event.key === 'ArrowLeft' ||\r\n        (event.key === 'ArrowUp' && !event.shiftKey)\r\n      ) {\r\n        if ($target.selectionStart !== null && $target.selectionStart === 0) {\r\n          if (id === 0) {\r\n            event.preventDefault();\r\n            emit('tab', -1);\r\n            return;\r\n          } else {\r\n            event.preventDefault();\r\n            focusPrevPart(id);\r\n            return;\r\n          }\r\n        }\r\n      }\r\n      if (\r\n        ((event.key === 'Tab' && !event.shiftKey && $target.value !== '') ||\r\n          event.key === 'Enter' ||\r\n          event.key === '.') &&\r\n        props.onTab &&\r\n        id === 3\r\n      ) {\r\n        event.preventDefault();\r\n        emit('tab', 3);\r\n      }\r\n    }\r\n\r\n    function onKeyup(id: PartId, event: KeyboardEvent) {\r\n      if (event.key === '.') {\r\n        focusNextPart(id);\r\n      }\r\n    }\r\n\r\n    function putParts(neo: string | undefined) {\r\n      if (typeof neo === 'string') {\r\n        let tempParts: string[] = [];\r\n        if (neo.lastIndexOf('/') > -1) {\r\n          const sub = neo.substring(neo.lastIndexOf('/') + 1, neo.length);\r\n          if (props.subnet && testSubnetRange(sub)) {\r\n            parts[4] = sub;\r\n          }\r\n          tempParts = neo.substring(0, neo.lastIndexOf('/')).split('.');\r\n        } else {\r\n          tempParts = neo.split('.');\r\n        }\r\n        if (tempParts.length > 2) {\r\n          for (let index = 0; index < 4; index += 1) {\r\n            const part = tempParts[index];\r\n            if (part !== undefined && IP_PART_REGEX.test(part)) {\r\n              parts[index as PartId] = part;\r\n            } else {\r\n              parts[index as PartId] = '';\r\n            }\r\n          }\r\n          emitInput();\r\n        }\r\n      }\r\n    }\r\n\r\n    function onPaste(event: ClipboardEvent) {\r\n      const content = (\r\n        event.clipboardData || (window as any).clipboardData\r\n      ).getData('text');\r\n      if (isNaN(Number(content))) {\r\n        event.preventDefault();\r\n        putParts(content);\r\n      }\r\n    }\r\n\r\n    function whenBlur() {\r\n      if (\r\n        props.autoFillSubnet &&\r\n        parts[0] &&\r\n        parts[1] &&\r\n        parts[2] &&\r\n        parts[3] &&\r\n        !parts[4]\r\n      ) {\r\n        if (typeof props.autoFillSubnet === 'boolean') {\r\n          parts[4] = '32';\r\n        } else {\r\n          parts[4] = props.autoFillSubnet.toString();\r\n        }\r\n        emitInput();\r\n      }\r\n    }\r\n\r\n    /// Actions\r\n    function nextChange(id: PartId, value: any) {\r\n      nextTick(() => {\r\n        parts[id] = value;\r\n        emitInput();\r\n      });\r\n    }\r\n\r\n    function focusNextPart(currentId: PartId) {\r\n      const nextId = currentId + 1;\r\n      if (nextId < 4) {\r\n        const $input = input$.value[nextId] as HTMLInputElement;\r\n        $input.focus();\r\n        $input.selectionStart = 0;\r\n      }\r\n    }\r\n\r\n    function focusPrevPart(currentId: PartId) {\r\n      const prevId = currentId - 1;\r\n      if (prevId > -1) {\r\n        const $input = input$.value[prevId] as HTMLInputElement;\r\n        $input.focus();\r\n        $input.selectionStart = $input.value.length + 1;\r\n      }\r\n    }\r\n\r\n    function emitInput() {\r\n      model.value = joinParts();\r\n    }\r\n\r\n    function joinParts(): string {\r\n      if (\r\n        parts[0] === '' &&\r\n        parts[1] === '' &&\r\n        parts[2] === '' &&\r\n        parts[3] === ''\r\n      ) {\r\n        return '';\r\n      }\r\n      return `${parts[0]}.${parts[1]}.${parts[2]}.${parts[3]}${\r\n        props.subnet ? '/' + parts[4] : ''\r\n      }`;\r\n    }\r\n\r\n    const focused = computed(() => {\r\n      return fieldFocused.value.length > 0;\r\n    });\r\n\r\n    watch(\r\n      model,\r\n      (neo: string | undefined) => {\r\n        if (neo === '') {\r\n          for (let index = 0; index < 5; index += 1) {\r\n            parts[index as PartId] = '';\r\n            lazyParts[index as PartId] = '';\r\n          }\r\n          return;\r\n        } else {\r\n          putParts(neo);\r\n        }\r\n      },\r\n      { immediate: true },\r\n    );\r\n\r\n    watch(focused, (neo: boolean) => {\r\n      if (!neo) {\r\n        whenBlur();\r\n      }\r\n    });\r\n\r\n    watch(isFocused, (neo: boolean) => {\r\n      if (neo) {\r\n        emit('focus');\r\n      } else {\r\n        emit('blur');\r\n      }\r\n    });\r\n\r\n    useRender(() => {\r\n      input$.value = [];\r\n      return (\r\n        <YInput\r\n          ref={yInput$}\r\n          class={[\r\n            NAME,\r\n            INHERIT_NAME,\r\n            { [`${INHERIT_NAME}--text`]: props.text },\r\n          ]}\r\n          {...chooseProps(props, YInput.props)}\r\n        >\r\n          {{\r\n            leading: (...args: any[]) => slots.leading?.(...args),\r\n            default: (defaultProps: any) => {\r\n              return (\r\n                <div\r\n                  class={[`${INHERIT_NAME}__field`]}\r\n                  {...mergeProps({ 'data-id': defaultProps.attrId })}\r\n                  ref={field$}\r\n                >\r\n                  {([0, 1, 2, 3, 4] as PartId[]).map((id) => {\r\n                    const inputValue = toRef(parts, id);\r\n                    return (\r\n                      ((!props.subnet && id < 4) || props.subnet) && [\r\n                        <div class={[`${INHERIT_NAME}__part`]}>\r\n                          <input\r\n                            ref={(el) => input$.value.push(el)}\r\n                            id={`${defaultProps.attrId}__part--${id}`}\r\n                            value={inputValue.value}\r\n                            class={[`${INHERIT_NAME}__part-input`]}\r\n                            readonly={props.readonly || props.loading}\r\n                            disabled={props.disabled}\r\n                            autocomplete=\"false\"\r\n                            maxlength={id === 4 ? 2 : 3}\r\n                            onInput={($event) => onInput(id, $event)}\r\n                            onFocus={($event) => onFocus(id, $event)}\r\n                            onBlur={($event) => onBlur(id, $event)}\r\n                            onChange={($event) => onChange(id, $event)}\r\n                            onKeydown={($event) => onKeydown(id, $event)}\r\n                            onKeyup={($event) => onKeyup(id, $event)}\r\n                            onPaste={onPaste}\r\n                          />\r\n                        </div>,\r\n                        id !== 4 &&\r\n                          ((!props.subnet && id < 3) || props.subnet) && (\r\n                            <div class={[`${INHERIT_NAME}__part`]}>\r\n                              {id < 3 ? '.' : '/'}\r\n                            </div>\r\n                          ),\r\n                      ]\r\n                    );\r\n                  })}\r\n                </div>\r\n              );\r\n            },\r\n            trailing: (...args: any[]) => slots.trailing?.(...args),\r\n            label: slots.label && (() => slots.label?.()),\r\n            'helper-text':\r\n              slots['helper-text'] && (() => slots['helper-text']?.()),\r\n          }}\r\n        </YInput>\r\n      );\r\n    });\r\n\r\n    return {};\r\n  },\r\n});\r\n\r\nexport type YIpv4Field = InstanceType<typeof YIpv4Field>;\r\n"],"mappings":"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"}

package/lib/components/ip-field/index.js

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

package/lib/components/ip-field/index.js.map

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