@ohos-ports/histoire-app 1.0.0-beta.0

package/dist/bundled/util/select.js

@@ -0,0 +1,28 @@
+import { ref, watch, computed } from "@histoire/vendors/vue";
+"use strict";
+function useSelection(list) {
+  const selectedIndex = ref(0);
+  watch(list, () => {
+    selectedIndex.value = 0;
+  });
+  function selectNext() {
+    selectedIndex.value++;
+    if (selectedIndex.value > list.value.length - 1) {
+      selectedIndex.value = 0;
+    }
+  }
+  function selectPrevious() {
+    selectedIndex.value--;
+    if (selectedIndex.value < 0) {
+      selectedIndex.value = list.value.length - 1;
+    }
+  }
+  return {
+    selectedIndex: computed(() => selectedIndex.value),
+    selectNext,
+    selectPrevious
+  };
+}
+export {
+  useSelection
+};

package/dist/bundled/util/state.js

@@ -0,0 +1,41 @@
+import { isRef, unref } from "@histoire/vendors/vue";
+"use strict";
+const isObject = (val) => val !== null && typeof val === "object";
+function toRawDeep(val, clean = false, seen = /* @__PURE__ */ new WeakMap()) {
+  const unwrappedValue = isRef(val) ? unref(val) : val;
+  if (typeof unwrappedValue === "symbol") {
+    return unwrappedValue.toString();
+  }
+  if (!isObject(unwrappedValue)) {
+    return unwrappedValue;
+  }
+  if (seen.has(unwrappedValue)) {
+    return seen.get(unwrappedValue);
+  }
+  if (Array.isArray(unwrappedValue)) {
+    const result = [];
+    seen.set(unwrappedValue, result);
+    let list = unwrappedValue.map((value) => toRawDeep(value, clean, seen));
+    if (clean) {
+      list = list.filter((value) => typeof value !== "function");
+    }
+    result.push(...list);
+    return result;
+  } else {
+    const result = {};
+    seen.set(unwrappedValue, result);
+    toRawObject(unwrappedValue, result, clean, seen);
+    return result;
+  }
+}
+function toRawObject(obj, target, clean = false, seen = /* @__PURE__ */ new WeakMap()) {
+  Object.keys(obj).forEach((key) => {
+    if (clean && typeof obj[key] === "function") {
+      return;
+    }
+    target[key] = toRawDeep(obj[key], clean, seen);
+  });
+}
+export {
+  toRawDeep
+};

package/dist/bundled/util/tooltip.js

@@ -0,0 +1,15 @@
+import { isMac } from "./env.js";
+import { formatKey } from "./keyboard.js";
+"use strict";
+function makeTooltip(descriptionHtml, keyboardShortcut) {
+  return {
+    content: `<div>${descriptionHtml}</div><div class="htw-flex htw-items-center htw-gap-1 htw-mt-2 htw-text-sm">${genKeyboardShortcutHtml(keyboardShortcut({ isMac }))}</div>`,
+    html: true
+  };
+}
+function genKeyboardShortcutHtml(shortcut) {
+  return `<span class="htw-border htw-border-gray-600 htw-px-1 htw-rounded-sm htw-text-gray-400">${shortcut.split("+").map((k) => formatKey(k.trim())).join(" ")}</span>`;
+}
+export {
+  makeTooltip
+};

package/dist/bundled/util/variant.js

@@ -0,0 +1,21 @@
+import { computed } from "@histoire/vendors/vue";
+import { useRoute } from "@histoire/vendors/vue-router";
+"use strict";
+function useCurrentVariantRoute(variant) {
+  const route = useRoute();
+  const isActive = computed(() => route.query.variantId === variant.value.id);
+  const targetRoute = computed(() => ({
+    ...route,
+    query: {
+      ...route.query,
+      variantId: variant.value.id
+    }
+  }));
+  return {
+    isActive,
+    targetRoute
+  };
+}
+export {
+  useCurrentVariantRoute
+};