@fangzhongya/fang-ui 0.0.11 → 0.0.13

package/dist/components/window/src/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
+const require$$0 = require("vue");
 const getCss = require("@fangzhongya/utils/css/getCss");
 const setCss = require("@fangzhongya/utils/css/setCss");
 const data = require("./data.cjs");
@@ -10,50 +10,42 @@ const index$6 = require("../../../directives/adjust/index.cjs");
 const index$4 = require("../../box-title/index.cjs");
 const index$3 = require("../../box-mask/index.cjs");
 const index$2 = require("../../box-teleport/index.cjs");
+const setClassName = require("@fangzhongya/utils/css/setClassName");
 const index$5 = require("../../../directives/drag/index.cjs");
 const _hoisted_1 = ["title"];
 const _hoisted_2 = ["title"];
-const _hoisted_3 = {
-  key: 0,
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg",
-  "data-v-ea893728": ""
-};
-const _hoisted_4 = {
-  key: 1,
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg",
-  "data-v-ea893728": ""
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const wykey = Symbol("Window-" + (/* @__PURE__ */ new Date()).getTime() + Math.random());
-    const refBody = vue.shallowRef();
+    const refBody = require$$0.shallowRef();
     const { getLocale } = index.useLocale();
     const cs = index$1.useCssName("window");
     const props = __props;
     const emit = __emit;
-    const isMax = vue.shallowRef(false);
-    const isMin = vue.shallowRef(false);
-    const isClose = vue.shallowRef(true);
-    const refBox = vue.shallowRef();
-    const position = vue.shallowRef({});
-    vue.watch(
+    const isMax = require$$0.shallowRef(props.max);
+    const isMin = require$$0.shallowRef(false);
+    const isClose = require$$0.shallowRef(true);
+    const refBox = require$$0.shallowRef();
+    const position = require$$0.shallowRef({});
+    require$$0.watch(
       () => props.modelValue,
       () => {
         if (props.modelValue) {
           isClose.value = false;
           isMin.value = false;
           if (props.closeHave) {
-            vue.nextTick(() => {
+            require$$0.nextTick(() => {
               setPosition();
             });
           } else {
             isMax.value = false;
           }
+          setBoxClass();
+        } else {
+          isClose.value = true;
         }
       },
       { immediate: true }
@@ -96,13 +88,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("update:modelValue", false);
       emit("close");
     };
-    vue.watch(
+    require$$0.watch(
       () => isMin.value,
       () => {
         setMin();
       }
     );
-    vue.watch(
+    require$$0.watch(
       () => isMax.value,
       () => {
         setMax();
@@ -124,6 +116,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         } else {
           refBody.value.className = cs.z("body");
         }
+        onChangeAdjust();
       }
     }
     function onMin() {
@@ -158,7 +151,28 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       remove();
     }
-    vue.onUnmounted(() => {
+    function onChangeAdjust() {
+      emit("changesize");
+    }
+    function setBoxClass(oldValue = "") {
+      require$$0.nextTick(() => {
+        setClassName.setClassName(refBox.value, props.boxClass, oldValue);
+      });
+    }
+    let stop;
+    require$$0.onMounted(() => {
+      stop = require$$0.watch(
+        () => props.boxClass,
+        (newValue, oldValue) => {
+          setBoxClass(oldValue);
+        },
+        { immediate: true }
+      );
+    });
+    require$$0.onUnmounted(() => {
+      if (stop) {
+        stop();
+      }
       if (props.pallet) {
         props.pallet.remove(wykey, props.title);
       }
@@ -167,88 +181,104 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$2.BoxTeleport), {
+      return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$2.BoxTeleport), {
         disabled: props.disabled,
         to: props.to
       }, {
-        default: vue.withCtx(() => [
-          !isClose.value ? (vue.openBlock(), vue.createElementBlock("div", {
+        default: require$$0.withCtx(() => [
+          !isClose.value ? (require$$0.openBlock(), require$$0.createElementBlock("div", {
             key: 0,
             ref_key: "refBox",
             ref: refBox,
-            class: vue.normalizeClass(vue.unref(cs).z())
+            class: require$$0.normalizeClass(require$$0.unref(cs).z())
           }, [
-            props.mask ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.BoxMask), {
+            props.mask ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$3.BoxMask), {
               key: 0,
               onClick: onMaskClose,
-              cssprefix: vue.unref(cs).z()
-            }, null, 8, ["cssprefix"])) : vue.createCommentVNode("", true),
-            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+              cssprefix: require$$0.unref(cs).z()
+            }, null, 8, ["cssprefix"])) : require$$0.createCommentVNode("", true),
+            require$$0.withDirectives((require$$0.openBlock(), require$$0.createElementBlock("div", {
               ref_key: "refBody",
               ref: refBody,
-              class: vue.normalizeClass(vue.unref(cs).z("body"))
+              class: require$$0.normalizeClass(require$$0.unref(cs).z("body"))
             }, [
-              vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).title, {}, () => [
-                vue.createVNode(vue.unref(index$4.BoxTitle), {
-                  cssprefix: vue.unref(cs).z(),
+              require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).title, {}, () => [
+                require$$0.createVNode(require$$0.unref(index$4.BoxTitle), {
+                  cssprefix: require$$0.unref(cs).z(),
                   onClose,
                   title: props.title
                 }, {
-                  icon: vue.withCtx(() => [
-                    vue.createElementVNode("i", {
-                      title: vue.unref(getLocale)("minh"),
+                  icon: require$$0.withCtx(() => [
+                    !props.noMin ? (require$$0.openBlock(), require$$0.createElementBlock("i", {
+                      key: 0,
+                      title: require$$0.unref(getLocale)("minh"),
                       onClick: onMin,
-                      class: vue.normalizeClass(vue.unref(cs).z("title-min"))
-                    }, _cache[0] || (_cache[0] = [
-                      vue.createElementVNode("svg", {
-                        viewBox: "0 0 1024 1024",
-                        xmlns: "http://www.w3.org/2000/svg",
-                        "data-v-ea893728": ""
-                      }, [
-                        vue.createElementVNode("path", {
-                          fill: "currentColor",
-                          d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"
-                        })
-                      ], -1)
-                    ]), 10, _hoisted_1),
-                    vue.createElementVNode("i", {
-                      title: vue.unref(getLocale)(isMax.value ? "tmaxh" : "maxh"),
+                      class: require$$0.normalizeClass(require$$0.unref(cs).z("title-min"))
+                    }, [
+                      require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot)["icon-min"], {}, () => [
+                        _cache[0] || (_cache[0] = require$$0.createElementVNode("svg", {
+                          viewBox: "0 0 1024 1024",
+                          xmlns: "http://www.w3.org/2000/svg",
+                          "data-v-ea893728": ""
+                        }, [
+                          require$$0.createElementVNode("path", {
+                            fill: "currentColor",
+                            d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"
+                          })
+                        ], -1))
+                      ])
+                    ], 10, _hoisted_1)) : require$$0.createCommentVNode("", true),
+                    require$$0.createElementVNode("i", {
+                      title: require$$0.unref(getLocale)(isMax.value ? "tmaxh" : "maxh"),
                       onClick: onMax,
-                      class: vue.normalizeClass(vue.unref(cs).z("title-max"))
+                      class: require$$0.normalizeClass(require$$0.unref(cs).z("title-max"))
                     }, [
-                      isMax.value ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_3, _cache[1] || (_cache[1] = [
-                        vue.createElementVNode("path", {
-                          fill: "currentColor",
-                          d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z"
-                        }, null, -1)
-                      ]))) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_4, _cache[2] || (_cache[2] = [
-                        vue.createElementVNode("path", {
-                          fill: "currentColor",
-                          d: "m512 747.84 228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 0 1-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z"
-                        }, null, -1)
-                      ])))
+                      isMax.value ? require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot)["icon-full"], { key: 0 }, () => [
+                        _cache[1] || (_cache[1] = require$$0.createElementVNode("svg", {
+                          viewBox: "0 0 1024 1024",
+                          xmlns: "http://www.w3.org/2000/svg",
+                          "data-v-ea893728": ""
+                        }, [
+                          require$$0.createElementVNode("path", {
+                            fill: "currentColor",
+                            d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z"
+                          })
+                        ], -1))
+                      ]) : require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot)["icon-max"], { key: 1 }, () => [
+                        _cache[2] || (_cache[2] = require$$0.createElementVNode("svg", {
+                          viewBox: "0 0 1024 1024",
+                          xmlns: "http://www.w3.org/2000/svg",
+                          "data-v-ea893728": ""
+                        }, [
+                          require$$0.createElementVNode("path", {
+                            fill: "currentColor",
+                            d: "m512 747.84 228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 0 1-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z"
+                          })
+                        ], -1))
+                      ])
                     ], 10, _hoisted_2)
                   ]),
-                  _: 1
+                  _: 3
                 }, 8, ["cssprefix", "title"])
               ]),
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(cs).z("body-div"))
+              require$$0.createElementVNode("div", {
+                class: require$$0.normalizeClass(require$$0.unref(cs).z("body-div"))
               }, [
-                vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default)
+                require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).default)
               ], 2),
-              vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).footer)
+              require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).footer)
             ], 2)), [
-              [vue.unref(index$5.default), {
+              [require$$0.unref(index$5.default), {
                 dom: props.drag,
                 onMousedown
               }],
-              [vue.unref(index$6.default), {
+              [require$$0.unref(index$6.default), {
                 often: props.often,
+                onChange: onChangeAdjust,
                 all: { position: true, getDisabled }
               }]
             ])
-          ], 2)) : vue.createCommentVNode("", true)
+          ], 2)) : require$$0.createCommentVNode("", true)
         ]),
         _: 3
       }, 8, ["disabled", "to"]);

package/dist/components/window/src/index.d.ts

@@ -1,6 +1,6 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>>;
+    slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>>;
     refs: {
         refBox: HTMLDivElement;
         refBody: HTMLDivElement;
@@ -48,9 +48,16 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    noMin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     often: {
         type: BooleanConstructor;
     };
+    max: {
+        type: BooleanConstructor;
+    };
     title: {
         type: StringConstructor;
     };
@@ -63,6 +70,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     disabled: {
         type: BooleanConstructor;
     };
+    boxClass: {
+        type: StringConstructor;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     drag: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -103,9 +113,16 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    noMin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     often: {
         type: BooleanConstructor;
     };
+    max: {
+        type: BooleanConstructor;
+    };
     title: {
         type: StringConstructor;
     };
@@ -118,16 +135,21 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     disabled: {
         type: BooleanConstructor;
     };
+    boxClass: {
+        type: StringConstructor;
+    };
 }>> & Readonly<{}>, {
     mask: boolean;
     modelValue: boolean;
     disabled: boolean;
+    max: boolean;
     drag: string | boolean;
-    often: boolean;
     adjust: boolean;
+    often: boolean;
     maskClose: boolean;
     minChange: boolean;
     closeHave: boolean;
+    noMin: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     refBox: HTMLDivElement;
     refBody: HTMLDivElement;

package/dist/components/window/src/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, shallowRef, watch, nextTick, onUnmounted, createBlock, openBlock, unref, withCtx, createElementBlock, createCommentVNode, normalizeClass, withDirectives, renderSlot, createElementVNode, createVNode } from "vue";
+import { defineComponent, shallowRef, watch, nextTick, onMounted, onUnmounted, createBlock, openBlock, unref, withCtx, createElementBlock, createCommentVNode, normalizeClass, withDirectives, renderSlot, createElementVNode, createVNode } from "vue";
 import { getCss } from "@fangzhongya/utils/css/getCss";
 import { setCss } from "@fangzhongya/utils/css/setCss";
 import { dataEmits, dataProps, dataExpose, dataSlot } from "./data.js";
@@ -8,21 +8,10 @@ import vAdjust from "../../../directives/adjust/index.js";
 import { BoxTitle } from "../../box-title/index.js";
 import { BoxMask } from "../../box-mask/index.js";
 import { BoxTeleport } from "../../box-teleport/index.js";
+import { setClassName } from "@fangzhongya/utils/css/setClassName";
 import vDrag from "../../../directives/drag/index.js";
 const _hoisted_1 = ["title"];
 const _hoisted_2 = ["title"];
-const _hoisted_3 = {
-  key: 0,
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg",
-  "data-v-ea893728": ""
-};
-const _hoisted_4 = {
-  key: 1,
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg",
-  "data-v-ea893728": ""
-};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
@@ -34,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = useCssName("window");
     const props = __props;
     const emit = __emit;
-    const isMax = shallowRef(false);
+    const isMax = shallowRef(props.max);
     const isMin = shallowRef(false);
     const isClose = shallowRef(true);
     const refBox = shallowRef();
@@ -52,6 +41,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           } else {
             isMax.value = false;
           }
+          setBoxClass();
+        } else {
+          isClose.value = true;
         }
       },
       { immediate: true }
@@ -122,6 +114,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         } else {
           refBody.value.className = cs.z("body");
         }
+        onChangeAdjust();
       }
     }
     function onMin() {
@@ -156,7 +149,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       remove();
     }
+    function onChangeAdjust() {
+      emit("changesize");
+    }
+    function setBoxClass(oldValue = "") {
+      nextTick(() => {
+        setClassName(refBox.value, props.boxClass, oldValue);
+      });
+    }
+    let stop;
+    onMounted(() => {
+      stop = watch(
+        () => props.boxClass,
+        (newValue, oldValue) => {
+          setBoxClass(oldValue);
+        },
+        { immediate: true }
+      );
+    });
     onUnmounted(() => {
+      if (stop) {
+        stop();
+      }
       if (props.pallet) {
         props.pallet.remove(wykey, props.title);
       }
@@ -193,41 +207,56 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   title: props.title
                 }, {
                   icon: withCtx(() => [
-                    createElementVNode("i", {
+                    !props.noMin ? (openBlock(), createElementBlock("i", {
+                      key: 0,
                       title: unref(getLocale)("minh"),
                       onClick: onMin,
                       class: normalizeClass(unref(cs).z("title-min"))
-                    }, _cache[0] || (_cache[0] = [
-                      createElementVNode("svg", {
-                        viewBox: "0 0 1024 1024",
-                        xmlns: "http://www.w3.org/2000/svg",
-                        "data-v-ea893728": ""
-                      }, [
-                        createElementVNode("path", {
-                          fill: "currentColor",
-                          d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"
-                        })
-                      ], -1)
-                    ]), 10, _hoisted_1),
+                    }, [
+                      renderSlot(_ctx.$slots, unref(dataSlot)["icon-min"], {}, () => [
+                        _cache[0] || (_cache[0] = createElementVNode("svg", {
+                          viewBox: "0 0 1024 1024",
+                          xmlns: "http://www.w3.org/2000/svg",
+                          "data-v-ea893728": ""
+                        }, [
+                          createElementVNode("path", {
+                            fill: "currentColor",
+                            d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"
+                          })
+                        ], -1))
+                      ])
+                    ], 10, _hoisted_1)) : createCommentVNode("", true),
                     createElementVNode("i", {
                       title: unref(getLocale)(isMax.value ? "tmaxh" : "maxh"),
                       onClick: onMax,
                       class: normalizeClass(unref(cs).z("title-max"))
                     }, [
-                      isMax.value ? (openBlock(), createElementBlock("svg", _hoisted_3, _cache[1] || (_cache[1] = [
-                        createElementVNode("path", {
-                          fill: "currentColor",
-                          d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z"
-                        }, null, -1)
-                      ]))) : (openBlock(), createElementBlock("svg", _hoisted_4, _cache[2] || (_cache[2] = [
-                        createElementVNode("path", {
-                          fill: "currentColor",
-                          d: "m512 747.84 228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 0 1-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z"
-                        }, null, -1)
-                      ])))
+                      isMax.value ? renderSlot(_ctx.$slots, unref(dataSlot)["icon-full"], { key: 0 }, () => [
+                        _cache[1] || (_cache[1] = createElementVNode("svg", {
+                          viewBox: "0 0 1024 1024",
+                          xmlns: "http://www.w3.org/2000/svg",
+                          "data-v-ea893728": ""
+                        }, [
+                          createElementVNode("path", {
+                            fill: "currentColor",
+                            d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z"
+                          })
+                        ], -1))
+                      ]) : renderSlot(_ctx.$slots, unref(dataSlot)["icon-max"], { key: 1 }, () => [
+                        _cache[2] || (_cache[2] = createElementVNode("svg", {
+                          viewBox: "0 0 1024 1024",
+                          xmlns: "http://www.w3.org/2000/svg",
+                          "data-v-ea893728": ""
+                        }, [
+                          createElementVNode("path", {
+                            fill: "currentColor",
+                            d: "m512 747.84 228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 0 1-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z"
+                          })
+                        ], -1))
+                      ])
                     ], 10, _hoisted_2)
                   ]),
-                  _: 1
+                  _: 3
                 }, 8, ["cssprefix", "title"])
               ]),
               createElementVNode("div", {
@@ -243,6 +272,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }],
               [unref(vAdjust), {
                 often: props.often,
+                onChange: onChangeAdjust,
                 all: { position: true, getDisabled }
               }]
             ])

package/dist/directives/adjust/index.cjs

@@ -14,7 +14,7 @@ function getPosition(el) {
   const obj = {};
   keys.forEach((key) => {
     if (el) {
-      obj[key] = Number(getCss.getCss(el, key).replace(/[a-z|A-Z]*$/, ""));
+      obj[key] = Number(getCss.getCss(el, key).replace(/[a-z|A-Z|%]*$/, ""));
     } else {
       obj[key] = 0;
     }
@@ -393,7 +393,12 @@ const types = [
 function getAdjustObj(el, key, param) {
   var _a;
   key = lineToSmallHump.lineToSmallHump(key);
-  let obj = {};
+  let obj = {
+    key,
+    el,
+    param
+  };
+  const noxux = param.noxux;
   if (param.adjoin) {
     if (typeof param.adjoin == "boolean") {
       obj.adjoin = getAdjoin(el, key);
@@ -414,7 +419,9 @@ function getAdjustObj(el, key, param) {
     } else {
       obj.domObj.set(mousedownEvent.clientX, mousedownEvent.clientY);
     }
-    obj.domObj.show();
+    if (!noxux) {
+      obj.domObj.show();
+    }
   };
   obj.setValue = getValue(key, obj.adjoin, param.position);
   obj.setMouseup = (mousedownEvent, event, ecs, acs) => {
@@ -465,6 +472,8 @@ const vAdjust = {
   mounted(el, binding) {
     const value = binding.value;
     const often = value.often;
+    const onChange = value.onChange;
+    delete value.onChange;
     delete value.often;
     if (value && Object.keys(value).length > 0) {
       let getVobj = function(e) {
@@ -487,9 +496,11 @@ const vAdjust = {
       }, remove = function() {
         bodyStyle.cursor = cursor;
         status = true;
+        if (isCur) {
+          setCss.setCss(getDomHeight(), "display", "none");
+          setCss.setCss(getDomWidth(), "display", "none");
+        }
         isCur = false;
-        setCss.setCss(getDomHeight(), "display", "none");
-        setCss.setCss(getDomWidth(), "display", "none");
       };
       const arr = getArr(value, el);
       let vobj;
@@ -521,6 +532,14 @@ const vAdjust = {
       const handleMouseUp = (event) => {
         if (isCur) {
           vobj.setMouseup(mousedownEvent, event, ecs, acs);
+          if (onChange && typeof onChange == "function") {
+            onChange(vobj, {
+              start: mousedownEvent,
+              end: event,
+              startPosit: ecs,
+              endPosit: getPosition(vobj.el)
+            });
+          }
         }
         remove();
       };

package/dist/directives/adjust/index.d.ts

@@ -1,6 +1,7 @@
 import { Directive } from 'vue';
 /**
  *  Adjust
+ *  改变窗口大小
  */
 declare const _default: Directive;
 export default _default;