@cniot/mdd-editor 0.3.6 → 0.3.7

package/build/index.es.js

@@ -26382,6 +26382,7 @@ function MddTableForm(props, ref) {
   const [_2, _update] = useState(0);
   const [sortUpdateFlag, setSortUpdateFlag] = useState({});
   const dataRef = useRef(data);
+  const panelKeysRef = useRef([]);
   const CompSchemaMap = useMemo(
     () => penetrateType === PenetrateTypes.FORM ? { ...CompSchema, ...formItems } : CompSchema,
     []
@@ -26389,12 +26390,24 @@ function MddTableForm(props, ref) {
   const forceUpdate = () => {
     _update(Math.random());
   };
+  const syncPanelKeys = (list) => {
+    const currentKeys = panelKeysRef.current;
+    panelKeysRef.current = list.map((_22, index2) => currentKeys[index2] || uuidv4());
+  };
+  const getPanelKey = (index2) => {
+    if (!panelKeysRef.current[index2]) {
+      panelKeysRef.current[index2] = uuidv4();
+    }
+    return panelKeysRef.current[index2];
+  };
   const updateData = (newData) => {
-    dataRef.current = newData;
+    dataRef.current = Array.isArray(newData) ? newData : [];
+    syncPanelKeys(dataRef.current);
     forceUpdate();
   };
   useEffect(() => {
     dataRef.current = Array.isArray(data) ? data : [];
+    syncPanelKeys(dataRef.current);
     forceUpdate();
   }, [data]);
   useImperativeHandle(
@@ -26407,6 +26420,7 @@ function MddTableForm(props, ref) {
     []
   );
   const onRemoveHandle = (idx) => {
+    panelKeysRef.current.splice(idx, 1);
     onRemove(idx);
     forceUpdate();
   };
@@ -26419,6 +26433,8 @@ function MddTableForm(props, ref) {
       const min = Math.min(dragIndex, hoverIndex);
       const max = Math.max(dragIndex, hoverIndex);
       dataRef.current.splice(hoverIndex, 0, dataRef.current.splice(dragIndex, 1)[0]);
+      const movedPanelKey = panelKeysRef.current.splice(dragIndex, 1)[0] || uuidv4();
+      panelKeysRef.current.splice(hoverIndex, 0, movedPanelKey);
       onSort(dataRef.current);
       forceUpdate();
       for (let i = min; i <= max; i++) {
@@ -26449,9 +26465,8 @@ function MddTableForm(props, ref) {
   }, /* @__PURE__ */ React$1.createElement(MddDndProvider, null, /* @__PURE__ */ React$1.createElement(Collapse, {
     accordion: true
   }, dataRef.current.map((item, idx) => {
-    const compKey = item.name || item.dataIndex || `${title2}_${idx}`;
     return /* @__PURE__ */ React$1.createElement(Panel$3, {
-      key: `${compKey}_${item.type || "unknown"}_${idx}`,
+      key: getPanelKey(idx),
       title: /* @__PURE__ */ React$1.createElement(TitleRender$2, {
         index: idx,
         draggable,
@@ -31459,7 +31474,7 @@ function getDefaultIndexStyle() {
   `;
 }
 const name = "@cniot/mdd-editor";
-const version = "0.3.6";
+const version = "0.3.7";
 const description = "\u6A21\u578B\u9A71\u52A8\u7F16\u8F91\u5668";
 const scripts = {
   build: "vite build"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cniot/mdd-editor",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "description": "模型驱动编辑器",
   "scripts": {
     "build": "vite build"