@keenaioc/data-view 0.0.0-poc.1

package/README.md

@@ -0,0 +1,11 @@
+# @keenaioc/data-view
+
+HomeYa 共用資料視圖的跨 Sites 引用驗證套件。
+
+目前的 `0.0.0-poc.*` 版本只驗證公開 npm 安裝、React/CSS 入口、固定版本升級與回退。它不是正式 V1，也不包含業務資料、資料庫連線或 HomeYa 專案設定。
+
+正式版本將以 HomeYa 設計待辦工作台的既有表格成果為主要來源，抽出欄位註冊、表格操作、檢視設定與通用資料／權限介面。
+
+```bash
+npm install --save-exact @keenaioc/data-view@0.0.0-poc.1
+```

package/index.d.ts

@@ -0,0 +1,2 @@
+export declare function normalizeColumnWidth(width: number): number;
+export declare const dataViewVersion: string;

package/index.js

@@ -0,0 +1,5 @@
+export function normalizeColumnWidth(width) {
+  const finiteWidth = Number.isFinite(width) ? width : 56;
+  return Math.min(600, Math.max(56, Math.round(finiteWidth)));
+}
+export const dataViewVersion = "0.0.0-poc.1";

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@keenaioc/data-view",
+  "version": "0.0.0-poc.1",
+  "description": "HomeYa shared data-view engine (feasibility preview)",
+  "type": "module",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public",
+    "tag": "next"
+  },
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js"
+    },
+    "./react": {
+      "types": "./react.d.ts",
+      "import": "./react.js"
+    },
+    "./style.css": "./style.css"
+  },
+  "files": [
+    "README.md",
+    "index.js",
+    "index.d.ts",
+    "react.js",
+    "react.d.ts",
+    "style.css"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "peerDependencies": {
+    "react": "^19.0.0"
+  }
+}

package/react.d.ts

@@ -0,0 +1,2 @@
+import type {ReactElement} from "react";
+export declare function WidthProbe(): ReactElement;

package/react.js

@@ -0,0 +1,8 @@
+"use client";
+import {createElement, useState} from "react";
+import {normalizeColumnWidth} from "./index.js";
+// Feasibility probe only; not the final table component.
+export function WidthProbe() {
+ const [width,setWidth]=useState(220);
+ return createElement("label",{className:"hy-width-probe"},"欄寬測試 ",createElement("input",{type:"number",value:width,min:56,max:600,onChange:e=>setWidth(normalizeColumnWidth(Number(e.target.value)))}));
+}

package/style.css

@@ -0,0 +1 @@
+.hy-width-probe{display:block;font-size:1rem;color:#18334d}.hy-width-probe input{width:6rem;border:1px solid #64748b;padding:0.5rem}