@expcat/tigercat-vue 1.1.0 → 1.2.0

package/dist/{chunk-2Z2CJEUL.js → chunk-FRI62O2J.js}

@@ -1,9 +1,28 @@
-'use strict';
+"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 chunkVYGI74MJ_js = require('./chunk-VYGI74MJ.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunkB2RH4CMGjs = require('./chunk-B2RH4CMG.js');
 
+// src/components/FormItem.ts
+
+
+
+
+
+
+
+
+
+
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 function mergeAriaDescribedBy(existing, next) {
   if (!existing) return next;
   if (!next) return existing;
@@ -13,7 +32,7 @@ function mergeAriaDescribedBy(existing, next) {
   return Array.from(parts).join(" ");
 }
 var formItemIdCounter = 0;
-var FormItem = vue.defineComponent({
+var FormItem = _vue.defineComponent.call(void 0, {
   name: "TigerFormItem",
   props: {
     /**
@@ -73,34 +92,38 @@ var FormItem = vue.defineComponent({
     errorDisplayMode: {
       type: String,
       default: "inline"
+    },
+    condition: {
+      type: Object,
+      default: void 0
     }
   },
   setup(props, { slots }) {
-    const formContextRef = vue.inject(chunkVYGI74MJ_js.FormContextKey, null);
-    const formContext = vue.computed(() => formContextRef?.value ?? null);
-    const errorMessage = vue.ref("");
-    const shakeTrigger = vue.ref(0);
-    const prevFormError = vue.ref("");
+    const formContextRef = _vue.inject.call(void 0, _chunkB2RH4CMGjs.FormContextKey, null);
+    const formContext = _vue.computed.call(void 0, () => _nullishCoalesce(_optionalChain([formContextRef, 'optionalAccess', _ => _.value]), () => ( null)));
+    const errorMessage = _vue.ref.call(void 0, "");
+    const shakeTrigger = _vue.ref.call(void 0, 0);
+    const prevFormError = _vue.ref.call(void 0, "");
     const instanceId = ++formItemIdCounter;
     const baseId = `tiger-form-item-${instanceId}`;
     const labelId = `${baseId}-label`;
     const fieldId = `${baseId}-field`;
     const errorId = `${baseId}-error`;
-    const actualSize = vue.computed(() => {
-      return props.size || formContext.value?.size || "md";
+    const actualSize = _vue.computed.call(void 0, () => {
+      return props.size || _optionalChain([formContext, 'access', _2 => _2.value, 'optionalAccess', _3 => _3.size]) || "md";
     });
-    const actualLabelWidth = vue.computed(() => {
-      const width = props.labelWidth || formContext.value?.labelWidth;
+    const actualLabelWidth = _vue.computed.call(void 0, () => {
+      const width = props.labelWidth || _optionalChain([formContext, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.labelWidth]);
       if (typeof width === "number") {
         return `${width}px`;
       }
       return width;
     });
-    const labelPosition = vue.computed(() => {
-      return formContext.value?.labelPosition || "right";
+    const labelPosition = _vue.computed.call(void 0, () => {
+      return _optionalChain([formContext, 'access', _6 => _6.value, 'optionalAccess', _7 => _7.labelPosition]) || "right";
     });
-    const labelAlign = vue.computed(() => {
-      return formContext.value?.labelAlign || "right";
+    const labelAlign = _vue.computed.call(void 0, () => {
+      return _optionalChain([formContext, 'access', _8 => _8.value, 'optionalAccess', _9 => _9.labelAlign]) || "right";
     });
     const hasRequiredRule = (maybeRules) => {
       if (!maybeRules) {
@@ -114,14 +137,14 @@ var FormItem = vue.defineComponent({
         return !!rule.required;
       });
     };
-    const showRequiredAsterisk = vue.computed(() => {
+    const showRequiredAsterisk = _vue.computed.call(void 0, () => {
       if (props.required !== void 0) {
         return props.required;
       }
       if (props.rules) {
         return hasRequiredRule(props.rules);
       }
-      if (props.name && formContext.value?.rules) {
+      if (props.name && _optionalChain([formContext, 'access', _10 => _10.value, 'optionalAccess', _11 => _11.rules])) {
         const fieldRules = formContext.value.rules[props.name];
         if (fieldRules) {
           return hasRequiredRule(fieldRules);
@@ -129,11 +152,18 @@ var FormItem = vue.defineComponent({
       }
       return false;
     });
-    const isRequired = vue.computed(() => {
-      return showRequiredAsterisk.value && (formContext.value?.showRequiredAsterisk ?? true);
+    const conditionState = _vue.computed.call(void 0, () => {
+      const ctx = formContext.value;
+      if (!props.name || !ctx) {
+        return { shown: true, disabled: false, required: false };
+      }
+      return ctx.getFieldConditionState(props.name, props.condition);
+    });
+    const isRequired = _vue.computed.call(void 0, () => {
+      return (showRequiredAsterisk.value || conditionState.value.required) && (_nullishCoalesce(_optionalChain([formContext, 'access', _12 => _12.value, 'optionalAccess', _13 => _13.showRequiredAsterisk]), () => ( true)));
     });
-    vue.watch(
-      () => props.name ? formContext.value?.errorsByField[props.name] : void 0,
+    _vue.watch.call(void 0, 
+      () => props.name ? _optionalChain([formContext, 'access', _14 => _14.value, 'optionalAccess', _15 => _15.errorsByField, 'access', _16 => _16[props.name]]) : void 0,
       (error) => {
         const nextError = error || "";
         errorMessage.value = nextError;
@@ -144,7 +174,7 @@ var FormItem = vue.defineComponent({
       },
       { immediate: true }
     );
-    vue.watch(
+    _vue.watch.call(void 0, 
       () => props.error,
       (error) => {
         if (error !== void 0) {
@@ -157,11 +187,12 @@ var FormItem = vue.defineComponent({
       const ctx = formContext.value;
       if (props.name && ctx) {
         ctx.registerFieldRules(props.name, void 0);
+        ctx.registerFieldCondition(props.name, void 0);
       }
     };
-    vue.watch(
-      () => [props.name, props.rules],
-      ([name, rules]) => {
+    _vue.watch.call(void 0, 
+      () => [props.name, props.rules, props.condition],
+      ([name, rules, condition]) => {
         const ctx = formContext.value;
         if (!name || !ctx) {
           return;
@@ -171,10 +202,11 @@ var FormItem = vue.defineComponent({
         } else {
           ctx.registerFieldRules(name, void 0);
         }
+        ctx.registerFieldCondition(name, condition);
       },
       { immediate: true }
     );
-    vue.onUnmounted(unregisterFieldRules);
+    _vue.onUnmounted.call(void 0, unregisterFieldRules);
     const handleBlur = () => {
       const ctx = formContext.value;
       if (props.name && ctx) {
@@ -187,59 +219,62 @@ var FormItem = vue.defineComponent({
         ctx.validateField(props.name, props.rules, "change");
       }
     };
-    const hasError = vue.computed(() => {
+    const hasError = _vue.computed.call(void 0, () => {
       return !!errorMessage.value;
     });
-    const describedById = vue.computed(() => {
+    const describedById = _vue.computed.call(void 0, () => {
       return props.showMessage && hasError.value ? errorId : void 0;
     });
-    const formItemClasses = vue.computed(() => {
-      return tigercatCore.getFormItemClasses({
+    const formItemClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.getFormItemClasses.call(void 0, {
         size: actualSize.value,
         labelPosition: labelPosition.value,
         hasError: hasError.value,
-        disabled: formContext.value?.disabled
+        disabled: _optionalChain([formContext, 'access', _17 => _17.value, 'optionalAccess', _18 => _18.disabled]) || conditionState.value.disabled
       });
     });
-    const labelClasses = vue.computed(() => {
-      return tigercatCore.getFormItemLabelClasses({
+    const labelClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.getFormItemLabelClasses.call(void 0, {
         size: actualSize.value,
         labelAlign: labelAlign.value,
         labelPosition: labelPosition.value,
         isRequired: isRequired.value
       });
     });
-    const labelStyles = vue.computed(() => {
+    const labelStyles = _vue.computed.call(void 0, () => {
       if (labelPosition.value === "top") {
         return {};
       }
       return actualLabelWidth.value ? { width: actualLabelWidth.value } : {};
     });
-    const contentClasses = vue.computed(() => tigercatCore.getFormItemContentClasses(labelPosition.value));
-    const errorClasses = vue.computed(() => {
-      return tigercatCore.classNames(tigercatCore.getFormItemErrorClasses(actualSize.value), hasError.value && "opacity-100");
+    const contentClasses = _vue.computed.call(void 0, () => _tigercatcore.getFormItemContentClasses.call(void 0, labelPosition.value));
+    const errorClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.classNames.call(void 0, _tigercatcore.getFormItemErrorClasses.call(void 0, actualSize.value), hasError.value && "opacity-100");
     });
-    const fieldClasses = tigercatCore.getFormItemFieldClasses();
-    const asteriskClasses = tigercatCore.getFormItemAsteriskClasses();
+    const fieldClasses = _tigercatcore.getFormItemFieldClasses.call(void 0, );
+    const asteriskClasses = _tigercatcore.getFormItemAsteriskClasses.call(void 0, );
     return () => {
-      const defaultSlot = slots.default?.() ?? [];
+      if (!conditionState.value.shown) {
+        return null;
+      }
+      const defaultSlot = _nullishCoalesce(_optionalChain([slots, 'access', _19 => _19.default, 'optionalCall', _20 => _20()]), () => ( []));
       const only = defaultSlot.length === 1 ? defaultSlot[0] : void 0;
-      const isSingleVNode = only != null && vue.isVNode(only);
+      const isSingleVNode = only != null && _vue.isVNode.call(void 0, only);
       const effectiveFieldId = (() => {
         if (!isSingleVNode) {
           return void 0;
         }
-        const p = only.props ?? {};
-        return p.id ?? fieldId;
+        const p = _nullishCoalesce(only.props, () => ( {}));
+        return _nullishCoalesce(p.id, () => ( fieldId));
       })();
       const fieldChildren = (() => {
         if (!isSingleVNode) {
           return defaultSlot;
         }
         const vnode = only;
-        const existingProps = vnode.props ?? {};
+        const existingProps = _nullishCoalesce(vnode.props, () => ( {}));
         const isNativeElement = typeof vnode.type === "string";
-        const merged = vue.cloneVNode(
+        const merged = _vue.cloneVNode.call(void 0, 
           vnode,
           {
             id: effectiveFieldId,
@@ -248,6 +283,7 @@ var FormItem = vue.defineComponent({
             _shakeTrigger: !isNativeElement && hasError.value ? shakeTrigger.value : void 0,
             "aria-invalid": hasError.value ? "true" : existingProps["aria-invalid"],
             "aria-required": isRequired.value ? "true" : existingProps["aria-required"],
+            disabled: conditionState.value.disabled || _optionalChain([formContext, 'access', _21 => _21.value, 'optionalAccess', _22 => _22.disabled]) ? true : existingProps.disabled,
             "aria-describedby": mergeAriaDescribedBy(
               existingProps["aria-describedby"],
               describedById.value
@@ -259,7 +295,7 @@ var FormItem = vue.defineComponent({
         );
         return [merged];
       })();
-      const labelElement = props.label ? vue.h(
+      const labelElement = props.label ? _vue.h.call(void 0, 
         "label",
         {
           class: labelClasses.value,
@@ -267,15 +303,15 @@ var FormItem = vue.defineComponent({
           id: labelId,
           for: effectiveFieldId
         },
-        [isRequired.value && vue.h("span", { class: asteriskClasses }, "*"), props.label]
+        [isRequired.value && _vue.h.call(void 0, "span", { class: asteriskClasses }, "*"), props.label]
       ) : null;
-      const contentElement = vue.h(
+      const contentElement = _vue.h.call(void 0, 
         "div",
         {
-          class: tigercatCore.classNames(contentClasses.value, props.errorDisplayMode === "popup" && "relative")
+          class: _tigercatcore.classNames.call(void 0, contentClasses.value, props.errorDisplayMode === "popup" && "relative")
         },
         [
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
             {
               class: fieldClasses,
@@ -288,15 +324,15 @@ var FormItem = vue.defineComponent({
             },
             fieldChildren
           ),
-          props.showMessage && vue.h(
+          props.showMessage && _vue.h.call(void 0, 
             "div",
             {
               id: hasError.value ? errorId : void 0,
               role: hasError.value ? "alert" : void 0,
-              class: props.errorDisplayMode === "block" ? tigercatCore.classNames(
+              class: props.errorDisplayMode === "block" ? _tigercatcore.classNames.call(void 0, 
                 "mt-1 p-2 rounded bg-red-50 border border-red-200 text-red-600 text-sm",
                 !hasError.value && "hidden"
-              ) : props.errorDisplayMode === "popup" ? tigercatCore.classNames(
+              ) : props.errorDisplayMode === "popup" ? _tigercatcore.classNames.call(void 0, 
                 "absolute z-10 mt-1 px-2 py-1 rounded bg-red-600 text-white text-xs shadow-lg",
                 !hasError.value && "hidden"
               ) : errorClasses.value,
@@ -306,7 +342,7 @@ var FormItem = vue.defineComponent({
           )
         ]
       );
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           class: formItemClasses.value
@@ -318,5 +354,7 @@ var FormItem = vue.defineComponent({
 });
 var FormItem_default = FormItem;
 
-exports.FormItem = FormItem;
-exports.FormItem_default = FormItem_default;
+
+
+
+exports.FormItem = FormItem; exports.FormItem_default = FormItem_default;

package/dist/chunk-FUGSQXFR.js

@@ -1,10 +1,31 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var chunkJCMGBKS6_js = require('./chunk-JCMGBKS6.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunkJCMGBKS6js = require('./chunk-JCMGBKS6.js');
 
-var Alert = vue.defineComponent({
+// src/components/Alert.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Alert = _vue.defineComponent.call(void 0, {
   name: "TigerAlert",
   inheritAttrs: false,
   props: {
@@ -102,29 +123,29 @@ var Alert = vue.defineComponent({
   },
   emits: ["close"],
   setup(props, { slots, emit, attrs }) {
-    const visible = vue.ref(true);
-    const colorScheme = vue.computed(() => tigercatCore.getAlertTypeClasses(props.type, tigercatCore.defaultAlertThemeColors));
-    const alertClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.alertBaseClasses,
-        tigercatCore.alertSizeClasses[props.size],
+    const visible = _vue.ref.call(void 0, true);
+    const colorScheme = _vue.computed.call(void 0, () => _tigercatcore.getAlertTypeClasses.call(void 0, props.type, _tigercatcore.defaultAlertThemeColors));
+    const alertClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.alertBaseClasses,
+        _tigercatcore.alertSizeClasses[props.size],
         colorScheme.value.bg,
         colorScheme.value.border,
-        props.banner && tigercatCore.alertBannerClasses
+        props.banner && _tigercatcore.alertBannerClasses
       )
     );
-    const iconClasses = vue.computed(
-      () => tigercatCore.classNames(tigercatCore.alertIconSizeClasses[props.size], colorScheme.value.icon)
+    const iconClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, _tigercatcore.alertIconSizeClasses[props.size], colorScheme.value.icon)
     );
-    const titleClasses = vue.computed(
-      () => tigercatCore.classNames(tigercatCore.alertTitleSizeClasses[props.size], colorScheme.value.title)
+    const titleClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, _tigercatcore.alertTitleSizeClasses[props.size], colorScheme.value.title)
     );
-    const descriptionClasses = vue.computed(
-      () => tigercatCore.classNames(tigercatCore.alertDescriptionSizeClasses[props.size], colorScheme.value.description)
+    const descriptionClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, _tigercatcore.alertDescriptionSizeClasses[props.size], colorScheme.value.description)
     );
-    const closeButtonClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.alertCloseButtonBaseClasses,
+    const closeButtonClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.alertCloseButtonBaseClasses,
         colorScheme.value.closeButton,
         colorScheme.value.closeButtonHover,
         colorScheme.value.focus
@@ -137,9 +158,9 @@ var Alert = vue.defineComponent({
       }
     };
     let autoCloseTimer;
-    const countdownProgress = vue.ref(100);
+    const countdownProgress = _vue.ref.call(void 0, 100);
     let countdownInterval;
-    vue.onMounted(() => {
+    _vue.onMounted.call(void 0, () => {
       if (props.duration && props.duration > 0 && props.closable) {
         autoCloseTimer = setTimeout(() => {
           visible.value = false;
@@ -154,7 +175,7 @@ var Alert = vue.defineComponent({
         }
       }
     });
-    vue.onBeforeUnmount(() => {
+    _vue.onBeforeUnmount.call(void 0, () => {
       if (autoCloseTimer) clearTimeout(autoCloseTimer);
       if (countdownInterval) clearInterval(countdownInterval);
     });
@@ -167,24 +188,24 @@ var Alert = vue.defineComponent({
       const attrsStyle = attrsRecord.style;
       const children = [];
       if (props.showIcon) {
-        const iconPath = tigercatCore.getAlertIconPath(props.type);
+        const iconPath = _tigercatcore.getAlertIconPath.call(void 0, props.type);
         children.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
-            { class: tigercatCore.alertIconContainerClasses },
-            chunkJCMGBKS6_js.createStatusIcon(iconPath, iconClasses.value)
+            { class: _tigercatcore.alertIconContainerClasses },
+            _chunkJCMGBKS6js.createStatusIcon.call(void 0, iconPath, iconClasses.value)
           )
         );
       }
       const contentChildren = [];
       if (props.title || slots.title) {
         contentChildren.push(
-          vue.h("div", { class: titleClasses.value }, slots.title ? slots.title() : props.title)
+          _vue.h.call(void 0, "div", { class: titleClasses.value }, slots.title ? slots.title() : props.title)
         );
       }
       if (props.description || slots.description) {
         contentChildren.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
             { class: descriptionClasses.value },
             slots.description ? slots.description() : props.description
@@ -192,14 +213,14 @@ var Alert = vue.defineComponent({
         );
       }
       if (!props.title && !props.description && !slots.title && !slots.description && slots.default) {
-        contentChildren.push(vue.h("div", { class: titleClasses.value }, slots.default()));
+        contentChildren.push(_vue.h.call(void 0, "div", { class: titleClasses.value }, slots.default()));
       }
       if (contentChildren.length > 0) {
-        children.push(vue.h("div", { class: tigercatCore.alertContentClasses }, contentChildren));
+        children.push(_vue.h.call(void 0, "div", { class: _tigercatcore.alertContentClasses }, contentChildren));
       }
       if (props.closable) {
         children.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "button",
             {
               class: closeButtonClasses.value,
@@ -207,26 +228,26 @@ var Alert = vue.defineComponent({
               "aria-label": props.closeAriaLabel,
               type: "button"
             },
-            chunkJCMGBKS6_js.createStatusIcon(tigercatCore.alertCloseIconPath, "h-4 w-4")
+            _chunkJCMGBKS6js.createStatusIcon.call(void 0, _tigercatcore.alertCloseIconPath, "h-4 w-4")
           )
         );
       }
       if (props.showCountdown && props.duration && props.duration > 0 && props.closable) {
         children.push(
-          vue.h("div", { class: tigercatCore.alertCountdownContainerClasses }, [
-            vue.h("div", {
-              class: tigercatCore.classNames(tigercatCore.alertCountdownBarClasses, tigercatCore.alertCountdownColorClasses[props.type]),
+          _vue.h.call(void 0, "div", { class: _tigercatcore.alertCountdownContainerClasses }, [
+            _vue.h.call(void 0, "div", {
+              class: _tigercatcore.classNames.call(void 0, _tigercatcore.alertCountdownBarClasses, _tigercatcore.alertCountdownColorClasses[props.type]),
               style: { width: `${countdownProgress.value}%` }
             })
           ])
         );
       }
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
-          class: tigercatCore.classNames(alertClasses.value, props.className, tigercatCore.coerceClassValue(attrsClass)),
-          style: tigercatCore.mergeStyleValues(attrsStyle, props.style),
+          class: _tigercatcore.classNames.call(void 0, alertClasses.value, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsClass)),
+          style: _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style),
           role: "alert"
         },
         children
@@ -236,5 +257,7 @@ var Alert = vue.defineComponent({
 });
 var Alert_default = Alert;
 
-exports.Alert = Alert;
-exports.Alert_default = Alert_default;
+
+
+
+exports.Alert = Alert; exports.Alert_default = Alert_default;