@talex-touch/tuffex 0.3.3 → 0.3.4

package/dist/es/offline-state/index.d.ts

@@ -18,12 +18,12 @@ declare const TxOfflineState: {
         size: {
             type: import('vue').PropType<import('..').EmptyStateSize>;
         };
-        iconSize: {
-            type: import('vue').PropType<number>;
-        };
         layout: {
             type: import('vue').PropType<import('..').EmptyStateLayout>;
         };
+        iconSize: {
+            type: import('vue').PropType<number>;
+        };
         align: {
             type: import('vue').PropType<import('..').EmptyStateAlign>;
         };
@@ -62,12 +62,12 @@ declare const TxOfflineState: {
         size: {
             type: import('vue').PropType<import('..').EmptyStateSize>;
         };
-        iconSize: {
-            type: import('vue').PropType<number>;
-        };
         layout: {
             type: import('vue').PropType<import('..').EmptyStateLayout>;
         };
+        iconSize: {
+            type: import('vue').PropType<number>;
+        };
         align: {
             type: import('vue').PropType<import('..').EmptyStateAlign>;
         };
@@ -103,12 +103,12 @@ declare const TxOfflineState: {
     size: {
         type: import('vue').PropType<import('..').EmptyStateSize>;
     };
-    iconSize: {
-        type: import('vue').PropType<number>;
-    };
     layout: {
         type: import('vue').PropType<import('..').EmptyStateLayout>;
     };
+    iconSize: {
+        type: import('vue').PropType<number>;
+    };
     align: {
         type: import('vue').PropType<import('..').EmptyStateAlign>;
     };

package/dist/es/offline-state/index.js

@@ -1,4 +1,4 @@
-import { withInstall } from '../utils/withInstall.js';
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
 import _sfc_main from './src/TxOfflineState.vue.js';
 
 const TxOfflineState = withInstall(_sfc_main);

package/dist/es/outline-border/index.d.ts

@@ -20,10 +20,6 @@ declare const OutlineBorder: {
             type: import('vue').PropType<string | number>;
             default: number;
         };
-        offset: {
-            type: import('vue').PropType<string | number>;
-            default: string;
-        };
         borderRadius: {
             type: import('vue').PropType<string | number>;
             default: undefined;
@@ -32,12 +28,16 @@ declare const OutlineBorder: {
             type: import('vue').PropType<string | number>;
             default: string;
         };
+        offset: {
+            type: import('vue').PropType<string | number>;
+            default: string;
+        };
         borderColor: {
             type: import('vue').PropType<string>;
             default: string;
         };
         borderStyle: {
-            type: import('vue').PropType<"dashed" | "solid" | "dotted">;
+            type: import('vue').PropType<"solid" | "dashed" | "dotted">;
             default: string;
         };
         ringWidth: {
@@ -65,9 +65,9 @@ declare const OutlineBorder: {
         shape: OutlineShape;
         variant: OutlineBorderVariant;
         padding: string | number;
-        offset: string | number;
         borderRadius: string | number;
         borderWidth: string | number;
+        offset: string | number;
         borderColor: string;
         borderStyle: "solid" | "dashed" | "dotted";
         ringWidth: string | number;
@@ -99,10 +99,6 @@ declare const OutlineBorder: {
             type: import('vue').PropType<string | number>;
             default: number;
         };
-        offset: {
-            type: import('vue').PropType<string | number>;
-            default: string;
-        };
         borderRadius: {
             type: import('vue').PropType<string | number>;
             default: undefined;
@@ -111,12 +107,16 @@ declare const OutlineBorder: {
             type: import('vue').PropType<string | number>;
             default: string;
         };
+        offset: {
+            type: import('vue').PropType<string | number>;
+            default: string;
+        };
         borderColor: {
             type: import('vue').PropType<string>;
             default: string;
         };
         borderStyle: {
-            type: import('vue').PropType<"dashed" | "solid" | "dotted">;
+            type: import('vue').PropType<"solid" | "dashed" | "dotted">;
             default: string;
         };
         ringWidth: {
@@ -144,9 +144,9 @@ declare const OutlineBorder: {
         shape: OutlineShape;
         variant: OutlineBorderVariant;
         padding: string | number;
-        offset: string | number;
         borderRadius: string | number;
         borderWidth: string | number;
+        offset: string | number;
         borderColor: string;
         borderStyle: "solid" | "dashed" | "dotted";
         ringWidth: string | number;
@@ -175,10 +175,6 @@ declare const OutlineBorder: {
         type: import('vue').PropType<string | number>;
         default: number;
     };
-    offset: {
-        type: import('vue').PropType<string | number>;
-        default: string;
-    };
     borderRadius: {
         type: import('vue').PropType<string | number>;
         default: undefined;
@@ -187,12 +183,16 @@ declare const OutlineBorder: {
         type: import('vue').PropType<string | number>;
         default: string;
     };
+    offset: {
+        type: import('vue').PropType<string | number>;
+        default: string;
+    };
     borderColor: {
         type: import('vue').PropType<string>;
         default: string;
     };
     borderStyle: {
-        type: import('vue').PropType<"dashed" | "solid" | "dotted">;
+        type: import('vue').PropType<"solid" | "dashed" | "dotted">;
         default: string;
     };
     ringWidth: {
@@ -220,9 +220,9 @@ declare const OutlineBorder: {
     shape: OutlineShape;
     variant: OutlineBorderVariant;
     padding: string | number;
-    offset: string | number;
     borderRadius: string | number;
     borderWidth: string | number;
+    offset: string | number;
     borderColor: string;
     borderStyle: "solid" | "dashed" | "dotted";
     ringWidth: string | number;

package/dist/es/outline-border/index.js

@@ -1,4 +1,4 @@
-import { withInstall } from '../utils/withInstall.js';
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
 import TxOutlineBorder from './src/TxOutlineBorder.vue.js';
 
 const OutlineBorder = withInstall(TxOutlineBorder);

package/dist/es/outline-border/src/TxOutlineBorder.vue.d.ts

@@ -38,9 +38,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     shape: OutlineShape;
     variant: import('./types').OutlineBorderVariant;
     padding: string | number;
-    offset: string | number;
     borderRadius: string | number;
     borderWidth: string | number;
+    offset: string | number;
     borderColor: string;
     borderStyle: "solid" | "dashed" | "dotted";
     ringWidth: string | number;

package/dist/es/{utils → packages/tuffex/packages/utils}/toast.js

@@ -1,13 +1,16 @@
 import { reactive } from 'vue';
+import { getZIndex, nextZIndex } from './z-index-manager.js';
 
 const DEFAULT_DURATION = 2600;
 const toastStore = reactive({
-  items: []
+  items: [],
+  zIndex: getZIndex()
 });
 function generateId() {
   return `tx-toast-${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
 function toast(options) {
+  toastStore.zIndex = nextZIndex();
   const id = options.id ?? generateId();
   const duration = options.duration ?? DEFAULT_DURATION;
   const existingIndex = toastStore.items.findIndex((t) => t.id === id);

package/dist/es/packages/tuffex/packages/utils/z-index-manager.js

@@ -0,0 +1,114 @@
+import { hasWindow, hasDocument } from './env.js';
+
+const DEFAULT_Z_INDEX_SEED = 2e3;
+const state = {
+  seed: DEFAULT_Z_INDEX_SEED,
+  current: DEFAULT_Z_INDEX_SEED,
+  overrides: null,
+  seedSource: null,
+  seedSourceUnsubscribe: null,
+  listeners: /* @__PURE__ */ new Set()
+};
+function isFiniteNumber(v) {
+  return typeof v === "number" && Number.isFinite(v);
+}
+function emitEvent(e) {
+  state.listeners.forEach((listener) => {
+    try {
+      listener(e);
+    } catch {
+    }
+  });
+}
+function parseCssZIndex(value) {
+  const raw = value.trim();
+  if (!raw)
+    return null;
+  const n = Number.parseFloat(raw);
+  if (!Number.isFinite(n))
+    return null;
+  return n;
+}
+function resolveSeedFromCssVar() {
+  if (!hasWindow() || !hasDocument())
+    return null;
+  if (typeof getComputedStyle !== "function")
+    return null;
+  const raw = getComputedStyle(document.documentElement).getPropertyValue("--tx-index-popper");
+  const n = parseCssZIndex(raw);
+  if (n == null)
+    return null;
+  return Math.max(DEFAULT_Z_INDEX_SEED, n);
+}
+function resolveSeed(inputSeed) {
+  if (isFiniteNumber(inputSeed))
+    return inputSeed;
+  const fromSource = state.seedSource?.getSeed?.();
+  if (isFiniteNumber(fromSource))
+    return fromSource;
+  return resolveSeedFromCssVar() ?? DEFAULT_Z_INDEX_SEED;
+}
+function configureZIndex(options) {
+  const prev = state.current;
+  const hasOverrides = Object.prototype.hasOwnProperty.call(options, "overrides");
+  const hasSeedSource = Object.prototype.hasOwnProperty.call(options, "seedSource");
+  const hasSeed = Object.prototype.hasOwnProperty.call(options, "seed");
+  if (hasOverrides) {
+    state.overrides = options.overrides ?? null;
+  }
+  if (hasSeedSource) {
+    state.seedSourceUnsubscribe?.();
+    state.seedSourceUnsubscribe = null;
+    state.seedSource = options.seedSource ?? null;
+    const src = state.seedSource;
+    if (src?.subscribe) {
+      state.seedSourceUnsubscribe = src.subscribe(() => {
+        refreshZIndex(void 0, "seedSource");
+      });
+    }
+  }
+  if (hasSeed) {
+    refreshZIndex(options.seed, "configure");
+  } else if (hasSeedSource && state.seedSource) {
+    refreshZIndex(void 0, "configure");
+  }
+  emitEvent({ type: "configure", seed: state.seed, current: state.current, prev });
+}
+function onZIndexEvent(listener) {
+  state.listeners.add(listener);
+  return () => state.listeners.delete(listener);
+}
+function getZIndex() {
+  const ctx = { seed: state.seed, current: state.current };
+  const overridden = state.overrides?.get?.(ctx);
+  if (isFiniteNumber(overridden))
+    return overridden;
+  return state.current;
+}
+function nextZIndex() {
+  const prev = state.current;
+  const ctx = { seed: state.seed, current: state.current };
+  const overridden = state.overrides?.next?.(ctx);
+  const next = isFiniteNumber(overridden) ? overridden : state.current + 1;
+  state.current = next;
+  emitEvent({ type: "next", seed: state.seed, current: state.current, prev });
+  return state.current;
+}
+function refreshZIndex(seed, reason) {
+  const prev = state.current;
+  const resolvedSeed = resolveSeed(seed);
+  state.seed = resolvedSeed;
+  state.current = Math.max(state.current, resolvedSeed);
+  emitEvent({ type: "refresh", seed: state.seed, current: state.current, prev, reason });
+  return state.current;
+}
+function resetZIndex(seed, reason) {
+  const prev = state.current;
+  const resolvedSeed = resolveSeed(seed);
+  state.seed = resolvedSeed;
+  state.current = resolvedSeed;
+  emitEvent({ type: "reset", seed: state.seed, current: state.current, prev, reason });
+  return state.current;
+}
+
+export { DEFAULT_Z_INDEX_SEED, configureZIndex, getZIndex, nextZIndex, onZIndexEvent, refreshZIndex, resetZIndex };

package/dist/es/packages/utils/env/index.js

@@ -0,0 +1,8 @@
+function hasDocument() {
+  return typeof document !== "undefined";
+}
+function hasNavigator() {
+  return typeof navigator !== "undefined";
+}
+
+export { hasDocument, hasNavigator };

package/dist/es/permission-state/index.d.ts

@@ -18,12 +18,12 @@ declare const TxPermissionState: {
         size: {
             type: import('vue').PropType<import('..').EmptyStateSize>;
         };
-        iconSize: {
-            type: import('vue').PropType<number>;
-        };
         layout: {
             type: import('vue').PropType<import('..').EmptyStateLayout>;
         };
+        iconSize: {
+            type: import('vue').PropType<number>;
+        };
         align: {
             type: import('vue').PropType<import('..').EmptyStateAlign>;
         };
@@ -62,12 +62,12 @@ declare const TxPermissionState: {
         size: {
             type: import('vue').PropType<import('..').EmptyStateSize>;
         };
-        iconSize: {
-            type: import('vue').PropType<number>;
-        };
         layout: {
             type: import('vue').PropType<import('..').EmptyStateLayout>;
         };
+        iconSize: {
+            type: import('vue').PropType<number>;
+        };
         align: {
             type: import('vue').PropType<import('..').EmptyStateAlign>;
         };
@@ -103,12 +103,12 @@ declare const TxPermissionState: {
     size: {
         type: import('vue').PropType<import('..').EmptyStateSize>;
     };
-    iconSize: {
-        type: import('vue').PropType<number>;
-    };
     layout: {
         type: import('vue').PropType<import('..').EmptyStateLayout>;
     };
+    iconSize: {
+        type: import('vue').PropType<number>;
+    };
     align: {
         type: import('vue').PropType<import('..').EmptyStateAlign>;
     };

package/dist/es/permission-state/index.js

@@ -1,4 +1,4 @@
-import { withInstall } from '../utils/withInstall.js';
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
 import _sfc_main from './src/TxPermissionState.vue.js';
 
 const TxPermissionState = withInstall(_sfc_main);

package/dist/es/picker/index.js

@@ -1,4 +1,4 @@
-import { withInstall } from '../utils/withInstall.js';
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
 import TxPicker from './src/TxPicker.vue.js';
 
 const Picker = withInstall(TxPicker);

package/dist/es/picker/src/TxPicker.vue.js

@@ -2,6 +2,6 @@ import _sfc_main from './TxPicker.vue2.js';
 /* empty css              */
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
 
-const TxPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e1bf8a02"]]);
+const TxPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-38b070ea"]]);
 
 export { TxPicker as default };

package/dist/es/picker/src/TxPicker.vue2.js

@@ -1,4 +1,5 @@
 import { defineComponent, computed, ref, watch, onBeforeUnmount, createElementBlock, createBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, toDisplayString, normalizeStyle, Fragment, renderList, Teleport, createVNode, Transition, withCtx, nextTick } from 'vue';
+import { getZIndex, nextZIndex } from '../../packages/tuffex/packages/utils/z-index-manager.js';
 
 const _hoisted_1 = {
   key: 0,
@@ -45,6 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       set: (v) => emit("update:visible", v)
     });
     const mountedOnce = ref(false);
+    const popupZIndex = ref(getZIndex());
     const columns = computed(() => props.columns ?? []);
     const itemHeightPx = computed(() => Math.max(24, props.itemHeight ?? 36));
     const visibleCount = computed(() => {
@@ -193,6 +195,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       open,
       async (v) => {
         if (v) {
+          if (props.popup)
+            popupZIndex.value = nextZIndex();
           emit("open");
           mountedOnce.value = true;
           await syncScrollPositions("auto");
@@ -321,6 +325,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             open.value && (!__props.lazyMount || mountedOnce.value) ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: "tx-picker-popup",
+              style: normalizeStyle({ zIndex: popupZIndex.value }),
               onPointerup: onPointerUp
             }, [
               createElementVNode("div", {
@@ -391,7 +396,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }), 128))
                 ], 4)
               ], 2)
-            ], 32)) : createCommentVNode("", true)
+            ], 36)) : createCommentVNode("", true)
           ]),
           _: 1
         })