🔧 update: 更新Element Plus和Vant的版本号至1.0.11和1.1.3

Author: slothvips

packages/docs/guide/adapter.md

@@ -21,7 +21,7 @@
 适配实现主要在`render`函数中完成，需要处理以下关键任务：
 
 1. 返回目标UI组件的渲染VNode（使用JSX或h函数）
-2. 将`visible`状态绑定到组件的显隐控制属性（推荐单向绑定）
+2. 将`visible`状态绑定到组件的显隐控制属性
 3. 传递组件属性、插槽、事件等（通常通过解构`{...config.attrs}`实现）
 4. 绑定`componentRef`到组件实例，并通过`onVnodeMounted`回调执行`onMounted`
 5. 关联销毁逻辑，在组件关闭时调用`consumer.value!.destroy()`（建议在动画结束回调中执行）
@@ -38,7 +38,7 @@ const myComponentRender = (
   return (
     <MyComponent
       // 2. 显隐控制绑定
-      modelValue={visible.value}
+      v-model={visible.value}
       // 4. 组件实例引用绑定
       ref={componentRef}
       onVnodeMounted={onMounted}

packages/element-plus/dist/index.cjs.js

@@ -1,59 +1,60 @@
-var b = Object.defineProperty;
+var h = Object.defineProperty;
 var g = Object.getOwnPropertySymbols;
-var h = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var p = (l, e, o) => e in l ? b(l, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : l[e] = o, d = (l, e) => {
-  for (var o in e || (e = {}))
-    h.call(e, o) && p(l, o, e[o]);
+var w = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
+var C = (l, o, e) => o in l ? h(l, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[o] = e, d = (l, o) => {
+  for (var e in o || (o = {}))
+    w.call(o, e) && C(l, e, o[e]);
   if (g)
-    for (var o of g(e))
-      w.call(e, o) && p(l, o, e[o]);
+    for (var e of g(o))
+      M.call(o, e) && C(l, e, o[e]);
   return l;
 };
-import { createAdapter as C, EVENT_NAME as M } from "@vue-cmd/core";
+import { createAdapter as v, EVENT_NAME as b } from "@vue-cmd/core";
 export * from "@vue-cmd/core";
-import { createVNode as v, mergeProps as D } from "vue";
+import { createVNode as V, mergeProps as D } from "vue";
 import { ElDialog as y, ElDrawer as N } from "element-plus";
-const R = (l, e) => {
+const R = (l, o) => {
   const {
-    componentRef: o,
+    componentRef: e,
     visible: t,
     onMounted: u,
     config: i,
     consumer: s
-  } = e, {
+  } = o, {
     title: c,
     width: m,
     attrs: n,
     slots: f
-  } = i.value, E = (a) => {
-    var r;
-    s.value.destroy(), (r = n == null ? void 0 : n.onBeforeClose) == null || r.call(n, a), a();
-  }, V = (...a) => {
-    var r;
-    return s.value.emit(M.destroy), (r = n == null ? void 0 : n.onClosed) == null ? void 0 : r.call(n, ...a);
+  } = i.value, p = (r) => {
+    var a;
+    s.value.destroy(), (a = n == null ? void 0 : n.onBeforeClose) == null || a.call(n, r), r();
+  }, E = (...r) => {
+    var a;
+    return s.value.emit(b.destroy), (a = n == null ? void 0 : n.onClosed) == null ? void 0 : a.call(n, ...r);
   };
-  return v(y, D({
-    ref: o,
+  return V(y, D({
+    ref: e,
     modelValue: t.value,
+    "onUpdate:modelValue": (r) => t.value = r,
     onVnodeMounted: u,
     title: c,
     width: m
   }, n, {
-    beforeClose: E,
-    onClosed: V
+    beforeClose: p,
+    onClosed: E
   }), d({
     default: () => l
   }, f));
-}, x = C({
+}, x = v({
   render: R,
   defaultConfig: {
     meta: {
       name: "element-plus-dialog"
     }
   }
-}), B = (l) => {
-  const e = x(l);
-  return (o, t = {}) => e(o, d({
+}), k = (l) => {
+  const o = x(l);
+  return (e, t = {}) => o(e, d({
     attrs: {
       // 可拖拽
       draggable: !0,
@@ -62,8 +63,8 @@ const R = (l, e) => {
     }
   }, t));
 }, z = (l, {
-  componentRef: e,
-  visible: o,
+  componentRef: o,
+  visible: e,
   onMounted: t,
   config: u,
   consumer: i
@@ -76,9 +77,10 @@ const R = (l, e) => {
   } = u.value, f = () => {
     i.value.destroy();
   };
-  return v(N, D({
-    ref: e,
-    modelValue: o.value,
+  return V(N, D({
+    ref: o,
+    modelValue: e.value,
+    "onUpdate:modelValue": (p) => e.value = p,
     onVnodeMounted: t,
     title: m,
     size: n
@@ -87,7 +89,7 @@ const R = (l, e) => {
   }), d({
     default: () => l
   }, c));
-}, T = C({
+}, B = v({
   render: z,
   defaultConfig: {
     meta: {
@@ -97,6 +99,6 @@ const R = (l, e) => {
 });
 export {
   x as useDialog,
-  B as useDialogWithDrag,
-  T as useDrawer
+  k as useDialogWithDrag,
+  B as useDrawer
 };

packages/element-plus/dist/index.es.js

@@ -1,6 +1,6 @@
 {
   "name": "@vue-cmd/element-plus",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "type": "module",
   "description": "Element Plus命令式组件适配器 - 让Element Plus的Dialog、Drawer等组件支持命令式调用",
   "homepage": "https://slothvips.github.io/Vue-Command-Component/",
@@ -62,5 +62,8 @@
     "element-plus": "*",
     "vue": "*",
     "@vue-cmd/core": "workspace:*"
+  },
+  "publishConfig": {
+    "access": "public"
   }
 }

packages/element-plus/package.json

@@ -37,7 +37,7 @@ const baseRender = (
   return (
     <ElDialog
       ref={componentRef}
-      modelValue={visible.value}
+      v-model={visible.value}
       onVnodeMounted={onMounted}
       title={title}
       width={width}

packages/element-plus/src/dialog.tsx

@@ -25,7 +25,7 @@ const baseRender = (
   return (
     <ElDrawer
       ref={componentRef}
-      modelValue={visible.value}
+      v-model={visible.value}
       onVnodeMounted={onMounted}
       title={title}
       size={size}

packages/element-plus/src/drawer.tsx

@@ -1,32 +1,32 @@
-var P = Object.defineProperty;
+var g = Object.defineProperty;
 var n = Object.getOwnPropertySymbols;
-var l = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable;
-var p = (o, e, t) => e in o ? P(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, m = (o, e) => {
+var a = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var p = (o, e, t) => e in o ? g(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, d = (o, e) => {
   for (var t in e || (e = {}))
-    l.call(e, t) && p(o, t, e[t]);
+    a.call(e, t) && p(o, t, e[t]);
   if (n)
     for (var t of n(e))
-      a.call(e, t) && p(o, t, e[t]);
+      l.call(e, t) && p(o, t, e[t]);
   return o;
 };
-var c = (o, e) => {
+var m = (o, e) => {
   var t = {};
   for (var r in o)
-    l.call(o, r) && e.indexOf(r) < 0 && (t[r] = o[r]);
+    a.call(o, r) && e.indexOf(r) < 0 && (t[r] = o[r]);
   if (o != null && n)
     for (var r of n(o))
-      e.indexOf(r) < 0 && a.call(o, r) && (t[r] = o[r]);
+      e.indexOf(r) < 0 && l.call(o, r) && (t[r] = o[r]);
   return t;
 };
-import { createAdapter as g } from "@vue-cmd/core";
+import { createAdapter as w } from "@vue-cmd/core";
 export * from "@vue-cmd/core";
-import { createVNode as w, mergeProps as b } from "vue";
-import { merge as h } from "lodash-es";
-import { Popup as k } from "vant";
-const d = {
+import { createVNode as h, mergeProps as k } from "vue";
+import { merge as x } from "lodash-es";
+import { Popup as y } from "vant";
+const c = {
   round: !0,
   lockScroll: !0
-}, x = (o, {
+}, V = (o, {
   componentRef: e,
   visible: t,
   onMounted: r,
@@ -35,28 +35,29 @@ const d = {
 }) => {
   const u = s.value, {
     attrs: i
-  } = u, v = c(u, [
+  } = u, v = m(u, [
     "attrs"
   ]), C = () => {
     f.value.destroy();
   };
-  return w(k, b({
+  return h(y, k({
     ref: e,
     show: t.value,
+    "onUpdate:show": (P) => t.value = P,
     onClickCloseIcon: C,
     onVnodeMounted: r
-  }, d, v, i), m({
+  }, c, v, i), d({
     default: () => o
   }, s.value.slots));
-}, y = g({
-  render: x,
+}, b = w({
+  render: V,
   defaultConfig: {
-    attrs: d
+    attrs: c
   }
-}), N = (o = {}) => {
-  const e = y(o);
+}), O = (o = {}) => {
+  const e = b(o);
   return (t, r = {}) => {
-    const s = h({}, r, {
+    const s = x({}, r, {
       attrs: {
         position: "bottom",
         style: {
@@ -68,6 +69,6 @@ const d = {
   };
 };
 export {
-  y as usePopup,
-  N as usePopupOnBottom
+  b as usePopup,
+  O as usePopupOnBottom
 };

packages/vant/dist/index.cjs.js

@@ -1,6 +1,6 @@
 {
   "name": "@vue-cmd/vant",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "type": "module",
   "description": "Vant命令式组件适配器 - 让Vant的Popup、Dialog等组件支持命令式调用，专为移动端优化",
   "homepage": "https://slothvips.github.io/Vue-Command-Component/",

packages/vant/dist/index.es.js

@@ -39,7 +39,7 @@ const baseRender = (
   return (
     <Popup
       ref={componentRef}
-      show={visible.value}
+      v-model:show={visible.value}
       onClickCloseIcon={onClose}
       onVnodeMounted={onMounted}
       {...defaultProps}