@kengic/vue 0.24.1-beta.0 → 0.24.1-beta.1

package/dist/kengic-vue.js

@@ -2437,7 +2437,7 @@ const emptyIcon = {
       ...t.data
     }, a);
   }
-}), version = "0.24.1-beta.0";
+}), version = "0.24.1-beta.1";
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 const freeGlobal$1 = freeGlobal;
 var freeSelf = typeof self == "object" && self && self.Object === Object && self, root = freeGlobal$1 || freeSelf || Function("return this")();
@@ -7379,7 +7379,7 @@ const KG_MODAL_BORDER_WIDTH = 1, KG_MODAL_SCROLL_WIDTH = 17;
 function useDragToMove(e) {
   var I, O, L;
   const {
-    kgModalProps: t,
+    getProps: t,
     domRef: a
   } = e;
   if (((L = (O = (I = useKg().option.value) == null ? void 0 : I.KgModal) == null ? void 0 : O.drag) == null ? void 0 : L.on) !== !0)
@@ -7447,8 +7447,8 @@ function useDragToMove(e) {
 }
 function useDragToResize(e) {
   const {
-    defaultWidth: t,
-    kgModalProps: a,
+    props: t,
+    getProps: a,
     domRef: r
   } = e, {
     width: n,
@@ -7464,7 +7464,7 @@ function useDragToResize(e) {
     var N, P;
     return (P = (N = u.value) == null ? void 0 : N.querySelector(".ant-modal-footer")) != null ? P : null;
   });
-  const g = ref(t), v = computed(() => {
+  const g = ref(t.width !== void 0 ? t.width : "80%"), v = computed(() => {
     var P;
     const N = (P = a.value.kgMinWidth) != null ? P : s;
     return Math.min(N, n.value);
@@ -7484,6 +7484,9 @@ function useDragToResize(e) {
     remove: () => {
     }
   };
+  watch(() => t.width, (N) => {
+    N !== void 0 && (g.value = N);
+  });
   const A = watch([u], ([N]) => {
     if (N) {
       const P = N.querySelector("div.ant-modal-content");
@@ -7669,15 +7672,15 @@ const getProps$I = () => ({
     });
     useDragToMove({
       domRef: n,
-      kgModalProps: i
+      getProps: i
     });
     const {
       width: l,
       onMousedown: s
     } = useDragToResize({
-      defaultWidth: e.width !== void 0 ? e.width : "80%",
       domRef: n,
-      kgModalProps: i
+      getProps: i,
+      props: e
     });
     return () => createVNode(Modal, mergeProps(i.value, {
       width: l.value
@@ -25791,7 +25794,7 @@ function KgVarContainer(e) {
         const u = {
           ...a
         };
-        return u.KgBackgroundGray === void 0 && (u.KgBackgroundGray = !0), u;
+        return u.kgFormID = t, u.KgBackgroundGray === void 0 && (u.KgBackgroundGray = !0), u;
       });
       function o(u) {
         var v;
@@ -25815,9 +25818,7 @@ function KgVarContainer(e) {
         let u;
         return createVNode("div", {
           class: "kg-var-container"
-        }, [createVNode(KgVar, mergeProps({
-          kgFormID: t
-        }, s.value), null), r.varChildDetails.value.length > 0 ? createVNode(KgResizable, {
+        }, [createVNode(KgVar, s.value, null), r.varChildDetails.value.length > 0 ? createVNode(KgResizable, {
           kgHeight: i.value.kgHeight,
           "onUpdate:kgHeight": (c) => i.value.kgHeight = c,
           kgMinHeight: i.value.kgMinHeight,

package/dist/src/components/KgModal/KgModal.service.d.ts

@@ -8,19 +8,19 @@ import { IKgModalProps } from './KgModal';
  */
 export declare function useDragToMove(param: {
     domRef: Ref<HTMLDivElement | null>;
-    kgModalProps: Ref<IKgModalProps>;
+    getProps: Ref<IKgModalProps>;
 }): void;
 /**
  * 拖拽改变大小.
  *
- * @param param.defaultWidth 弹窗默认宽度.
+ * @param param.props 组件参数.
  * @param param.domRef 页面上的那个特殊元素对象, 专门用于获取其他元素对象.
- * @param param.kgModalProps 弹窗组件参数.
+ * @param param.getProps 计算后的组件参数.
  */
 export declare function useDragToResize(param: {
-    defaultWidth: number | string;
+    props: IKgModalProps;
     domRef: Ref<HTMLDivElement | null>;
-    kgModalProps: Ref<IKgModalProps>;
+    getProps: Ref<IKgModalProps>;
 }): {
     /**
      * 鼠标按下事件.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kengic/vue",
-    "version": "0.24.1-beta.0",
+    "version": "0.24.1-beta.1",
     "scripts": {
         "build": "npm run switch-node-version && rimraf dist && vue-tsc && vite build",
         "build:dev": "npm run switch-node-version && rimraf dist && vue-tsc && vite build --mode development",