@expcat/tigercat-vue 2.1.1 → 2.1.3

package/dist/chunk-BQK7LH2L.mjs

@@ -1,441 +0,0 @@
-import {
-  INPUT_GROUP_INJECTION_KEY
-} from "./chunk-VIIGYWUY.mjs";
-
-// src/components/InputNumber.ts
-import {
-  defineComponent,
-  computed,
-  ref,
-  watch,
-  h,
-  onMounted,
-  onBeforeUnmount,
-  inject,
-  getCurrentInstance
-} from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  getInputNumberWrapperClasses,
-  getInputNumberStatusClasses,
-  getInputNumberFocusRingColor,
-  getInputNumberSizeClasses,
-  getInputNumberInputClasses,
-  getInputNumberStepButtonClasses,
-  getInputNumberSideButtonClasses,
-  inputNumberControlsRightClasses,
-  inputNumberUpIconPathD,
-  inputNumberDownIconPathD,
-  inputNumberMinusIconPathD,
-  inputNumberPlusIconPathD,
-  clampValue,
-  stepValue,
-  formatPrecision,
-  isAtMin,
-  isAtMax,
-  formatInputNumberDisplay,
-  parseInputNumberValue,
-  createRafRepeatActionController
-} from "@expcat/tigercat-core";
-var InputNumber = defineComponent({
-  name: "TigerInputNumber",
-  inheritAttrs: false,
-  props: {
-    modelValue: {
-      type: [Number, null]
-    },
-    defaultValue: {
-      type: [Number, null],
-      default: void 0
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    status: {
-      type: String,
-      default: "default"
-    },
-    min: {
-      type: Number,
-      default: -Infinity
-    },
-    max: {
-      type: Number,
-      default: Infinity
-    },
-    step: {
-      type: Number,
-      default: 1
-    },
-    precision: {
-      type: Number,
-      default: void 0
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    placeholder: String,
-    name: String,
-    id: String,
-    keyboard: {
-      type: Boolean,
-      default: true
-    },
-    controls: {
-      type: Boolean,
-      default: true
-    },
-    controlsPosition: {
-      type: String,
-      default: "right"
-    },
-    formatter: {
-      type: Function
-    },
-    parser: {
-      type: Function
-    },
-    autoFocus: {
-      type: Boolean,
-      default: false
-    },
-    incrementAriaLabel: {
-      type: String,
-      default: "Increase"
-    },
-    decrementAriaLabel: {
-      type: String,
-      default: "Decrease"
-    },
-    className: {
-      type: String,
-      default: void 0
-    }
-  },
-  emits: ["update:modelValue", "change", "focus", "blur"],
-  setup(props, { emit, attrs }) {
-    const instance = getCurrentInstance();
-    const inputGroup = inject(INPUT_GROUP_INJECTION_KEY, null);
-    const effectiveSize = computed(() => {
-      const hasOwnSize = Object.prototype.hasOwnProperty.call(instance?.vnode.props ?? {}, "size");
-      return hasOwnSize ? props.size : inputGroup?.size ?? props.size;
-    });
-    const inputRef = ref(null);
-    const focused = ref(false);
-    const repeatController = createRafRepeatActionController();
-    let repeatValue = null;
-    let suppressNextClick = false;
-    const displayValue = ref("");
-    function toDisplayValue(val) {
-      return formatInputNumberDisplay(val, {
-        formatter: props.formatter,
-        precision: props.precision
-      });
-    }
-    function parseValue(str) {
-      return parseInputNumberValue(str, { parser: props.parser });
-    }
-    watch(
-      () => props.modelValue,
-      (val) => {
-        if (!focused.value) {
-          displayValue.value = toDisplayValue(val);
-        }
-      },
-      { immediate: true }
-    );
-    const isControlled = computed(() => props.modelValue !== void 0);
-    const internalValue = ref(props.modelValue ?? props.defaultValue ?? null);
-    const currentValue = computed(
-      () => isControlled.value ? props.modelValue ?? null : internalValue.value
-    );
-    if (!isControlled.value && internalValue.value !== null) {
-      displayValue.value = toDisplayValue(internalValue.value);
-    }
-    function commitValue(val) {
-      let finalVal = val;
-      if (finalVal !== null) {
-        finalVal = clampValue(finalVal, props.min, props.max);
-        if (props.precision !== void 0) {
-          finalVal = formatPrecision(finalVal, props.precision);
-        }
-      }
-      if (!isControlled.value) {
-        internalValue.value = finalVal;
-      }
-      emit("update:modelValue", finalVal);
-      emit("change", finalVal);
-      displayValue.value = toDisplayValue(finalVal);
-    }
-    function handleStep(direction, baseValue = currentValue.value) {
-      if (props.disabled || props.readonly) return baseValue ?? null;
-      const next = stepValue(
-        baseValue,
-        props.step,
-        direction,
-        props.min,
-        props.max,
-        props.precision
-      );
-      commitValue(next);
-      return next;
-    }
-    function handleStepClick(direction) {
-      if (suppressNextClick) {
-        suppressNextClick = false;
-        return;
-      }
-      handleStep(direction);
-    }
-    function startStepRepeat(direction) {
-      return (event) => {
-        event.preventDefault();
-        if (props.disabled || props.readonly) return;
-        if (direction === "down" && isAtMin(currentValue.value, props.min)) return;
-        if (direction === "up" && isAtMax(currentValue.value, props.max)) return;
-        suppressNextClick = true;
-        repeatValue = currentValue.value;
-        repeatController.start(() => {
-          const baseValue = repeatValue;
-          const nextValue = handleStep(direction, baseValue);
-          repeatValue = nextValue;
-          if (nextValue === baseValue) {
-            repeatController.stop();
-          }
-        });
-      };
-    }
-    function stopStepRepeat() {
-      repeatController.stop();
-    }
-    function handleInput(e) {
-      const target = e.target;
-      displayValue.value = target.value;
-    }
-    function handleBlur(e) {
-      focused.value = false;
-      const parsed = parseValue(displayValue.value);
-      commitValue(parsed);
-      emit("blur", e);
-    }
-    function handleFocus(e) {
-      focused.value = true;
-      if (props.formatter && currentValue.value !== null) {
-        displayValue.value = String(currentValue.value);
-      }
-      emit("focus", e);
-    }
-    function handleKeyDown(e) {
-      if (!props.keyboard || props.disabled || props.readonly) return;
-      if (e.key === "ArrowUp") {
-        e.preventDefault();
-        handleStep("up");
-      } else if (e.key === "ArrowDown") {
-        e.preventDefault();
-        handleStep("down");
-      } else if (e.key === "Enter") {
-        const parsed = parseValue(displayValue.value);
-        commitValue(parsed);
-      }
-    }
-    const atMin = computed(() => isAtMin(currentValue.value, props.min));
-    const atMax = computed(() => isAtMax(currentValue.value, props.max));
-    const wrapperClasses = computed(
-      () => classNames(
-        getInputNumberWrapperClasses(props.disabled),
-        getInputNumberStatusClasses(props.status),
-        getInputNumberSizeClasses(effectiveSize.value),
-        focused.value && `ring-2 ${getInputNumberFocusRingColor(props.status)}`,
-        props.className,
-        coerceClassValue(attrs.class)
-      )
-    );
-    const inputClasses = computed(
-      () => getInputNumberInputClasses(
-        effectiveSize.value,
-        props.controls && props.controlsPosition === "right",
-        props.controls && props.controlsPosition === "both"
-      )
-    );
-    onMounted(() => {
-      if (props.autoFocus && inputRef.value) {
-        inputRef.value.focus();
-      }
-    });
-    onBeforeUnmount(() => repeatController.stop());
-    return () => {
-      const { class: _attrClass, style: attrStyle, ...restAttrs } = attrs;
-      const children = [];
-      if (props.controls && props.controlsPosition === "both") {
-        children.push(
-          h(
-            "button",
-            {
-              type: "button",
-              tabindex: -1,
-              "aria-label": props.decrementAriaLabel,
-              class: getInputNumberSideButtonClasses("left", props.disabled || atMin.value),
-              disabled: props.disabled || atMin.value,
-              onPointerdown: startStepRepeat("down"),
-              onPointerup: stopStepRepeat,
-              onPointerleave: stopStepRepeat,
-              onPointercancel: stopStepRepeat,
-              onClick: () => handleStepClick("down")
-            },
-            [
-              h(
-                "svg",
-                {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  "stroke-width": "2",
-                  class: "w-4 h-4"
-                },
-                [h("path", { d: inputNumberMinusIconPathD })]
-              )
-            ]
-          )
-        );
-      }
-      children.push(
-        h("input", {
-          ...restAttrs,
-          ref: inputRef,
-          type: "text",
-          inputmode: "decimal",
-          role: "spinbutton",
-          "aria-valuemin": props.min === -Infinity ? void 0 : props.min,
-          "aria-valuemax": props.max === Infinity ? void 0 : props.max,
-          "aria-valuenow": currentValue.value ?? void 0,
-          class: inputClasses.value,
-          value: displayValue.value,
-          placeholder: props.placeholder,
-          disabled: props.disabled,
-          readonly: props.readonly,
-          name: props.name,
-          id: props.id,
-          onInput: handleInput,
-          onBlur: handleBlur,
-          onFocus: handleFocus,
-          onKeydown: handleKeyDown
-        })
-      );
-      if (props.controls && props.controlsPosition === "both") {
-        children.push(
-          h(
-            "button",
-            {
-              type: "button",
-              tabindex: -1,
-              "aria-label": props.incrementAriaLabel,
-              class: getInputNumberSideButtonClasses("right", props.disabled || atMax.value),
-              disabled: props.disabled || atMax.value,
-              onPointerdown: startStepRepeat("up"),
-              onPointerup: stopStepRepeat,
-              onPointerleave: stopStepRepeat,
-              onPointercancel: stopStepRepeat,
-              onClick: () => handleStepClick("up")
-            },
-            [
-              h(
-                "svg",
-                {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  "stroke-width": "2",
-                  class: "w-4 h-4"
-                },
-                [h("path", { d: inputNumberPlusIconPathD })]
-              )
-            ]
-          )
-        );
-      }
-      if (props.controls && props.controlsPosition === "right") {
-        children.push(
-          h("div", { class: inputNumberControlsRightClasses }, [
-            h(
-              "button",
-              {
-                type: "button",
-                tabindex: -1,
-                "aria-label": props.incrementAriaLabel,
-                class: getInputNumberStepButtonClasses("up", props.disabled || atMax.value),
-                disabled: props.disabled || atMax.value,
-                onPointerdown: startStepRepeat("up"),
-                onPointerup: stopStepRepeat,
-                onPointerleave: stopStepRepeat,
-                onPointercancel: stopStepRepeat,
-                onClick: () => handleStepClick("up")
-              },
-              [
-                h(
-                  "svg",
-                  {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    viewBox: "0 0 24 24",
-                    fill: "currentColor",
-                    class: "w-3 h-3"
-                  },
-                  [h("path", { d: inputNumberUpIconPathD })]
-                )
-              ]
-            ),
-            h(
-              "button",
-              {
-                type: "button",
-                tabindex: -1,
-                "aria-label": props.decrementAriaLabel,
-                class: getInputNumberStepButtonClasses("down", props.disabled || atMin.value),
-                disabled: props.disabled || atMin.value,
-                onPointerdown: startStepRepeat("down"),
-                onPointerup: stopStepRepeat,
-                onPointerleave: stopStepRepeat,
-                onPointercancel: stopStepRepeat,
-                onClick: () => handleStepClick("down")
-              },
-              [
-                h(
-                  "svg",
-                  {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    viewBox: "0 0 24 24",
-                    fill: "currentColor",
-                    class: "w-3 h-3"
-                  },
-                  [h("path", { d: inputNumberDownIconPathD })]
-                )
-              ]
-            )
-          ])
-        );
-      }
-      return h(
-        "div",
-        {
-          class: wrapperClasses.value,
-          style: attrStyle
-        },
-        children
-      );
-    };
-  }
-});
-var InputNumber_default = InputNumber;
-
-export {
-  InputNumber,
-  InputNumber_default
-};

package/dist/chunk-BSOLH6R5.mjs

@@ -1,129 +0,0 @@
-import {
-  useTigerConfig
-} from "./chunk-UOJOJBEU.mjs";
-
-// src/components/QRCode.ts
-import { defineComponent, h, computed } from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  mergeStyleValues,
-  resolveLocaleText,
-  mergeTigerLocale
-} from "@expcat/tigercat-core";
-import {
-  qrcodeContainerClasses,
-  qrcodeOverlayClasses,
-  qrcodeExpiredTextClasses,
-  qrcodeRefreshClasses,
-  generateQRMatrix
-} from "@expcat/tigercat-core";
-var QRCode = defineComponent({
-  name: "TigerQRCode",
-  inheritAttrs: false,
-  props: {
-    value: { type: String, required: true },
-    size: { type: Number, default: 128 },
-    color: { type: String, default: "#000000" },
-    bgColor: { type: String, default: "#ffffff" },
-    status: { type: String, default: "active" },
-    className: { type: String, default: void 0 },
-    locale: { type: Object, default: void 0 }
-  },
-  emits: ["refresh"],
-  setup(props, { emit, attrs }) {
-    const config = useTigerConfig();
-    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
-    const matrix = computed(() => generateQRMatrix(props.value));
-    const moduleSize = computed(() => {
-      const mLen = matrix.value.length;
-      return (props.size ?? 128) / mLen;
-    });
-    return () => {
-      const attrsRecord = attrs;
-      const containerClass = classNames(
-        qrcodeContainerClasses,
-        props.className,
-        coerceClassValue(attrsRecord.class)
-      );
-      const mSize = moduleSize.value;
-      const modules = matrix.value;
-      const ariaLabel = resolveLocaleText("QR Code", mergedLocale.value?.qrcode?.ariaLabel);
-      const expiredText = resolveLocaleText(
-        "QR code expired",
-        mergedLocale.value?.qrcode?.expiredText
-      );
-      const refreshText = resolveLocaleText("Refresh", mergedLocale.value?.qrcode?.refreshText);
-      const loadingText = resolveLocaleText(
-        "Loading...",
-        mergedLocale.value?.qrcode?.loadingText,
-        mergedLocale.value?.common?.loadingText
-      );
-      const rects = modules.flatMap(
-        (row, r) => row.map(
-          (cell, c) => cell ? h("rect", {
-            key: `${r}-${c}`,
-            x: c * mSize,
-            y: r * mSize,
-            width: mSize,
-            height: mSize,
-            fill: props.color
-          }) : null
-        ).filter(Boolean)
-      );
-      const svg = h(
-        "svg",
-        {
-          width: props.size,
-          height: props.size,
-          viewBox: `0 0 ${props.size} ${props.size}`,
-          xmlns: "http://www.w3.org/2000/svg",
-          role: "img",
-          "aria-label": ariaLabel
-        },
-        [h("rect", { width: props.size, height: props.size, fill: props.bgColor }), ...rects]
-      );
-      const children = [svg];
-      if (props.status === "expired") {
-        children.push(
-          h("div", { class: qrcodeOverlayClasses }, [
-            h("span", { class: qrcodeExpiredTextClasses }, expiredText),
-            h(
-              "span",
-              {
-                class: qrcodeRefreshClasses,
-                onClick: () => emit("refresh")
-              },
-              refreshText
-            )
-          ])
-        );
-      }
-      if (props.status === "loading") {
-        children.push(
-          h("div", { class: qrcodeOverlayClasses }, [
-            h("span", { class: "text-sm text-gray-500" }, loadingText)
-          ])
-        );
-      }
-      return h(
-        "div",
-        {
-          ...attrs,
-          class: containerClass,
-          style: mergeStyleValues(attrsRecord.style, {
-            width: `${props.size}px`,
-            height: `${props.size}px`
-          })
-        },
-        children
-      );
-    };
-  }
-});
-var QRCode_default = QRCode;
-
-export {
-  QRCode,
-  QRCode_default
-};