@cardenelabs/cdl 0.59.0 → 0.59.1

package/dist/react.cjs

@@ -9544,6 +9544,22 @@ function displayWidth(text) {
   }
   return w;
 }
+function \u6841\u3067\u5272\u308B(text, \u6841) {
+  let w = 0;
+  let \u53D6\u3063\u305F = "";
+  for (const ch of text) {
+    const code = ch.codePointAt(0) ?? 0;
+    const \u5B57\u306E\u6841 = code >= 32 && code <= 126 ? 1 : 2;
+    if (w + \u5B57\u306E\u6841 > \u6841) break;
+    w += \u5B57\u306E\u6841;
+    \u53D6\u3063\u305F += ch;
+  }
+  return [\u53D6\u3063\u305F, text.slice(\u53D6\u3063\u305F.length)];
+}
+function \u6841\u3067\u7701\u304F(text, \u4E0A\u9650) {
+  if (displayWidth(text) <= \u4E0A\u9650) return text;
+  return `${\u6841\u3067\u5272\u308B(text, \u4E0A\u9650 - 1)[0]}\u2026`;
+}
 function requiredRowsWidth(rows, kind) {
   if (!rows || rows.length === 0) return 0;
   const splits = rows.map(splitRow);
@@ -26165,7 +26181,7 @@ function KanbanBoardReadout({
                     style: { userSelect: "none" },
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx("title", { children: task.title }),
-                      task.title.length > 18 ? `${task.title.slice(0, 17)}\u2026` : task.title
+                      \u6841\u3067\u7701\u304F(task.title, 18)
                     ]
                   }
                 )
@@ -26302,7 +26318,7 @@ function TimelineVerticalReadout({
                   style: { userSelect: "none" },
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("title", { children: ev.title }),
-                    ev.title.length > 38 ? `${ev.title.slice(0, 37)}\u2026` : ev.title
+                    \u6841\u3067\u7701\u304F(ev.title, 38)
                   ]
                 }
               ),
@@ -26316,7 +26332,7 @@ function TimelineVerticalReadout({
                   style: { userSelect: "none" },
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("title", { children: ev.description }),
-                    ev.description.length > 44 ? `${ev.description.slice(0, 43)}\u2026` : ev.description
+                    \u6841\u3067\u7701\u304F(ev.description, 44)
                   ]
                 }
               ) : null
@@ -26659,7 +26675,7 @@ function StepProgressReadout({
                   style: { userSelect: "none" },
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("title", { children: s }),
-                    s.length > 10 ? `${s.slice(0, 9)}\u2026` : s
+                    \u6841\u3067\u7701\u304F(s, 10)
                   ]
                 }
               )
@@ -26720,7 +26736,7 @@ function UserPresenceReadout({
                   fontWeight: 500,
                   fill: "#0f172a",
                   style: { userSelect: "none" },
-                  children: u.name.length > 24 ? `${u.name.slice(0, 23)}\u2026` : u.name
+                  children: \u6841\u3067\u7701\u304F(u.name, 24)
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -26882,7 +26898,7 @@ function OrgChartMiniReadout({
                   style: { userSelect: "none" },
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("title", { children: n.name }),
-                    n.name.length > 10 ? `${n.name.slice(0, 9)}\u2026` : n.name
+                    \u6841\u3067\u7701\u304F(n.name, 10)
                   ]
                 }
               ),
@@ -27462,7 +27478,7 @@ function FileDropzoneReadout({
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("text", { x: 54, y: 34, fontSize: 12, fontWeight: 600, fill: "#0f172a", style: { userSelect: "none" }, children: [
               /* @__PURE__ */ jsxRuntime.jsx("title", { children: filename }),
-              filename.length > 26 ? `${filename.slice(0, 25)}\u2026` : filename
+              \u6841\u3067\u7701\u304F(filename, 26)
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx("text", { x: 54, y: 50, fontSize: 10, fill: "#64748b", style: { userSelect: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.dropzone.uploaded" }) })
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-dropzone-empty": "1", children: [
@@ -27541,7 +27557,7 @@ function LogStreamReadout({
           /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width, height, fill: "#0f172a", rx: 4 }),
           shown.map((r, i) => {
             const y = 4 + i * rowH;
-            const displayMsg = r.msg.length > 24 ? `${r.msg.slice(0, 23)}\u2026` : r.msg;
+            const displayMsg = \u6841\u3067\u7701\u304F(r.msg, 24);
             return /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-log-row": i, children: [
               /* @__PURE__ */ jsxRuntime.jsx("text", { x: 6, y: y + 12, fontSize: 9, fill: "#94a3b8", fontFamily: "monospace", style: { userSelect: "none" }, children: r.ts }),
               /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 62, y: y + 3, width: 26, height: 12, fill: levelColors[r.level] ?? "#94a3b8", rx: 2 }),
@@ -27641,7 +27657,7 @@ function AlertBannerReadout({
               style: { userSelect: "none" },
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("title", { children: message }),
-                message.length > 32 ? `${message.slice(0, 31)}\u2026` : message
+                \u6841\u3067\u7701\u304F(message, 32)
               ]
             }
           )
@@ -27711,7 +27727,7 @@ function ServiceHealthReadout({
                 style: { userSelect: "none" },
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx("title", { children: s.name }),
-                  s.name.length > 10 ? `${s.name.slice(0, 9)}\u2026` : s.name
+                  \u6841\u3067\u7701\u304F(s.name, 10)
                 ]
               }
             )
@@ -27890,7 +27906,7 @@ function PricingTierReadout({
           ),
           features.slice(0, 3).map((f, i) => {
             const y = 96 + i * 18;
-            const displayF = f.length > 24 ? `${f.slice(0, 23)}\u2026` : f;
+            const displayF = \u6841\u3067\u7701\u304F(f, 24);
             return /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-tier-feature": i, children: [
               /* @__PURE__ */ jsxRuntime.jsx("text", { x: 16, y, fontSize: 11, fill: colorAccent, style: { userSelect: "none" }, children: "\u2713" }),
               /* @__PURE__ */ jsxRuntime.jsxs("text", { x: 30, y, fontSize: 11, fill: "#0f172a", style: { userSelect: "none" }, children: [
@@ -28041,6 +28057,7 @@ function ArticlePreviewReadout({
   const width = 300;
   const height = 116;
   const thumbW = 80;
+  const [\u629C\u7C8B\u306E\u4E00\u884C\u76EE, \u629C\u7C8B\u306E\u6B8B\u308A] = \u6841\u3067\u5272\u308B(excerpt, 28);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-article-preview", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -28077,15 +28094,15 @@ function ArticlePreviewReadout({
               style: { userSelect: "none" },
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-                title.length > 26 ? `${title.slice(0, 25)}\u2026` : title
+                \u6841\u3067\u7701\u304F(title, 26)
               ]
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("text", { x: thumbW + 20, y: 44, fontSize: 10, fill: "#334155", style: { userSelect: "none" }, children: [
             /* @__PURE__ */ jsxRuntime.jsx("title", { children: excerpt }),
-            excerpt.length > 28 ? `${excerpt.slice(0, 27)}\u2026` : excerpt
+            \u629C\u7C8B\u306E\u4E00\u884C\u76EE
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("text", { x: thumbW + 20, y: 60, fontSize: 10, fill: "#334155", style: { userSelect: "none" }, children: excerpt.length > 56 ? `${excerpt.slice(28, 55)}\u2026` : excerpt.slice(28, 56) }),
+          /* @__PURE__ */ jsxRuntime.jsx("text", { x: thumbW + 20, y: 60, fontSize: 10, fill: "#334155", style: { userSelect: "none" }, children: \u6841\u3067\u7701\u304F(\u629C\u7C8B\u306E\u6B8B\u308A, 28) }),
           /* @__PURE__ */ jsxRuntime.jsx("text", { x: thumbW + 20, y: height - 14, fontSize: 10, fontWeight: 600, fill: "#64748b", style: { userSelect: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.article.by", v: { author } }) }),
           /* @__PURE__ */ jsxRuntime.jsx("text", { x: width - 8, y: height - 14, fontSize: 10, textAnchor: "end", fill: "#94a3b8", style: { userSelect: "none" }, children: timeAgo })
         ]
@@ -28137,7 +28154,7 @@ function TocNavReadout({
           shown.map((it, i) => {
             const y = 4 + i * rowH;
             const indent = 12 + it.level * 16;
-            const displayT = it.title.length > 30 ? `${it.title.slice(0, 29)}\u2026` : it.title;
+            const displayT = \u6841\u3067\u7701\u304F(it.title, 30);
             return /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-toc-item": i, children: [
               it.active ? /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 4, y, width: 3, height: rowH - 4, fill: colorActive, rx: 1 }) : null,
               /* @__PURE__ */ jsxRuntime.jsxs(