@expcat/tigercat-vue 2.1.1 → 2.1.3

package/dist/chunk-6TTICJR4.mjs

@@ -1,155 +0,0 @@
-// src/components/RadioGroup.ts
-import {
-  defineComponent,
-  ref,
-  provide,
-  computed,
-  h,
-  getCurrentInstance
-} from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  getRadioGroupClasses
-} from "@expcat/tigercat-core";
-var RadioGroupKey = /* @__PURE__ */ Symbol("RadioGroup");
-var RadioGroup = defineComponent({
-  name: "TigerRadioGroup",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Selected value (for v-model)
-     */
-    modelValue: {
-      type: [String, Number]
-    },
-    /**
-     * Default selected value (uncontrolled mode)
-     */
-    defaultValue: {
-      type: [String, Number]
-    },
-    /**
-     * Input name attribute for all radios
-     */
-    name: {
-      type: String
-    },
-    /**
-     * Whether all radios are disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Radio size for all radios
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String
-    },
-    /**
-     * Inline styles
-     */
-    style: {
-      type: Object
-    }
-  },
-  emits: {
-    /**
-     * Emitted when value changes (for v-model)
-     */
-    "update:modelValue": (value) => typeof value === "string" || typeof value === "number",
-    /**
-     * Emitted when value changes
-     */
-    change: (value) => typeof value === "string" || typeof value === "number"
-  },
-  setup(props, { slots, emit, attrs }) {
-    const instance = getCurrentInstance();
-    const internalValue = ref(props.defaultValue);
-    const isControlled = computed(() => {
-      const rawProps = instance?.vnode.props;
-      return !!rawProps && Object.prototype.hasOwnProperty.call(rawProps, "modelValue");
-    });
-    const currentValue = computed(
-      () => isControlled.value ? props.modelValue : internalValue.value
-    );
-    const handleChange = (value) => {
-      if (props.disabled) return;
-      if (!isControlled.value) {
-        internalValue.value = value;
-      }
-      emit("update:modelValue", value);
-      emit("change", value);
-    };
-    const generatedName = `tiger-radio-group-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
-    const groupName = computed(() => props.name || generatedName);
-    provide(
-      RadioGroupKey,
-      computed(() => ({
-        value: currentValue.value,
-        name: groupName.value,
-        disabled: props.disabled,
-        size: props.size,
-        onChange: handleChange
-      }))
-    );
-    const handleKeyDown = (event) => {
-      if (props.disabled) return;
-      if (event.key !== "ArrowDown" && event.key !== "ArrowRight" && event.key !== "ArrowUp" && event.key !== "ArrowLeft") {
-        return;
-      }
-      const target = event.target;
-      const currentInput = target.closest('input[type="radio"]');
-      if (!currentInput) return;
-      const container = event.currentTarget;
-      const inputs = Array.from(
-        container.querySelectorAll('input[type="radio"]')
-      );
-      const enabledInputs = inputs.filter((input) => !input.disabled);
-      if (enabledInputs.length === 0) return;
-      const currentIndex = enabledInputs.indexOf(currentInput);
-      if (currentIndex === -1) return;
-      event.preventDefault();
-      const direction = event.key === "ArrowDown" || event.key === "ArrowRight" ? 1 : -1;
-      const nextIndex = (currentIndex + direction + enabledInputs.length) % enabledInputs.length;
-      const nextInput = enabledInputs[nextIndex];
-      nextInput.focus();
-      nextInput.click();
-    };
-    return () => {
-      const rootStyle = [attrs.style, props.style];
-      const mergedClass = classNames(props.className, coerceClassValue(attrs.class));
-      const rootClass = getRadioGroupClasses({ className: mergedClass });
-      const { class: _class, style: _style, ...restAttrs } = attrs;
-      return h(
-        "div",
-        {
-          ...restAttrs,
-          class: rootClass,
-          style: rootStyle,
-          role: "radiogroup",
-          onKeydown: handleKeyDown
-        },
-        slots.default?.()
-      );
-    };
-  }
-});
-var RadioGroup_default = RadioGroup;
-
-export {
-  RadioGroupKey,
-  RadioGroup,
-  RadioGroup_default
-};

package/dist/chunk-73Z7N7VG.mjs

@@ -1,204 +0,0 @@
-import {
-  RadioGroupKey
-} from "./chunk-6TTICJR4.mjs";
-
-// src/components/Radio.ts
-import {
-  defineComponent,
-  computed,
-  h,
-  inject,
-  ref,
-  getCurrentInstance
-} from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  getRadioDotClasses,
-  getRadioLabelClasses,
-  getRadioVisualClasses,
-  defaultRadioColors,
-  radioRootBaseClasses
-} from "@expcat/tigercat-core";
-var Radio = defineComponent({
-  name: "TigerRadio",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Radio value (required for radio groups)
-     */
-    value: {
-      type: [String, Number],
-      required: true
-    },
-    /**
-     * Radio size
-     * @default 'md'
-     */
-    size: {
-      type: String
-    },
-    /**
-     * Whether the radio is disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean
-    },
-    /**
-     * Input name attribute
-     */
-    name: {
-      type: String
-    },
-    /**
-     * Whether the radio is checked (controlled mode)
-     */
-    modelValue: {
-      type: Boolean
-    },
-    /**
-     * Default checked state (uncontrolled mode)
-     * @default false
-     */
-    defaultValue: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Additional CSS classes (applied to root element)
-     */
-    className: {
-      type: String
-    },
-    /**
-     * Inline styles (applied to root element)
-     */
-    style: {
-      type: Object
-    }
-  },
-  emits: {
-    /**
-     * Emitted when radio value changes
-     */
-    change: (value) => typeof value === "string" || typeof value === "number",
-    /**
-     * Emitted when checked state changes (for v-model)
-     */
-    "update:modelValue": (value) => typeof value === "boolean"
-  },
-  setup(props, { slots, emit, attrs }) {
-    const instance = getCurrentInstance();
-    const groupContextRef = inject(RadioGroupKey, null);
-    const groupContext = computed(() => groupContextRef?.value);
-    const internalChecked = ref(props.defaultValue);
-    const isCheckedControlled = computed(() => {
-      const rawProps = instance?.vnode.props;
-      return !!rawProps && Object.prototype.hasOwnProperty.call(rawProps, "modelValue");
-    });
-    const isInGroup = computed(() => !!groupContext.value);
-    const actualSize = computed(() => props.size || groupContext.value?.size || "md");
-    const actualDisabled = computed(() => props.disabled || groupContext.value?.disabled || false);
-    const actualName = computed(() => props.name || groupContext.value?.name);
-    const isChecked = computed(() => {
-      if (isCheckedControlled.value) return props.modelValue;
-      if (isInGroup.value) return groupContext.value?.value === props.value;
-      return internalChecked.value;
-    });
-    const radioClasses = computed(
-      () => getRadioVisualClasses({
-        size: actualSize.value,
-        checked: !!isChecked.value,
-        disabled: actualDisabled.value,
-        colors: defaultRadioColors
-      })
-    );
-    const dotClasses = computed(
-      () => getRadioDotClasses({
-        size: actualSize.value,
-        checked: !!isChecked.value,
-        colors: defaultRadioColors
-      })
-    );
-    const labelClasses = computed(
-      () => getRadioLabelClasses({
-        size: actualSize.value,
-        disabled: actualDisabled.value,
-        colors: defaultRadioColors
-      })
-    );
-    const handleChange = (event) => {
-      if (actualDisabled.value) {
-        event.preventDefault();
-        return;
-      }
-      const target = event.target;
-      const newChecked = target.checked;
-      if (!isCheckedControlled.value && !isInGroup.value && newChecked) {
-        internalChecked.value = true;
-      }
-      emit("update:modelValue", newChecked);
-      emit("change", props.value);
-      if (newChecked && groupContext.value) groupContext.value.onChange(props.value);
-    };
-    const handleKeyDown = (event) => {
-      if (actualDisabled.value) return;
-      if (event.key !== "Enter") return;
-      event.preventDefault();
-      const input = event.currentTarget;
-      if (!input.checked) input.click();
-    };
-    return () => {
-      const rootStyle = [attrs.style, props.style];
-      const rootClass = classNames(
-        radioRootBaseClasses,
-        props.className,
-        coerceClassValue(attrs.class)
-      );
-      const { class: _class, style: _style, ...restAttrs } = attrs;
-      return h(
-        "label",
-        {
-          class: rootClass,
-          style: rootStyle
-        },
-        [
-          // Hidden native radio input
-          h("input", {
-            ...restAttrs,
-            type: "radio",
-            class: "sr-only peer",
-            name: actualName.value,
-            value: props.value,
-            checked: isChecked.value,
-            disabled: actualDisabled.value,
-            onChange: handleChange,
-            onKeydown: handleKeyDown
-          }),
-          // Custom radio visual
-          h(
-            "span",
-            {
-              class: radioClasses.value,
-              "aria-hidden": "true"
-            },
-            [
-              h("span", {
-                class: dotClasses.value
-              })
-            ]
-          ),
-          // Label content
-          slots.default && h("span", { class: labelClasses.value }, slots.default())
-        ]
-      );
-    };
-  }
-});
-var Radio_default = Radio;
-
-export {
-  Radio,
-  Radio_default
-};

package/dist/chunk-7C7SG3SS.mjs

@@ -1,269 +0,0 @@
-import {
-  FORM_ITEM_CONTROL_INJECTION_KEY
-} from "./chunk-P2LZ2MR5.mjs";
-import {
-  useTigerConfig
-} from "./chunk-UOJOJBEU.mjs";
-
-// src/components/MaskInput.ts
-import { computed, defineComponent, h, inject, nextTick, ref, watch } from "vue";
-import {
-  applyMaskInput,
-  classNames,
-  coerceClassValue,
-  formatMaskValue,
-  getInputClasses,
-  getInputClearButtonClasses,
-  getInputErrorClasses,
-  getInputWrapperClasses,
-  injectShakeStyle,
-  mergeStyleValues,
-  parseMask,
-  SHAKE_CLASS
-} from "@expcat/tigercat-core";
-var maskInputIdCounter = 0;
-var MaskInput = defineComponent({
-  name: "TigerMaskInput",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Raw (unmasked) value for v-model
-     */
-    modelValue: { type: String, default: void 0 },
-    /**
-     * Default raw value (for uncontrolled mode)
-     */
-    defaultValue: { type: String, default: "" },
-    /**
-     * Mask template. Built-in tokens: `#` digit, `a` letter, `*` alphanumeric,
-     * `!` escapes the next character to a literal
-     */
-    mask: { type: String, required: true },
-    /**
-     * Custom tokens merged over the built-ins
-     */
-    tokens: { type: Object, default: void 0 },
-    /**
-     * Input size
-     * @default 'md'
-     */
-    size: { type: String, default: "md" },
-    /**
-     * Validation status
-     * @default 'default'
-     */
-    status: { type: String, default: "default" },
-    /** Error message to display */
-    errorMessage: String,
-    /** Placeholder text */
-    placeholder: { type: String, default: "" },
-    /** Whether the input is disabled */
-    disabled: Boolean,
-    /** Whether the input is readonly */
-    readonly: Boolean,
-    /** Whether to show a clear button when the input has value */
-    clearable: Boolean,
-    /**
-     * Input name attribute. When set, a hidden input with this name submits the
-     * raw (unmasked) value; the visible field displays the mask and has no name.
-     */
-    name: String,
-    /** Input id attribute */
-    id: String,
-    /** Autocomplete attribute */
-    autoComplete: String,
-    /** Whether to autofocus on mount */
-    autoFocus: Boolean,
-    /**
-     * Internal shake trigger counter (used by FormItem)
-     * @internal
-     */
-    _shakeTrigger: { type: Number, default: void 0 },
-    /** Additional CSS classes */
-    className: String,
-    /** Inline styles */
-    style: { type: Object, default: void 0 }
-  },
-  emits: {
-    "update:modelValue": null,
-    change: null,
-    complete: null,
-    focus: null,
-    blur: null,
-    clear: null
-  },
-  setup(props, { emit, attrs }) {
-    injectShakeStyle();
-    const formItemControl = inject(
-      FORM_ITEM_CONTROL_INJECTION_KEY,
-      null
-    );
-    useTigerConfig();
-    const effectiveStatus = computed(
-      () => props.status !== "default" ? props.status : formItemControl?.status.value ?? props.status
-    );
-    const effectiveErrorMessage = computed(
-      () => props.errorMessage ?? formItemControl?.errorMessage.value
-    );
-    const effectiveShakeTrigger = computed(
-      () => props._shakeTrigger ?? formItemControl?.shakeTrigger.value
-    );
-    const instanceId = ++maskInputIdCounter;
-    const errorMsgId = `tiger-mask-input-error-${instanceId}`;
-    const wrapperRef = ref(null);
-    const inputRef = ref(null);
-    const isComposing = ref(false);
-    const spec = computed(() => parseMask(props.mask, props.tokens));
-    const isControlled = computed(() => props.modelValue !== void 0);
-    const innerRaw = ref(props.defaultValue ?? "");
-    const rawValue = computed(
-      () => isControlled.value ? props.modelValue ?? "" : innerRaw.value
-    );
-    const formatted = computed(() => formatMaskValue(rawValue.value, spec.value));
-    const maskedValue = computed(() => formatted.value.maskedValue);
-    watch([effectiveStatus, effectiveShakeTrigger], ([newStatus]) => {
-      if (newStatus === "error" && wrapperRef.value) {
-        const el = wrapperRef.value;
-        el.classList.remove(SHAKE_CLASS);
-        void el.offsetWidth;
-        el.classList.add(SHAKE_CLASS);
-      }
-    });
-    const commit = (raw, detail, previousMasked) => {
-      if (!isControlled.value) innerRaw.value = raw;
-      emit("update:modelValue", raw);
-      emit("change", raw, detail);
-      if (detail.completed && !formatMaskValue(previousMasked, spec.value).completed) {
-        emit("complete", raw, detail.maskedValue);
-      }
-    };
-    const applyValue = (inputValue, caret) => {
-      const previousMasked = maskedValue.value;
-      const result = applyMaskInput(inputValue, caret, spec.value, previousMasked);
-      if (inputRef.value) inputRef.value.value = result.maskedValue;
-      commit(
-        result.rawValue,
-        { maskedValue: result.maskedValue, completed: result.completed },
-        previousMasked
-      );
-      nextTick(() => {
-        if (inputRef.value) inputRef.value.setSelectionRange(result.caret, result.caret);
-      });
-    };
-    const processInput = (target) => {
-      applyValue(target.value, target.selectionStart ?? target.value.length);
-    };
-    const handleInput = (event) => {
-      if (isComposing.value) return;
-      processInput(event.target);
-    };
-    const handlePaste = (event) => {
-      if (props.disabled || props.readonly) return;
-      event.preventDefault();
-      const input = event.target;
-      const text = event.clipboardData?.getData("text") ?? "";
-      const start = input.selectionStart ?? input.value.length;
-      const end = input.selectionEnd ?? input.value.length;
-      applyValue(input.value.slice(0, start) + text + input.value.slice(end), start + text.length);
-    };
-    const handleCompositionStart = () => {
-      isComposing.value = true;
-    };
-    const handleCompositionEnd = (event) => {
-      isComposing.value = false;
-      processInput(event.target);
-    };
-    const handleClear = () => {
-      if (!isControlled.value) innerRaw.value = "";
-      emit("update:modelValue", "");
-      emit("change", "", { maskedValue: "", completed: false });
-      emit("clear");
-      inputRef.value?.focus();
-    };
-    const handleFocus = (event) => emit("focus", event);
-    const handleBlur = (event) => emit("blur", event);
-    return () => {
-      const { class: attrClass, style: attrStyle, ...restAttrs } = attrs;
-      const activeError = effectiveStatus.value === "error" && !!effectiveErrorMessage.value;
-      const hasSuffix = props.clearable;
-      const showClear = props.clearable && !props.disabled && !props.readonly && rawValue.value.length > 0;
-      const inputClasses = getInputClasses({
-        size: props.size,
-        status: effectiveStatus.value,
-        hasPrefix: false,
-        hasSuffix
-      });
-      const children = [
-        h("input", {
-          ...restAttrs,
-          ref: inputRef,
-          class: inputClasses,
-          type: "text",
-          value: maskedValue.value,
-          placeholder: props.placeholder,
-          disabled: props.disabled,
-          readonly: props.readonly,
-          id: props.id,
-          autocomplete: props.autoComplete,
-          autofocus: props.autoFocus,
-          ...effectiveStatus.value === "error" ? { "aria-invalid": true } : {},
-          ...activeError ? { "aria-describedby": errorMsgId } : {},
-          onInput: handleInput,
-          onPaste: handlePaste,
-          onCompositionstart: handleCompositionStart,
-          onCompositionend: handleCompositionEnd,
-          onFocus: handleFocus,
-          onBlur: handleBlur
-        })
-      ];
-      if (props.name) {
-        children.push(
-          h("input", {
-            key: "hidden",
-            type: "hidden",
-            name: props.name,
-            value: rawValue.value
-          })
-        );
-      }
-      if (activeError) {
-        children.push(
-          h(
-            "div",
-            { id: errorMsgId, class: getInputErrorClasses(props.size), "aria-live": "polite" },
-            effectiveErrorMessage.value
-          )
-        );
-      } else if (showClear) {
-        children.push(
-          h(
-            "button",
-            {
-              type: "button",
-              class: getInputClearButtonClasses(props.size),
-              onClick: handleClear,
-              "aria-label": "Clear input",
-              tabindex: -1
-            },
-            "\u2715"
-          )
-        );
-      }
-      return h(
-        "div",
-        {
-          ref: wrapperRef,
-          class: classNames(getInputWrapperClasses(), props.className, coerceClassValue(attrClass)),
-          style: mergeStyleValues(props.style, attrStyle)
-        },
-        children
-      );
-    };
-  }
-});
-var MaskInput_default = MaskInput;
-
-export {
-  MaskInput,
-  MaskInput_default
-};