@joplo-app/plugin-ui 0.0.0-stage → 0.4.1

package/dist/story-data.d.ts

@@ -0,0 +1,20 @@
+type StateChange = {
+    path: string;
+    before: unknown;
+    after: unknown;
+};
+/** 匹配绑定本身、祖先替换及子字段变化；子字段变化聚合成局部前后值。 */
+export declare function changeFor(value: unknown, changes: readonly StateChange[]): StateChange | null;
+export declare function dataRows(value: unknown, fields: unknown, rawBinding: unknown, changes: readonly StateChange[]): {
+    value: unknown;
+    change: StateChange | null;
+    key: string;
+    label: any;
+}[];
+export declare function stateFlowItems(value: unknown, states: unknown, labels: unknown): {
+    value: string;
+    label: string;
+    state: "done" | "current" | "todo";
+}[];
+export declare function displayData(v: unknown): string;
+export {};

package/dist/story-data.js

@@ -0,0 +1,46 @@
+const binding = (value) => typeof value === 'string' && /^\$(ui|data|inputs)(\.[A-Za-z0-9_-]+)*$/.test(value) ? value.slice(1) : null;
+const at = (v, keys) => keys.reduce((o, k) => o && typeof o === 'object' ? o[k] : undefined, v);
+/** 匹配绑定本身、祖先替换及子字段变化；子字段变化聚合成局部前后值。 */
+export function changeFor(value, changes) {
+    const path = binding(value);
+    if (!path)
+        return null;
+    const exact = changes.find(c => c.path === path);
+    if (exact)
+        return exact;
+    const parent = changes.find(c => path.startsWith(`${c.path}.`));
+    if (parent) {
+        const keys = path.slice(parent.path.length + 1).split('.');
+        const before = at(parent.before, keys), after = at(parent.after, keys);
+        return JSON.stringify(before) === JSON.stringify(after) ? null : { path, before, after };
+    }
+    const children = changes.filter(c => c.path.startsWith(`${path}.`));
+    if (!children.length)
+        return null;
+    const before = {}, after = {};
+    const put = (o, keys, v) => {
+        for (const k of keys.slice(0, -1)) {
+            o[k] ??= {};
+            o = o[k];
+        }
+        o[keys.at(-1)] = v;
+    };
+    for (const c of children) {
+        const keys = c.path.slice(path.length + 1).split('.');
+        put(before, keys, c.before);
+        put(after, keys, c.after);
+    }
+    return { path, before, after };
+}
+export function dataRows(value, fields, rawBinding, changes) {
+    const obj = value && typeof value === 'object' && !Array.isArray(value) ? value : {};
+    const selected = Array.isArray(fields) ? fields.flatMap(f => f && typeof f === 'object' && typeof f.key === 'string' ? [{ key: f.key, label: typeof f.label === 'string' ? f.label : f.key }] : []) : Object.keys(obj).map(key => ({ key, label: key }));
+    return selected.map(f => ({ ...f, value: obj[f.key], change: binding(rawBinding) ? changeFor(`${rawBinding}.${f.key}`, changes) : null }));
+}
+export function stateFlowItems(value, states, labels) {
+    const list = Array.isArray(states) ? states.filter((v) => typeof v === 'string' && v.length > 0) : [];
+    const names = labels && typeof labels === 'object' ? labels : {};
+    const current = list.indexOf(String(value ?? ''));
+    return list.map((v, i) => ({ value: v, label: typeof names[v] === 'string' ? names[v] : v, state: i === current ? 'current' : current >= 0 && i < current ? 'done' : 'todo' }));
+}
+export function displayData(v) { return v === undefined || v === null || v === '' ? '—' : typeof v === 'object' ? JSON.stringify(v) : String(v); }

package/dist/version.json

@@ -0,0 +1,3 @@
+{
+  "version": "0.4.1"
+}

package/package.json

@@ -1,6 +1,58 @@
 {
   "name": "@joplo-app/plugin-ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.4.1",
+  "type": "module",
+  "joplo": {
+    "api": 2
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/plugin.d.ts",
+      "default": "./dist/plugin.js"
+    },
+    "./runtime": {
+      "types": "./dist/runtime.d.ts",
+      "default": "./dist/runtime.js"
+    },
+    "./guide": {
+      "types": "./dist/guide.d.ts",
+      "default": "./dist/guide.js"
+    },
+    "./package.json": "./package.json",
+    "./catalog": {
+      "types": "./dist/catalog.d.ts",
+      "default": "./dist/catalog.js"
+    }
+  },
+  "dependencies": {
+    "@joplo-app/kit": "0.4.1",
+    "react": "19.3.1",
+    "motion": "14.9.1",
+    "clsx": "2.1.1",
+    "tailwind-merge": "3.7.0",
+    "react-dom": "19.3.1"
+  },
+  "devDependencies": {
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0"
+  },
+  "description": "Joplo first-party UI and HTML vocabulary",
+  "license": "PolyForm-Shield-1.0.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Joplo-app/Joplo.git",
+    "directory": "plugins/ui"
+  },
+  "engines": {
+    "node": ">=22"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "node ../../scripts/build-package.mjs"
+  }
 }

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.