@expcat/tigercat-vue 2.1.2 → 2.1.3

package/dist/chunk-MYKKKVGK.mjs

@@ -1,164 +0,0 @@
-import {
-  CheckboxGroupKey
-} from "./chunk-P3VAY2IQ.mjs";
-
-// src/components/Checkbox.ts
-import {
-  defineComponent,
-  computed,
-  h,
-  ref,
-  watch,
-  inject
-} from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  getCheckboxClasses,
-  getCheckboxLabelClasses
-} from "@expcat/tigercat-core";
-var Checkbox = defineComponent({
-  name: "TigerCheckbox",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Checkbox value in controlled mode (v-model)
-     */
-    modelValue: {
-      type: [Boolean, null],
-      default: null
-    },
-    /**
-     * Checkbox value (for use in checkbox groups)
-     */
-    value: {
-      type: [String, Number, Boolean]
-    },
-    /**
-     * Checkbox size
-     */
-    size: {
-      type: String
-    },
-    /**
-     * Whether the checkbox is disabled
-     */
-    disabled: {
-      type: Boolean
-    },
-    /**
-     * Whether the checkbox is in indeterminate state
-     * @default false
-     */
-    indeterminate: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * 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 checked state changes (for v-model)
-     */
-    "update:modelValue": (value) => typeof value === "boolean",
-    /**
-     * Emitted when checked state changes
-     */
-    change: (value, event) => typeof value === "boolean" && event instanceof Event
-  },
-  setup(props, { slots, emit, attrs }) {
-    const groupContextRef = inject(CheckboxGroupKey, null);
-    const groupContext = computed(() => groupContextRef?.value);
-    const internalChecked = ref(props.defaultValue);
-    const isControlled = computed(() => props.modelValue !== null);
-    const effectiveSize = computed(() => props.size || groupContext.value?.size || "md");
-    const effectiveDisabled = computed(
-      () => props.disabled || groupContext.value?.disabled || false
-    );
-    const checked = computed(() => {
-      if (groupContext.value && props.value !== void 0) {
-        return groupContext.value.value.includes(props.value);
-      }
-      return isControlled.value ? props.modelValue : internalChecked.value;
-    });
-    const checkboxRef = ref(null);
-    watch(
-      () => [checkboxRef.value, props.indeterminate],
-      ([el]) => {
-        if (el) el.indeterminate = props.indeterminate;
-      },
-      { immediate: true }
-    );
-    const handleChange = (event) => {
-      if (effectiveDisabled.value) return;
-      const target = event.target;
-      const newValue = target.checked;
-      if (groupContext.value && props.value !== void 0) {
-        groupContext.value.updateValue(props.value, newValue);
-      } else {
-        if (!isControlled.value) {
-          internalChecked.value = newValue;
-        }
-        emit("update:modelValue", newValue);
-        emit("change", newValue, event);
-      }
-    };
-    return () => {
-      const checkboxClasses = getCheckboxClasses(effectiveSize.value, effectiveDisabled.value);
-      const { class: _class, style: _style, ...restAttrs } = attrs;
-      const inputProps = {
-        ref: checkboxRef,
-        type: "checkbox",
-        checked: checked.value,
-        disabled: effectiveDisabled.value,
-        value: props.value,
-        onChange: handleChange,
-        ...restAttrs
-      };
-      if (!slots.default) {
-        return h("input", {
-          ...inputProps,
-          class: classNames(checkboxClasses, props.className, coerceClassValue(attrs.class)),
-          style: [attrs.style, props.style]
-        });
-      }
-      const labelClasses = getCheckboxLabelClasses(effectiveSize.value, effectiveDisabled.value);
-      return h(
-        "label",
-        {
-          class: classNames(labelClasses, props.className, coerceClassValue(attrs.class)),
-          style: [attrs.style, props.style]
-        },
-        [
-          h("input", { ...inputProps, class: checkboxClasses }),
-          h("span", { class: "ml-2" }, slots.default())
-        ]
-      );
-    };
-  }
-});
-var Checkbox_default = Checkbox;
-
-export {
-  Checkbox,
-  Checkbox_default
-};