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

package/dist/chunk-CGZFRSI5.mjs

@@ -1,98 +0,0 @@
-import {
-  DropdownContextKey
-} from "./chunk-6CS3EEQU.mjs";
-
-// src/components/DropdownItem.ts
-import { defineComponent, inject, computed, h } from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  mergeStyleValues,
-  getDropdownItemClasses
-} from "@expcat/tigercat-core";
-var DropdownItem = defineComponent({
-  name: "TigerDropdownItem",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Whether the item is disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether the item is divided from previous item
-     * @default false
-     */
-    divided: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["click"],
-  setup(props, { slots, emit, attrs }) {
-    const attrsRecord = attrs;
-    const attrsClass = attrsRecord.class;
-    const attrsStyle = attrsRecord.style;
-    const context = inject(DropdownContextKey, null);
-    const handleClick = (event) => {
-      if (props.disabled) {
-        event.preventDefault();
-        return;
-      }
-      emit("click", event);
-      if (context?.closeOnClick) {
-        context.handleItemClick();
-      }
-    };
-    const itemClasses = computed(() => {
-      return classNames(
-        getDropdownItemClasses(props.disabled, props.divided),
-        props.className,
-        coerceClassValue(attrsClass)
-      );
-    });
-    const mergedStyle = computed(() => mergeStyleValues(attrsStyle, props.style));
-    return () => {
-      const {
-        class: _class,
-        style: _style,
-        ...restAttrs
-      } = attrsRecord;
-      return h(
-        "button",
-        {
-          ...restAttrs,
-          type: "button",
-          class: itemClasses.value,
-          role: "menuitem",
-          tabindex: -1,
-          "aria-disabled": props.disabled,
-          disabled: props.disabled,
-          onClick: handleClick,
-          style: mergedStyle.value
-        },
-        slots.default?.()
-      );
-    };
-  }
-});
-var DropdownItem_default = DropdownItem;
-
-export {
-  DropdownItem,
-  DropdownItem_default
-};

package/dist/chunk-CTAQ5WEN.js

@@ -1,95 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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; }// src/components/Statistic.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Statistic = _vue.defineComponent.call(void 0, {
-  name: "TigerStatistic",
-  inheritAttrs: false,
-  props: {
-    title: { type: String, default: void 0 },
-    value: { type: [String, Number], default: void 0 },
-    precision: { type: Number, default: void 0 },
-    prefix: { type: String, default: void 0 },
-    suffix: { type: String, default: void 0 },
-    groupSeparator: { type: Boolean, default: false },
-    animated: { type: Boolean, default: false },
-    animationDuration: { type: Number, default: void 0 },
-    size: { type: String, default: "md" },
-    className: { type: String, default: void 0 }
-  },
-  setup(props, { attrs }) {
-    const initialValue = props.animated && _tigercatcore.canAnimateStatisticValue.call(void 0, props.value) ? 0 : props.value;
-    const displayValue = _vue.ref.call(void 0, initialValue);
-    const currentNumber = _vue.ref.call(void 0, _tigercatcore.canAnimateStatisticValue.call(void 0, initialValue) ? initialValue : 0);
-    let controller = null;
-    const stopAnimation = () => {
-      _optionalChain([controller, 'optionalAccess', _ => _.stop, 'call', _2 => _2()]);
-      controller = null;
-    };
-    _vue.watch.call(void 0, 
-      () => [props.value, props.animated, props.animationDuration],
-      () => {
-        stopAnimation();
-        if (!props.animated || !_tigercatcore.canAnimateStatisticValue.call(void 0, props.value)) {
-          displayValue.value = props.value;
-          if (_tigercatcore.canAnimateStatisticValue.call(void 0, props.value)) currentNumber.value = props.value;
-          return;
-        }
-        controller = _tigercatcore.createStatisticNumberAnimation.call(void 0, {
-          from: currentNumber.value,
-          to: props.value,
-          duration: props.animationDuration,
-          onUpdate: (next) => {
-            currentNumber.value = next;
-            displayValue.value = next;
-          },
-          onComplete: () => {
-            currentNumber.value = props.value;
-            displayValue.value = props.value;
-            controller = null;
-          }
-        });
-      },
-      { immediate: true }
-    );
-    _vue.onBeforeUnmount.call(void 0, stopAnimation);
-    const formatted = _vue.computed.call(void 0, 
-      () => _tigercatcore.formatStatisticValue.call(void 0, displayValue.value, props.precision, props.groupSeparator)
-    );
-    return () => _vue.h.call(void 0, 
-      "div",
-      {
-        ...attrs,
-        class: _tigercatcore.classNames.call(void 0, 
-          _tigercatcore.statisticBaseClasses,
-          props.className,
-          _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-        )
-      },
-      [
-        props.title ? _vue.h.call(void 0, "div", { class: _tigercatcore.getStatisticTitleClasses.call(void 0, props.size) }, props.title) : null,
-        _vue.h.call(void 0, "div", { class: _tigercatcore.getStatisticValueClasses.call(void 0, props.size) }, [
-          props.prefix ? _vue.h.call(void 0, "span", { class: _tigercatcore.statisticPrefixClasses }, props.prefix) : null,
-          _vue.h.call(void 0, "span", null, formatted.value),
-          props.suffix ? _vue.h.call(void 0, "span", { class: _tigercatcore.statisticSuffixClasses }, props.suffix) : null
-        ])
-      ]
-    );
-  }
-});
-var Statistic_default = Statistic;
-
-
-
-
-exports.Statistic = Statistic; exports.Statistic_default = Statistic_default;

package/dist/chunk-CWNEDREV.js

@@ -1,165 +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; }// src/components/Affix.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Affix = _vue.defineComponent.call(void 0, {
-  name: "TigerAffix",
-  inheritAttrs: false,
-  props: {
-    offsetTop: { type: Number, default: 0 },
-    offsetBottom: { type: Number, default: void 0 },
-    target: { type: String, default: void 0 },
-    zIndex: { type: Number, default: 10 },
-    className: { type: String, default: void 0 },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["change"],
-  setup(props, { slots, emit, attrs }) {
-    const wrapperRef = _vue.ref.call(void 0, null);
-    const sentinelRef = _vue.ref.call(void 0, null);
-    const state = _vue.ref.call(void 0, { affixed: false, style: {} });
-    const originalRect = _vue.ref.call(void 0, 
-      null
-    );
-    const recalcStyle = (affixed) => {
-      const el = wrapperRef.value;
-      if (!el) return;
-      if (!state.value.affixed) {
-        const rect = el.getBoundingClientRect();
-        originalRect.value = {
-          top: rect.top,
-          left: rect.left,
-          width: rect.width,
-          height: rect.height
-        };
-      }
-      if (!originalRect.value) return;
-      const resolved = _tigercatcore.resolveAffixTarget.call(void 0, props.target);
-      const containerRect = resolved.getRect();
-      if (!affixed) {
-        if (state.value.affixed) {
-          state.value = { affixed: false, style: {} };
-          emit("change", false);
-        }
-        return;
-      }
-      const forcedTop = props.offsetBottom !== void 0 ? containerRect.bottom - originalRect.value.height + props.offsetBottom + 1 : -1;
-      const next = _tigercatcore.calculateAffixState.call(void 0, 
-        {
-          top: forcedTop,
-          left: originalRect.value.left,
-          width: originalRect.value.width,
-          height: originalRect.value.height
-        },
-        containerRect,
-        props.offsetBottom !== void 0 ? void 0 : props.offsetTop,
-        props.offsetBottom,
-        props.zIndex
-      );
-      if (!next.affixed) {
-        if (state.value.affixed) {
-          state.value = { affixed: false, style: {} };
-          emit("change", false);
-        }
-        return;
-      }
-      const wasAffixed = state.value.affixed;
-      state.value = next;
-      if (!wasAffixed) emit("change", true);
-    };
-    let stopObserver = null;
-    let resizeObserver = null;
-    const setupObserver = () => {
-      _optionalChain([stopObserver, 'optionalCall', _ => _()]);
-      const sentinel = sentinelRef.value;
-      if (!sentinel) return;
-      const resolved = _tigercatcore.resolveAffixTarget.call(void 0, props.target);
-      const root = resolved.element === window ? null : resolved.element;
-      stopObserver = _tigercatcore.createAffixObserver.call(void 0, sentinel, {
-        offsetTop: props.offsetTop,
-        offsetBottom: props.offsetBottom,
-        root,
-        onToggle: (affixed) => recalcStyle(affixed)
-      });
-    };
-    const onResize = () => {
-      if (state.value.affixed) recalcStyle(true);
-    };
-    _vue.onMounted.call(void 0, () => {
-      setupObserver();
-      if (typeof ResizeObserver !== "undefined" && wrapperRef.value) {
-        resizeObserver = new ResizeObserver(() => onResize());
-        resizeObserver.observe(wrapperRef.value);
-      }
-      window.addEventListener("resize", onResize, { passive: true });
-    });
-    _vue.watch.call(void 0, 
-      () => [props.target, props.offsetTop, props.offsetBottom],
-      () => setupObserver()
-    );
-    _vue.onBeforeUnmount.call(void 0, () => {
-      _optionalChain([stopObserver, 'optionalCall', _2 => _2()]);
-      _optionalChain([resizeObserver, 'optionalAccess', _3 => _3.disconnect, 'call', _4 => _4()]);
-      window.removeEventListener("resize", onResize);
-    });
-    return () => {
-      const attrsRecord = attrs;
-      const children = _optionalChain([slots, 'access', _5 => _5.default, 'optionalCall', _6 => _6()]);
-      const sentinel = _vue.h.call(void 0, "div", {
-        ref: sentinelRef,
-        "aria-hidden": "true",
-        style: { display: "block", width: "0", height: "0", pointerEvents: "none" }
-      });
-      if (state.value.affixed) {
-        return _vue.h.call(void 0, "div", [
-          sentinel,
-          // placeholder reserves layout space
-          _vue.h.call(void 0, "div", {
-            style: {
-              width: `${_nullishCoalesce(_optionalChain([originalRect, 'access', _7 => _7.value, 'optionalAccess', _8 => _8.width]), () => ( 0))}px`,
-              height: `${_nullishCoalesce(_optionalChain([originalRect, 'access', _9 => _9.value, 'optionalAccess', _10 => _10.height]), () => ( 0))}px`
-            }
-          }),
-          _vue.h.call(void 0, 
-            "div",
-            {
-              ref: wrapperRef,
-              ...attrs,
-              class: _tigercatcore.classNames.call(void 0, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class)),
-              style: _tigercatcore.mergeStyleValues.call(void 0, state.value.style, props.style)
-            },
-            children
-          )
-        ]);
-      }
-      return _vue.h.call(void 0, "div", [
-        sentinel,
-        _vue.h.call(void 0, 
-          "div",
-          {
-            ref: wrapperRef,
-            ...attrs,
-            class: _tigercatcore.classNames.call(void 0, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class)),
-            style: _tigercatcore.mergeStyleValues.call(void 0, attrsRecord.style, props.style)
-          },
-          children
-        )
-      ]);
-    };
-  }
-});
-var Affix_default = Affix;
-
-
-
-
-exports.Affix = Affix; exports.Affix_default = Affix_default;

package/dist/chunk-D43IFX7J.js

@@ -1,196 +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; }// src/components/RichTextEditor.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var RichTextEditor = _vue.defineComponent.call(void 0, {
-  name: "TigerRichTextEditor",
-  props: {
-    value: { type: String, default: void 0 },
-    defaultValue: { type: String, default: "" },
-    placeholder: { type: String, default: void 0 },
-    mode: {
-      type: String,
-      default: "html"
-    },
-    toolbar: {
-      type: Array,
-      default: void 0
-    },
-    height: {
-      type: [Number, String],
-      default: 300
-    },
-    readOnly: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    className: { type: String, default: void 0 },
-    engine: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:value", "change"],
-  setup(props, { emit, attrs }) {
-    const editorRef = _vue.ref.call(void 0, null);
-    const internalValue = _vue.ref.call(void 0, props.defaultValue || "");
-    const activeFormats = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
-    let engineInstance = null;
-    const isControlled = _vue.computed.call(void 0, () => props.value !== void 0);
-    const currentContent = _vue.computed.call(void 0, 
-      () => props.value !== void 0 ? props.value : internalValue.value
-    );
-    const toolbarItems = _vue.computed.call(void 0, () => _nullishCoalesce(props.toolbar, () => ( _tigercatcore.defaultToolbar)));
-    const isEmpty = _vue.computed.call(void 0, () => _tigercatcore.isContentEmpty.call(void 0, currentContent.value));
-    _vue.watch.call(void 0, 
-      () => props.value,
-      (newVal) => {
-        if (newVal !== void 0 && engineInstance) {
-          engineInstance.setValue(newVal);
-        }
-      }
-    );
-    _vue.watch.call(void 0, 
-      () => [props.readOnly, props.disabled],
-      ([ro, dis]) => {
-        _optionalChain([engineInstance, 'optionalAccess', _ => _.setReadOnly, 'call', _2 => _2(ro, dis)]);
-      }
-    );
-    _vue.onMounted.call(void 0, () => {
-      if (!editorRef.value) return;
-      const engine = _nullishCoalesce(props.engine, () => ( _tigercatcore.builtinRichTextEngine));
-      engineInstance = engine.create({
-        element: editorRef.value,
-        initialValue: currentContent.value,
-        mode: props.mode,
-        readOnly: props.readOnly,
-        disabled: props.disabled,
-        placeholder: props.placeholder,
-        toolbar: toolbarItems.value,
-        notifyChange(html) {
-          if (!isControlled.value) internalValue.value = html;
-          emit("update:value", html);
-          emit("change", html);
-        },
-        notifyActiveFormats(next) {
-          activeFormats.value = next;
-        }
-      });
-    });
-    _vue.onBeforeUnmount.call(void 0, () => {
-      _optionalChain([engineInstance, 'optionalAccess', _3 => _3.destroy, 'call', _4 => _4()]);
-      engineInstance = null;
-    });
-    function execButtonAction(btn) {
-      if (props.readOnly || props.disabled) return;
-      _optionalChain([engineInstance, 'optionalAccess', _5 => _5.exec, 'call', _6 => _6(btn.name)]);
-    }
-    function handleKeydown(e) {
-      const match = _tigercatcore.findHotkeyMatch.call(void 0, toolbarItems.value, e);
-      if (match) {
-        e.preventDefault();
-        execButtonAction(match);
-      }
-    }
-    const containerClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getRichTextContainerClasses.call(void 0, props.disabled, props.className),
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    const editorAreaClasses = _vue.computed.call(void 0, () => _tigercatcore.getEditorAreaClasses.call(void 0, props.readOnly));
-    const containerStyle = _vue.computed.call(void 0, () => {
-      const ht = _tigercatcore.parseHeight.call(void 0, props.height);
-      if (!ht) return void 0;
-      return { height: ht };
-    });
-    return () => {
-      const toolbarEl = _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.richTextToolbarClasses,
-          role: "toolbar",
-          "aria-label": "Text formatting"
-        },
-        toolbarItems.value.map((item, idx) => {
-          if (_tigercatcore.isToolbarSeparator.call(void 0, item)) {
-            return _vue.h.call(void 0, "div", {
-              key: `sep-${idx}`,
-              class: _tigercatcore.richTextToolbarSeparatorClasses,
-              role: "separator",
-              "aria-orientation": "vertical"
-            });
-          }
-          const btn = item;
-          return _vue.h.call(void 0, 
-            "button",
-            {
-              key: btn.name,
-              type: "button",
-              class: _tigercatcore.getToolbarButtonClasses.call(void 0, activeFormats.value.has(btn.name)),
-              title: _nullishCoalesce(btn.tooltip, () => ( btn.label)),
-              "aria-label": btn.label,
-              "aria-pressed": _tigercatcore.isInlineFormat.call(void 0, btn.name) ? activeFormats.value.has(btn.name) : void 0,
-              disabled: props.disabled || props.readOnly,
-              onClick: (e) => {
-                e.preventDefault();
-                execButtonAction(btn);
-              }
-            },
-            btn.icon ? _vue.h.call(void 0, "span", { innerHTML: btn.icon }) : btn.label
-          );
-        })
-      );
-      const editorEl = _vue.h.call(void 0, "div", {
-        ref: editorRef,
-        class: editorAreaClasses.value,
-        role: "textbox",
-        "aria-multiline": true,
-        "aria-readonly": props.readOnly || void 0,
-        "aria-disabled": props.disabled || void 0,
-        "aria-placeholder": props.placeholder,
-        "data-placeholder": props.placeholder,
-        onKeydown: handleKeydown
-      });
-      const placeholderEl = isEmpty.value && props.placeholder ? _vue.h.call(void 0, 
-        "div",
-        {
-          class: `${_tigercatcore.richTextPlaceholderClasses} absolute top-0 left-0 p-4 pointer-events-none text-sm`,
-          "aria-hidden": true
-        },
-        props.placeholder
-      ) : null;
-      const editorWrapper = _vue.h.call(void 0, "div", { class: "relative flex-1 overflow-hidden" }, [
-        editorEl,
-        placeholderEl
-      ]);
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: containerClasses.value,
-          style: containerStyle.value
-        },
-        [toolbarEl, editorWrapper]
-      );
-    };
-  }
-});
-var RichTextEditor_default = RichTextEditor;
-
-
-
-
-exports.RichTextEditor = RichTextEditor; exports.RichTextEditor_default = RichTextEditor_default;