weifuwu 0.60.0 → 0.60.1

package/dist/client/index.js

@@ -284,6 +284,18 @@ function setProp(el, key, value) {
     el.setAttribute(key, String(value));
   }
 }
+var _refChurn = /* @__PURE__ */ new WeakMap();
+function warnRefChurn(el) {
+  const entry = _refChurn.get(el) ?? { count: 0, warned: false };
+  entry.count++;
+  if (entry.count >= 3 && !entry.warned) {
+    entry.warned = true;
+    console.warn(
+      "[weifuwu] ref \u51FD\u6570\u6BCF\u6B21\u6E32\u67D3\u90FD\u53D8\u5316\uFF08\u5185\u8054 ref\uFF09\u2014\u2014ref \u56DE\u8C03\u5728\u6BCF\u6B21\u6E32\u67D3\u540E\u91CD\u65B0\u6267\u884C\uFF08\u6027\u80FD\u635F\u8017\uFF09\u3002\u628A ref \u5B9A\u4E49\u5230 mount \u4F5C\u7528\u57DF\uFF08\u7A33\u5B9A\u5F15\u7528\uFF09\uFF1Aconst listRef = (el) => {...}; return h('div', { ref: listRef })"
+    );
+  }
+  _refChurn.set(el, entry);
+}
 function patchValue(parent, oldNode, oldInput, newInput, ctx) {
   if (oldInput == null) {
     if (newInput == null) return null;
@@ -379,8 +391,8 @@ function patchValue(parent, oldNode, oldInput, newInput, ctx) {
       const oldRef = oldV.props?.ref;
       const newRef = newV.props?.ref;
       if (oldRef !== newRef) {
-        if (typeof oldRef === "function") oldRef(null);
         if (typeof newRef === "function") newRef(oldNode);
+        if (typeof oldRef === "function" && typeof newRef === "function") warnRefChurn(oldNode);
       }
       patchProps(oldNode, oldV.props, newV.props);
       patchChildren(oldNode, oldV, newV, ctx);

package/dist/components/index.js

@@ -987,6 +987,9 @@ var Tabs = (_init, _ctx) => (props) => {
 // src/components/Dropdown/Dropdown.ts
 var Dropdown = (_init, ctx) => {
   let wrapEl = null;
+  const wrapRef = (el) => {
+    wrapEl = el;
+  };
   let latestOpen = false;
   let prevOpen = false;
   const pos = ctx.ui.usePopupPosition({
@@ -1016,9 +1019,7 @@ var Dropdown = (_init, ctx) => {
     const portalContent = open ? createPortal(menu, "dropdown") : null;
     return h("div", {
       class: `wf-dropdown${open ? " wf-dropdown--open" : ""}`,
-      ref: (el) => {
-        wrapEl = el;
-      }
+      ref: wrapRef
     }, [trigger, portalContent].filter(Boolean));
   };
 };
@@ -1402,6 +1403,10 @@ function formatSize(bytes) {
 }
 var FileUpload = (_init, ctx) => {
   const FL = ctx?.i18n?.components?.FileUpload ?? {};
+  let fileInput = null;
+  const fileInputRef = (el) => {
+    if (el) fileInput = el;
+  };
   return (props) => {
     const { accept, multiple, maxSize, disabled, error, hint, value, onChange, children } = props;
     const files = value ?? [];
@@ -1446,7 +1451,6 @@ var FileUpload = (_init, ctx) => {
       const updated = files.filter((_, idx) => idx !== i);
       onChange?.(updated);
     };
-    let fileInput = null;
     const inputEl = h("input", {
       type: "file",
       class: "wf-upload-input",
@@ -1455,9 +1459,7 @@ var FileUpload = (_init, ctx) => {
       disabled: disabled || void 0,
       onChange: handleChange,
       style: { display: "none" },
-      ref: (el) => {
-        if (el) fileInput = el;
-      }
+      ref: fileInputRef
     });
     const dropZone = h("div", {
       class: `wf-upload-zone${disabled ? " wf-upload-zone--disabled" : ""}${error ? " wf-upload-zone--err" : ""}`,
@@ -1525,6 +1527,9 @@ function computeFixedPosRect(rect, placement = "bottom", gap = 6, center = true)
 var Tooltip = (_props, ctx) => {
   let show = false;
   let wrapEl = null;
+  const wrapRef = (el) => {
+    if (el) wrapEl = el;
+  };
   let latestPosition = "top";
   let prevOpen = false;
   const pos = ctx.ui.usePopupPosition({
@@ -1554,9 +1559,7 @@ var Tooltip = (_props, ctx) => {
     const portalContent = !disabled ? createPortal(tip, "tooltip") : null;
     return h("div", {
       class: "wf-tooltip-wrap",
-      ref: (el) => {
-        if (el) wrapEl = el;
-      },
+      ref: wrapRef,
       onMouseEnter: showe,
       onMouseLeave: hide,
       onFocus: showe,
@@ -1622,6 +1625,9 @@ var Drawer = (_props, ctx) => {
 var Popover = (_props, ctx) => {
   let show = false;
   let wrapEl = null;
+  const wrapRef = (el) => {
+    if (el) wrapEl = el;
+  };
   let latestOpen = false;
   let latestPosition = "bottom";
   let prevOpen = false;
@@ -1671,9 +1677,7 @@ var Popover = (_props, ctx) => {
     const portalContent = isOpen ? createPortal([overlay, popover].filter(Boolean), "popover") : null;
     return h("div", {
       class: `wf-popover-wrap${isOpen ? " wf-popover-wrap--open" : ""}`,
-      ref: (el) => {
-        if (el) wrapEl = el;
-      },
+      ref: wrapRef,
       ...hoverProps,
       onClick
     }, [children, portalContent].filter(Boolean));
@@ -1869,6 +1873,9 @@ var DatePicker = (_props, ctx) => {
   let rangeStart = null;
   let rangeEnd = null;
   let inputEl = null;
+  const inputRef = (el) => {
+    inputEl = el;
+  };
   let prevOpen = false;
   const pos = ctx.ui.usePopupPosition({
     el: () => inputEl,
@@ -2131,9 +2138,7 @@ var DatePicker = (_props, ctx) => {
         type: "text",
         placeholder,
         value: displayValue || "",
-        ref: (el) => {
-          inputEl = el;
-        },
+        ref: inputRef,
         readonly: true,
         disabled,
         onClick: toggle
@@ -2729,6 +2734,9 @@ var Editor = (_props, ctx) => {
   let tableHoverCol = -1;
   let sourceText = "";
   let editorEl = null;
+  const editorRef = (el) => {
+    if (el) editorEl = el;
+  };
   let savedRange = null;
   const saveSelection = () => {
     const sel = window.getSelection();
@@ -3032,9 +3040,7 @@ var Editor = (_props, ctx) => {
         onKeyUp: handleKeyUp,
         onMouseUp: handleMouseUp,
         onMouseDown: handleMouseDown,
-        ref: (el) => {
-          if (el) editorEl = el;
-        }
+        ref: editorRef
       });
     } else {
       editorBody = h("textarea", {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "weifuwu",
   "type": "module",
-  "version": "0.60.0",
+  "version": "0.60.1",
   "description": "AI SaaS framework — (req, ctx) => Response",
   "exports": {
     ".": {