@expcat/tigercat-vue 1.4.0 → 2.0.0-preview.1

package/dist/chunk-WGRNO4PB.js

@@ -1,342 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-
-var _chunkNCT5FXQBjs = require('./chunk-NCT5FXQB.js');
-
-
-var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
-
-
-var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// src/components/FormWizard.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var renderArrowLeftIcon = () => _vue.h.call(void 0, 
-  "svg",
-  {
-    class: "w-3.5 h-3.5 transition-transform duration-300 group-hover:-translate-x-0.5",
-    fill: "none",
-    stroke: "currentColor",
-    "stroke-width": "2",
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true"
-  },
-  [
-    _vue.h.call(void 0, "path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18"
-    })
-  ]
-);
-var renderArrowRightIcon = () => _vue.h.call(void 0, 
-  "svg",
-  {
-    class: "w-3.5 h-3.5 transition-transform duration-300 group-hover:translate-x-0.5",
-    fill: "none",
-    stroke: "currentColor",
-    "stroke-width": "2",
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true"
-  },
-  [
-    _vue.h.call(void 0, "path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"
-    })
-  ]
-);
-var renderCheckIcon = () => _vue.h.call(void 0, 
-  "svg",
-  {
-    class: "w-3.5 h-3.5 transition-transform duration-300 group-hover:scale-110",
-    fill: "none",
-    stroke: "currentColor",
-    "stroke-width": "2.5",
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true"
-  },
-  [
-    _vue.h.call(void 0, "path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M4.5 12.75l6 6 9-13.5"
-    })
-  ]
-);
-var FormWizard = _vue.defineComponent.call(void 0, {
-  name: "TigerFormWizard",
-  inheritAttrs: false,
-  props: {
-    steps: {
-      type: Array,
-      default: () => []
-    },
-    current: {
-      type: Number,
-      default: void 0
-    },
-    defaultCurrent: {
-      type: Number,
-      default: 0
-    },
-    clickable: {
-      type: Boolean,
-      default: false
-    },
-    direction: {
-      type: String,
-      default: "horizontal"
-    },
-    size: {
-      type: String,
-      default: "default"
-    },
-    simple: {
-      type: Boolean,
-      default: false
-    },
-    showSteps: {
-      type: Boolean,
-      default: true
-    },
-    showActions: {
-      type: Boolean,
-      default: true
-    },
-    prevText: {
-      type: String,
-      default: void 0
-    },
-    nextText: {
-      type: String,
-      default: void 0
-    },
-    finishText: {
-      type: String,
-      default: void 0
-    },
-    beforeNext: {
-      type: Function,
-      default: void 0
-    },
-    locale: {
-      type: Object,
-      default: void 0
-    },
-    labels: {
-      type: Object,
-      default: void 0
-    },
-    bordered: {
-      type: Boolean,
-      default: true
-    },
-    autoSave: {
-      type: Function,
-      default: void 0
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["change", "update:current", "finish"],
-  setup(props, { slots, attrs, emit }) {
-    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
-    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
-    const labels = _vue.computed.call(void 0, () => _tigercatcore.getFormWizardLabels.call(void 0, mergedLocale.value, props.labels));
-    const innerCurrent = _vue.ref.call(void 0, _nullishCoalesce(props.current, () => ( props.defaultCurrent)));
-    _vue.watch.call(void 0, 
-      () => props.current,
-      (value) => {
-        if (value !== void 0) {
-          innerCurrent.value = value;
-        }
-      }
-    );
-    _vue.watch.call(void 0, 
-      () => props.defaultCurrent,
-      (value) => {
-        if (props.current === void 0 && value !== void 0) {
-          innerCurrent.value = value;
-        }
-      }
-    );
-    const totalCount = _vue.computed.call(void 0, () => props.steps.length);
-    const currentIndex = _vue.computed.call(void 0, () => _nullishCoalesce(_nullishCoalesce(props.current, () => ( innerCurrent.value)), () => ( 0)));
-    const currentStep = _vue.computed.call(void 0, () => props.steps[currentIndex.value]);
-    const wrapperClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        "tiger-form-wizard w-full overflow-hidden transition-all duration-300",
-        props.bordered ? "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm" : "bg-transparent",
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    const wrapperStyle = _vue.computed.call(void 0, 
-      () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style)
-    );
-    const setCurrent = (next) => {
-      const clamped = _tigercatcore.clampStepIndex.call(void 0, next, totalCount.value);
-      const prev = currentIndex.value;
-      if (props.current === void 0) {
-        innerCurrent.value = clamped;
-      }
-      emit("update:current", clamped);
-      emit("change", clamped, prev);
-      if (props.autoSave && props.steps[clamped]) {
-        props.autoSave(clamped, props.steps[clamped]);
-      }
-    };
-    const runBeforeNext = () => _tigercatcore.runStepValidation.call(void 0, currentIndex.value, currentStep.value, props.steps, props.beforeNext);
-    const findNextUnskipped = (from, direction) => _tigercatcore.findNextUnskippedStep.call(void 0, from, direction, props.steps, currentIndex.value);
-    const handlePrev = () => {
-      if (currentIndex.value <= 0) return;
-      const target = findNextUnskipped(currentIndex.value - 1, -1);
-      if (target === currentIndex.value) return;
-      setCurrent(target);
-    };
-    const handleNext = async () => {
-      if (totalCount.value === 0) return;
-      const isLast = currentIndex.value >= totalCount.value - 1;
-      const ok = await runBeforeNext();
-      if (!ok) return;
-      if (isLast) {
-        emit("finish", currentIndex.value, props.steps);
-        return;
-      }
-      const target = findNextUnskipped(currentIndex.value + 1, 1);
-      if (target === currentIndex.value) return;
-      setCurrent(target);
-    };
-    const handleStepChange = async (nextIndex) => {
-      if (nextIndex === currentIndex.value || _optionalChain([props, 'access', _ => _.steps, 'access', _2 => _2[nextIndex], 'optionalAccess', _3 => _3.disabled])) return;
-      if (nextIndex > currentIndex.value) {
-        const ok = await runBeforeNext();
-        if (!ok) return;
-      }
-      setCurrent(nextIndex);
-    };
-    const renderContent = () => {
-      if (!currentStep.value) {
-        return null;
-      }
-      if (slots.step) {
-        return slots.step({ step: currentStep.value, index: currentIndex.value });
-      }
-      if (slots.default) {
-        return slots.default({ step: currentStep.value, index: currentIndex.value });
-      }
-      if (currentStep.value.content != null) {
-        return currentStep.value.content;
-      }
-      return null;
-    };
-    return () => {
-      const stepsNodes = props.steps.map(
-        (step, index) => _vue.h.call(void 0, _chunkNCT5FXQBjs.StepsItem, {
-          key: _nullishCoalesce(step.key, () => ( index)),
-          title: step.title,
-          description: step.description,
-          status: step.status,
-          icon: step.icon,
-          disabled: step.disabled
-        })
-      );
-      const isFirst = currentIndex.value <= 0;
-      const isLast = currentIndex.value >= totalCount.value - 1;
-      const stepsHeaderClass = _tigercatcore.classNames.call(void 0, 
-        "px-6 py-5 bg-[var(--tiger-surface-muted,#f9fafb)]/95 backdrop-blur-sm transition-all duration-300",
-        props.bordered ? "border-b border-[var(--tiger-border,#e5e7eb)]" : ""
-      );
-      const actionsContainerClass = _tigercatcore.classNames.call(void 0, 
-        "flex items-center justify-between gap-3 px-8 py-4 bg-[var(--tiger-surface-muted,#f9fafb)]/95 backdrop-blur-sm transition-all duration-300",
-        props.bordered ? "border-t border-[var(--tiger-border,#e5e7eb)]" : ""
-      );
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: wrapperClasses.value,
-          style: wrapperStyle.value,
-          "data-tiger-form-wizard": ""
-        },
-        [
-          props.showSteps && props.steps.length > 0 ? _vue.h.call(void 0, "div", { class: stepsHeaderClass }, [
-            _vue.h.call(void 0, 
-              _chunkNCT5FXQBjs.Steps,
-              {
-                current: currentIndex.value,
-                direction: props.direction,
-                size: props.size,
-                simple: props.simple,
-                clickable: props.clickable,
-                "onUpdate:current": handleStepChange
-              },
-              { default: () => stepsNodes }
-            )
-          ]) : null,
-          _vue.h.call(void 0, 
-            "div",
-            {
-              class: "px-8 py-6 flex flex-col items-center w-full min-h-[120px] transition-all duration-300"
-            },
-            { default: () => renderContent() }
-          ),
-          props.showActions ? _vue.h.call(void 0, "div", { class: actionsContainerClass }, [
-            !isFirst ? _vue.h.call(void 0, 
-              _chunkHA5QZ76Mjs.Button,
-              {
-                type: "button",
-                variant: "secondary",
-                class: "group",
-                onClick: handlePrev,
-                size: props.size === "small" ? "sm" : "md",
-                icon: renderArrowLeftIcon()
-              },
-              { default: () => _tigercatcore.resolveLocaleText.call(void 0, labels.value.prevText, props.prevText) }
-            ) : _vue.h.call(void 0, "div"),
-            _vue.h.call(void 0, 
-              _chunkHA5QZ76Mjs.Button,
-              {
-                type: "button",
-                variant: "primary",
-                class: "group",
-                onClick: handleNext,
-                size: props.size === "small" ? "sm" : "md",
-                icon: isLast ? renderCheckIcon() : renderArrowRightIcon(),
-                iconPosition: isLast ? "left" : "right"
-              },
-              {
-                default: () => isLast ? _tigercatcore.resolveLocaleText.call(void 0, labels.value.finishText, props.finishText) : _tigercatcore.resolveLocaleText.call(void 0, labels.value.nextText, props.nextText)
-              }
-            )
-          ]) : null
-        ]
-      );
-    };
-  }
-});
-var FormWizard_default = FormWizard;
-
-
-
-
-exports.FormWizard = FormWizard; exports.FormWizard_default = FormWizard_default;