@easyops-cn/a2ui-react 0.0.3 → 0.0.4

package/dist/0.8/components/display/AudioPlayerComponent.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { memo as m } from "react";
-import { useDataBinding as n } from "../../hooks/useDataBinding.js";
-import { cn as a } from "../../../lib/utils.js";
+import { useDataBinding as n } from "@/0.8/hooks/useDataBinding";
+import { cn as a } from "@/lib/utils";
 const u = m(function({
   surfaceId: o,
   url: i,

package/dist/0.8/components/display/DividerComponent.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { memo as t } from "react";
-import { Separator as e } from "../../../components/ui/separator.js";
+import { Separator as e } from "@/components/ui/separator";
 const i = t(function({
   axis: o = "horizontal"
 }) {

package/dist/0.8/components/display/IconComponent.js

@@ -1,114 +1,68 @@
-import { jsx as e } from "react/jsx-runtime";
-import { memo as f } from "react";
-import { useDataBinding as p } from "../../hooks/useDataBinding.js";
-import { cn as a } from "../../../lib/utils.js";
-import n from "../../../node_modules/lucide-react/dist/esm/icons/triangle-alert.js";
-import l from "../../../node_modules/lucide-react/dist/esm/icons/eye-off.js";
-import c from "../../../node_modules/lucide-react/dist/esm/icons/eye.js";
-import s from "../../../node_modules/lucide-react/dist/esm/icons/upload.js";
-import d from "../../../node_modules/lucide-react/dist/esm/icons/star-off.js";
-import h from "../../../node_modules/lucide-react/dist/esm/icons/star-half.js";
-import C from "../../../node_modules/lucide-react/dist/esm/icons/star.js";
-import u from "../../../node_modules/lucide-react/dist/esm/icons/shopping-cart.js";
-import w from "../../../node_modules/lucide-react/dist/esm/icons/share-2.js";
-import O from "../../../node_modules/lucide-react/dist/esm/icons/settings.js";
-import g from "../../../node_modules/lucide-react/dist/esm/icons/send.js";
-import k from "../../../node_modules/lucide-react/dist/esm/icons/search.js";
-import y from "../../../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
-import I from "../../../node_modules/lucide-react/dist/esm/icons/printer.js";
-import S from "../../../node_modules/lucide-react/dist/esm/icons/image.js";
-import m from "../../../node_modules/lucide-react/dist/esm/icons/phone.js";
-import A from "../../../node_modules/lucide-react/dist/esm/icons/user.js";
-import H from "../../../node_modules/lucide-react/dist/esm/icons/credit-card.js";
-import P from "../../../node_modules/lucide-react/dist/esm/icons/bell.js";
-import U from "../../../node_modules/lucide-react/dist/esm/icons/bell-off.js";
-import v from "../../../node_modules/lucide-react/dist/esm/icons/ellipsis.js";
-import M from "../../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.js";
-import B from "../../../node_modules/lucide-react/dist/esm/icons/menu.js";
-import E from "../../../node_modules/lucide-react/dist/esm/icons/mail.js";
-import D from "../../../node_modules/lucide-react/dist/esm/icons/lock-open.js";
-import F from "../../../node_modules/lucide-react/dist/esm/icons/lock.js";
-import L from "../../../node_modules/lucide-react/dist/esm/icons/map-pin.js";
-import N from "../../../node_modules/lucide-react/dist/esm/icons/info.js";
-import T from "../../../node_modules/lucide-react/dist/esm/icons/house.js";
-import b from "../../../node_modules/lucide-react/dist/esm/icons/circle-question-mark.js";
-import x from "../../../node_modules/lucide-react/dist/esm/icons/folder.js";
-import R from "../../../node_modules/lucide-react/dist/esm/icons/heart-off.js";
-import V from "../../../node_modules/lucide-react/dist/esm/icons/heart.js";
-import j from "../../../node_modules/lucide-react/dist/esm/icons/circle-alert.js";
-import z from "../../../node_modules/lucide-react/dist/esm/icons/calendar-days.js";
-import Q from "../../../node_modules/lucide-react/dist/esm/icons/pencil.js";
-import X from "../../../node_modules/lucide-react/dist/esm/icons/download.js";
-import $ from "../../../node_modules/lucide-react/dist/esm/icons/trash-2.js";
-import q from "../../../node_modules/lucide-react/dist/esm/icons/x.js";
-import G from "../../../node_modules/lucide-react/dist/esm/icons/check.js";
-import J from "../../../node_modules/lucide-react/dist/esm/icons/camera.js";
-import K from "../../../node_modules/lucide-react/dist/esm/icons/calendar.js";
-import W from "../../../node_modules/lucide-react/dist/esm/icons/paperclip.js";
-import Y from "../../../node_modules/lucide-react/dist/esm/icons/arrow-right.js";
-import Z from "../../../node_modules/lucide-react/dist/esm/icons/arrow-left.js";
-import _ from "../../../node_modules/lucide-react/dist/esm/icons/plus.js";
-import rr from "../../../node_modules/lucide-react/dist/esm/icons/circle-user.js";
-const or = {
-  accountCircle: rr,
-  add: _,
-  arrowBack: Z,
-  arrowForward: Y,
-  attachFile: W,
+import { jsx as t } from "react/jsx-runtime";
+import { memo as i } from "react";
+import { useDataBinding as l } from "@/0.8/hooks/useDataBinding";
+import { AlertTriangle as c, EyeOff as f, Eye as s, Upload as m, StarOff as p, StarHalf as d, Star as h, ShoppingCart as C, Share2 as u, Settings as w, Send as O, Search as g, RefreshCw as k, Printer as y, Image as H, Phone as o, User as I, CreditCard as S, Bell as U, BellOff as A, MoreHorizontal as M, MoreVertical as P, Menu as v, Mail as B, Unlock as D, Lock as F, MapPin as N, Info as T, Home as b, HelpCircle as x, Folder as z, HeartOff as E, Heart as L, AlertCircle as R, CalendarDays as V, Pencil as j, Download as X, Trash2 as $, X as q, Check as G, Camera as J, Calendar as K, Paperclip as Q, ArrowRight as W, ArrowLeft as Y, Plus as Z, UserCircle as _ } from "lucide-react";
+import { cn as ee } from "@/lib/utils";
+const re = {
+  accountCircle: _,
+  add: Z,
+  arrowBack: Y,
+  arrowForward: W,
+  attachFile: Q,
   calendarToday: K,
-  call: m,
+  call: o,
   camera: J,
   check: G,
   close: q,
   delete: $,
   download: X,
-  edit: Q,
-  event: z,
-  error: j,
-  favorite: V,
-  favoriteOff: R,
-  folder: x,
-  help: b,
-  home: T,
-  info: N,
-  locationOn: L,
+  edit: j,
+  event: V,
+  error: R,
+  favorite: L,
+  favoriteOff: E,
+  folder: z,
+  help: x,
+  home: b,
+  info: T,
+  locationOn: N,
   lock: F,
   lockOpen: D,
-  mail: E,
-  menu: B,
-  moreVert: M,
-  moreHoriz: v,
-  notificationsOff: U,
-  notifications: P,
-  payment: H,
-  person: A,
-  phone: m,
-  photo: S,
-  print: I,
-  refresh: y,
-  search: k,
-  send: g,
-  settings: O,
-  share: w,
-  shoppingCart: u,
-  star: C,
-  starHalf: h,
-  starOff: d,
-  upload: s,
-  visibility: c,
-  visibilityOff: l,
-  warning: n
-}, mr = f(function({
-  surfaceId: i,
-  name: t
+  mail: B,
+  menu: v,
+  moreVert: P,
+  moreHoriz: M,
+  notificationsOff: A,
+  notifications: U,
+  payment: S,
+  person: I,
+  phone: o,
+  photo: H,
+  print: y,
+  refresh: k,
+  search: g,
+  send: O,
+  settings: w,
+  share: u,
+  shoppingCart: C,
+  star: h,
+  starHalf: d,
+  starOff: p,
+  upload: m,
+  visibility: s,
+  visibilityOff: f,
+  warning: c
+}, oe = i(function({
+  surfaceId: a,
+  name: n
 }) {
-  const r = p(i, t, "");
-  if (!r)
+  const e = l(a, n, "");
+  if (!e)
     return null;
-  const o = or[r];
-  return o ? /* @__PURE__ */ e(o, { className: a("w-5 h-5") }) : (console.warn(`A2UI: Unknown icon name: ${r}`), null);
+  const r = re[e];
+  return r ? /* @__PURE__ */ t(r, { className: ee("w-5 h-5") }) : (console.warn(`A2UI: Unknown icon name: ${e}`), null);
 });
-mr.displayName = "A2UI.Icon";
+oe.displayName = "A2UI.Icon";
 export {
-  mr as IconComponent
+  oe as IconComponent
 };

package/dist/0.8/components/display/ImageComponent.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { memo as m } from "react";
-import { useDataBinding as i } from "../../hooks/useDataBinding.js";
-import { cn as s } from "../../../lib/utils.js";
+import { useDataBinding as i } from "@/0.8/hooks/useDataBinding";
+import { cn as s } from "@/lib/utils";
 const t = {
   contain: "object-contain",
   cover: "object-cover",

package/dist/0.8/components/display/TextComponent.js

@@ -1,7 +1,7 @@
 import { jsx as h } from "react/jsx-runtime";
 import { memo as x } from "react";
-import { useDataBinding as l } from "../../hooks/useDataBinding.js";
-import { cn as r } from "../../../lib/utils.js";
+import { useDataBinding as l } from "@/0.8/hooks/useDataBinding";
+import { cn as r } from "@/lib/utils";
 const o = {
   h1: "text-3xl font-bold tracking-tight",
   h2: "text-2xl font-semibold tracking-tight",

package/dist/0.8/components/display/VideoComponent.js

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as n } from "react/jsx-runtime";
 import { memo as i } from "react";
-import { useDataBinding as s } from "../../hooks/useDataBinding.js";
-import { cn as m } from "../../../lib/utils.js";
+import { useDataBinding as s } from "@/0.8/hooks/useDataBinding";
+import { cn as m } from "@/lib/utils";
 const d = i(function({
   surfaceId: r,
   url: e

package/dist/0.8/components/interactive/ButtonComponent.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import { memo as p, useCallback as s } from "react";
-import { useDispatchAction as c } from "../../hooks/useDispatchAction.js";
-import { Button as u } from "../../../components/ui/button.js";
+import { useDispatchAction as c } from "@/0.8/hooks/useDispatchAction";
+import { Button as u } from "@/components/ui/button";
 import { ComponentRenderer as a } from "../ComponentRenderer.js";
 const f = p(function({
   surfaceId: t,

package/dist/0.8/components/interactive/CheckBoxComponent.js

@@ -1,9 +1,9 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { memo as p, useCallback as C } from "react";
-import { useDataBinding as d, useFormBinding as x } from "../../hooks/useDataBinding.js";
-import { Checkbox as k } from "../../../components/ui/checkbox.js";
-import { Label as f } from "../../../components/ui/label.js";
-import { cn as b } from "../../../lib/utils.js";
+import { useDataBinding as d, useFormBinding as x } from "@/0.8/hooks/useDataBinding";
+import { Checkbox as k } from "@/components/ui/checkbox";
+import { Label as f } from "@/components/ui/label";
+import { cn as b } from "@/lib/utils";
 const g = p(function({
   surfaceId: e,
   componentId: m,

package/dist/0.8/components/interactive/DateTimeInputComponent.js

@@ -1,100 +1,98 @@
-import { jsx as m, jsxs as c } from "react/jsx-runtime";
+import { jsx as i, jsxs as f } from "react/jsx-runtime";
 import { memo as V, useMemo as l, useCallback as M } from "react";
-import { useFormBinding as j } from "../../hooks/useDataBinding.js";
-import { cn as p } from "../../../lib/utils.js";
-import { Button as P } from "../../../components/ui/button.js";
-import { Calendar as B } from "../../../components/ui/calendar.js";
-import { Popover as F, PopoverTrigger as S, PopoverContent as $ } from "../../../components/ui/popover.js";
-import { Input as g } from "../../../components/ui/input.js";
-import { parse as a } from "../../../node_modules/date-fns/parse.js";
-import { isValid as k } from "../../../node_modules/date-fns/isValid.js";
-import A from "../../../node_modules/lucide-react/dist/esm/icons/calendar.js";
-import { formatDate as i } from "../../../node_modules/date-fns/format.js";
-const L = V(function({
+import { CalendarIcon as j } from "lucide-react";
+import { parse as p, isValid as P, format as m } from "date-fns";
+import { useFormBinding as B } from "@/0.8/hooks/useDataBinding";
+import { cn as y } from "@/lib/utils";
+import { Button as F } from "@/components/ui/button";
+import { Calendar as S } from "@/components/ui/calendar";
+import { Popover as k, PopoverTrigger as A, PopoverContent as L } from "@/components/ui/popover";
+import { Input as g } from "@/components/ui/input";
+const U = V(function({
   surfaceId: v,
   componentId: w,
   value: x,
   enableDate: o = !0,
   enableTime: t = !1
 }) {
-  const [n, e] = j(v, x, ""), r = l(() => {
+  const [n, e] = B(v, x, ""), r = l(() => {
     if (!n) return;
     let s;
-    return o && t ? s = a(n, "yyyy-MM-dd'T'HH:mm", /* @__PURE__ */ new Date()) : o ? s = a(n, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : t && (s = a(n, "HH:mm", /* @__PURE__ */ new Date())), s && k(s) ? s : void 0;
-  }, [n, o, t]), C = l(() => !r || !t ? "" : i(r, "HH:mm"), [r, t]), N = M(
+    return o && t ? s = p(n, "yyyy-MM-dd'T'HH:mm", /* @__PURE__ */ new Date()) : o ? s = p(n, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : t && (s = p(n, "HH:mm", /* @__PURE__ */ new Date())), s && P(s) ? s : void 0;
+  }, [n, o, t]), N = l(() => !r || !t ? "" : m(r, "HH:mm"), [r, t]), C = M(
     (s) => {
       if (!s) {
         e("");
         return;
       }
       if (o && t) {
-        const u = r ? i(r, "HH:mm") : "00:00", [d, f] = u.split(":").map(Number);
-        s.setHours(d, f), e(i(s, "yyyy-MM-dd'T'HH:mm"));
+        const u = r ? m(r, "HH:mm") : "00:00", [d, c] = u.split(":").map(Number);
+        s.setHours(d, c), e(m(s, "yyyy-MM-dd'T'HH:mm"));
       } else
-        e(i(s, "yyyy-MM-dd"));
+        e(m(s, "yyyy-MM-dd"));
     },
     [e, o, t, r]
-  ), y = M(
+  ), a = M(
     (s) => {
       const u = s.target.value;
       if (!u) return;
-      const [d, f] = u.split(":").map(Number);
+      const [d, c] = u.split(":").map(Number);
       if (o && t) {
         const h = r || /* @__PURE__ */ new Date();
-        h.setHours(d, f), e(i(h, "yyyy-MM-dd'T'HH:mm"));
+        h.setHours(d, c), e(m(h, "yyyy-MM-dd'T'HH:mm"));
       } else t && !o && e(u);
     },
     [e, o, t, r]
-  ), I = l(() => r ? o && t ? i(r, "yyyy-MM-dd HH:mm") : o ? i(r, "yyyy-MM-dd") : i(r, "HH:mm") : o && t ? "选择日期和时间" : o ? "选择日期" : "选择时间", [r, o, t]), H = `datetime-${w}`;
-  return t && !o ? /* @__PURE__ */ m("div", { className: p("flex flex-col gap-2"), children: /* @__PURE__ */ m(
+  ), I = l(() => r ? o && t ? m(r, "yyyy-MM-dd HH:mm") : o ? m(r, "yyyy-MM-dd") : m(r, "HH:mm") : o && t ? "选择日期和时间" : o ? "选择日期" : "选择时间", [r, o, t]), H = `datetime-${w}`;
+  return t && !o ? /* @__PURE__ */ i("div", { className: y("flex flex-col gap-2"), children: /* @__PURE__ */ i(
     g,
     {
       id: H,
       type: "time",
       value: n,
-      onChange: y,
+      onChange: a,
       className: "w-full"
     }
-  ) }) : /* @__PURE__ */ m("div", { className: p("flex flex-col gap-2"), children: /* @__PURE__ */ c(F, { children: [
-    /* @__PURE__ */ m(S, { asChild: !0, children: /* @__PURE__ */ c(
-      P,
+  ) }) : /* @__PURE__ */ i("div", { className: y("flex flex-col gap-2"), children: /* @__PURE__ */ f(k, { children: [
+    /* @__PURE__ */ i(A, { asChild: !0, children: /* @__PURE__ */ f(
+      F,
       {
         id: H,
         variant: "outline",
-        className: p(
+        className: y(
           "w-full justify-start text-left font-normal",
           !r && "text-muted-foreground"
         ),
         children: [
-          /* @__PURE__ */ m(A, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ i(j, { className: "mr-2 h-4 w-4" }),
           I
         ]
       }
     ) }),
-    /* @__PURE__ */ c($, { className: "w-auto p-0", align: "start", children: [
-      /* @__PURE__ */ m(
-        B,
+    /* @__PURE__ */ f(L, { className: "w-auto p-0", align: "start", children: [
+      /* @__PURE__ */ i(
+        S,
         {
           mode: "single",
           selected: r,
-          onSelect: N,
+          onSelect: C,
           captionLayout: "dropdown",
           initialFocus: !0
         }
       ),
-      t && /* @__PURE__ */ m("div", { className: "border-t p-3", children: /* @__PURE__ */ m(
+      t && /* @__PURE__ */ i("div", { className: "border-t p-3", children: /* @__PURE__ */ i(
         g,
         {
           type: "time",
-          value: C,
-          onChange: y,
+          value: N,
+          onChange: a,
           className: "w-full"
         }
       ) })
     ] })
   ] }) });
 });
-L.displayName = "A2UI.DateTimeInput";
+U.displayName = "A2UI.DateTimeInput";
 export {
-  L as DateTimeInputComponent
+  U as DateTimeInputComponent
 };

package/dist/0.8/components/interactive/MultipleChoiceComponent.js

@@ -1,10 +1,10 @@
 import { jsx as r, jsxs as g, Fragment as M } from "react/jsx-runtime";
 import { memo as N, useCallback as p } from "react";
-import { useFormBinding as V, useDataBinding as S } from "../../hooks/useDataBinding.js";
-import { Select as F, SelectTrigger as $, SelectValue as j, SelectContent as B, SelectItem as D } from "../../../components/ui/select.js";
-import { Checkbox as L } from "../../../components/ui/checkbox.js";
-import { Label as T } from "../../../components/ui/label.js";
-import { cn as h } from "../../../lib/utils.js";
+import { useFormBinding as V, useDataBinding as S } from "@/0.8/hooks/useDataBinding";
+import { Select as F, SelectTrigger as $, SelectValue as j, SelectContent as B, SelectItem as D } from "@/components/ui/select";
+import { Checkbox as L } from "@/components/ui/checkbox";
+import { Label as T } from "@/components/ui/label";
+import { cn as h } from "@/lib/utils";
 const A = N(function({
   surfaceId: a,
   componentId: o,

package/dist/0.8/components/interactive/SliderComponent.js

@@ -1,8 +1,8 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { memo as a, useCallback as c } from "react";
-import { useFormBinding as p } from "../../hooks/useDataBinding.js";
-import { Slider as f } from "../../../components/ui/slider.js";
-import { cn as h } from "../../../lib/utils.js";
+import { useFormBinding as p } from "@/0.8/hooks/useDataBinding";
+import { Slider as f } from "@/components/ui/slider";
+import { cn as h } from "@/lib/utils";
 const u = a(function({
   surfaceId: m,
   value: s,

package/dist/0.8/components/interactive/TextFieldComponent.js

@@ -1,10 +1,10 @@
 import { jsxs as u, jsx as t } from "react/jsx-runtime";
 import { memo as T, useCallback as f } from "react";
-import { useDataBinding as g, useFormBinding as h } from "../../hooks/useDataBinding.js";
-import { Input as b } from "../../../components/ui/input.js";
-import { Textarea as C } from "../../../components/ui/textarea.js";
-import { Label as F } from "../../../components/ui/label.js";
-import { cn as v } from "../../../lib/utils.js";
+import { useDataBinding as g, useFormBinding as h } from "@/0.8/hooks/useDataBinding";
+import { Input as b } from "@/components/ui/input";
+import { Textarea as C } from "@/components/ui/textarea";
+import { Label as F } from "@/components/ui/label";
+import { cn as v } from "@/lib/utils";
 const y = {
   shortText: "text",
   longText: "text",

package/dist/0.8/components/layout/CardComponent.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { memo as m } from "react";
-import { Card as n, CardContent as t } from "../../../components/ui/card.js";
+import { Card as n, CardContent as t } from "@/components/ui/card";
 import { ComponentRenderer as p } from "../ComponentRenderer.js";
 const a = m(function({
   surfaceId: e,

package/dist/0.8/components/layout/ColumnComponent.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { memo as u } from "react";
-import { useDataModel as d } from "../../hooks/useDataBinding.js";
-import { cn as y } from "../../../lib/utils.js";
-import { getValueByPath as j } from "../../utils/pathUtils.js";
+import { useDataModel as d } from "@/0.8/hooks/useDataBinding";
+import { cn as y } from "@/lib/utils";
+import { getValueByPath as j } from "@/0.8/utils/pathUtils";
 import { ComponentRenderer as r } from "../ComponentRenderer.js";
 const v = {
   start: "justify-start",

package/dist/0.8/components/layout/ListComponent.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { memo as d } from "react";
-import { useDataModel as x } from "../../hooks/useDataBinding.js";
-import { cn as u } from "../../../lib/utils.js";
-import { getValueByPath as v } from "../../utils/pathUtils.js";
+import { useDataModel as x } from "@/0.8/hooks/useDataBinding";
+import { cn as u } from "@/lib/utils";
+import { getValueByPath as v } from "@/0.8/utils/pathUtils";
 import { ComponentRenderer as r } from "../ComponentRenderer.js";
 const L = {
   start: "items-start",

package/dist/0.8/components/layout/ModalComponent.js

@@ -1,6 +1,6 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import { memo as l, useState as a } from "react";
-import { Dialog as s, DialogTrigger as d, DialogContent as c } from "../../../components/ui/dialog.js";
+import { Dialog as s, DialogTrigger as d, DialogContent as c } from "@/components/ui/dialog";
 import { ComponentRenderer as t } from "../ComponentRenderer.js";
 const f = l(function({
   surfaceId: e,

package/dist/0.8/components/layout/RowComponent.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { memo as l } from "react";
-import { useDataModel as u } from "../../hooks/useDataBinding.js";
-import { cn as y } from "../../../lib/utils.js";
-import { getValueByPath as j } from "../../utils/pathUtils.js";
+import { useDataModel as u } from "@/0.8/hooks/useDataBinding";
+import { cn as y } from "@/lib/utils";
+import { getValueByPath as j } from "@/0.8/utils/pathUtils";
 import { ComponentRenderer as r } from "../ComponentRenderer.js";
 const v = {
   start: "justify-start",

package/dist/0.8/components/layout/TabsComponent.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as o, Fragment as c } from "react/jsx-runtime";
 import { memo as d } from "react";
-import { useDataBinding as m } from "../../hooks/useDataBinding.js";
-import { Tabs as p, TabsList as s, TabsTrigger as T, TabsContent as h } from "../../../components/ui/tabs.js";
+import { useDataBinding as m } from "@/0.8/hooks/useDataBinding";
+import { Tabs as p, TabsList as s, TabsTrigger as T, TabsContent as h } from "@/components/ui/tabs";
 import { ComponentRenderer as u } from "../ComponentRenderer.js";
 const f = d(function({
   surfaceId: r,

package/dist/0.8/hooks/useDataBinding.js

@@ -1,28 +1,23 @@
-import { useMemo as i } from "react";
-import { useDataModelContext as l } from "../contexts/DataModelContext.js";
-import { resolveValue as m } from "../utils/dataBinding.js";
+import { useMemo as r } from "react";
+import { useDataModelContext as m } from "../contexts/DataModelContext.js";
+import { resolveValue as l } from "../utils/dataBinding.js";
 function s(n, t, o) {
-  const { getDataModel: e } = l();
-  return i(() => {
+  const { getDataModel: e } = m();
+  return r(() => {
     const a = e(n);
-    return m(t, a, o);
+    return l(t, a, o);
   }, [e, n, t, o]);
 }
-function u(n) {
-  const { getDataModel: t } = l();
-  return i(() => t(n), [t, n]);
-}
 function h(n, t, o) {
-  const { getDataModel: e, setDataValue: a } = l(), M = i(() => {
-    const r = e(n);
-    return m(t, r, o);
-  }, [e, n, t, o]), D = i(() => (r) => {
-    t && "path" in t && a(n, t.path, r);
+  const { getDataModel: e, setDataValue: a } = m(), p = r(() => {
+    const i = e(n);
+    return l(t, i, o);
+  }, [e, n, t, o]), M = r(() => (i) => {
+    t && "path" in t && a(n, t.path, i);
   }, [a, n, t]);
-  return [M, D];
+  return [p, M];
 }
 export {
   s as useDataBinding,
-  u as useDataModel,
   h as useFormBinding
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyops-cn/a2ui-react",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "A2UI React Renderer",
   "homepage": "https://easyops-cn.github.io/a2ui-react/",
   "repository": {

package/dist/components/ui/button.js

@@ -1,53 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Root as a } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { cva as s } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as d } from "../../lib/utils.js";
-const u = s(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function b({
-  className: t,
-  variant: e = "default",
-  size: r = "default",
-  asChild: i = !1,
-  ...n
-}) {
-  return /* @__PURE__ */ o(
-    i ? a : "button",
-    {
-      "data-slot": "button",
-      "data-variant": e,
-      "data-size": r,
-      className: d(u({ variant: e, size: r, className: t })),
-      ...n
-    }
-  );
-}
-export {
-  b as Button,
-  u as buttonVariants
-};