@a-drowned-fish/rox-v 1.0.0 → 1.0.2

package/lib/input-otp/index.js

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const _hoisted_1 = ["maxlength"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "input-otp",
-  props: {
-    modelValue: { default: "" },
-    length: { default: 6 },
-    itemClass: { default: "" },
-    activeItemClass: { default: "" },
-    gap: { default: "10px" }
-  },
-  emits: ["update:modelValue", "complete"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const inputRef = vue.ref(null);
-    const innerValue = vue.ref(props.modelValue);
-    vue.watch(
-      () => props.modelValue,
-      (val) => {
-        if (val !== innerValue.value) {
-          innerValue.value = val;
-        }
-      }
-    );
-    function handleInput(e) {
-      let value = e.target.value;
-      value = value.replace(/\D/g, "");
-      value = value.slice(0, props.length);
-      innerValue.value = value;
-      emit("update:modelValue", value);
-      if (value.length === props.length) {
-        emit("complete", value);
-      }
-    }
-    function focusInput() {
-      var _a;
-      (_a = inputRef.value) == null ? void 0 : _a.focus();
-    }
-    function isActive(index) {
-      return index === innerValue.value.length;
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: "otp-wrapper",
-        onClick: focusInput
-      }, [
-        vue.withDirectives(vue.createElementVNode("input", {
-          inputmode: "numeric",
-          autocomplete: "one-time-code",
-          ref_key: "inputRef",
-          ref: inputRef,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event),
-          maxlength: __props.length,
-          onInput: handleInput,
-          class: "otp-input"
-        }, null, 40, _hoisted_1), [
-          [vue.vModelText, innerValue.value]
-        ]),
-        vue.createElementVNode("div", {
-          class: "otp-box",
-          style: vue.normalizeStyle({ gap: props.gap })
-        }, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.length, (_, index) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: index,
-              class: vue.normalizeClass(["otp-item", [
-                { active: isActive(index), [props.activeItemClass]: isActive(index) },
-                props.itemClass
-              ]])
-            }, vue.toDisplayString(innerValue.value[index] || ""), 3);
-          }), 128))
-        ], 4)
-      ]);
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const InputOtp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-14ecb7bd"]]);
-exports.InputOtp = InputOtp;
-exports.default = InputOtp;

package/lib/input-otp/input-otp.vue.d.ts

@@ -1,23 +0,0 @@
-interface Props {
-    modelValue?: string;
-    length?: number;
-    itemClass?: string;
-    activeItemClass?: string;
-    gap?: string;
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: string) => any;
-    complete: (value: string) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onComplete?: ((value: string) => any) | undefined;
-}>, {
-    modelValue: string;
-    length: number;
-    itemClass: string;
-    activeItemClass: string;
-    gap: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    inputRef: HTMLInputElement;
-}, HTMLDivElement>;
-export default _default;

package/resolver/resolver.cjs

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const componentMap = {
-  RInputOtp: "input-otp"
-};
-function RoxVResolver(options = {}) {
-  const { cjs = false } = options;
-  const moduleType = cjs ? "lib" : "es";
-  return {
-    type: "component",
-    resolve: (name) => {
-      const componentName = componentMap[name];
-      if (!componentName) {
-        return void 0;
-      }
-      return {
-        name,
-        path: `rox-v/${moduleType}/${componentName}`,
-        sideEffects: `rox-v/${moduleType}/${componentName}/index.css`
-      };
-    }
-  };
-}
-exports.RoxVResolver = RoxVResolver;
-exports.default = RoxVResolver;

package/resolver/resolver.d.ts

@@ -1,13 +0,0 @@
-import { ComponentResolver } from 'unplugin-vue-components/types';
-export interface RoxVResolverOptions {
-    /**
-     * Use CommonJS build (lib) instead of ES modules (es)
-     * @default false
-     */
-    cjs?: boolean;
-}
-/**
- * Create a resolver for rox-v components
- */
-export declare function RoxVResolver(options?: RoxVResolverOptions): ComponentResolver;
-export default RoxVResolver;

package/resolver/resolver.js

@@ -1,25 +0,0 @@
-const componentMap = {
-  RInputOtp: "input-otp"
-};
-function RoxVResolver(options = {}) {
-  const { cjs = false } = options;
-  const moduleType = cjs ? "lib" : "es";
-  return {
-    type: "component",
-    resolve: (name) => {
-      const componentName = componentMap[name];
-      if (!componentName) {
-        return void 0;
-      }
-      return {
-        name,
-        path: `rox-v/${moduleType}/${componentName}`,
-        sideEffects: `rox-v/${moduleType}/${componentName}/index.css`
-      };
-    }
-  };
-}
-export {
-  RoxVResolver,
-  RoxVResolver as default
-};