@fangzhongya/fang-ui 0.1.55 → 0.1.57

package/dist/components/edit-data-add/src/index2.js

@@ -46,6 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       boolean: "是否",
       object: "对象",
       array: "数组",
+      date: "时间",
       function: "方法",
       symbol: "唯一值",
       bigint: "大数字",
@@ -62,6 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "object",
         "array",
         "function",
+        "date",
         "symbol",
         "bigint",
         "other"

package/dist/components/edit-float/src/index2.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const edit = require("../../../icons/vue/edit.cjs");
+require("../../../icons/vue/edit.cjs");
 const index$6 = require("../../icon/index.cjs");
 const index$3 = require("../../popover/index.cjs");
 const index$5 = require("../../button/index.cjs");
@@ -10,6 +10,7 @@ const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const index$2 = require("../../../hooks/props-default/index.cjs");
+const edit_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/edit2.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: index$2.getProps(data.dataProps),
@@ -107,7 +108,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 class: vue.normalizeClass(vue.unref(cs).z("icon"))
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(edit.default)
+                  vue.createVNode(edit_vue_vue_type_script_setup_true_lang.default)
                 ]),
                 _: 1
               }, 8, ["class"])) : vue.createCommentVNode("", true)

package/dist/components/edit-float/src/index2.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, watch, onMounted, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createElementVNode, toDisplayString, createTextVNode, createBlock, createCommentVNode, withModifiers } from "vue";
-import Edit from "../../../icons/vue/edit.js";
+import "../../../icons/vue/edit.js";
 import { Icon } from "../../icon/index.js";
 import { Popover } from "../../popover/index.js";
 import { Button } from "../../button/index.js";
@@ -8,6 +8,7 @@ import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
+import _sfc_main$1 from "../../../icons/vue/edit2.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: getProps(dataProps),
@@ -105,7 +106,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(unref(cs).z("icon"))
               }, {
                 default: withCtx(() => [
-                  createVNode(Edit)
+                  createVNode(_sfc_main$1)
                 ]),
                 _: 1
               }, 8, ["class"])) : createCommentVNode("", true)

package/dist/components/history/src/index2.cjs

@@ -2,12 +2,14 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const index$2 = require("../../icon/index.cjs");
-const left = require("../../../icons/vue/left.cjs");
-const right = require("../../../icons/vue/right.cjs");
+require("../../../icons/vue/left.cjs");
+require("../../../icons/vue/right.cjs");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const deepCopy = require("@fangzhongya/utils/basic/object/deepCopy");
 const index$1 = require("../../../hooks/props-default/index.cjs");
+const left_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/left2.cjs");
+const right_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/right2.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: index$1.getProps(data.dataProps),
@@ -108,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }, {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).iconRetreat, {}, () => [
-              vue.createVNode(left.default)
+              vue.createVNode(left_vue_vue_type_script_setup_true_lang.default)
             ])
           ]),
           _: 3
@@ -123,7 +125,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }, {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).iconForward, {}, () => [
-              vue.createVNode(right.default)
+              vue.createVNode(right_vue_vue_type_script_setup_true_lang.default)
             ])
           ]),
           _: 3

package/dist/components/history/src/index2.js

@@ -1,11 +1,13 @@
 import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, renderSlot } from "vue";
 import { Icon } from "../../icon/index.js";
-import Left from "../../../icons/vue/left.js";
-import Right from "../../../icons/vue/right.js";
+import "../../../icons/vue/left.js";
+import "../../../icons/vue/right.js";
 import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { deepCopy } from "@fangzhongya/utils/basic/object/deepCopy";
 import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
+import _sfc_main$1 from "../../../icons/vue/left2.js";
+import _sfc_main$2 from "../../../icons/vue/right2.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: getProps(dataProps),
@@ -106,7 +108,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             renderSlot(_ctx.$slots, unref(dataSlot).iconRetreat, {}, () => [
-              createVNode(Left)
+              createVNode(_sfc_main$1)
             ])
           ]),
           _: 3
@@ -121,7 +123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             renderSlot(_ctx.$slots, unref(dataSlot).iconForward, {}, () => [
-              createVNode(Right)
+              createVNode(_sfc_main$2)
             ])
           ]),
           _: 3

package/dist/components/input-array/src/index2.cjs

@@ -2,12 +2,13 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const index$4 = require("../../icon/index.cjs");
-const clear = require("../../../icons/vue/clear.cjs");
+require("../../../icons/vue/clear.cjs");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const index$2 = require("../../input-number/index.cjs");
 const index$3 = require("../../input/index.cjs");
 const index$1 = require("../../../hooks/props-default/index.cjs");
+const clear_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/clear2.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: index$1.getProps(data.dataProps),
@@ -203,7 +204,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           onClick: vue.withModifiers(onClear, ["stop"])
         }, {
           default: vue.withCtx(() => [
-            vue.createVNode(clear.default)
+            vue.createVNode(clear_vue_vue_type_script_setup_true_lang.default)
           ]),
           _: 1
         }, 8, ["class"])) : vue.createCommentVNode("", true),

package/dist/components/input-array/src/index2.js

@@ -1,11 +1,12 @@
 import { defineComponent, ref, computed, watch, createElementBlock, openBlock, withModifiers, normalizeClass, unref, renderSlot, createBlock, createElementVNode, createCommentVNode, toDisplayString, withCtx, createVNode } from "vue";
 import { Icon } from "../../icon/index.js";
-import Clear from "../../../icons/vue/clear.js";
+import "../../../icons/vue/clear.js";
 import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { InputNumber } from "../../input-number/index.js";
 import { Input } from "../../input/index.js";
 import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
+import _sfc_main$1 from "../../../icons/vue/clear2.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: getProps(dataProps),
@@ -201,7 +202,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClick: withModifiers(onClear, ["stop"])
         }, {
           default: withCtx(() => [
-            createVNode(Clear)
+            createVNode(_sfc_main$1)
           ]),
           _: 1
         }, 8, ["class"])) : createCommentVNode("", true),

package/dist/components/input-history/src/index2.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const index$6 = require("../../icon/index.cjs");
-const clear = require("../../../icons/vue/clear.cjs");
+require("../../../icons/vue/clear.cjs");
 const index$4 = require("../../../hooks/expose/index.cjs");
 const index$5 = require("../../popover/index.cjs");
 const index$8 = require("../../button/index.cjs");
@@ -17,6 +17,7 @@ require("../../form/index.cjs");
 const index$3 = require("element-plus/es/components/form/index");
 const replaceAfter = require("@fangzhongya/utils/basic/array/replaceAfter");
 const deleteArray = require("@fangzhongya/utils/basic/array/deleteArray");
+const clear_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/clear2.cjs");
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
@@ -166,7 +167,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       onClick: vue.withModifiers(($event) => onClean(item), ["stop"])
                     }, {
                       default: vue.withCtx(() => [
-                        vue.createVNode(clear.default)
+                        vue.createVNode(clear_vue_vue_type_script_setup_true_lang.default)
                       ]),
                       _: 1
                     }, 8, ["class", "onClick"])) : vue.createCommentVNode("", true)

package/dist/components/input-history/src/index2.js

@@ -1,6 +1,6 @@
 import { defineComponent, useAttrs, useSlots, ref, watch, onMounted, createElementBlock, openBlock, mergeProps, unref, createVNode, createBlock, createCommentVNode, withCtx, normalizeClass, createElementVNode, Fragment, renderList, withModifiers, toDisplayString, withKeys, createSlots, renderSlot, normalizeProps, guardReactiveProps, createTextVNode } from "vue";
 import { Icon } from "../../icon/index.js";
-import Clear from "../../../icons/vue/clear.js";
+import "../../../icons/vue/clear.js";
 import { useExpose } from "../../../hooks/expose/index.js";
 import { Popover } from "../../popover/index.js";
 import { Button } from "../../button/index.js";
@@ -15,6 +15,7 @@ import "../../form/index.js";
 import { useDisabled } from "element-plus/es/components/form/index";
 import { replaceAfter } from "@fangzhongya/utils/basic/array/replaceAfter";
 import { deleteArray } from "@fangzhongya/utils/basic/array/deleteArray";
+import _sfc_main$1 from "../../../icons/vue/clear2.js";
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
@@ -164,7 +165,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       onClick: withModifiers(($event) => onClean(item), ["stop"])
                     }, {
                       default: withCtx(() => [
-                        createVNode(Clear)
+                        createVNode(_sfc_main$1)
                       ]),
                       _: 1
                     }, 8, ["class", "onClick"])) : createCommentVNode("", true)

package/dist/components/input-select/src/index2.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const index$6 = require("../../icon/index.cjs");
-const clear = require("../../../icons/vue/clear.cjs");
-const below = require("../../../icons/vue/below.cjs");
+require("../../../icons/vue/clear.cjs");
+require("../../../icons/vue/below.cjs");
 const data = require("./data.cjs");
 const index$5 = require("../../inputs/index.cjs");
 const index$4 = require("../../popover/index.cjs");
@@ -14,6 +14,8 @@ const getCss = require("@fangzhongya/utils/css/getCss");
 require("../../form/index.cjs");
 const index$2 = require("../../../hooks/props-default/index.cjs");
 const index$3 = require("element-plus/es/components/form/index");
+const clear_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/clear2.cjs");
+const below_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/below2.cjs");
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
@@ -153,7 +155,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   onClick: vue.withModifiers(onClear, ["stop"])
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(clear.default)
+                    vue.createVNode(clear_vue_vue_type_script_setup_true_lang.default)
                   ]),
                   _: 1
                 }, 8, ["class"])) : vue.createCommentVNode("", true),
@@ -166,7 +168,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 }, {
                   default: vue.withCtx(() => [
                     vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).iconSelect, {}, () => [
-                      vue.createVNode(below.default)
+                      vue.createVNode(below_vue_vue_type_script_setup_true_lang.default)
                     ])
                   ]),
                   _: 3

package/dist/components/input-select/src/index2.js

@@ -1,7 +1,7 @@
 import { defineComponent, useAttrs, useSlots, ref, computed, onMounted, createBlock, openBlock, unref, withCtx, createElementVNode, normalizeClass, createElementBlock, Fragment, renderList, withModifiers, toDisplayString, mergeProps, createVNode, createSlots, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { Icon } from "../../icon/index.js";
-import Clear from "../../../icons/vue/clear.js";
-import Below from "../../../icons/vue/below.js";
+import "../../../icons/vue/clear.js";
+import "../../../icons/vue/below.js";
 import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import { Inputs } from "../../inputs/index.js";
 import { Popover } from "../../popover/index.js";
@@ -12,6 +12,8 @@ import { getCss } from "@fangzhongya/utils/css/getCss";
 import "../../form/index.js";
 import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 import { useDisabled } from "element-plus/es/components/form/index";
+import _sfc_main$1 from "../../../icons/vue/clear2.js";
+import _sfc_main$2 from "../../../icons/vue/below2.js";
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
@@ -151,7 +153,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onClick: withModifiers(onClear, ["stop"])
                 }, {
                   default: withCtx(() => [
-                    createVNode(Clear)
+                    createVNode(_sfc_main$1)
                   ]),
                   _: 1
                 }, 8, ["class"])) : createCommentVNode("", true),
@@ -164,7 +166,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, {
                   default: withCtx(() => [
                     renderSlot(_ctx.$slots, unref(dataSlot).iconSelect, {}, () => [
-                      createVNode(Below)
+                      createVNode(_sfc_main$2)
                     ])
                   ]),
                   _: 3

package/dist/components/labels/src/data.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes } from 'vue';
-import { comHandle } from '../../common/list';
+import { comHandle, Options } from '../../common/list';
 /**
  * @title {h3} labels
  */
@@ -29,10 +29,10 @@ export declare const dataProps: {
     };
     options: {
         type: {
-            (arrayLength: number): (string | number | boolean | ObjAny)[];
-            (...items: (string | number | boolean | ObjAny)[]): (string | number | boolean | ObjAny)[];
-            new (arrayLength: number): (string | number | boolean | ObjAny)[];
-            new (...items: (string | number | boolean | ObjAny)[]): (string | number | boolean | ObjAny)[];
+            (arrayLength: number): Options[];
+            (...items: Options[]): Options[];
+            new (arrayLength: number): Options[];
+            new (...items: Options[]): Options[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];

package/dist/components/message/index.d.ts

@@ -1,8 +1,15 @@
-import { SFCInstallWithContext } from 'element-plus/es/utils';
-import { Message } from 'element-plus/es/components';
-import { Plugin } from 'vue';
+import { MessageFn, MessageTypedFn } from 'packages';
+import { ObjectPlugin, AppContext, Plugin } from 'vue';
 export * from './src/export';
-declare const Message: SFCInstallWithContext<Message> & {
+declare const Message: MessageFn & {
+    primary: MessageTypedFn;
+    success: MessageTypedFn;
+    warning: MessageTypedFn;
+    info: MessageTypedFn;
+    error: MessageTypedFn;
+} & ObjectPlugin & {
+    _context: AppContext | null;
+} & {
     install: Plugin["install"];
 };
 export { Message };

package/dist/components/message/src/function.d.ts

@@ -1,6 +1,13 @@
-import { SFCInstallWithContext } from 'element-plus/es/utils';
-import { Message } from 'element-plus/es/components';
-import { Plugin } from 'vue';
-export declare function withInstall<T>(fun: T, name: string): SFCInstallWithContext<Message> & {
+import { MessageFn, MessageTypedFn } from 'packages';
+import { ObjectPlugin, AppContext, Plugin } from 'vue';
+export declare function withInstall<T>(fun: T, name: string): MessageFn & {
+    primary: MessageTypedFn;
+    success: MessageTypedFn;
+    warning: MessageTypedFn;
+    info: MessageTypedFn;
+    error: MessageTypedFn;
+} & ObjectPlugin & {
+    _context: AppContext | null;
+} & {
     install: Plugin["install"];
 };

package/dist/components/message-box/index.d.ts

@@ -1,8 +1,7 @@
-import { SFCWithInstall } from 'element-plus/es/utils';
 import { IElMessageBox } from 'packages';
-import { AppContext } from 'vue';
+import { ObjectPlugin, AppContext } from 'vue';
 export * from './src/export';
-declare const MessageBox: SFCWithInstall<IElMessageBox> & {
+declare const MessageBox: IElMessageBox & ObjectPlugin & {
     install: Function;
     _context: AppContext | null;
 };

package/dist/components/message-box/src/function.d.ts

@@ -1,7 +1,6 @@
-import { AppContext } from 'vue';
-import { SFCWithInstall } from 'element-plus/es/utils';
+import { AppContext, ObjectPlugin } from 'vue';
 import { IElMessageBox } from 'packages';
-export declare function withInstall<T>(fun: T, name: string): SFCWithInstall<IElMessageBox> & {
+export declare function withInstall<T>(fun: T, name: string): IElMessageBox & ObjectPlugin & {
     install: Function;
     _context: AppContext | null;
 };

package/dist/components/retract/index.css

@@ -24,6 +24,9 @@
 
 .retract {
   position: relative;
+  --retract-width: 12px;
+  --retract-height: 40px;
+  --retract-width-adjust: 8px;
 }
 .retract-div.left, .retract-div.right {
   height: 100%;
@@ -53,13 +56,13 @@
 }
 .retract .retract-but.is-left {
   top: 50%;
-  width: 20px;
-  height: 50px;
-  margin-top: -25px;
-  left: -20px;
+  height: var(--retract-height);
+  margin-top: calc(var(--retract-height) / 2 * -1);
+  width: var(--retract-width);
+  left: calc(0 - var(--retract-width));
 }
 .retract .retract-but.is-left.is-adjust {
-  left: -10px;
+  left: calc(var(--retract-width-adjust) - var(--retract-width));
 }
 .retract .retract-but.is-left .retract-icon {
   transform: rotate(0);
@@ -69,13 +72,13 @@
 }
 .retract .retract-but.is-right {
   top: 50%;
-  width: 20px;
-  height: 50px;
-  margin-top: -25px;
-  right: -20px;
+  height: var(--retract-height);
+  margin-top: calc(var(--retract-height) / 2 * -1);
+  width: var(--retract-width);
+  right: calc(0 - var(--retract-width));
 }
 .retract .retract-but.is-right.is-adjust {
-  right: -10px;
+  right: calc(var(--retract-width-adjust) - var(--retract-width));
 }
 .retract .retract-but.is-right .retract-icon {
   transform: rotate(-180deg);
@@ -85,13 +88,13 @@
 }
 .retract .retract-but.is-top {
   left: 50%;
-  width: 50px;
-  height: 20px;
-  margin-left: -25px;
-  top: -20px;
+  width: var(--retract-height);
+  margin-left: calc(var(--retract-height) / 2 * -1);
+  height: var(--retract-width);
+  top: calc(0 - var(--retract-width));
 }
 .retract .retract-but.is-top.is-adjust {
-  top: -10px;
+  top: calc(var(--retract-width-adjust) - var(--retract-width));
 }
 .retract .retract-but.is-top .retract-icon {
   transform: rotate(90deg);
@@ -101,13 +104,13 @@
 }
 .retract .retract-but.is-bottom {
   left: 50%;
-  width: 50px;
-  height: 20px;
-  margin-left: -25px;
-  bottom: -20px;
+  width: var(--retract-height);
+  margin-left: calc(var(--retract-height) / 2 * -1);
+  height: var(--retract-width);
+  bottom: calc(0 - var(--retract-width));
 }
 .retract .retract-but.is-bottom.is-adjust {
-  bottom: -10px;
+  bottom: calc(var(--retract-width-adjust) - var(--retract-width));
 }
 .retract .retract-but.is-bottom .retract-icon {
   transform: rotate(-90deg);

package/dist/components/retract/index.scss

@@ -3,6 +3,9 @@
 $retract: 'retract';
 @include b($retract) {
 	position: relative;
+	#{vdm('width', $retract)}: 12px;
+	#{vdm('height', $retract)}: 40px;
+	#{vdm('width-adjust', $retract)}: 8px;
 	&-div {
 		&.left,
 		&.right {
@@ -34,12 +37,16 @@ $retract: 'retract';
 		}
 		&.is-left {
 			top: 50%;
-			width: 20px;
-			height: 50px;
-			margin-top: -25px;
-			left: -20px;
+			height: var(#{vdm('height', $retract)});
+			margin-top: calc(var(#{vdm('height', $retract)}) / 2 * -1);
+			width: var(#{vdm('width', $retract)});
+			left: calc(0 - var(#{vdm('width', $retract)}));
 			&.#{is('adjust')} {
-				left: -10px;
+				left: calc(
+					var(#{vdm('width-adjust', $retract)}) - var(
+							#{vdm('width', $retract)}
+						)
+				);
 			}
 			.#{$retract}-icon {
 				transform: rotate(0);
@@ -50,12 +57,16 @@ $retract: 'retract';
 		}
 		&.is-right {
 			top: 50%;
-			width: 20px;
-			height: 50px;
-			margin-top: -25px;
-			right: -20px;
+			height: var(#{vdm('height', $retract)});
+			margin-top: calc(var(#{vdm('height', $retract)}) / 2 * -1);
+			width: var(#{vdm('width', $retract)});
+			right: calc(0 - var(#{vdm('width', $retract)}));
 			&.#{is('adjust')} {
-				right: -10px;
+				right: calc(
+					var(#{vdm('width-adjust', $retract)}) - var(
+							#{vdm('width', $retract)}
+						)
+				);
 			}
 			.#{$retract}-icon {
 				transform: rotate(-180deg);
@@ -66,12 +77,16 @@ $retract: 'retract';
 		}
 		&.is-top {
 			left: 50%;
-			width: 50px;
-			height: 20px;
-			margin-left: -25px;
-			top: -20px;
+			width: var(#{vdm('height', $retract)});
+			margin-left: calc(var(#{vdm('height', $retract)}) / 2 * -1);
+			height: var(#{vdm('width', $retract)});
+			top: calc(0 - var(#{vdm('width', $retract)}));
 			&.#{is('adjust')} {
-				top: -10px;
+				top: calc(
+					var(#{vdm('width-adjust', $retract)}) - var(
+							#{vdm('width', $retract)}
+						)
+				);
 			}
 			.#{$retract}-icon {
 				transform: rotate(90deg);
@@ -82,12 +97,16 @@ $retract: 'retract';
 		}
 		&.is-bottom {
 			left: 50%;
-			width: 50px;
-			height: 20px;
-			margin-left: -25px;
-			bottom: -20px;
+			width: var(#{vdm('height', $retract)});
+			margin-left: calc(var(#{vdm('height', $retract)}) / 2 * -1);
+			height: var(#{vdm('width', $retract)});
+			bottom: calc(0 - var(#{vdm('width', $retract)}));
 			&.#{is('adjust')} {
-				bottom: -10px;
+				bottom: calc(
+					var(#{vdm('width-adjust', $retract)}) - var(
+							#{vdm('width', $retract)}
+						)
+				);
 			}
 			.#{$retract}-icon {
 				transform: rotate(-90deg);

package/dist/components/retract/src/data.cjs

@@ -20,9 +20,12 @@ const dataProps = buildProps.buildProps({
   },
   isAdjust: {
     type: Boolean
+  },
+  modelValue: {
+    type: Boolean
   }
 });
-const dataEmits = {};
+const dataEmits = ["update:modelValue"];
 const dataSlot = {
   default: "default",
   icon: "icon"

package/dist/components/retract/src/data.d.ts

@@ -23,11 +23,14 @@ export declare const dataProps: {
     isAdjust: {
         type: BooleanConstructor;
     };
+    modelValue: {
+        type: BooleanConstructor;
+    };
 };
 export type DataProps = ExtractPropTypes<typeof dataProps>;
 /**
  */
-export declare const dataEmits: {};
+export declare const dataEmits: string[];
 export type DataEmits = typeof dataEmits;
 /**
  * @slot default 默认插槽

package/dist/components/retract/src/data.js

@@ -18,9 +18,12 @@ const dataProps = buildProps({
   },
   isAdjust: {
     type: Boolean
+  },
+  modelValue: {
+    type: Boolean
   }
 });
-const dataEmits = {};
+const dataEmits = ["update:modelValue"];
 const dataSlot = {
   default: "default",
   icon: "icon"