@tnotesjs/ui 0.4.3 → 0.4.4

package/dist/alerts/icons.d.ts

@@ -0,0 +1,8 @@
+/** GitHub Alerts 风格的容器图标。`currentColor`，颜色由侧边色条同一变量决定。 */
+declare const ALERT_TYPES: readonly ["tip", "info", "warning", "danger", "details"];
+type AlertType = (typeof ALERT_TYPES)[number];
+declare function isAlertType(name: string): name is AlertType;
+declare function alertIcon(name: string): string;
+declare const ALERT_LABELS: Record<AlertType, string>;
+
+export { ALERT_LABELS, ALERT_TYPES, type AlertType, alertIcon, isAlertType };

package/dist/alerts/icons.js

@@ -0,0 +1,29 @@
+// src/alerts/icons.ts
+var ALERT_TYPES = ["tip", "info", "warning", "danger", "details"];
+var PATHS = {
+  tip: '<path fill="currentColor" d="M8 1.5a4.5 4.5 0 0 0-2.6 8.17c.3.22.5.5.55.84l.2 1.24h3.7l.2-1.24c.05-.34.25-.62.55-.84A4.5 4.5 0 0 0 8 1.5Zm1.9 11.25H6.1l.15.9c.05.3.3.5.6.5h1.5c.3 0 .55-.2.6-.5l.15-.9ZM8 0a6 6 0 0 1 3.5 10.87l-.35 2.1A2.1 2.1 0 0 1 9.1 15H6.9a2.1 2.1 0 0 1-2.05-1.53l-.35-2.1A6 6 0 0 1 8 0Z"/>',
+  info: '<path fill="currentColor" d="M8 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-3.25a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-1.5 0V5.5A.75.75 0 0 1 8 4.75ZM7.25 7.5a.75.75 0 0 1 1.5 0v4a.75.75 0 0 1-1.5 0v-4Z"/>',
+  warning: '<path fill="currentColor" d="M6.46 1.96a1.8 1.8 0 0 1 3.08 0l5.9 9.92A1.8 1.8 0 0 1 13.9 14.5H2.1a1.8 1.8 0 0 1-1.54-2.62l5.9-9.92ZM8 3.15 2.1 13h11.8L8 3.15Zm-.75 3.6a.75.75 0 0 1 1.5 0v2.5a.75.75 0 0 1-1.5 0V6.75Zm.75 5.5a.9.9 0 1 1 0-1.8.9.9 0 0 1 0 1.8Z"/>',
+  danger: '<path fill="currentColor" d="M8 0 15.5 4.3v7.4L8 16 0.5 11.7V4.3L8 0Zm0 1.7L1.9 5.1v5.8L8 14.3l6.1-3.4V5.1L8 1.7ZM7.25 4.75a.75.75 0 0 1 1.5 0v3.5a.75.75 0 0 1-1.5 0v-3.5Zm.75 6.5a.9.9 0 1 1 0-1.8.9.9 0 0 1 0 1.8Z"/>',
+  details: '<path fill="currentColor" d="M2 3.75A.75.75 0 0 1 2.75 3h10.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 3.75ZM2 8a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 8Zm.75 3.5h6.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5Z"/>'
+};
+function isAlertType(name) {
+  return ALERT_TYPES.includes(name);
+}
+function alertIcon(name) {
+  const type = isAlertType(name) ? name : "info";
+  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" aria-hidden="true">${PATHS[type]}</svg>`;
+}
+var ALERT_LABELS = {
+  tip: "\u63D0\u793A",
+  info: "\u4FE1\u606F",
+  warning: "\u8B66\u544A",
+  danger: "\u9519\u8BEF",
+  details: "\u8BE6\u60C5"
+};
+export {
+  ALERT_LABELS,
+  ALERT_TYPES,
+  alertIcon,
+  isAlertType
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tnotesjs/ui",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "Shared Vue UI for TNotes built-in blocks — consumed by the TNotes SSG and Desk.",
   "type": "module",
   "exports": {
@@ -50,7 +50,12 @@
     },
     "./code-block": "./src/components/CodeBlock/CodeBlock.vue",
     "./code-group": "./src/components/CodeGroup/CodeGroup.vue",
-    "./alerts": "./src/alerts/icons.ts",
+    "./alerts": {
+      "types": "./src/alerts/icons.ts",
+      "node": "./dist/alerts/icons.js",
+      "import": "./src/alerts/icons.ts",
+      "default": "./src/alerts/icons.ts"
+    },
     "./badge": "./src/components/Badge/Badge.vue",
     "./image-preview": "./src/components/ImagePreview/ImagePreview.vue",
     "./bilibili-video": "./src/entries/bilibili-video.ts",
@@ -134,7 +139,7 @@
   ],
   "license": "MIT",
   "scripts": {
-    "build": "tsup src/code/highlight.ts src/components/Footprints/parse.ts src/components/Mindmap/markdown.ts src/markdown/image.ts src/markdown/lineBreaks.ts src/swiper/hydrate.ts --format esm --dts --out-dir dist --clean",
+    "build": "tsup src/alerts/icons.ts src/code/highlight.ts src/components/Footprints/parse.ts src/components/Mindmap/markdown.ts src/markdown/image.ts src/markdown/lineBreaks.ts src/swiper/hydrate.ts --format esm --dts --out-dir dist --clean",
     "typecheck": "tsc --noEmit -p tsconfig.json",
     "test": "vitest run",
     "lint": "eslint . --max-warnings=0",