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

package/dist/chunk-NUABW6IB.mjs

@@ -1,98 +0,0 @@
-import {
-  DropdownContextKey
-} from "./chunk-FSGD24HV.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-ODQOYMUQ.js

@@ -1,72 +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/AvatarGroup.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var AVATAR_GROUP_INJECTION_KEY = /* @__PURE__ */ Symbol("TigerAvatarGroup");
-var AvatarGroup = _vue.defineComponent.call(void 0, {
-  name: "TigerAvatarGroup",
-  inheritAttrs: false,
-  props: {
-    max: {
-      type: Number,
-      default: void 0
-    },
-    size: {
-      type: String,
-      default: void 0
-    },
-    className: {
-      type: String,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    _vue.provide.call(void 0, AVATAR_GROUP_INJECTION_KEY, {
-      size: props.size,
-      itemClass: _tigercatcore.getAvatarGroupItemClasses.call(void 0, )
-    });
-    return () => {
-      const children = _nullishCoalesce(_optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]), () => ( []));
-      const flatChildren = children.flatMap(
-        (vnode) => Array.isArray(vnode.children) ? vnode.children : [vnode]
-      );
-      const attrsRecord = attrs;
-      const attrsClass = attrsRecord.class;
-      const { visibleItems, overflowCount } = _tigercatcore.getVisibleGroupItems.call(void 0, flatChildren, props.max);
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: _tigercatcore.getAvatarGroupClasses.call(void 0, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsClass)),
-          role: "group",
-          "aria-label": "Avatar group"
-        },
-        [
-          ...visibleItems,
-          overflowCount > 0 ? _vue.h.call(void 0, 
-            "span",
-            {
-              class: _tigercatcore.getAvatarGroupOverflowClasses.call(void 0, _nullishCoalesce(props.size, () => ( "md"))),
-              "aria-label": _tigercatcore.getAvatarGroupOverflowLabel.call(void 0, overflowCount)
-            },
-            _tigercatcore.getAvatarGroupOverflowText.call(void 0, overflowCount)
-          ) : null
-        ]
-      );
-    };
-  }
-});
-var AvatarGroup_default = AvatarGroup;
-
-
-
-
-
-exports.AVATAR_GROUP_INJECTION_KEY = AVATAR_GROUP_INJECTION_KEY; exports.AvatarGroup = AvatarGroup; exports.AvatarGroup_default = AvatarGroup_default;

package/dist/chunk-OTNVA2UT.js

@@ -1,212 +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; }
-
-var _chunkSJSZHQWXjs = require('./chunk-SJSZHQWX.js');
-
-
-var _chunkWUEP3PFNjs = require('./chunk-WUEP3PFN.js');
-
-
-var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
-
-// src/components/CropUpload.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var CropUpload = _vue.defineComponent.call(void 0, {
-  name: "TigerCropUpload",
-  inheritAttrs: false,
-  props: {
-    accept: { type: String, default: "image/*" },
-    disabled: { type: Boolean, default: false },
-    maxSize: { type: Number, default: void 0 },
-    cropperProps: {
-      type: Object,
-      default: void 0
-    },
-    modalTitle: { type: String, default: "\u88C1\u526A\u56FE\u7247" },
-    modalWidth: { type: Number, default: 520 },
-    className: { type: String, default: void 0 },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["crop-complete", "error"],
-  setup(props, { slots, emit, attrs }) {
-    const fileInputRef = _vue.ref.call(void 0, null);
-    const modalVisible = _vue.ref.call(void 0, false);
-    const imageSrc = _vue.ref.call(void 0, "");
-    const cropperRef = _vue.ref.call(void 0, null);
-    const cropping = _vue.ref.call(void 0, false);
-    const handleTriggerClick = () => {
-      if (props.disabled) return;
-      _optionalChain([fileInputRef, 'access', _ => _.value, 'optionalAccess', _2 => _2.click, 'call', _3 => _3()]);
-    };
-    const handleFileChange = (e) => {
-      const input = e.target;
-      const file = _optionalChain([input, 'access', _4 => _4.files, 'optionalAccess', _5 => _5[0]]);
-      if (!file) return;
-      const sizeError = _tigercatcore.validateUploadFile.call(void 0, file, props.maxSize);
-      if (sizeError) {
-        emit("error", sizeError);
-        input.value = "";
-        return;
-      }
-      _tigercatcore.readFileAsDataUrl.call(void 0, file).then((url) => {
-        imageSrc.value = url;
-        modalVisible.value = true;
-      }).catch((err) => emit("error", err));
-      input.value = "";
-    };
-    const handleConfirm = async () => {
-      if (!cropperRef.value) return;
-      cropping.value = true;
-      try {
-        const result = await _tigercatcore.getCropperResult.call(void 0, 
-          cropperRef.value
-        );
-        if (result) {
-          emit("crop-complete", result);
-          modalVisible.value = false;
-        }
-      } catch (err) {
-        emit("error", err);
-      } finally {
-        cropping.value = false;
-      }
-    };
-    const handleCancel = () => {
-      modalVisible.value = false;
-      imageSrc.value = "";
-    };
-    const triggerClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        props.disabled ? _tigercatcore.cropUploadTriggerDisabledClasses : _tigercatcore.cropUploadTriggerClasses,
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    const triggerStyle = _vue.computed.call(void 0, 
-      () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style)
-    );
-    return () => {
-      const forwardedAttrs = Object.fromEntries(
-        Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")
-      );
-      const fileInput = _vue.h.call(void 0, "input", {
-        ref: fileInputRef,
-        type: "file",
-        accept: props.accept,
-        style: { display: "none" },
-        onChange: handleFileChange
-      });
-      const trigger = slots.default ? _vue.h.call(void 0, 
-        "div",
-        {
-          ...forwardedAttrs,
-          class: triggerClasses.value,
-          style: triggerStyle.value,
-          onClick: handleTriggerClick,
-          role: "button",
-          tabindex: props.disabled ? -1 : 0,
-          "aria-label": "Select image to crop and upload",
-          "aria-disabled": props.disabled ? "true" : void 0,
-          onKeydown: (e) => {
-            if (_tigercatcore.isActivationKey.call(void 0, e)) {
-              e.preventDefault();
-              handleTriggerClick();
-            }
-          }
-        },
-        slots.default()
-      ) : _vue.h.call(void 0, 
-        "div",
-        {
-          ...forwardedAttrs,
-          class: triggerClasses.value,
-          style: triggerStyle.value,
-          onClick: handleTriggerClick,
-          role: "button",
-          tabindex: props.disabled ? -1 : 0,
-          "aria-label": "Select image to crop and upload",
-          "aria-disabled": props.disabled ? "true" : void 0,
-          onKeydown: (e) => {
-            if (_tigercatcore.isActivationKey.call(void 0, e)) {
-              e.preventDefault();
-              handleTriggerClick();
-            }
-          }
-        },
-        [
-          _vue.h.call(void 0, 
-            "svg",
-            {
-              class: "w-5 h-5",
-              xmlns: "http://www.w3.org/2000/svg",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor"
-            },
-            [
-              _vue.h.call(void 0, "path", {
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                "stroke-width": "2",
-                d: _tigercatcore.uploadPlusIconPath
-              })
-            ]
-          ),
-          _vue.h.call(void 0, "span", null, "\u9009\u62E9\u56FE\u7247")
-        ]
-      );
-      const modal = _vue.h.call(void 0, 
-        _chunkSJSZHQWXjs.Modal,
-        {
-          open: modalVisible.value,
-          size: "lg",
-          title: props.modalTitle,
-          closable: true,
-          maskClosable: false,
-          showDefaultFooter: false,
-          className: "tiger-crop-upload-modal",
-          "onUpdate:open": (val) => {
-            if (!val) handleCancel();
-          }
-        },
-        {
-          default: () => imageSrc.value ? _vue.h.call(void 0, _chunkWUEP3PFNjs.ImageCropper, {
-            ref: cropperRef,
-            src: imageSrc.value,
-            ...props.cropperProps
-          }) : null,
-          footer: ({ cancel: _cancel }) => _vue.h.call(void 0, "div", { class: _tigercatcore.modalFooterClasses }, [
-            _vue.h.call(void 0, _chunkHA5QZ76Mjs.Button, { variant: "secondary", onClick: handleCancel }, { default: () => "\u53D6\u6D88" }),
-            _vue.h.call(void 0, 
-              _chunkHA5QZ76Mjs.Button,
-              { onClick: handleConfirm, loading: cropping.value },
-              { default: () => "\u786E\u8BA4\u88C1\u526A" }
-            )
-          ])
-        }
-      );
-      return _vue.h.call(void 0, "div", { class: "tiger-crop-upload inline-block" }, [fileInput, trigger, modal]);
-    };
-  }
-});
-var CropUpload_default = CropUpload;
-
-
-
-
-exports.CropUpload = CropUpload; exports.CropUpload_default = CropUpload_default;

package/dist/chunk-OUBJHKWX.js

@@ -1,199 +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,
-        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;
-      if (btn.action && editorRef.value) {
-        btn.action(editorRef.value);
-        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;