@shwfed/nuxt 0.11.44 → 0.11.46

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@shwfed/nuxt",
   "configKey": "shwfed",
-  "version": "0.11.44",
+  "version": "0.11.46",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/ui/table-configurator/TableConfiguratorDialog.vue

@@ -1398,7 +1398,7 @@ function buildDslGuideMarkdown() {
     "- `enableRowSelection`: `row: dyn`\u3001`index: int`\u3001`id: string`\uFF1B\u5FC5\u987B\u8FD4\u56DE `bool`\u3002",
     "- `enableMultiRowSelection`: `row: dyn`\u3001`index: int`\u3001`id: string`\uFF1B\u5FC5\u987B\u8FD4\u56DE `bool`\u3002",
     "- `cellStyles`: `row: dyn`\u3001`index: int`\u3001`id: string`\u3001`selected: bool`\u3001`pinned: dyn`\uFF1B\u5FC5\u987B\u8FD4\u56DE `map`\u3002",
-    "- `table.renderer.text.props.copyExpression`: `row: dyn`\u3001`index: int`\u3002",
+    "- `table.renderer.text.props.copyExpression` / `table.renderer.markdown.props.copyExpression`: `row: dyn`\u3001`index: int`\u3002",
     "",
     "### 4. \u53EF\u7528\u7C7B\u578B\u4E0E\u6269\u5C55\u80FD\u529B",
     "- `URL` \u7C7B\u578B\uFF1A\u53EF\u8C03\u7528 `location.searchParams()`\uFF0C\u8FD4\u56DE `URLSearchParams`\u3002",

package/dist/runtime/composables/useNavigationTabs.js

@@ -1,6 +1,6 @@
 import { useRoute, useRouter } from "#app";
 import { useSessionStorage } from "@vueuse/core";
-import { computed, toValue, onMounted } from "vue";
+import { computed, toValue, watch } from "vue";
 export function useNavigationTabs(navigations) {
   const tabs = useSessionStorage("navigation-tabs", /* @__PURE__ */ new Set(), {
     writeDefaults: false
@@ -11,11 +11,31 @@ export function useNavigationTabs(navigations) {
   const clean = (path) => path.replace(/\/$/g, "");
   const route = useRoute();
   const router = useRouter();
-  onMounted(() => {
-    const path = clean(route.path);
+  const matchedRoute = computed(() => {
+    const currentPath = clean(route.path);
+    for (const group of toValue(navigations)) {
+      if ("children" in group) {
+        for (const item of group.children) {
+          if (clean(item.route) === currentPath) {
+            return currentPath;
+          }
+        }
+      } else {
+        if (clean(group.route) === currentPath) {
+          return currentPath;
+        }
+      }
+    }
+  });
+  watch(matchedRoute, (path) => {
+    if (!path) {
+      return;
+    }
     if (!tabs.value.has(path))
       tabs.value.add(path);
     active.value = path;
+  }, {
+    immediate: true
   });
   return {
     tabs,

package/dist/runtime/table-renderers/builtins.js

@@ -284,15 +284,69 @@ const TableRendererMarkdownConfig = defineComponent({
   emits: ["update:modelValue"],
   setup(props, { emit, expose }) {
     const { t } = useTableRendererConfigI18n();
+    const copyExpressionEditor = ref(null);
     const value = () => props.modelValue ?? {};
     const update = (patch) => {
       emit("update:modelValue", { ...value(), ...patch });
     };
     expose({
-      clearValidation: () => void 0,
-      validate: () => true
+      clearValidation: () => copyExpressionEditor.value?.clearValidation(),
+      validate: () => copyExpressionEditor.value ? copyExpressionEditor.value.validate() : true
     });
     return () => /* @__PURE__ */ jsxs("div", { class: "flex flex-col gap-3 text-sm text-zinc-700", children: [
+      /* @__PURE__ */ jsxs(
+        "label",
+        {
+          "data-field-key": "rendererCopyable",
+          class: "flex items-center justify-between gap-3 py-1",
+          children: [
+            /* @__PURE__ */ jsxs("div", { class: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsx("span", { class: "text-sm font-medium text-zinc-800", children: t("copyable") }),
+              /* @__PURE__ */ jsx("span", { class: "text-xs text-zinc-500", children: t("copyable-description") })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                modelValue: Boolean(value().copyable),
+                "onUpdate:modelValue": (...args) => update({ copyable: args[0] === true })
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ExpressionEditor,
+        {
+          ref: copyExpressionEditor,
+          "data-field-key": "rendererCopyExpression",
+          modelValue: value().copyExpression ?? void 0,
+          label: t("copy-expression"),
+          description: t("copy-expression-description"),
+          placeholder: t("copy-expression-placeholder"),
+          schema: TEXT_RENDERER_COPY_EXPRESSION_C,
+          "onUpdate:modelValue": (nextValue) => update({ copyExpression: nextValue ?? null })
+        }
+      ),
+      /* @__PURE__ */ jsxs("label", { class: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx("span", { class: "text-xs font-medium text-zinc-500", children: t("align") }),
+        h(NativeSelect, {
+          "data-field-key": "rendererAlign",
+          "modelValue": value().align ?? "left",
+          "class": "w-full",
+          "onUpdate:modelValue": (...args) => {
+            const nextValue = args[0];
+            if (nextValue === "left" || nextValue === "center" || nextValue === "right") {
+              update({ align: nextValue });
+            }
+          }
+        }, {
+          default: () => [
+            h(NativeSelectOption, { value: "left" }, { default: () => t("align-left") }),
+            h(NativeSelectOption, { value: "center" }, { default: () => t("align-center") }),
+            h(NativeSelectOption, { value: "right" }, { default: () => t("align-right") })
+          ]
+        })
+      ] }),
       /* @__PURE__ */ jsxs("div", { class: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx("span", { class: "text-xs font-medium text-zinc-500", children: t("markdown") }),
         /* @__PURE__ */ jsx("span", { class: "text-sm text-zinc-500", children: t("markdown-description", { expression: MARKDOWN_EXPRESSION_EXAMPLE }) })
@@ -331,24 +385,77 @@ const TableRendererMarkdownCell = defineComponent({
     id: {
       type: String,
       required: true
+    },
+    dslContext: {
+      type: Object,
+      required: true
+    },
+    copyable: {
+      type: Boolean,
+      default: false
+    },
+    copyExpression: {
+      type: String,
+      default: null
+    },
+    align: {
+      type: String,
+      default: "left"
     }
   },
   setup(props) {
     const { locale } = useI18n();
-    const { $md } = useNuxtApp();
+    const { $dsl, $md } = useNuxtApp();
     return () => {
       const source = getLocalizedText(props.source, locale.value) ?? props.fallbackSource;
-      return /* @__PURE__ */ jsx("div", { class: "relative w-full py-2 px-1 flex items-center justify-center text-xs", children: /* @__PURE__ */ jsx(
-        "span",
+      const isEmpty = source.trim().length === 0;
+      const align = props.align === "center" || props.align === "right" ? props.align : "left";
+      const justifyClass = JUSTIFY_CLASS[isEmpty ? "center" : align];
+      const canCopy = props.copyable && typeof props.copyExpression === "string" && props.copyExpression.length > 0 && !isEmpty;
+      const onCopy = async () => {
+        if (!canCopy || !props.copyExpression) {
+          return;
+        }
+        try {
+          const text = String($dsl.evaluate`${props.copyExpression}`(props.dslContext));
+          await navigator.clipboard.writeText(text);
+        } catch (e) {
+          console.error(e);
+        }
+      };
+      return /* @__PURE__ */ jsxs(
+        "div",
         {
-          class: "prose prose-zinc text-xs",
-          innerHTML: $md.inline`${source}`({
-            row: props.row,
-            index: BigInt(props.index),
-            id: props.id
-          })
+          class: [
+            "relative w-full py-2 px-1 flex items-center text-xs group",
+            justifyClass,
+            isEmpty ? "text-zinc-300 select-none" : "text-zinc-600"
+          ],
+          children: [
+            isEmpty ? "-" : /* @__PURE__ */ jsx(
+              "span",
+              {
+                class: "prose prose-zinc text-xs",
+                innerHTML: $md.inline`${source}`({
+                  row: props.row,
+                  index: BigInt(props.index),
+                  id: props.id
+                })
+              }
+            ),
+            canCopy ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                "aria-label": getTableRendererConfigText("copy-cell-value"),
+                class: "p-1 w-6 h-6 flex items-center justify-center right-1 top-1/2 -translate-y-1/2 transform-3d group-hover:opacity-100 opacity-0 absolute transition-opacity duration-180",
+                size: "xs",
+                onClick: onCopy,
+                children: () => /* @__PURE__ */ jsx(Icon, { icon: "fluent:copy-20-regular" })
+              }
+            ) : null
+          ]
         }
-      ) });
+      );
     };
   }
 });
@@ -567,18 +674,26 @@ defineTableRenderer(
 defineTableRenderer(
   "table.renderer.markdown",
   {
-    source: localeC.optional()
+    source: localeC.optional(),
+    copyable: z.boolean().default(false),
+    copyExpression: z.string().nullable().optional().default(null),
+    align: z.enum(["left", "center", "right"]).default("left")
   },
   {
-    cell: ({ ctx, options }) => {
+    cell: ({ ctx, dslContext, options }) => {
+      const rawValue = ctx.cell.getValue();
       return /* @__PURE__ */ jsx(
         TableRendererMarkdownCell,
         {
           source: options.source,
-          fallbackSource: String(ctx.cell.getValue()),
+          fallbackSource: rawValue === void 0 || rawValue === null ? "" : String(rawValue),
           row: ctx.row.original,
           index: ctx.row.index,
-          id: ctx.column.id
+          id: ctx.column.id,
+          dslContext,
+          copyable: options.copyable,
+          copyExpression: options.copyExpression,
+          align: options.align
         }
       );
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/nuxt",
-  "version": "0.11.44",
+  "version": "0.11.46",
   "description": "",
   "license": "MIT",
   "type": "module",