@talex-touch/tuffex 0.3.3 → 0.3.4

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

@@ -3,15 +3,18 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const vue = require('vue');
+const zIndexManager = require('./z-index-manager.js');
 
 const DEFAULT_DURATION = 2600;
 const toastStore = vue.reactive({
-  items: []
+  items: [],
+  zIndex: zIndexManager.getZIndex()
 });
 function generateId() {
   return `tx-toast-${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
 function toast(options) {
+  toastStore.zIndex = zIndexManager.nextZIndex();
   const id = options.id ?? generateId();
   const duration = options.duration ?? DEFAULT_DURATION;
   const existingIndex = toastStore.items.findIndex((t) => t.id === id);

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

@@ -0,0 +1,124 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const env = require('./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 (!env.hasWindow() || !env.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;
+}
+
+exports.DEFAULT_Z_INDEX_SEED = DEFAULT_Z_INDEX_SEED;
+exports.configureZIndex = configureZIndex;
+exports.getZIndex = getZIndex;
+exports.nextZIndex = nextZIndex;
+exports.onZIndexEvent = onZIndexEvent;
+exports.refreshZIndex = refreshZIndex;
+exports.resetZIndex = resetZIndex;

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

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+function hasDocument() {
+  return typeof document !== "undefined";
+}
+function hasNavigator() {
+  return typeof navigator !== "undefined";
+}
+
+exports.hasDocument = hasDocument;
+exports.hasNavigator = hasNavigator;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const withInstall = require('../utils/withInstall.js');
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
 const TxPermissionState_vue_vue_type_script_setup_true_lang = require('./src/TxPermissionState.vue.js');
 
 const TxPermissionState = withInstall.withInstall(TxPermissionState_vue_vue_type_script_setup_true_lang.default);

package/dist/lib/picker/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const withInstall = require('../utils/withInstall.js');
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
 const TxPicker = require('./src/TxPicker.vue.js');
 
 const Picker = withInstall.withInstall(TxPicker.default);

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

@@ -6,6 +6,6 @@ const TxPicker_vue_vue_type_script_setup_true_lang = require('./TxPicker.vue2.js
 ;/* empty css               */
 const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-const TxPicker = /* @__PURE__ */ _pluginVue_exportHelper.default(TxPicker_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-e1bf8a02"]]);
+const TxPicker = /* @__PURE__ */ _pluginVue_exportHelper.default(TxPicker_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-38b070ea"]]);
 
 exports.default = TxPicker;

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

@@ -3,6 +3,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
+const zIndexManager = require('../../packages/tuffex/packages/utils/z-index-manager.js');
 
 const _hoisted_1 = {
   key: 0,
@@ -49,6 +50,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       set: (v) => emit("update:visible", v)
     });
     const mountedOnce = vue.ref(false);
+    const popupZIndex = vue.ref(zIndexManager.getZIndex());
     const columns = vue.computed(() => props.columns ?? []);
     const itemHeightPx = vue.computed(() => Math.max(24, props.itemHeight ?? 36));
     const visibleCount = vue.computed(() => {
@@ -197,6 +199,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       open,
       async (v) => {
         if (v) {
+          if (props.popup)
+            popupZIndex.value = zIndexManager.nextZIndex();
           emit("open");
           mountedOnce.value = true;
           await syncScrollPositions("auto");
@@ -325,6 +329,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             open.value && (!__props.lazyMount || mountedOnce.value) ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: "tx-picker-popup",
+              style: vue.normalizeStyle({ zIndex: popupZIndex.value }),
               onPointerup: onPointerUp
             }, [
               vue.createElementVNode("div", {
@@ -395,7 +400,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   }), 128))
                 ], 4)
               ], 2)
-            ], 32)) : vue.createCommentVNode("", true)
+            ], 36)) : vue.createCommentVNode("", true)
           ]),
           _: 1
         })

package/dist/lib/popover/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const withInstall = require('../utils/withInstall.js');
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
 const TxPopover = require('./src/TxPopover.vue.js');
 
 const Popover = withInstall.withInstall(TxPopover.default);

package/dist/lib/popover/src/TxPopover.vue.js

@@ -6,6 +6,6 @@ const TxPopover_vue_vue_type_script_setup_true_lang = require('./TxPopover.vue2.
 ;/* empty css                */
 const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-const TxPopover = /* @__PURE__ */ _pluginVue_exportHelper.default(TxPopover_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-9bdf7813"]]);
+const TxPopover = /* @__PURE__ */ _pluginVue_exportHelper.default(TxPopover_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-09e79884"]]);
 
 exports.default = TxPopover;