@farris/ui-vue 1.7.1 → 1.7.2-beta.1

package/components/weather/index.esm.js

@@ -1,10 +1,79 @@
-import { ref as d, computed as x, watch as F, createVNode as e, createTextVNode as I, resolveComponent as A, defineComponent as j, onMounted as _ } from "vue";
-import { useResizeObserver as O } from "@vueuse/core";
-import P from "../progress/index.esm.js";
+import { ref as d, computed as b, watch as O, createVNode as e, createTextVNode as I, resolveComponent as M, defineComponent as E, onMounted as j, inject as P } from "vue";
+import { useResizeObserver as L } from "@vueuse/core";
+import A from "../progress/index.esm.js";
+import { resolveAppearance as N, createPropsResolver as H } from "../dynamic-resolver/index.esm.js";
 import * as S from "echarts";
-import R from "jsonp";
-import B from "crypto-js";
-const L = {
+import q from "jsonp";
+import D from "crypto-js";
+import { useDesignerComponent as Z } from "../designer-canvas/index.esm.js";
+const U = /* @__PURE__ */ new Map([
+  ["appearance", N]
+]);
+function $(i, p, n) {
+  return p;
+}
+const V = "https://json-schema.org/draft/2020-12/schema", z = "https://farris-design.gitee.io/weather.schema.json", G = "weather", J = "A Farris Input Component", K = "object", Q = {
+  id: {
+    description: "The unique identifier for a weather",
+    type: "string"
+  },
+  type: {
+    description: "The type string of weather component",
+    type: "string",
+    default: "weather"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  }
+}, X = [
+  "id",
+  "type"
+], Y = {
+  $schema: V,
+  $id: z,
+  title: G,
+  description: J,
+  type: K,
+  properties: Q,
+  required: X
+}, ee = "weather", te = "A Farris Component", ne = "object", ae = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  }
+}, re = {
+  title: ee,
+  description: te,
+  type: ne,
+  categories: ae
+}, ie = {
   /** 城市列表 */
   cityItems: {
     type: Array,
@@ -257,13 +326,13 @@ const L = {
       ]
     }
   }
-}, M = {
+}, B = {
   /** 默认数据 */
-  data: { type: Object, default: L },
+  data: { type: Object, default: ie },
   /** 主题参数 */
   theme: { type: Number, default: 1 }
-};
-function D(o, b) {
+}, F = H(B, Y, U, $, re);
+function R(i, p) {
   function n(t) {
     return t < 10 ? "0" + t : t;
   }
@@ -271,20 +340,20 @@ function D(o, b) {
     addZero: n
   };
 }
-function T(o, b) {
-  const n = d(o.data.data);
+function k(i, p) {
+  const n = d(i.data.data);
   return {
-    colorTheme: x(() => (/* @__PURE__ */ new Date()).getTime() - n.value.default.sunriseTime.getTime() < 0 || n.value.default.sunsetTime.getTime() - (/* @__PURE__ */ new Date()).getTime() < 0 ? ["#151276", "#7939e0", "#332396", "#814ca7"] : (/* @__PURE__ */ new Date()).getTime() - n.value.default.sunriseTime.getTime() < 36e5 ? ["#49417b", "#f1b655", "#b1785b", "#d99877"] : n.value.default.sunsetTime.getTime() - (/* @__PURE__ */ new Date()).getTime() < 36e5 ? ["#9e2e2e", "#f59b0b", "#c15334", "#ff7361"] : ["#0273D7", "#76BAFF", "#388FFF", "#75C6FE"])
+    colorTheme: b(() => (/* @__PURE__ */ new Date()).getTime() - n.value.default.sunriseTime.getTime() < 0 || n.value.default.sunsetTime.getTime() - (/* @__PURE__ */ new Date()).getTime() < 0 ? ["#151276", "#7939e0", "#332396", "#814ca7"] : (/* @__PURE__ */ new Date()).getTime() - n.value.default.sunriseTime.getTime() < 36e5 ? ["#49417b", "#f1b655", "#b1785b", "#d99877"] : n.value.default.sunsetTime.getTime() - (/* @__PURE__ */ new Date()).getTime() < 36e5 ? ["#9e2e2e", "#f59b0b", "#c15334", "#ff7361"] : ["#0273D7", "#76BAFF", "#388FFF", "#75C6FE"])
   };
 }
-function k(o, b) {
-  const n = d(o.data.data), t = T(o);
+function W(i, p) {
+  const n = d(i.data.data), t = k(i);
   function a() {
-    let u = S.getInstanceByDom(document.getElementById("sunset"));
-    u || (u = S.init(document.getElementById("sunset"), null, {
+    let c = S.getInstanceByDom(document.getElementById("sunset"));
+    c || (c = S.init(document.getElementById("sunset"), null, {
       height: 170,
       width: 380
-    })), u.setOption({
+    })), c.setOption({
       series: [{
         data: [{
           value: (/* @__PURE__ */ new Date()).getTime() - n.value.default.sunriseTime.getTime(),
@@ -356,7 +425,7 @@ function k(o, b) {
       }]
     });
   }
-  function c(u) {
+  function u(c) {
     let m = S.getInstanceByDom(document.getElementById("chart24h"));
     m || (m = S.init(document.getElementById("chart24h"), null, {
       width: 1885,
@@ -371,7 +440,7 @@ function k(o, b) {
         show: !1
       },
       series: [{
-        data: n.value.default.dayItemsSet[u].map((y) => y.temp),
+        data: n.value.default.dayItemsSet[c].map((v) => v.temp),
         type: "line",
         itemStyle: {
           color: "white"
@@ -380,17 +449,17 @@ function k(o, b) {
     });
   }
   function f() {
-    const u = document.getElementById("background");
-    if (u) {
-      const m = u.getBoundingClientRect().width, y = Math.max(m, 400) * 1.11;
-      let l = S.getInstanceByDom(document.getElementById("chart7d"));
-      l ? l.resize({
-        width: y,
+    const c = document.getElementById("background");
+    if (c) {
+      const m = c.getBoundingClientRect().width, v = Math.max(m, 400) * 1.11;
+      let s = S.getInstanceByDom(document.getElementById("chart7d"));
+      s ? s.resize({
+        width: v,
         height: 90
-      }) : l = S.init(document.getElementById("chart7d"), null, {
-        width: y,
+      }) : s = S.init(document.getElementById("chart7d"), null, {
+        width: v,
         height: 90
-      }), l.setOption({
+      }), s.setOption({
         grid: {
           left: 0
         },
@@ -403,13 +472,13 @@ function k(o, b) {
           show: !1
         },
         series: [{
-          data: n.value.default.weekItems.map((p) => p.min),
+          data: n.value.default.weekItems.map((w) => w.min),
           type: "line",
           itemStyle: {
             color: "#5C90F9"
           }
         }, {
-          data: n.value.default.weekItems.map((p) => p.max),
+          data: n.value.default.weekItems.map((w) => w.max),
           type: "line",
           itemStyle: {
             color: "#FC9657"
@@ -418,33 +487,33 @@ function k(o, b) {
       });
     }
   }
-  function v() {
-    const u = document.getElementById("airPoint"), m = document.getElementById("background");
-    u && m && (u.style.marginLeft = n.value.default.air / 500 * (m.getBoundingClientRect().width - 50) - 5 + "px");
+  function y() {
+    const c = document.getElementById("airPoint"), m = document.getElementById("background");
+    c && m && (c.style.marginLeft = n.value.default.air / 500 * (m.getBoundingClientRect().width - 50) - 5 + "px");
   }
-  function w(u) {
-    a(), c(u), f(), v();
+  function g(c) {
+    a(), u(c), f(), y();
   }
   return {
-    renderChart24h: c,
+    renderChart24h: u,
     renderChart7d: f,
-    renderCharts: w
+    renderCharts: g
   };
 }
-function N(o, b) {
-  const n = d(), t = d(o.data.data), a = d(0), c = D(), f = k(o);
-  function v(s) {
-    a.value = s;
+function oe(i, p) {
+  const n = d(), t = d(i.data.data), a = d(0), u = R(), f = W(i);
+  function y(l) {
+    a.value = l;
   }
-  function w(s) {
-    switch (s) {
+  function g(l) {
+    switch (l) {
       case 0:
         return "今天";
       case 1:
         return "明天";
       default:
-        const i = new Date((/* @__PURE__ */ new Date()).getTime() + 24 * 60 * 60 * 1e3 * s).getDay(), r = "周";
-        switch (i) {
+        const o = new Date((/* @__PURE__ */ new Date()).getTime() + 24 * 60 * 60 * 1e3 * l).getDay(), r = "周";
+        switch (o) {
           case 0:
             return r + "日";
           case 1:
@@ -463,33 +532,33 @@ function N(o, b) {
         break;
     }
   }
-  function u(s) {
-    const i = new Date((/* @__PURE__ */ new Date()).getTime() + 864e5 * s);
-    return c.addZero(i.getMonth() + 1) + "/" + c.addZero(i.getDate());
+  function c(l) {
+    const o = new Date((/* @__PURE__ */ new Date()).getTime() + 864e5 * l);
+    return u.addZero(o.getMonth() + 1) + "/" + u.addZero(o.getDate());
   }
   function m() {
-    const i = n.value.getBoundingClientRect().width - 120, r = document.getElementById("f-weather-24h-content");
-    r && (r.offsetLeft + i > -32 ? r.style.marginLeft = "-32px" : r.style.marginLeft = r.offsetLeft + i + "px");
+    const o = n.value.getBoundingClientRect().width - 120, r = document.getElementById("f-weather-24h-content");
+    r && (r.offsetLeft + o > -32 ? r.style.marginLeft = "-32px" : r.style.marginLeft = r.offsetLeft + o + "px");
   }
-  function y() {
-    const s = n.value.getBoundingClientRect().width, i = s - 120, r = document.getElementById("f-weather-24h-content");
+  function v() {
+    const l = n.value.getBoundingClientRect().width, o = l - 120, r = document.getElementById("f-weather-24h-content");
     if (r) {
-      const g = r.scrollWidth - s - 130;
-      r.offsetLeft - i < -g ? r.style.marginLeft = "-" + g + "px" : r.style.marginLeft = r.offsetLeft - i + "px";
+      const x = r.scrollWidth - l - 130;
+      r.offsetLeft - o < -x ? r.style.marginLeft = "-" + x + "px" : r.style.marginLeft = r.offsetLeft - o + "px";
     }
   }
-  function l(s, i) {
-    if (s === 0) {
+  function s(l, o) {
+    if (l === 0) {
       const r = /* @__PURE__ */ new Date();
-      return i === 0 ? "现在" : c.addZero((r.getHours() + i) % 24);
+      return o === 0 ? "现在" : u.addZero((r.getHours() + o) % 24);
     } else
-      return c.addZero(i);
+      return u.addZero(o);
   }
-  F(a, () => {
-    const s = document.getElementById("f-weather-24h-content");
-    s.style.marginLeft = "-32px", f.renderChart24h(a.value);
+  O(a, () => {
+    const l = document.getElementById("f-weather-24h-content");
+    l.style.marginLeft = "-32px", f.renderChart24h(a.value);
   });
-  function p() {
+  function w() {
     return e("div", {
       class: "f-weather-24h-container"
     }, [e("div", {
@@ -503,17 +572,17 @@ function N(o, b) {
     }, null), e("img", {
       src: "/components/weather/src/image/arrow-right.png",
       class: "f-weather-lrbutton-r",
-      onClick: y
+      onClick: v
     }, null)]), e("div", {
       class: "f-weather-24h-content-scroll"
     }, [e("div", {
       id: "f-weather-24h-content"
-    }, [t.value.default.dayItemsSet.map((s, i) => i === a.value ? e("div", null, [e("tr", {
-      id: "report" + i,
+    }, [t.value.default.dayItemsSet.map((l, o) => o === a.value ? e("div", null, [e("tr", {
+      id: "report" + o,
       class: "f-weather-24h-tr"
-    }, [s.map((r, g) => e("td", {
+    }, [l.map((r, x) => e("td", {
       class: "f-weather-24h-td"
-    }, [e("div", null, [l(i, g)]), e("img", {
+    }, [e("div", null, [s(o, x)]), e("img", {
       src: "http://mat1.gtimg.com/pingjs/ext2020/weather/pc/icon/weather/day/" + r.icon + ".png",
       class: "f-weather-24h-img"
     }, null), e("div", null, [r.temp + "°"])]))])]) : ""), e("div", {
@@ -528,21 +597,21 @@ function N(o, b) {
       class: "f-weather-7d-title"
     }, [I("七日天气预报")]), e("tr", {
       class: "f-weather-7d-tr"
-    }, [t.value.default.weekItems.map((s, i) => e("td", {
-      id: "day" + i,
+    }, [t.value.default.weekItems.map((l, o) => e("td", {
+      id: "day" + o,
       class: "f-weather-7d-td",
-      style: "background-color: " + (i === a.value ? "rgba(0, 0, 0, 0.05)" : "none"),
-      onClick: () => v(i)
+      style: "background-color: " + (o === a.value ? "rgba(0, 0, 0, 0.05)" : "none"),
+      onClick: () => y(o)
     }, [e("div", {
       class: "f-weather-7d-td-title"
-    }, [w(i)]), e("div", {
+    }, [g(o)]), e("div", {
       class: "f-weather-7d-td-date"
-    }, [u(i)]), e("img", {
-      src: "http://mat1.gtimg.com/pingjs/ext2020/weather/pc/icon/weather/day/" + s.icon + ".png",
+    }, [c(o)]), e("img", {
+      src: "http://mat1.gtimg.com/pingjs/ext2020/weather/pc/icon/weather/day/" + l.icon + ".png",
       class: "f-weather-7d-td-img"
     }, null), e("div", {
       class: "f-weather-7d-td-margin"
-    }, [s.max + "°"]), e("div", null, [s.min + "°"])]))]), e("div", {
+    }, [l.max + "°"]), e("div", null, [l.min + "°"])]))]), e("div", {
       id: "chart7d",
       class: "f-weather-chart7d"
     }, null)]);
@@ -550,65 +619,65 @@ function N(o, b) {
   function h() {
     return e("div", {
       ref: n
-    }, [p(), C()]);
+    }, [w(), C()]);
   }
   return {
     renderWeatherReport: h
   };
 }
-function H(o, b) {
-  const n = d(o.data.data);
+function se(i, p) {
+  const n = d(i.data.data);
   function t() {
     return e("div", null, [n.value.default.proindexItemsSet.map((a) => e("tr", {
       class: "f-weather-proindex-tr"
-    }, [a.map((c) => e("td", {
+    }, [a.map((u) => e("td", {
       class: "f-weather-proindex-td"
     }, [e("div", {
       class: "f-weather-proindex-content-scroll"
     }, [e("div", {
       class: "f-weather-proindex-content"
     }, [e("img", {
-      src: "/components/weather/src/image/proindexImage/" + c.icon + ".png",
+      src: "/components/weather/src/image/proindexImage/" + u.icon + ".png",
       class: "f-weather-proindex-icon"
     }, null), e("div", {
       class: "f-weather-proindex-text"
     }, [e("div", {
       class: "f-weather-proindex-title"
-    }, [c.title]), e("div", {
+    }, [u.title]), e("div", {
       class: "f-weather-proindex-value"
-    }, [c.value])]), e("div", {
+    }, [u.value])]), e("div", {
       class: "f-weather-proindex-line"
     }, null), e("br", null, null), e("div", {
       class: "f-weather-proindex-info"
-    }, [c.info]), e("br", null, null), e("div", null, [c.explain])])])]))]))]);
+    }, [u.info]), e("br", null, null), e("div", null, [u.explain])])])]))]))]);
   }
   return {
     renderWeatherProindex: t
   };
 }
-function Z(o, b) {
-  const n = d(!0), t = T(o), {
+function le(i, p) {
+  const n = d(!0), t = k(i), {
     renderWeatherReport: a
-  } = N(o), {
-    renderWeatherProindex: c
-  } = H(o), f = x(() => ({
+  } = oe(i), {
+    renderWeatherProindex: u
+  } = se(i), f = b(() => ({
     "background-color": n.value ? t.colorTheme.value[2] : "",
     color: n.value ? "white" : ""
-  })), v = x(() => ({
+  })), y = b(() => ({
     "background-color": n.value ? "" : t.colorTheme.value[2],
     color: n.value ? "" : "white"
-  })), w = x(() => ({
+  })), g = b(() => ({
     display: n.value ? "block" : "none"
-  })), u = x(() => ({
+  })), c = b(() => ({
     display: n.value ? "none" : "block"
   }));
   function m() {
     n.value = !0;
   }
-  function y() {
+  function v() {
     n.value = !1;
   }
-  function l() {
+  function s() {
     return e("div", {
       class: "f-weather-container f-weather-detail"
     }, [e("div", {
@@ -619,55 +688,55 @@ function Z(o, b) {
       onClick: m
     }, [I("天气预报")]), e("button", {
       class: "f-weather-button f-weather-button-proindex",
-      style: v.value,
-      onClick: y
+      style: y.value,
+      onClick: v
     }, [I("其它参数")])]), e("div", {
-      style: w.value
+      style: g.value
     }, [a()]), e("div", {
-      style: u.value
-    }, [c()])]);
+      style: c.value
+    }, [u()])]);
   }
   return {
-    renderWeatherDetail: l
+    renderWeatherDetail: s
   };
 }
-function E(o, b) {
-  const n = o.data.cityItems.default, t = d(o.data.data), a = k(o);
-  function c(f, v) {
-    const w = "https://wis.qq.com/weather/common?source=pc&weather_type=observe|forecast_1h|forecast_24h|index|rise|air&province=" + n[f].province + "&city=" + n[f].city[v];
-    R(w, (h, s) => {
+function _(i, p) {
+  const n = i.data.cityItems.default, t = d(i.data.data), a = W(i);
+  function u(f, y) {
+    const g = "https://wis.qq.com/weather/common?source=pc&weather_type=observe|forecast_1h|forecast_24h|index|rise|air&province=" + n[f].province + "&city=" + n[f].city[y];
+    q(g, (h, l) => {
       if (h)
         console.error("Error fetching data:", h);
       else {
-        const i = s.data;
-        t.value.default.temperature = i.observe.degree, t.value.default.max = i.forecast_24h[1].max_degree, t.value.default.min = i.forecast_24h[1].min_degree, t.value.default.weather = i.observe.weather, t.value.default.air = i.air.aqi, t.value.default.sunriseTime = /* @__PURE__ */ new Date(), t.value.default.sunsetTime = /* @__PURE__ */ new Date(), t.value.default.sunriseTime.setHours(Number(i.rise[0].sunrise.split(":")[0])), t.value.default.sunriseTime.setMinutes(Number(i.rise[0].sunrise.split(":")[1])), t.value.default.sunriseTime.setSeconds(0), t.value.default.sunriseTime.setMilliseconds(0), t.value.default.sunsetTime.setHours(Number(i.rise[0].sunset.split(":")[0])), t.value.default.sunsetTime.setMinutes(Number(i.rise[0].sunset.split(":")[1])), t.value.default.sunriseTime.setSeconds(0), t.value.default.sunriseTime.setMilliseconds(0), t.value.default.adviceItems.forEach((g) => {
-          g.value = i.index[g.key];
-        }), t.value.default.proindexItemsSet[0][0].value = i.index.ultraviolet.info, t.value.default.proindexItemsSet[0][1].value = i.observe.precipitation + "mm";
+        const o = l.data;
+        t.value.default.temperature = o.observe.degree, t.value.default.max = o.forecast_24h[1].max_degree, t.value.default.min = o.forecast_24h[1].min_degree, t.value.default.weather = o.observe.weather, t.value.default.air = o.air.aqi, t.value.default.sunriseTime = /* @__PURE__ */ new Date(), t.value.default.sunsetTime = /* @__PURE__ */ new Date(), t.value.default.sunriseTime.setHours(Number(o.rise[0].sunrise.split(":")[0])), t.value.default.sunriseTime.setMinutes(Number(o.rise[0].sunrise.split(":")[1])), t.value.default.sunriseTime.setSeconds(0), t.value.default.sunriseTime.setMilliseconds(0), t.value.default.sunsetTime.setHours(Number(o.rise[0].sunset.split(":")[0])), t.value.default.sunsetTime.setMinutes(Number(o.rise[0].sunset.split(":")[1])), t.value.default.sunriseTime.setSeconds(0), t.value.default.sunriseTime.setMilliseconds(0), t.value.default.adviceItems.forEach((x) => {
+          x.value = o.index[x.key];
+        }), t.value.default.proindexItemsSet[0][0].value = o.index.ultraviolet.info, t.value.default.proindexItemsSet[0][1].value = o.observe.precipitation + "mm";
         let r;
         for (r = 1; r < 8; r++)
-          t.value.default.weekItems[r - 1].icon = i.forecast_24h[r].day_weather_code, t.value.default.weekItems[r - 1].max = i.forecast_24h[r].max_degree, t.value.default.weekItems[r - 1].min = i.forecast_24h[r].min_degree;
+          t.value.default.weekItems[r - 1].icon = o.forecast_24h[r].day_weather_code, t.value.default.weekItems[r - 1].max = o.forecast_24h[r].max_degree, t.value.default.weekItems[r - 1].min = o.forecast_24h[r].min_degree;
         for (r = 0; r < 24; r++)
-          t.value.default.dayItemsSet[0][r].icon = i.forecast_1h[r].weather_code, t.value.default.dayItemsSet[0][r].temp = i.forecast_1h[r].degree;
-        for (r = 0; r < 24 && !(i.forecast_1h[r].update_time.endsWith("000000") && r !== 0); r++)
+          t.value.default.dayItemsSet[0][r].icon = o.forecast_1h[r].weather_code, t.value.default.dayItemsSet[0][r].temp = o.forecast_1h[r].degree;
+        for (r = 0; r < 24 && !(o.forecast_1h[r].update_time.endsWith("000000") && r !== 0); r++)
           ;
         r--;
-        for (let g = 0; g < 24; r++, g++)
-          t.value.default.dayItemsSet[1][g].icon = i.forecast_1h[r].weather_code, t.value.default.dayItemsSet[1][g].temp = i.forecast_1h[r].degree;
+        for (let x = 0; x < 24; r++, x++)
+          t.value.default.dayItemsSet[1][x].icon = o.forecast_1h[r].weather_code, t.value.default.dayItemsSet[1][x].temp = o.forecast_1h[r].degree;
       }
     });
-    const u = new Headers();
-    u.append("User-Agent", "Win64");
-    const m = "location=" + n[f].city[f] + "&public_key=P2yFGyRckTUNG9rFt&ts=" + (/* @__PURE__ */ new Date()).getTime() + "&ttl=3000", l = B.HmacSHA1(m, "Sh3s--_vh1BWqUb_w"), p = encodeURIComponent(l.toString(B.enc.Base64)), C = "https://api.seniverse.com/v3/weather/now.json?" + m + "&sig=" + p;
+    const c = new Headers();
+    c.append("User-Agent", "Win64");
+    const m = "location=" + n[f].city[f] + "&public_key=P2yFGyRckTUNG9rFt&ts=" + (/* @__PURE__ */ new Date()).getTime() + "&ttl=3000", s = D.HmacSHA1(m, "Sh3s--_vh1BWqUb_w"), w = encodeURIComponent(s.toString(D.enc.Base64)), C = "https://api.seniverse.com/v3/weather/now.json?" + m + "&sig=" + w;
     fetch(C, {
       method: "GET",
-      headers: u
+      headers: c
     }).then((h) => {
       if (!h.ok)
         throw new Error("Network response was not ok");
       return h.json();
     }).then((h) => {
-      const s = h.results[0].now;
-      t.value.default.proindexItemsSet[1][0].value = s.humidity + "%", t.value.default.proindexItemsSet[1][1].value = s.feels_like + "°", t.value.default.proindexItemsSet[2][0].value = s.pressure + "mpa", t.value.default.proindexItemsSet[2][1].value = Math.round(Number(s.visibility)) + "km";
+      const l = h.results[0].now;
+      t.value.default.proindexItemsSet[1][0].value = l.humidity + "%", t.value.default.proindexItemsSet[1][1].value = l.feels_like + "°", t.value.default.proindexItemsSet[2][0].value = l.pressure + "mpa", t.value.default.proindexItemsSet[2][1].value = Math.round(Number(l.visibility)) + "km";
     }).catch((h) => {
       console.error("Error fetching data:", h);
     }), setTimeout(() => {
@@ -675,38 +744,38 @@ function E(o, b) {
     }, 500);
   }
   return {
-    fetchData: c
+    fetchData: u
   };
 }
-function U(o, b) {
-  const n = o.data.cityItems.default, t = d(!1), a = d(0), c = d(0), f = d(0), v = E(o), w = T(o), u = x(() => ({
-    "background-color": w.colorTheme.value[2]
+function ce(i, p) {
+  const n = i.data.cityItems.default, t = d(!1), a = d(0), u = d(0), f = d(0), y = _(i), g = k(i), c = b(() => ({
+    "background-color": g.colorTheme.value[2]
   }));
   function m() {
     t.value = !t.value, a.value = 0;
   }
-  function y() {
+  function v() {
     const h = document.getElementById("provinceSelect");
     a.value = h.selectedIndex;
   }
-  function l() {
-    const h = document.getElementById("provinceSelect"), s = document.getElementById("citySelect");
-    c.value = h.selectedIndex, f.value = s.selectedIndex;
-    const i = document.getElementById("f-weather-24h-content");
-    i.style.marginLeft = "-32px", v.fetchData(c.value, f.value), t.value = !1, a.value = 0;
+  function s() {
+    const h = document.getElementById("provinceSelect"), l = document.getElementById("citySelect");
+    u.value = h.selectedIndex, f.value = l.selectedIndex;
+    const o = document.getElementById("f-weather-24h-content");
+    o.style.marginLeft = "-32px", y.fetchData(u.value, f.value), t.value = !1, a.value = 0;
   }
-  function p() {
+  function w() {
     return t.value ? e("div", {
       class: "f-weather-city-select"
     }, [e("select", {
       id: "provinceSelect",
-      onChange: y
+      onChange: v
     }, [n.map((h) => e("option", null, [h.province]))]), e("select", {
       id: "citySelect"
     }, [n[a.value].city.map((h) => e("option", null, [h]))]), e("button", {
       class: "f-weather-button f-weather-button-city",
-      style: u.value,
-      onClick: l
+      style: c.value,
+      onClick: s
     }, [I("确定")])]) : "";
   }
   function C() {
@@ -714,18 +783,18 @@ function U(o, b) {
       class: "f-weather-city"
     }, [e("span", {
       class: "f-weather-city-title"
-    }, [n[c.value].city[f.value] + "市"]), e("img", {
+    }, [n[u.value].city[f.value] + "市"]), e("img", {
       src: "/components/weather/src/image/choose.png",
       class: "f-weather-city-icon",
       onClick: m
-    }, null), p()]);
+    }, null), w()]);
   }
   return {
     renderWeatherCity: C
   };
 }
-function q(o, b) {
-  const n = d(o.data.data), t = D();
+function ue(i, p) {
+  const n = d(i.data.data), t = R();
   function a() {
     return e("div", null, [e("div", {
       id: "sunset",
@@ -748,12 +817,12 @@ function q(o, b) {
     renderWeatherSunset: a
   };
 }
-function V(o, b) {
-  const n = o.data.themeItems.default, t = d(o.theme), a = d(o.data.data), c = x(() => ({
+function de(i, p) {
+  const n = i.data.themeItems.default, t = d(i.theme), a = d(i.data.data), u = b(() => ({
     "animation-name": "icon",
     "animation-duration": "0.8s",
     "animation-iteration-count": "infinite"
-  })), f = x(() => a.value.default.air <= 50 ? "优" : a.value.default.air <= 100 ? "良" : a.value.default.air <= 150 ? "轻度污染" : a.value.default.air <= 200 ? "中度污染" : a.value.default.air <= 300 ? "重度污染" : "严重污染"), v = x(() => a.value.default.air > 300 ? {
+  })), f = b(() => a.value.default.air <= 50 ? "优" : a.value.default.air <= 100 ? "良" : a.value.default.air <= 150 ? "轻度污染" : a.value.default.air <= 200 ? "中度污染" : a.value.default.air <= 300 ? "重度污染" : "严重污染"), y = b(() => a.value.default.air > 300 ? {
     type: "smog",
     color: "red",
     title: "雾霾红色预警"
@@ -767,11 +836,11 @@ function V(o, b) {
     title: "雾霾黄色预警"
   } : (
     // 是否高温
-    Math.max(...a.value.default.dayItemsSet[0].map((l) => l.temp)) > 40 ? {
+    Math.max(...a.value.default.dayItemsSet[0].map((s) => s.temp)) > 40 ? {
       type: "highTemp",
       color: "red",
       title: "高温红色预警"
-    } : Math.max(...a.value.default.dayItemsSet[0].map((l) => l.temp)) > 37 ? {
+    } : Math.max(...a.value.default.dayItemsSet[0].map((s) => s.temp)) > 37 ? {
       type: "highTemp",
       color: "orange",
       title: "高温橙色预警"
@@ -781,44 +850,44 @@ function V(o, b) {
       title: "高温黄色预警"
     } : (
       // 是否低温
-      Math.max(...a.value.default.dayItemsSet[0].map((l) => l.temp)) <= 0 && a.value.default.dayItemsSet[0][0].temp > 16 ? {
+      Math.max(...a.value.default.dayItemsSet[0].map((s) => s.temp)) <= 0 && a.value.default.dayItemsSet[0][0].temp > 16 ? {
         type: "lowTemp",
         color: "red",
         title: "低温红色预警"
-      } : Math.max(...a.value.default.dayItemsSet[0].map((l) => l.temp)) <= 0 && a.value.default.dayItemsSet[0][0].temp > 12 ? {
+      } : Math.max(...a.value.default.dayItemsSet[0].map((s) => s.temp)) <= 0 && a.value.default.dayItemsSet[0][0].temp > 12 ? {
         type: "lowTemp",
         color: "orange",
         title: "低温橙色预警"
-      } : Math.max(...a.value.default.dayItemsSet[0].map((l) => l.temp)) <= 4 && a.value.default.dayItemsSet[0][0].temp > 14 ? {
+      } : Math.max(...a.value.default.dayItemsSet[0].map((s) => s.temp)) <= 4 && a.value.default.dayItemsSet[0][0].temp > 14 ? {
         type: "lowTemp",
         color: "yellow",
         title: "低温黄色预警"
       } : null
     )
   ));
-  function w() {
-    return v.value ? e("span", {
+  function g() {
+    return y.value ? e("span", {
       class: "f-weather-warning-container"
     }, [e("span", {
       class: "f-weather-warning"
     }, [e("img", {
-      src: "/components/weather/src/image/warningImage/" + (v.value.type + "-" + v.value.color) + ".png",
+      src: "/components/weather/src/image/warningImage/" + (y.value.type + "-" + y.value.color) + ".png",
       class: "f-weather-warning-icon",
-      style: v.value ? c.value : ""
+      style: y.value ? u.value : ""
     }, null), e("span", {
       class: "f-weather-warning-text"
-    }, [I(" "), v.value.title])])]) : "";
+    }, [I(" "), y.value.title])])]) : "";
   }
-  function u() {
+  function c() {
     return e("div", {
       class: "f-weather-information-text f-weather-advice-container"
-    }, [a.value.default.adviceItems.map((l) => n[t.value].adviceItems.includes(l.key) ? e("span", {
+    }, [a.value.default.adviceItems.map((s) => n[t.value].adviceItems.includes(s.key) ? e("span", {
       class: "f-weather-advice"
-    }, [e("span", null, [l.value.name, I("："), l.value.info]), n[t.value].adviceItems.indexOf(l.key) !== 2 ? e("span", {
+    }, [e("span", null, [s.value.name, I("："), s.value.info]), n[t.value].adviceItems.indexOf(s.key) !== 2 ? e("span", {
       class: "f-weather-advice-line"
     }, null) : "", e("span", {
       class: "f-weather-advice-text"
-    }, [l.value.detail])]) : "")]);
+    }, [s.value.detail])]) : "")]);
   }
   function m() {
     return e("div", {
@@ -827,7 +896,7 @@ function V(o, b) {
       class: "f-weather-air-title"
     }, [I("空气质量："), a.value.default.air + " - " + f.value]), e("div", {
       class: "f-weather-air-progress"
-    }, [e(A("f-progress"), {
+    }, [e(M("f-progress"), {
       percent: 100,
       enableBackgroundImg: !0,
       backgroundImg: "linear-gradient(90deg, #01C84C 0%, #F7FF01 26%, #FF0000 53%, #800080 78%, #A52A2A 100%)"
@@ -837,7 +906,7 @@ function V(o, b) {
       class: "f-weather-air-point"
     }, null)])]);
   }
-  function y() {
+  function v() {
     return e("div", {
       class: "f-weather-information-container"
     }, [e("div", {
@@ -850,30 +919,30 @@ function V(o, b) {
       class: "f-weather-weather"
     }, [a.value.default.weather])]), e("div", {
       class: "f-weather-information-row2"
-    }, [w()])]), e("div", {
+    }, [g()])]), e("div", {
       class: "f-weather-information-text f-weather-maxmin"
-    }, [a.value.default.min + "° ~ " + a.value.default.max + "°"]), u(), m()]);
+    }, [a.value.default.min + "° ~ " + a.value.default.max + "°"]), c(), m()]);
   }
   return {
-    renderWeatherInformation: y
+    renderWeatherInformation: v
   };
 }
-function z(o, b) {
+function me(i, p) {
   const n = d(!1), {
     renderWeatherDetail: t
-  } = Z(o), {
+  } = le(i), {
     renderWeatherCity: a
-  } = U(o), {
-    renderWeatherSunset: c
-  } = q(o), {
+  } = ce(i), {
+    renderWeatherSunset: u
+  } = ue(i), {
     renderWeatherInformation: f
-  } = V(o), v = x(() => ({
+  } = de(i), y = b(() => ({
     "border-bottom-left-radius": n.value ? "0px" : null,
     "border-bottom-right-radius": n.value ? "0px" : null
-  })), w = x(() => ({
+  })), g = b(() => ({
     display: n.value ? "block" : "none"
   }));
-  function u() {
+  function c() {
     n.value = !n.value;
   }
   function m() {
@@ -881,60 +950,82 @@ function z(o, b) {
       class: "f-weather-header"
     }, [a(), e("button", {
       class: "f-weather-button f-weather-button-detail",
-      onClick: u
+      onClick: c
     }, [n.value ? e("div", null, [I("隐藏详细信息")]) : e("div", null, [I("显示详细信息")])])]);
   }
-  function y() {
+  function v() {
     return e("div", null, [e("div", {
       class: "f-weather-container",
-      style: v.value
-    }, [m(), c(), f()]), e("div", {
-      style: w.value
+      style: y.value
+    }, [m(), u(), f()]), e("div", {
+      style: g.value
     }, [t()])]);
   }
   return {
-    renderWeatherHome: y
+    renderWeatherHome: v
   };
 }
-const W = /* @__PURE__ */ j({
+const T = /* @__PURE__ */ E({
   name: "FWeather",
   components: {
-    "f-progress": P
+    "f-progress": A
   },
-  props: M,
+  props: B,
   emits: [],
-  setup(o, b) {
-    const n = d(), t = d(o.data.data), a = T(o), c = k(o), f = E(o), {
-      renderWeatherHome: v
-    } = z(o), w = x(() => ({
+  setup(i, p) {
+    const n = d(), t = d(i.data.data), a = k(i), u = W(i), f = _(i), {
+      renderWeatherHome: y
+    } = me(i), g = b(() => ({
       "background-image": "linear-gradient(132deg, " + a.colorTheme.value[0] + " 0%, " + a.colorTheme.value[1] + " 100%)"
     }));
-    function u() {
-      const m = n.value.getBoundingClientRect().width, y = document.getElementById("airPoint"), l = Math.max(n.value.getBoundingClientRect().width, 400);
-      y && (y.style.marginLeft = t.value.default.air / 500 * (l - 50) - 5 + "px");
-      const p = document.getElementById("f-weather-24h-content");
-      if (p) {
-        const C = p.scrollWidth - m - 130;
-        p.offsetLeft < -C && (p.style.marginLeft = "-" + Math.max(C, 32) + "px");
+    function c() {
+      const m = n.value.getBoundingClientRect().width, v = document.getElementById("airPoint"), s = Math.max(n.value.getBoundingClientRect().width, 400);
+      v && (v.style.marginLeft = t.value.default.air / 500 * (s - 50) - 5 + "px");
+      const w = document.getElementById("f-weather-24h-content");
+      if (w) {
+        const C = w.scrollWidth - m - 130;
+        w.offsetLeft < -C && (w.style.marginLeft = "-" + Math.max(C, 32) + "px");
       }
-      c.renderChart7d();
+      u.renderChart7d();
     }
-    return _(() => {
-      O(n.value, u), f.fetchData(0, 0);
+    return j(() => {
+      L(n.value, c), f.fetchData(0, 0);
     }), () => e("div", {
       ref: n,
       id: "background",
       class: "f-weather-background",
-      style: w.value
-    }, [v()]);
+      style: g.value
+    }, [y()]);
+  }
+}), fe = /* @__PURE__ */ E({
+  name: "FWeatherDesign",
+  components: {
+    "f-progress": A
+  },
+  props: B,
+  emits: [],
+  setup(i, p) {
+    const n = d(), t = P("design-item-context"), a = Z(n, t);
+    return j(() => {
+      n.value.componentInstance = a;
+    }), p.expose(a.value), () => e(T, {
+      ref: n
+    }, null);
   }
-}), Y = {
-  install(o) {
-    o.component(W.name, W);
+}), be = {
+  install(i) {
+    i.component(T.name, T);
+  },
+  register(i, p, n, t) {
+    i.weather = T, p.weather = F;
+  },
+  registerDesigner(i, p, n) {
+    i.weather = fe, p.weather = F;
   }
 };
 export {
-  W as Weather,
-  Y as default,
-  M as weatherProps
+  T as Weather,
+  be as default,
+  F as propsResolver,
+  B as weatherProps
 };