@expcat/tigercat-vue 1.3.4 → 1.5.0

package/dist/{chunk-PQMZ3YN3.js → chunk-75TB3YIJ.js}

@@ -1,4 +1,8 @@
-"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/Badge.ts
+"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 _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
+// src/components/Badge.ts
 var _vue = require('vue');
 
 
@@ -13,11 +17,17 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var Badge = _vue.defineComponent.call(void 0, {
   name: "TigerBadge",
   inheritAttrs: false,
   props: {
+    locale: {
+      type: Object,
+      default: void 0
+    },
     variant: {
       type: String,
       default: "danger"
@@ -60,6 +70,10 @@ var Badge = _vue.defineComponent.call(void 0, {
     }
   },
   setup(props, { slots, attrs }) {
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
+    const labels = _vue.computed.call(void 0, 
+      () => _tigercatcore.getStatusLabels.call(void 0, _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale))
+    );
     const isDot = _vue.computed.call(void 0, () => props.type === "dot");
     const isHidden = _vue.computed.call(void 0, () => _tigercatcore.shouldHideBadge.call(void 0, props.content, props.type, props.showZero));
     const displayContent = _vue.computed.call(void 0, 
@@ -79,7 +93,7 @@ var Badge = _vue.defineComponent.call(void 0, {
         return props.standalone ? null : _nullishCoalesce(_optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]), () => ( null));
       }
       const attrsRecord = attrs;
-      const ariaLabel = _nullishCoalesce(attrsRecord["aria-label"], () => ( (isDot.value ? "notification" : props.type === "number" ? `${displayContent.value} notifications` : `${_nullishCoalesce(displayContent.value, () => ( ""))}`)));
+      const ariaLabel = _nullishCoalesce(attrsRecord["aria-label"], () => ( (isDot.value ? labels.value.badgeLabel : props.type === "number" ? labels.value.badgeCountLabel.replace("{count}", String(displayContent.value)) : `${_nullishCoalesce(displayContent.value, () => ( ""))}`)));
       const badgeElement = _vue.h.call(void 0, 
         "span",
         {

package/dist/{chunk-FQWEOBQ4.mjs → chunk-7BU4TW5A.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/Signature.ts
 import { computed, defineComponent, h, onMounted, ref, watch } from "vue";
 import {
@@ -9,8 +13,11 @@ import {
   getSignatureCanvasDataUrl,
   getSignatureCanvasWrapClasses,
   getSignaturePoint,
+  isBrowser,
   isSignatureEmpty,
   mergeStyleValues,
+  mergeTigerLocale,
+  resolveLocaleText,
   signatureCanvasClasses,
   signatureClearButtonClasses,
   signatureRootClasses,
@@ -39,7 +46,8 @@ var Signature = defineComponent({
     },
     quality: { type: Number, default: 0.92 },
     ariaLabel: { type: String, default: "Signature pad" },
-    clearText: { type: String, default: "Clear" },
+    clearText: { type: String, default: void 0 },
+    locale: { type: Object, default: void 0 },
     className: { type: String, default: void 0 },
     style: {
       type: Object,
@@ -48,6 +56,8 @@ var Signature = defineComponent({
   },
   emits: ["update:modelValue", "change", "begin", "end", "clear"],
   setup(props, { attrs, emit, expose }) {
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const canvasRef = ref(null);
     const strokes = ref([]);
     const activeStroke = ref(null);
@@ -57,7 +67,7 @@ var Signature = defineComponent({
       const canvas = canvasRef.value;
       const context = canvas?.getContext("2d");
       if (!canvas || !context) return;
-      const ratio = typeof window === "undefined" ? 1 : window.devicePixelRatio || 1;
+      const ratio = !isBrowser() ? 1 : window.devicePixelRatio || 1;
       canvas.width = props.width * ratio;
       canvas.height = props.height * ratio;
       canvas.style.width = `${props.width}px`;
@@ -215,7 +225,7 @@ var Signature = defineComponent({
                 disabled: isDisabled.value || isSignatureEmpty(strokes.value),
                 onClick: clear
               },
-              props.clearText
+              resolveLocaleText("Clear", props.clearText, mergedLocale.value?.common?.clearText)
             )
           ]) : null
         ]

package/dist/{chunk-A5HRX7EG.js → chunk-7CR6MLD5.js}

@@ -8,6 +8,7 @@ var _tigercatcore = require('@expcat/tigercat-core');
 
 
 
+
 var Mentions = _vue.defineComponent.call(void 0, {
   name: "TigerMentions",
   props: {
@@ -39,7 +40,7 @@ var Mentions = _vue.defineComponent.call(void 0, {
       emit("update:modelValue", value);
       emit("change", value);
       const cursorPos = _nullishCoalesce(target.selectionStart, () => ( value.length));
-      const result = _tigercatcore.extractMentionQuery.call(void 0, value, cursorPos, props.prefix);
+      const result = _tigercatcore.extractMentionQuery.call(void 0, value, cursorPos, _nullishCoalesce(props.prefix, () => ( "@")));
       if (result && filteredOptions.value.length > 0) {
         query.value = result.query;
         mentionStartPos.value = result.startPos;
@@ -64,10 +65,10 @@ var Mentions = _vue.defineComponent.call(void 0, {
       if (!isOpen.value) return;
       if (e.key === "ArrowDown") {
         e.preventDefault();
-        activeIndex.value = (activeIndex.value + 1) % filteredOptions.value.length;
+        activeIndex.value = _tigercatcore.getCyclicIndex.call(void 0, filteredOptions.value.length, activeIndex.value, 1);
       } else if (e.key === "ArrowUp") {
         e.preventDefault();
-        activeIndex.value = (activeIndex.value - 1 + filteredOptions.value.length) % filteredOptions.value.length;
+        activeIndex.value = _tigercatcore.getCyclicIndex.call(void 0, filteredOptions.value.length, activeIndex.value, -1);
       } else if (e.key === "Enter") {
         e.preventDefault();
         const opt = filteredOptions.value[activeIndex.value];
@@ -104,7 +105,7 @@ var Mentions = _vue.defineComponent.call(void 0, {
         _vue.h.call(void 0, "textarea", {
           ref: textareaRef,
           value: props.modelValue,
-          class: _tigercatcore.getMentionsInputClasses.call(void 0, props.size, props.disabled),
+          class: _tigercatcore.getMentionsInputClasses.call(void 0, _nullishCoalesce(props.size, () => ( "md")), _nullishCoalesce(props.disabled, () => ( false))),
           placeholder: props.placeholder,
           disabled: props.disabled,
           rows: props.rows,

package/dist/{chunk-LAWBHGPK.js → chunk-7FWZIAFP.js}

@@ -1,6 +1,6 @@
 "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 _chunk25EYT2CBjs = require('./chunk-25EYT2CB.js');
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
 
 // src/components/Pagination.ts
 
@@ -206,7 +206,7 @@ var Pagination = _vue.defineComponent.call(void 0, {
     const attrsRecord = attrs;
     const attrsClass = attrsRecord.class;
     const attrsStyle = attrsRecord.style;
-    const config = _chunk25EYT2CBjs.useTigerConfig.call(void 0, );
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
     const resolvedLocale = _vue.ref.call(void 0, 
       _tigercatcore.getImmediateTigerLocale.call(void 0, props.locale)
     );

package/dist/{chunk-CSJQKBDJ.js → chunk-7GYYIDMA.js}

@@ -30,6 +30,7 @@ var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var NOTIFICATION_CONTAINER_ID_PREFIX = "tiger-notification-container";
 var NOTIFICATION_CLOSE_ARIA_LABEL = "Close notification";
@@ -43,7 +44,6 @@ var notificationInstancesByPosition = {
   "bottom-left": [],
   "bottom-right": []
 };
-var instanceIdCounter = 0;
 var containerApps = {
   "top-left": null,
   "top-right": null,
@@ -62,9 +62,7 @@ function scheduleNotificationStackUpdate(position) {
   if (!callback) return;
   stackUpdateScheduler.schedule(position, callback);
 }
-function getNextInstanceId() {
-  return ++instanceIdCounter;
-}
+var getNextInstanceId = _tigercatcore.createInstanceCounter.call(void 0, );
 function getContainerRootId(position) {
   return `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}-root`;
 }

package/dist/{chunk-3XCQRM3L.js → chunk-7J7JIIHX.js}

@@ -1,13 +1,16 @@
-"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; }
+"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 _chunk7VHDBN6Ujs = require('./chunk-7VHDBN6U.js');
+var _chunkSJSZHQWXjs = require('./chunk-SJSZHQWX.js');
 
 
-var _chunkWUEP3PFNjs = require('./chunk-WUEP3PFN.js');
+var _chunkANQRW442js = require('./chunk-ANQRW442.js');
 
 
 var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
 
+
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
 // src/components/CropUpload.ts
 var _vue = require('vue');
 
@@ -22,11 +25,17 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var CropUpload = _vue.defineComponent.call(void 0, {
   name: "TigerCropUpload",
   inheritAttrs: false,
   props: {
+    locale: {
+      type: Object,
+      default: void 0
+    },
     accept: { type: String, default: "image/*" },
     disabled: { type: Boolean, default: false },
     maxSize: { type: Number, default: void 0 },
@@ -34,7 +43,7 @@ var CropUpload = _vue.defineComponent.call(void 0, {
       type: Object,
       default: void 0
     },
-    modalTitle: { type: String, default: "\u88C1\u526A\u56FE\u7247" },
+    modalTitle: { type: String, default: void 0 },
     modalWidth: { type: Number, default: 520 },
     className: { type: String, default: void 0 },
     style: {
@@ -44,6 +53,9 @@ var CropUpload = _vue.defineComponent.call(void 0, {
   },
   emits: ["crop-complete", "error"],
   setup(props, { slots, emit, attrs }) {
+    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.getImageEditorLabels.call(void 0, mergedLocale.value));
     const fileInputRef = _vue.ref.call(void 0, null);
     const modalVisible = _vue.ref.call(void 0, false);
     const imageSrc = _vue.ref.call(void 0, "");
@@ -120,7 +132,7 @@ var CropUpload = _vue.defineComponent.call(void 0, {
           onClick: handleTriggerClick,
           role: "button",
           tabindex: props.disabled ? -1 : 0,
-          "aria-label": "Select image to crop and upload",
+          "aria-label": labels.value.selectImageAriaLabel,
           "aria-disabled": props.disabled ? "true" : void 0,
           onKeydown: (e) => {
             if (_tigercatcore.isActivationKey.call(void 0, e)) {
@@ -139,7 +151,7 @@ var CropUpload = _vue.defineComponent.call(void 0, {
           onClick: handleTriggerClick,
           role: "button",
           tabindex: props.disabled ? -1 : 0,
-          "aria-label": "Select image to crop and upload",
+          "aria-label": labels.value.selectImageAriaLabel,
           "aria-disabled": props.disabled ? "true" : void 0,
           onKeydown: (e) => {
             if (_tigercatcore.isActivationKey.call(void 0, e)) {
@@ -167,15 +179,16 @@ var CropUpload = _vue.defineComponent.call(void 0, {
               })
             ]
           ),
-          _vue.h.call(void 0, "span", null, "\u9009\u62E9\u56FE\u7247")
+          _vue.h.call(void 0, "span", null, labels.value.selectImageText)
         ]
       );
       const modal = _vue.h.call(void 0, 
-        _chunk7VHDBN6Ujs.Modal,
+        _chunkSJSZHQWXjs.Modal,
         {
           open: modalVisible.value,
           size: "lg",
-          title: props.modalTitle,
+          width: props.modalWidth,
+          title: _nullishCoalesce(props.modalTitle, () => ( labels.value.cropModalTitle)),
           closable: true,
           maskClosable: false,
           showDefaultFooter: false,
@@ -185,17 +198,22 @@ var CropUpload = _vue.defineComponent.call(void 0, {
           }
         },
         {
-          default: () => imageSrc.value ? _vue.h.call(void 0, _chunkWUEP3PFNjs.ImageCropper, {
+          default: () => imageSrc.value ? _vue.h.call(void 0, _chunkANQRW442js.ImageCropper, {
             ref: cropperRef,
             src: imageSrc.value,
+            locale: props.locale,
             ...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,
+              { variant: "secondary", onClick: handleCancel },
+              { default: () => labels.value.cropCancelText }
+            ),
             _vue.h.call(void 0, 
               _chunkHA5QZ76Mjs.Button,
               { onClick: handleConfirm, loading: cropping.value },
-              { default: () => "\u786E\u8BA4\u88C1\u526A" }
+              { default: () => labels.value.cropConfirmText }
             )
           ])
         }

package/dist/{chunk-M2XA7VU5.js → chunk-7KYGVEHF.js}

@@ -3,13 +3,13 @@
 var _chunk2VOZFFW6js = require('./chunk-2VOZFFW6.js');
 
 
-var _chunkACYYQJ6Mjs = require('./chunk-ACYYQJ6M.js');
+var _chunkKLOUOXNAjs = require('./chunk-KLOUOXNA.js');
 
 
 var _chunkHBFFINAIjs = require('./chunk-HBFFINAI.js');
 
 
-var _chunkZOUJFFG4js = require('./chunk-ZOUJFFG4.js');
+var _chunkAYQER5UDjs = require('./chunk-AYQER5UD.js');
 
 
 var _chunk5PXTMXXSjs = require('./chunk-5PXTMXXS.js');
@@ -330,7 +330,7 @@ var ScatterChart = _vue.defineComponent.call(void 0, {
           ].filter(Boolean)
         }
       );
-      const tooltip = props.showTooltip && props.hoverable ? _vue.h.call(void 0, _chunkZOUJFFG4js.ChartTooltip, {
+      const tooltip = props.showTooltip && props.hoverable ? _vue.h.call(void 0, _chunkAYQER5UDjs.ChartTooltip, {
         content: tooltipContent.value,
         visible: resolvedHoveredIndex.value !== null && tooltipContent.value !== "",
         x: tooltipPosition.value.x,
@@ -341,7 +341,7 @@ var ScatterChart = _vue.defineComponent.call(void 0, {
       }
       return _vue.h.call(void 0, "div", { class: wrapperClasses.value }, [
         chart,
-        _vue.h.call(void 0, _chunkACYYQJ6Mjs.ChartLegend, {
+        _vue.h.call(void 0, _chunkKLOUOXNAjs.ChartLegend, {
           items: legendItems.value,
           position: props.legendPosition,
           markerSize: props.legendMarkerSize,

package/dist/{chunk-BPAN6T7H.mjs → chunk-7LCUVR63.mjs}

@@ -57,6 +57,34 @@ var Rate = defineComponent({
       hoverValue.value = 0;
       emit("hover-change", 0);
     }
+    function handleKeydown(e) {
+      if (props.disabled) return;
+      const step = props.allowHalf ? 0.5 : 1;
+      let next = props.modelValue;
+      switch (e.key) {
+        case "ArrowRight":
+        case "ArrowUp":
+          next = Math.min(props.count, props.modelValue + step);
+          break;
+        case "ArrowLeft":
+        case "ArrowDown":
+          next = Math.max(0, props.modelValue - step);
+          break;
+        case "Home":
+          next = 0;
+          break;
+        case "End":
+          next = props.count;
+          break;
+        default:
+          return;
+      }
+      e.preventDefault();
+      if (next !== props.modelValue) {
+        emit("update:modelValue", next);
+        emit("change", next);
+      }
+    }
     return () => {
       const isChar = !!props.character;
       const stars = [];
@@ -116,9 +144,7 @@ var Rate = defineComponent({
             {
               key: i,
               class: getRateStarClasses(props.size, isChar, props.disabled),
-              role: "radio",
-              "aria-checked": full || half,
-              "aria-label": `${i + 1} star${i + 1 > 1 ? "s" : ""}`,
+              "aria-hidden": "true",
               onClick: (e) => handleClick(i, e),
               onMousemove: (e) => handleMouseMove(i, e),
               onMouseleave: handleMouseLeave
@@ -127,12 +153,21 @@ var Rate = defineComponent({
           )
         );
       }
+      const valueText = `${props.modelValue} star${props.modelValue === 1 ? "" : "s"}`;
       return h(
         "div",
         {
           class: classNames(rateBaseClasses, coerceClassValue(attrs.class)),
-          role: "radiogroup",
-          "aria-label": "Rating"
+          role: "slider",
+          "aria-label": "Rating",
+          "aria-valuemin": 0,
+          "aria-valuemax": props.count,
+          "aria-valuenow": props.modelValue,
+          "aria-valuetext": valueText,
+          "aria-disabled": props.disabled || void 0,
+          "aria-orientation": "horizontal",
+          tabindex: props.disabled ? -1 : 0,
+          onKeydown: handleKeydown
         },
         stars
       );

package/dist/{chunk-JJXYM6QR.js → chunk-7RMBEWN2.js}

@@ -1,6 +1,6 @@
 "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 _chunkNKVEXKM5js = require('./chunk-NKVEXKM5.js');
+var _chunkTNKULOHKjs = require('./chunk-TNKULOHK.js');
 
 // src/components/FormItem.ts
 
@@ -99,7 +99,7 @@ var FormItem = _vue.defineComponent.call(void 0, {
     }
   },
   setup(props, { slots }) {
-    const formContextRef = _vue.inject.call(void 0, _chunkNKVEXKM5js.FormContextKey, null);
+    const formContextRef = _vue.inject.call(void 0, _chunkTNKULOHKjs.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);