@fses/workbench-app 0.1.3 → 0.2.0

package/dist/workbenchCustomComponentRegistry-6GHzavdM.js

@@ -0,0 +1,267 @@
+import { c as x, a as z } from "./cardFactory-CoDF-zsR.js";
+import { defineComponent as V, computed as A, ref as C, watch as F, onBeforeUnmount as j, openBlock as h, createElementBlock as y, createElementVNode as o, toDisplayString as u, createCommentVNode as W, normalizeClass as T } from "vue";
+const I = "/workbench-card-previews/custom-cards";
+function U(r) {
+  return `${r.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "") || "system_card"}.png`;
+}
+function ve(r) {
+  const t = x(
+    {
+      capabilityId: r,
+      meta: {
+        id: `system-card-preview-${U(r).replace(/\.png$/u, "")}`,
+        systemCardPreview: !0
+      }
+    },
+    []
+  );
+  return t.status !== "success" || !t.block || !t.registryEntry ? null : {
+    ...t.block,
+    meta: {
+      ...t.block.meta,
+      rendererKey: t.registryEntry.rendererKey,
+      dataShape: t.registryEntry.dataShape
+    }
+  };
+}
+async function he(r) {
+  const t = await z(
+    {
+      capabilityId: r,
+      meta: {
+        id: `system-card-preview-${U(r).replace(/\.png$/u, "")}`,
+        systemCardPreview: !0
+      }
+    },
+    []
+  );
+  return t.status !== "success" || !t.block || !t.registryEntry ? null : {
+    ...t.block,
+    meta: {
+      ...t.block.meta,
+      rendererKey: t.registryEntry.rendererKey,
+      dataShape: t.registryEntry.dataShape
+    }
+  };
+}
+function D(r) {
+  const t = r.trim().replace(/^\/+/, "");
+  return `${I}/${t}`;
+}
+const G = D("template_weather_card.png"), Y = "@byteluck-fe/workbench-template.WeatherCard", q = "card.fde.templateWeather", ye = [
+  {
+    capabilityId: q,
+    category: "card.fde_custom_cards",
+    type: "templateWeather",
+    title: "天气组件",
+    description: "@byteluck-fe/workbench-template 提供的天气组件，按城市展示实时天气。",
+    blockType: "display",
+    subType: "fdeCustom",
+    rendererKey: "fdeCustomComponent",
+    dataShape: "fdeCustomComponent",
+    shell: "card",
+    styleVariants: ["standard", "compact", "tile"],
+    defaultSize: "componentTall",
+    handlerClassName: "WorkbenchTemplateWeatherComponentAbility",
+    status: "implemented",
+    sourceLabel: "npm",
+    componentRef: Y,
+    packageName: "@byteluck-fe/workbench-template",
+    packageVersion: "0.1.1",
+    exportName: "WeatherCard",
+    previewUrl: G,
+    defaultProps: { city: "上海" },
+    insertionMode: "registered"
+  }
+], J = ["aria-busy"], Q = { class: "weather-card__header" }, X = { class: "weather-card__heading" }, Z = { class: "weather-card__city" }, ee = {
+  key: 0,
+  class: "weather-card__region"
+}, te = {
+  key: 0,
+  class: "weather-card__state"
+}, re = {
+  key: 2,
+  class: "weather-card__body"
+}, ae = { class: "weather-card__temperature" }, ne = { class: "weather-card__summary" }, le = { class: "weather-card__metrics" }, se = { class: "weather-card__metric" }, oe = { class: "weather-card__metric" }, ie = { class: "weather-card__updated" }, ce = /* @__PURE__ */ V({
+  __name: "WeatherCard",
+  props: {
+    city: {}
+  },
+  setup(r) {
+    const t = r, w = A(() => t.city.trim()), f = A(() => {
+      var e;
+      return ((e = l.value) == null ? void 0 : e.city) ?? (w.value || "未选择城市");
+    }), m = C(!1), p = C(""), E = C("empty"), l = C(null);
+    let d = null, g = 0;
+    F(
+      w,
+      (e) => {
+        N(e);
+      },
+      { immediate: !0 }
+    ), j(() => {
+      d == null || d.abort();
+    });
+    async function N(e) {
+      const a = ++g;
+      if (d == null || d.abort(), d = null, l.value = null, p.value = "", !e) {
+        m.value = !1, E.value = "empty", p.value = "请输入城市名称";
+        return;
+      }
+      const n = new AbortController();
+      d = n, m.value = !0;
+      try {
+        const s = await S(e, n.signal), i = await B(s, n.signal);
+        if (a !== g)
+          return;
+        l.value = O(s, i);
+      } catch (s) {
+        if (n.signal.aborted || a !== g)
+          return;
+        E.value = "error", p.value = s instanceof Error ? s.message : "天气数据请求失败";
+      } finally {
+        a === g && (m.value = !1, d === n && (d = null));
+      }
+    }
+    async function S(e, a) {
+      var n;
+      const s = new URL("https://geocoding-api.open-meteo.com/v1/search");
+      s.searchParams.set("name", e), s.searchParams.set("count", "1"), s.searchParams.set("language", "zh"), s.searchParams.set("format", "json");
+      const i = await fetch(s, { signal: a });
+      if (!i.ok)
+        throw new Error("城市查询失败");
+      const v = (n = (await i.json()).results) == null ? void 0 : n[0];
+      if (!v)
+        throw new Error(`未找到城市：${e}`);
+      return v;
+    }
+    async function B(e, a) {
+      const n = new URL("https://api.open-meteo.com/v1/forecast");
+      n.searchParams.set("latitude", String(e.latitude)), n.searchParams.set("longitude", String(e.longitude)), n.searchParams.set(
+        "current",
+        "temperature_2m,relative_humidity_2m,weather_code,wind_speed_10m"
+      ), n.searchParams.set("daily", "temperature_2m_max,temperature_2m_min"), n.searchParams.set("forecast_days", "1"), n.searchParams.set("timezone", "auto");
+      const s = await fetch(n, { signal: a });
+      if (!s.ok)
+        throw new Error("天气数据请求失败");
+      const i = await s.json();
+      if (!i.current)
+        throw new Error("天气数据暂不可用");
+      return i;
+    }
+    function O(e, a) {
+      var n, s, i, v, k, P;
+      const c = a.current, b = a.daily, L = [e.admin2, e.admin1, e.country].filter((R, H, M) => !!R && M.indexOf(R) === H).join(" / ");
+      return {
+        city: e.name,
+        region: L,
+        condition: $(c == null ? void 0 : c.weather_code),
+        temperature: c == null ? void 0 : c.temperature_2m,
+        temperatureUnit: ((n = a.current_units) == null ? void 0 : n.temperature_2m) ?? "°C",
+        humidity: c == null ? void 0 : c.relative_humidity_2m,
+        humidityUnit: ((s = a.current_units) == null ? void 0 : s.relative_humidity_2m) ?? "%",
+        windSpeed: c == null ? void 0 : c.wind_speed_10m,
+        windSpeedUnit: ((i = a.current_units) == null ? void 0 : i.wind_speed_10m) ?? "km/h",
+        high: (v = b == null ? void 0 : b.temperature_2m_max) == null ? void 0 : v[0],
+        low: (k = b == null ? void 0 : b.temperature_2m_min) == null ? void 0 : k[0],
+        rangeUnit: ((P = a.daily_units) == null ? void 0 : P.temperature_2m_max) ?? "°C",
+        updatedAt: K(c == null ? void 0 : c.time)
+      };
+    }
+    function $(e) {
+      return e === 0 ? { label: "晴", tone: "clear" } : e === 1 || e === 2 ? { label: "多云", tone: "cloudy" } : e === 3 ? { label: "阴", tone: "cloudy" } : e === 45 || e === 48 ? { label: "雾", tone: "fog" } : [51, 53, 55, 56, 57, 61, 63, 65, 66, 67, 80, 81, 82].includes(e ?? -1) ? { label: "降雨", tone: "rain" } : [71, 73, 75, 77, 85, 86].includes(e ?? -1) ? { label: "降雪", tone: "snow" } : [95, 96, 99].includes(e ?? -1) ? { label: "雷阵雨", tone: "storm" } : { label: "未知", tone: "neutral" };
+    }
+    function K(e) {
+      return e ? e.replace("T", " ") : "未知";
+    }
+    function _(e, a) {
+      return typeof e != "number" ? "--" : `${Math.round(e)}${a}`;
+    }
+    return (e, a) => {
+      var n, s;
+      return h(), y("section", {
+        class: "weather-card",
+        "aria-busy": m.value
+      }, [
+        o("div", Q, [
+          o("div", X, [
+            a[0] || (a[0] = o("div", { class: "weather-card__label" }, "实时天气", -1)),
+            o("h2", Z, u(f.value), 1),
+            (n = l.value) != null && n.region ? (h(), y("p", ee, u(l.value.region), 1)) : W("", !0)
+          ]),
+          o("div", {
+            class: T(["weather-card__badge", l.value ? `weather-card__badge--${l.value.condition.tone}` : void 0])
+          }, u(((s = l.value) == null ? void 0 : s.condition.label) ?? "待更新"), 3)
+        ]),
+        m.value ? (h(), y("div", te, "正在获取天气...")) : p.value ? (h(), y("div", {
+          key: 1,
+          class: T(["weather-card__state", { "weather-card__state--error": E.value === "error" }])
+        }, u(p.value), 3)) : l.value ? (h(), y("div", re, [
+          o("div", ae, u(_(l.value.temperature, l.value.temperatureUnit)), 1),
+          o("div", ne, [
+            o("span", null, "最高 " + u(_(l.value.high, l.value.rangeUnit)), 1),
+            o("span", null, "最低 " + u(_(l.value.low, l.value.rangeUnit)), 1)
+          ]),
+          o("div", le, [
+            o("div", se, [
+              a[1] || (a[1] = o("span", { class: "weather-card__metric-label" }, "湿度", -1)),
+              o("strong", null, u(_(l.value.humidity, l.value.humidityUnit)), 1)
+            ]),
+            o("div", oe, [
+              a[2] || (a[2] = o("span", { class: "weather-card__metric-label" }, "风速", -1)),
+              o("strong", null, u(_(l.value.windSpeed, l.value.windSpeedUnit)), 1)
+            ])
+          ]),
+          o("p", ie, "更新时间 " + u(l.value.updatedAt), 1)
+        ])) : W("", !0)
+      ], 8, J);
+    };
+  }
+}), ue = [
+  {
+    packageName: "@byteluck-fe/workbench-template",
+    version: "0.1.1",
+    componentRef: "@byteluck-fe/workbench-template.WeatherCard",
+    componentName: "天气组件",
+    exportName: "WeatherCard",
+    enabled: !0,
+    component: ce,
+    validateProps: (r) => typeof r.city == "string" && r.city.trim().length > 0
+  }
+  // 示例：
+  // {
+  //   packageName: '@fde-components/sales-summary',
+  //   version: '1.2.0',
+  //   componentRef: '@fde-components/sales-summary.SalesSummaryCard',
+  //   componentName: '销售摘要组件',
+  //   exportName: 'SalesSummaryCard',
+  //   enabled: true,
+  //   component: SalesSummaryCard,
+  //   validateProps: (props) => typeof props.amount === 'number' && typeof props.trend === 'number',
+  // },
+], de = new Map(ue.map((r) => [r.componentRef, r]));
+function me(r, t, w) {
+  var f;
+  return ((f = r.validateProps) == null ? void 0 : f.call(r, t, w)) ?? !0;
+}
+const we = {
+  /**
+   * 根据 componentRef 查找已安装、已审核并启用的 npm 组件。
+   * @param data - FDE 自定义组件卡片数据。
+   * @returns 命中的组件登记项；未登记或禁用时返回 null。
+   */
+  resolve(r) {
+    const t = de.get(r.componentRef);
+    return !t || t.enabled === !1 ? null : t;
+  },
+  validateProps: me
+};
+export {
+  ye as W,
+  q as a,
+  Y as b,
+  G as c,
+  we as d,
+  he as e,
+  ve as s
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fses/workbench-app",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "private": false,
   "type": "module",
   "scripts": {
@@ -27,7 +27,7 @@
     },
     "./extensions": {
       "types": "./dist/extensions/index.d.ts",
-      "import": "./dist/fses-workbench-app.js"
+      "import": "./dist/extensions/index.js"
     },
     "./adapters": {
       "types": "./dist/adapters/index.d.ts",
@@ -53,6 +53,10 @@
       "types": "./dist/canvas/api/types.d.ts",
       "import": "./dist/fses-workbench-app.js"
     },
+    "./canvas/api": {
+      "types": "./dist/canvas/api/index.d.ts",
+      "import": "./dist/canvas/api/index.js"
+    },
     "./canvas/bridge/workbenchCanvasBus": {
       "types": "./dist/canvas/bridge/workbenchCanvasBus.d.ts",
       "import": "./dist/fses-workbench-app.js"