@geekron/strapi 0.3.0 → 0.3.2

package/dist/admin/index.js

@@ -19307,7 +19307,7 @@ var init_ApiErrorAlert = __esm(() => {
 });
 
 // admin/src/components/DashboardStats.tsx
-var import_design_system10, import_admin7, import_react11, jsx_dev_runtime28, DashboardStats = ({
+var import_design_system10, import_admin7, import_react12, jsx_dev_runtime28, DashboardStats = ({
   showLoading = true,
   data: externalData,
   onError,
@@ -19315,15 +19315,15 @@ var import_design_system10, import_admin7, import_react11, jsx_dev_runtime28, Da
 }) => {
   const fetchClient = import_admin7.useFetchClient();
   const { toggleNotification } = import_admin7.useNotification();
-  const [isLoading, setIsLoading] = import_react11.useState(!externalData);
-  const [error, setError] = import_react11.useState(null);
-  const [stats, setStats] = import_react11.useState(externalData || {
+  const [isLoading, setIsLoading] = import_react12.useState(!externalData);
+  const [error, setError] = import_react12.useState(null);
+  const [stats, setStats] = import_react12.useState(externalData || {
     totalVisitor: 0,
     todayVisitor: 0,
     totalInquiry: 0,
     unreadInquiry: 0
   });
-  import_react11.useEffect(() => {
+  import_react12.useEffect(() => {
     if (externalData) {
       setStats(externalData);
       setIsLoading(false);
@@ -19352,7 +19352,7 @@ var import_design_system10, import_admin7, import_react11, jsx_dev_runtime28, Da
     };
     fetchStats();
   }, [externalData, fetchClient, toggleNotification, onError, onLoaded]);
-  import_react11.useEffect(() => {
+  import_react12.useEffect(() => {
     if (externalData) {
       setStats(externalData);
     }
@@ -19481,7 +19481,7 @@ var init_DashboardStats = __esm(() => {
   init_ApiErrorAlert();
   import_design_system10 = require("@strapi/design-system");
   import_admin7 = require("@strapi/strapi/admin");
-  import_react11 = require("react");
+  import_react12 = require("react");
   jsx_dev_runtime28 = require("react/jsx-dev-runtime");
   DashboardStats_default = DashboardStats;
 });
@@ -19538,19 +19538,19 @@ var init_Dashboard = __esm(() => {
 });
 
 // admin/src/pages/Inquiry.tsx
-var import_design_system13, import_icons14, import_symbols, import_admin10, import_react13, import_react_router_dom, jsx_dev_runtime31, Inquiry = () => {
+var import_design_system13, import_icons14, import_symbols, import_admin10, import_react14, import_react_router_dom, jsx_dev_runtime31, Inquiry = () => {
   const navigate = import_react_router_dom.useNavigate();
   const fetchClient = import_admin10.useFetchClient();
   const { toggleNotification } = import_admin10.useNotification();
-  const [isLoading, setIsLoading] = import_react13.useState(true);
-  const [error, setError] = import_react13.useState(null);
-  const [data, setData] = import_react13.useState([]);
-  const [pagination, setPagination] = import_react13.useState({
+  const [isLoading, setIsLoading] = import_react14.useState(true);
+  const [error, setError] = import_react14.useState(null);
+  const [data, setData] = import_react14.useState([]);
+  const [pagination, setPagination] = import_react14.useState({
     page: 1,
     pageSize: 10,
     total: 0
   });
-  const fetchInquiries = import_react13.useCallback(async (page = 1, pageSize = 10) => {
+  const fetchInquiries = import_react14.useCallback(async (page = 1, pageSize = 10) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -19581,10 +19581,10 @@ var import_design_system13, import_icons14, import_symbols, import_admin10, impo
       setIsLoading(false);
     }
   }, [fetchClient.get, toggleNotification]);
-  import_react13.useEffect(() => {
+  import_react14.useEffect(() => {
     fetchInquiries(pagination.page, pagination.pageSize);
   }, [fetchInquiries, pagination.page, pagination.pageSize]);
-  import_react13.useEffect(() => {
+  import_react14.useEffect(() => {
     const handleVisibilityChange = () => {
       if (document.visibilityState === "visible") {
         fetchInquiries(pagination.page, pagination.pageSize);
@@ -19754,22 +19754,22 @@ var init_Inquiry = __esm(() => {
   import_icons14 = require("@strapi/icons");
   import_symbols = require("@strapi/icons/symbols");
   import_admin10 = require("@strapi/strapi/admin");
-  import_react13 = require("react");
+  import_react14 = require("react");
   import_react_router_dom = require("react-router-dom");
   jsx_dev_runtime31 = require("react/jsx-dev-runtime");
   Inquiry_default = Inquiry;
 });
 
 // admin/src/pages/InquiryDetail.tsx
-var import_design_system14, import_admin11, import_react14, import_react_router_dom2, import_styled_components15, jsx_dev_runtime32, DetailTable, InquiryDetail = () => {
+var import_design_system14, import_admin11, import_react15, import_react_router_dom2, import_styled_components15, jsx_dev_runtime32, DetailTable, InquiryDetail = () => {
   const { id } = import_react_router_dom2.useParams();
   const navigate = import_react_router_dom2.useNavigate();
   const fetchClient = import_admin11.useFetchClient();
   const { toggleNotification } = import_admin11.useNotification();
-  const [isLoading, setIsLoading] = import_react14.useState(true);
-  const [isMarking, setIsMarking] = import_react14.useState(false);
-  const [data, setData] = import_react14.useState(null);
-  import_react14.useEffect(() => {
+  const [isLoading, setIsLoading] = import_react15.useState(true);
+  const [isMarking, setIsMarking] = import_react15.useState(false);
+  const [data, setData] = import_react15.useState(null);
+  import_react15.useEffect(() => {
     const fetchDetail = async () => {
       if (!id) {
         toggleNotification({
@@ -20051,7 +20051,7 @@ var import_design_system14, import_admin11, import_react14, import_react_router_
 var init_InquiryDetail = __esm(() => {
   import_design_system14 = require("@strapi/design-system");
   import_admin11 = require("@strapi/strapi/admin");
-  import_react14 = require("react");
+  import_react15 = require("react");
   import_react_router_dom2 = require("react-router-dom");
   import_styled_components15 = __toESM(require("styled-components"));
   jsx_dev_runtime32 = require("react/jsx-dev-runtime");
@@ -20098,19 +20098,19 @@ var init_InquiryDetail = __esm(() => {
 });
 
 // admin/src/pages/Visitor.tsx
-var import_design_system15, import_symbols2, import_admin12, import_react15, jsx_dev_runtime33, Visitor = () => {
+var import_design_system15, import_symbols2, import_admin12, import_react16, jsx_dev_runtime33, Visitor = () => {
   const fetchClient = import_admin12.useFetchClient();
   const { toggleNotification } = import_admin12.useNotification();
-  const [isLoading, setIsLoading] = import_react15.useState(true);
-  const [error, setError] = import_react15.useState(null);
-  const [activeTab, setActiveTab] = import_react15.useState("dailyStats");
-  const [data, setData] = import_react15.useState([]);
-  const [pagination, setPagination] = import_react15.useState({
+  const [isLoading, setIsLoading] = import_react16.useState(true);
+  const [error, setError] = import_react16.useState(null);
+  const [activeTab, setActiveTab] = import_react16.useState("dailyStats");
+  const [data, setData] = import_react16.useState([]);
+  const [pagination, setPagination] = import_react16.useState({
     page: 1,
     pageSize: 10,
     total: 0
   });
-  const fetchVisitorData = import_react15.useCallback(async (tab, page = 1, pageSize = 10) => {
+  const fetchVisitorData = import_react16.useCallback(async (tab, page = 1, pageSize = 10) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -20157,7 +20157,7 @@ var import_design_system15, import_symbols2, import_admin12, import_react15, jsx
       setIsLoading(false);
     }
   }, [fetchClient.get, toggleNotification]);
-  import_react15.useEffect(() => {
+  import_react16.useEffect(() => {
     fetchVisitorData(activeTab, 1, pagination.pageSize);
   }, [activeTab, pagination.pageSize, fetchVisitorData]);
   const handleTabChange = (tabKey) => {
@@ -20449,7 +20449,7 @@ var init_Visitor = __esm(() => {
   import_design_system15 = require("@strapi/design-system");
   import_symbols2 = require("@strapi/icons/symbols");
   import_admin12 = require("@strapi/strapi/admin");
-  import_react15 = require("react");
+  import_react16 = require("react");
   jsx_dev_runtime33 = require("react/jsx-dev-runtime");
   Visitor_default = Visitor;
 });
@@ -20459,7 +20459,7 @@ var exports_App = {};
 __export(exports_App, {
   default: () => App_default
 });
-var import_strapi_admin, import_design_system16, import_react16, import_react_router_dom3, import_styled_components16, jsx_dev_runtime34, LayoutContainer, Sidebar, MainContent, StyledNavLink, SidebarNav = () => {
+var import_strapi_admin, import_design_system16, import_react17, import_react_router_dom3, import_styled_components16, jsx_dev_runtime34, LayoutContainer, Sidebar, MainContent, StyledNavLink, SidebarNav = () => {
   return /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(Sidebar, {
     children: [
       /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(import_design_system16.Box, {
@@ -20502,9 +20502,9 @@ var import_strapi_admin, import_design_system16, import_react16, import_react_ro
   }, undefined, true, undefined, this);
 }, App = () => {
   const client = import_strapi_admin.useFetchClient();
-  const [isConnected, setIsConnected] = import_react16.default.useState(null);
-  const [checking, setChecking] = import_react16.default.useState(true);
-  import_react16.default.useEffect(() => {
+  const [isConnected, setIsConnected] = import_react17.default.useState(null);
+  const [checking, setChecking] = import_react17.default.useState(true);
+  import_react17.default.useEffect(() => {
     client.get("/website/check").then((response) => {
       if (response?.data?.message) {
         setIsConnected(true);
@@ -20591,7 +20591,7 @@ var init_App = __esm(() => {
   init_Visitor();
   import_strapi_admin = require("@strapi/admin/strapi-admin");
   import_design_system16 = require("@strapi/design-system");
-  import_react16 = __toESM(require("react"));
+  import_react17 = __toESM(require("react"));
   import_react_router_dom3 = require("react-router-dom");
   import_styled_components16 = __toESM(require("styled-components"));
   jsx_dev_runtime34 = require("react/jsx-dev-runtime");
@@ -45540,6 +45540,7 @@ var registerColorPicker = (app) => {
 // admin/src/fields/DataNested.tsx
 var import_design_system5 = require("@strapi/design-system");
 var import_admin3 = require("@strapi/strapi/admin");
+var import_react9 = require("react");
 
 // admin/src/fields/DataNested/SortableTree.tsx
 var import_core2 = __toESM(require_dist3(), 1);
@@ -47125,7 +47126,17 @@ var adjustTranslate = ({ transform }) => {
 // admin/src/fields/DataNested/hooks/useTreeItems.ts
 var import_react7 = require("react");
 function useTreeItems(defaultItems, maxDepth) {
-  const [items, setItems] = import_react7.useState(() => defaultItems);
+  const [items, setItems] = import_react7.useState(defaultItems);
+  const hasUserEditedRef = import_react7.useRef(false);
+  const prevDefaultItemsRef = import_react7.useRef(JSON.stringify(defaultItems));
+  import_react7.useEffect(() => {
+    const currentDefaultItemsStr = JSON.stringify(defaultItems);
+    if (currentDefaultItemsStr !== prevDefaultItemsRef.current || defaultItems.length > 0 && items.length === 0) {
+      prevDefaultItemsRef.current = currentDefaultItemsStr;
+      setItems(defaultItems);
+      hasUserEditedRef.current = false;
+    }
+  }, [defaultItems, items.length]);
   const [modalState, setModalState] = import_react7.useState({
     isOpen: false,
     mode: null,
@@ -47484,15 +47495,20 @@ function SortableTree({
     };
   }, [flattenedItems, offsetLeft]);
   const isInitialMount = import_react8.useRef(true);
+  const prevItemsRef = import_react8.useRef(JSON.stringify(items));
   import_react8.useEffect(() => {
     if (isInitialMount.current) {
       isInitialMount.current = false;
+      prevItemsRef.current = JSON.stringify(items);
       return;
     }
-    if (onChange) {
+    const currentItemsStr = JSON.stringify(items);
+    const defaultItemsStr = JSON.stringify(defaultItems);
+    if (onChange && currentItemsStr !== prevItemsRef.current && currentItemsStr !== defaultItemsStr) {
       onChange(items);
     }
-  }, [items, onChange]);
+    prevItemsRef.current = currentItemsStr;
+  }, [items, onChange, defaultItems]);
   const announcements = useAnnouncements(items, indicator, indentationWidth);
   const handleDragEnd = ({ active, over }) => {
     handleDragCancel();
@@ -47589,6 +47605,7 @@ var DataNested = ({
   const handleChange = (value) => {
     field.onChange(name, value);
   };
+  const treeKey = import_react9.useMemo(() => JSON.stringify(field.value || []), [field.value]);
   return /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(import_design_system5.Field.Root, {
     name,
     id: name,
@@ -47606,7 +47623,7 @@ var DataNested = ({
         defaultItems: field.value || [],
         maxDepth: attribute.options?.depth,
         onChange: handleChange
-      }, undefined, false, undefined, this),
+      }, treeKey, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(import_design_system5.Field.Hint, {}, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(import_design_system5.Field.Error, {}, undefined, false, undefined, this)
     ]
@@ -47730,7 +47747,7 @@ var registerDataSelect = (app) => {
 };
 
 // node_modules/@iconify/react/dist/iconify.js
-var import_react9 = require("react");
+var import_react10 = require("react");
 "use client";
 function getIconsTree(data, names) {
   const icons = data.icons;
@@ -49074,7 +49091,7 @@ var render = (icon, props, name) => {
     componentProps.dangerouslySetInnerHTML = {
       __html: cleanUpInnerHTML(replaceIDs(item.body, id ? () => id + "ID" + localCounter++ : "iconifyReact"))
     };
-    return import_react9.createElement("svg", componentProps);
+    return import_react10.createElement("svg", componentProps);
   }
   const { body, width, height } = icon;
   const useMask = mode === "mask" || (mode === "bg" ? false : body.indexOf("currentColor") !== -1);
@@ -49092,7 +49109,7 @@ var render = (icon, props, name) => {
     ...useMask ? monotoneProps : coloredProps,
     ...customStyle
   };
-  return import_react9.createElement("span", componentProps);
+  return import_react10.createElement("span", componentProps);
 };
 allowSimpleNames(true);
 setAPIModule("", fetchAPIModule);
@@ -49134,8 +49151,8 @@ if (typeof document !== "undefined" && typeof window !== "undefined") {
   }
 }
 function IconComponent(props) {
-  const [mounted, setMounted] = import_react9.useState(!!props.ssr);
-  const [abort, setAbort] = import_react9.useState({});
+  const [mounted, setMounted] = import_react10.useState(!!props.ssr);
+  const [abort, setAbort] = import_react10.useState({});
   function getInitialState(mounted2) {
     if (mounted2) {
       const name2 = props.icon;
@@ -49157,7 +49174,7 @@ function IconComponent(props) {
       name: ""
     };
   }
-  const [state, setState] = import_react9.useState(getInitialState(!!props.ssr));
+  const [state, setState] = import_react10.useState(getInitialState(!!props.ssr));
   function cleanup() {
     const callback = abort.callback;
     if (callback) {
@@ -49197,29 +49214,29 @@ function IconComponent(props) {
       }
     }
   }
-  import_react9.useEffect(() => {
+  import_react10.useEffect(() => {
     setMounted(true);
     return cleanup;
   }, []);
-  import_react9.useEffect(() => {
+  import_react10.useEffect(() => {
     if (mounted) {
       updateState();
     }
   }, [props.icon, mounted]);
   const { name, data } = state;
   if (!data) {
-    return props.children ? props.children : props.fallback ? props.fallback : import_react9.createElement("span", {});
+    return props.children ? props.children : props.fallback ? props.fallback : import_react10.createElement("span", {});
   }
   return render({
     ...defaultIconProps,
     ...data
   }, props, name);
 }
-var Icon = import_react9.forwardRef((props, ref) => IconComponent({
+var Icon = import_react10.forwardRef((props, ref) => IconComponent({
   ...props,
   _ref: ref
 }));
-var InlineIcon = import_react9.forwardRef((props, ref) => IconComponent({
+var InlineIcon = import_react10.forwardRef((props, ref) => IconComponent({
   inline: true,
   ...props,
   _ref: ref
@@ -49996,10 +50013,10 @@ var import_icons12 = require("@strapi/icons");
 init_DashboardStats();
 var import_design_system11 = require("@strapi/design-system");
 var import_admin8 = require("@strapi/strapi/admin");
-var import_react12 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 var jsx_dev_runtime29 = require("react/jsx-dev-runtime");
 var WelcomeWidget = () => {
-  const [refresh, setRefresh] = import_react12.default.useState(false);
+  const [refresh, setRefresh] = import_react13.default.useState(false);
   const fetchClient = import_admin8.useFetchClient();
   const { toggleNotification } = import_admin8.useNotification();
   const handleRefresh = async () => {

package/dist/admin/index.mjs

@@ -19317,7 +19317,7 @@ var init_ApiErrorAlert = __esm(() => {
 // admin/src/components/DashboardStats.tsx
 import { Box as Box6, Grid as Grid2, Typography as Typography8 } from "@strapi/design-system";
 import { useFetchClient as useFetchClient3, useNotification as useNotification3 } from "@strapi/strapi/admin";
-import { useEffect as useEffect7, useState as useState12 } from "react";
+import { useEffect as useEffect8, useState as useState12 } from "react";
 import { jsxDEV as jsxDEV28 } from "react/jsx-dev-runtime";
 var DashboardStats = ({
   showLoading = true,
@@ -19335,7 +19335,7 @@ var DashboardStats = ({
     totalInquiry: 0,
     unreadInquiry: 0
   });
-  useEffect7(() => {
+  useEffect8(() => {
     if (externalData) {
       setStats(externalData);
       setIsLoading(false);
@@ -19364,7 +19364,7 @@ var DashboardStats = ({
     };
     fetchStats();
   }, [externalData, fetchClient, toggleNotification, onError, onLoaded]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (externalData) {
       setStats(externalData);
     }
@@ -19563,7 +19563,7 @@ import {
   useFetchClient as useFetchClient5,
   useNotification as useNotification5
 } from "@strapi/strapi/admin";
-import { useCallback as useCallback6, useEffect as useEffect8, useState as useState13 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect9, useState as useState13 } from "react";
 import { useNavigate } from "react-router-dom";
 import { jsxDEV as jsxDEV31 } from "react/jsx-dev-runtime";
 var Inquiry = () => {
@@ -19609,10 +19609,10 @@ var Inquiry = () => {
       setIsLoading(false);
     }
   }, [fetchClient.get, toggleNotification]);
-  useEffect8(() => {
+  useEffect9(() => {
     fetchInquiries(pagination.page, pagination.pageSize);
   }, [fetchInquiries, pagination.page, pagination.pageSize]);
-  useEffect8(() => {
+  useEffect9(() => {
     const handleVisibilityChange = () => {
       if (document.visibilityState === "visible") {
         fetchInquiries(pagination.page, pagination.pageSize);
@@ -19790,7 +19790,7 @@ import {
   useFetchClient as useFetchClient6,
   useNotification as useNotification6
 } from "@strapi/strapi/admin";
-import { useEffect as useEffect9, useState as useState14 } from "react";
+import { useEffect as useEffect10, useState as useState14 } from "react";
 import { useNavigate as useNavigate2, useParams } from "react-router-dom";
 import styled14 from "styled-components";
 import { jsxDEV as jsxDEV32, Fragment as Fragment4 } from "react/jsx-dev-runtime";
@@ -19802,7 +19802,7 @@ var DetailTable, InquiryDetail = () => {
   const [isLoading, setIsLoading] = useState14(true);
   const [isMarking, setIsMarking] = useState14(false);
   const [data, setData] = useState14(null);
-  useEffect9(() => {
+  useEffect10(() => {
     const fetchDetail = async () => {
       if (!id) {
         toggleNotification({
@@ -20141,7 +20141,7 @@ import {
   useFetchClient as useFetchClient7,
   useNotification as useNotification7
 } from "@strapi/strapi/admin";
-import { useCallback as useCallback7, useEffect as useEffect10, useState as useState15 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect11, useState as useState15 } from "react";
 import { jsxDEV as jsxDEV33, Fragment as Fragment5 } from "react/jsx-dev-runtime";
 var Visitor = () => {
   const fetchClient = useFetchClient7();
@@ -20202,7 +20202,7 @@ var Visitor = () => {
       setIsLoading(false);
     }
   }, [fetchClient.get, toggleNotification]);
-  useEffect10(() => {
+  useEffect11(() => {
     fetchVisitorData(activeTab, 1, pagination.pageSize);
   }, [activeTab, pagination.pageSize, fetchVisitorData]);
   const handleTabChange = (tabKey) => {
@@ -45580,11 +45580,12 @@ var registerColorPicker = (app) => {
 // admin/src/fields/DataNested.tsx
 import { Field as Field2 } from "@strapi/design-system";
 import { useField as useField2 } from "@strapi/strapi/admin";
+import { useMemo as useMemo4 } from "react";
 
 // admin/src/fields/DataNested/SortableTree.tsx
 var import_core2 = __toESM(require_dist3(), 1);
 var import_sortable5 = __toESM(require_dist4(), 1);
-import { useEffect as useEffect2, useMemo as useMemo3, useRef as useRef2, useState as useState7 } from "react";
+import { useEffect as useEffect3, useMemo as useMemo3, useRef as useRef3, useState as useState7 } from "react";
 import { createPortal } from "react-dom";
 
 // admin/src/fields/DataNested/components/Action.tsx
@@ -47167,9 +47168,19 @@ var adjustTranslate = ({ transform }) => {
   };
 };
 // admin/src/fields/DataNested/hooks/useTreeItems.ts
-import { useState as useState6 } from "react";
+import { useEffect as useEffect2, useRef as useRef2, useState as useState6 } from "react";
 function useTreeItems(defaultItems, maxDepth) {
-  const [items, setItems] = useState6(() => defaultItems);
+  const [items, setItems] = useState6(defaultItems);
+  const hasUserEditedRef = useRef2(false);
+  const prevDefaultItemsRef = useRef2(JSON.stringify(defaultItems));
+  useEffect2(() => {
+    const currentDefaultItemsStr = JSON.stringify(defaultItems);
+    if (currentDefaultItemsStr !== prevDefaultItemsRef.current || defaultItems.length > 0 && items.length === 0) {
+      prevDefaultItemsRef.current = currentDefaultItemsStr;
+      setItems(defaultItems);
+      hasUserEditedRef.current = false;
+    }
+  }, [defaultItems, items.length]);
   const [modalState, setModalState] = useState6({
     isOpen: false,
     mode: null,
@@ -47511,7 +47522,7 @@ function SortableTree({
     handleDragCancel
   } = useDragState(flattenedItems, setActiveId);
   const projected = activeId && overId ? getProjection(flattenedItems, activeId, overId, offsetLeft, indentationWidth, maxDepth) : null;
-  const sensorContext = useRef2({
+  const sensorContext = useRef3({
     items: flattenedItems,
     offset: offsetLeft
   });
@@ -47521,22 +47532,27 @@ function SortableTree({
   }));
   const sortedIds = useMemo3(() => flattenedItems.map(({ id }) => id), [flattenedItems]);
   const activeItem = activeId ? flattenedItems.find(({ id }) => id === activeId) : null;
-  useEffect2(() => {
+  useEffect3(() => {
     sensorContext.current = {
       items: flattenedItems,
       offset: offsetLeft
     };
   }, [flattenedItems, offsetLeft]);
-  const isInitialMount = useRef2(true);
-  useEffect2(() => {
+  const isInitialMount = useRef3(true);
+  const prevItemsRef = useRef3(JSON.stringify(items));
+  useEffect3(() => {
     if (isInitialMount.current) {
       isInitialMount.current = false;
+      prevItemsRef.current = JSON.stringify(items);
       return;
     }
-    if (onChange) {
+    const currentItemsStr = JSON.stringify(items);
+    const defaultItemsStr = JSON.stringify(defaultItems);
+    if (onChange && currentItemsStr !== prevItemsRef.current && currentItemsStr !== defaultItemsStr) {
       onChange(items);
     }
-  }, [items, onChange]);
+    prevItemsRef.current = currentItemsStr;
+  }, [items, onChange, defaultItems]);
   const announcements = useAnnouncements(items, indicator, indentationWidth);
   const handleDragEnd = ({ active, over }) => {
     handleDragCancel();
@@ -47633,6 +47649,7 @@ var DataNested = ({
   const handleChange = (value) => {
     field.onChange(name, value);
   };
+  const treeKey = useMemo4(() => JSON.stringify(field.value || []), [field.value]);
   return /* @__PURE__ */ jsxDEV23(Field2.Root, {
     name,
     id: name,
@@ -47650,7 +47667,7 @@ var DataNested = ({
         defaultItems: field.value || [],
         maxDepth: attribute.options?.depth,
         onChange: handleChange
-      }, undefined, false, undefined, this),
+      }, treeKey, false, undefined, this),
       /* @__PURE__ */ jsxDEV23(Field2.Hint, {}, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV23(Field2.Error, {}, undefined, false, undefined, this)
     ]
@@ -47774,7 +47791,7 @@ var registerDataSelect = (app) => {
 };
 
 // node_modules/@iconify/react/dist/iconify.js
-import { createElement, forwardRef as forwardRef6, useState as useState8, useEffect as useEffect3 } from "react";
+import { createElement, forwardRef as forwardRef6, useState as useState8, useEffect as useEffect4 } from "react";
 "use client";
 function getIconsTree(data, names) {
   const icons = data.icons;
@@ -49241,11 +49258,11 @@ function IconComponent(props) {
       }
     }
   }
-  useEffect3(() => {
+  useEffect4(() => {
     setMounted(true);
     return cleanup;
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     if (mounted) {
       updateState();
     }

package/dist/admin/src/fields/DataNested/SortableTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortableTree.d.ts","sourceRoot":"","sources":["../../../../../admin/src/fields/DataNested/SortableTree.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAgC,SAAS,EAAE,MAAM,SAAS,CAAA;AAStE,UAAU,KAAK;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;CACrC;AAED,wBAAgB,YAAY,CAAC,EAC5B,WAAW,EACX,YAA4B,EAC5B,SAAiB,EACjB,gBAA4C,EAC5C,SAAS,EACT,QAAQ,EACR,QAAQ,GACR,EAAE,KAAK,2CAkNP"}
+{"version":3,"file":"SortableTree.d.ts","sourceRoot":"","sources":["../../../../../admin/src/fields/DataNested/SortableTree.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAgC,SAAS,EAAE,MAAM,SAAS,CAAA;AAStE,UAAU,KAAK;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;CACrC;AAED,wBAAgB,YAAY,CAAC,EAC5B,WAAW,EACX,YAA4B,EAC5B,SAAiB,EACjB,gBAA4C,EAC5C,SAAS,EACT,QAAQ,EACR,QAAQ,GACR,EAAE,KAAK,2CAgOP"}

package/dist/admin/src/fields/DataNested/hooks/useTreeItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTreeItems.d.ts","sourceRoot":"","sources":["../../../../../../admin/src/fields/DataNested/hooks/useTreeItems.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAGrD,OAAO,KAAK,EAAY,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AASjE,MAAM,WAAW,UAAU;IAC1B,MAAM,EAAE,OAAO,CAAA;IACf,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACjC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAA;CACjC;AAED,wBAAgB,YAAY,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM;;;;uBAS5C,gBAAgB;yBAId,gBAAgB;;2BAed,gBAAgB;yBASlB,gBAAgB;qBAkBpB,gBAAgB;;8BAkBP,YAAY;0BAyBlB,YAAY;EAsBvC"}
+{"version":3,"file":"useTreeItems.d.ts","sourceRoot":"","sources":["../../../../../../admin/src/fields/DataNested/hooks/useTreeItems.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAGrD,OAAO,KAAK,EAAY,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AASjE,MAAM,WAAW,UAAU;IAC1B,MAAM,EAAE,OAAO,CAAA;IACf,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACjC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAA;CACjC;AAED,wBAAgB,YAAY,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM;;;;uBA+B5C,gBAAgB;yBAId,gBAAgB;;2BAed,gBAAgB;yBASlB,gBAAgB;qBAkBpB,gBAAgB;;8BAkBP,YAAY;0BAyBlB,YAAY;EAsBvC"}

package/dist/admin/src/fields/DataNested.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataNested.d.ts","sourceRoot":"","sources":["../../../../admin/src/fields/DataNested.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAqDjE,eAAO,MAAM,kBAAkB,GAAI,KAAK,SAAS,SA+ChD,CAAA"}
+{"version":3,"file":"DataNested.d.ts","sourceRoot":"","sources":["../../../../admin/src/fields/DataNested.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,sBAAsB,CAAA;AA8DjE,eAAO,MAAM,kBAAkB,GAAI,KAAK,SAAS,SA+ChD,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geekron/strapi",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "极客领航网站管理插件",
   "type": "commonjs",
   "author": "Geekron",