@fangzhongya/fang-ui 0.0.26 → 0.0.28

package/dist/components/array/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/box/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/box-adjust/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/box-local/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/box-mask/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/box-title/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

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

@@ -278,7 +278,7 @@ declare const Button: {
             };
         }>> & {
             onClick?: ((evt: MouseEvent) => any) | undefined;
-        }, "size" | "type" | "link" | "circle" | "text" | "ref" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "bg" | "autofocus" | "round" | "dark" | "autoInsertSpace" | "tag" | "shouldAddSpace"> & ShallowUnwrapRef<{
+        }, "size" | "type" | "link" | "circle" | "text" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "bg" | "autofocus" | "round" | "dark" | "autoInsertSpace" | "tag" | "ref" | "shouldAddSpace"> & ShallowUnwrapRef<{
             ref: Ref<HTMLButtonElement | undefined>;
             size: ComputedRef<"" | "small" | "default" | "large">;
             type: ComputedRef<string>;

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

@@ -278,7 +278,7 @@ declare function __VLS_template(): {
             };
         }>> & {
             onClick?: ((evt: MouseEvent) => any) | undefined;
-        }, "size" | "type" | "link" | "circle" | "text" | "ref" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "bg" | "autofocus" | "round" | "dark" | "autoInsertSpace" | "tag" | "shouldAddSpace"> & ShallowUnwrapRef<{
+        }, "size" | "type" | "link" | "circle" | "text" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "bg" | "autofocus" | "round" | "dark" | "autoInsertSpace" | "tag" | "ref" | "shouldAddSpace"> & ShallowUnwrapRef<{
             ref: Ref<HTMLButtonElement | undefined>;
             size: ComputedRef<"" | "small" | "default" | "large">;
             type: ComputedRef<string>;
@@ -572,7 +572,7 @@ declare const __VLS_component: DefineComponent<{}, {
         };
     }>> & {
         onClick?: ((evt: MouseEvent) => any) | undefined;
-    }, "size" | "type" | "link" | "circle" | "text" | "ref" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "bg" | "autofocus" | "round" | "dark" | "autoInsertSpace" | "tag" | "shouldAddSpace"> & ShallowUnwrapRef<{
+    }, "size" | "type" | "link" | "circle" | "text" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "bg" | "autofocus" | "round" | "dark" | "autoInsertSpace" | "tag" | "ref" | "shouldAddSpace"> & ShallowUnwrapRef<{
         ref: Ref<HTMLButtonElement | undefined>;
         size: ComputedRef<"" | "small" | "default" | "large">;
         type: ComputedRef<string>;

package/dist/components/buttons/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/cascaders/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/checks/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/css/common.scss

@@ -5,8 +5,7 @@
 @forward './mixins.scss';
 
 :root {
-	--#{$cssname}icon-picker-on: rgb(91, 189, 246);
-	--#{$cssname}icon-picker-border: #eee;
+	--#{$cssname}on: rgb(91, 189, 246);
 	--#{$cssname}color-primary: #409eff;
 	--#{$cssname}bag-primary: #409eff;
 	--#{$cssname}bag-primary-text: #fff;

package/dist/components/dates/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;
@@ -13,7 +12,7 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.dates-date {
+.dates dates-date {
   height: 100%;
   width: 100%;
   box-sizing: border-box;

package/dist/components/dates/index.scss

@@ -2,11 +2,9 @@
 
 $dates: 'dates';
 @include b($dates) {
-	& {
-		&-date {
-			height: 100%;
-			width: 100%;
-			box-sizing: border-box;
-		}
+	#{z($dates, 'date')} {
+		height: 100%;
+		width: 100%;
+		box-sizing: border-box;
 	}
 }

package/dist/components/dialog/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;
@@ -19,7 +18,7 @@
 .f-dialog.el-dialog .el-dialog__header {
   padding-top: 16px;
   padding-left: 20px;
-  border-bottom: 1px solid #e5e7eb;
+  border-bottom: 1px solid var(--border);
 }
 .f-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
   width: 56px;
@@ -30,6 +29,6 @@
   padding: 20px 30px;
 }
 .f-dialog.el-dialog .el-dialog__footer {
-  border-top: 1px solid #e5e7eb;
+  border-top: 1px solid var(--border);
   padding: 20px 20px;
 }

package/dist/components/dialog/index.scss

@@ -9,11 +9,11 @@ $dialog: 'f-dialog';
 				padding-top: 16px;
 				padding-left: 20px;
 				// background-color: #3770ed;
-				border-bottom: 1px solid #e5e7eb;
-				.#{e()}dialog__title,
-				.#{e()}dialog__close {
-					// color: #fff;
-				}
+				border-bottom: 1px solid var(--#{$cssname}border);
+				// .#{e()}dialog__title,
+				// .#{e()}dialog__close {
+				// 	// color: #fff;
+				// }
 				.#{e()}dialog__headerbtn {
 					width: 56px;
 					height: 56px;
@@ -24,7 +24,7 @@ $dialog: 'f-dialog';
 				padding: 20px 30px;
 			}
 			&__footer {
-				border-top: 1px solid #e5e7eb;
+				border-top: 1px solid var(--#{$cssname}border);
 				padding: 20px 20px;
 			}
 		}

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

@@ -1,11 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const es = require("element-plus/es");
-require("element-plus/es/components/base/style/css");
-require("element-plus/es/components/dialog/style/css");
-require("element-plus/es/components/button/style/css");
 const vue = require("vue");
 const data = require("./data.cjs");
+const ElDialog = require("element-plus/es/components/dialog/index");
+const ElButton = require("element-plus/es/components/button/index");
 const index = require("../../../hooks/cssname/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
@@ -34,9 +32,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     __expose({});
     return (_ctx, _cache) => {
-      const _component_el_button = es.ElButton;
-      const _component_el_dialog = es.ElDialog;
-      return vue.openBlock(), vue.createBlock(_component_el_dialog, vue.mergeProps(vue.unref(attrs), {
+      return vue.openBlock(), vue.createBlock(vue.unref(ElDialog), vue.mergeProps(vue.unref(attrs), {
         class: vue.unref(cs).z(),
         modelValue: value.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
@@ -59,14 +55,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(cs).z("footer"))
               }, [
-                vue.createVNode(_component_el_button, { onClick: onClose }, {
+                vue.createVNode(vue.unref(ElButton), { onClick: onClose }, {
                   default: vue.withCtx(() => _cache[1] || (_cache[1] = [
                     vue.createTextVNode("关闭")
                   ])),
                   _: 1,
                   __: [1]
                 }),
-                vue.createVNode(_component_el_button, {
+                vue.createVNode(vue.unref(ElButton), {
                   type: "primary",
                   onClick: onSubmit
                 }, {

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

@@ -1,9 +1,7 @@
-import { ElDialog, ElButton } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
-import "element-plus/es/components/dialog/style/css";
-import "element-plus/es/components/button/style/css";
-import { defineComponent, useAttrs, useSlots, computed, createBlock, openBlock, mergeProps, unref, createSlots, renderList, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createTextVNode } from "vue";
+import { defineComponent, useAttrs, useSlots, computed, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createTextVNode } from "vue";
 import { dataEmits, dataProps } from "./data.js";
+import ElDialog from "element-plus/es/components/dialog/index";
+import ElButton from "element-plus/es/components/button/index";
 import { useCssName } from "../../../hooks/cssname/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -32,9 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     __expose({});
     return (_ctx, _cache) => {
-      const _component_el_button = ElButton;
-      const _component_el_dialog = ElDialog;
-      return openBlock(), createBlock(_component_el_dialog, mergeProps(unref(attrs), {
+      return openBlock(), createBlock(unref(ElDialog), mergeProps(unref(attrs), {
         class: unref(cs).z(),
         modelValue: value.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
@@ -57,14 +53,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("div", {
                 class: normalizeClass(unref(cs).z("footer"))
               }, [
-                createVNode(_component_el_button, { onClick: onClose }, {
+                createVNode(unref(ElButton), { onClick: onClose }, {
                   default: withCtx(() => _cache[1] || (_cache[1] = [
                     createTextVNode("关闭")
                   ])),
                   _: 1,
                   __: [1]
                 }),
-                createVNode(_component_el_button, {
+                createVNode(unref(ElButton), {
                   type: "primary",
                   onClick: onSubmit
                 }, {

package/dist/components/dialog/style/index2.scss

@@ -0,0 +1,3 @@
+@use 'element-plus/theme-chalk/src/dialog.scss' as *;
+@use 'element-plus/theme-chalk/src/button.scss' as *;
+@use './index.scss' as *;

package/dist/components/drawer/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/el-tables/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;
@@ -23,6 +22,7 @@
 }
 .tables-table {
   background-color: transparent;
+  --el-table-header-bg-color: rgb(248, 248, 249);
 }
 .tables-table.is-absolute {
   position: absolute;
@@ -30,7 +30,4 @@
   right: 0;
   bottom: 0;
   left: 0;
-}
-.tables-table th.el-table__cell {
-  background-color: rgb(248, 248, 249);
 }

package/dist/components/el-tables/index.scss

@@ -21,8 +21,6 @@ $tables: 'tables';
 		// width: 100%;
 		// 去掉背景色
 		background-color: transparent;
-		th.#{e()}table__cell {
-			background-color: rgb(248, 248, 249);
-		}
+		--#{e()}table-header-bg-color: rgb(248, 248, 249);
 	}
 }

package/dist/components/forms/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;
@@ -99,4 +98,7 @@
 }
 .forms-elf.center .el-form-item__label {
   justify-content: center;
+}
+.forms-buts-div .el-button {
+  height: inherit;
 }

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

@@ -101,6 +101,9 @@ declare const Forms: {
         butLeft: {
             type: StringConstructor;
         };
+        butHeight: {
+            type: StringConstructor;
+        };
         colon: (BooleanConstructor | StringConstructor)[];
         value: {
             type: () => ObjAny;
@@ -530,6 +533,9 @@ declare const Forms: {
         butLeft: {
             type: StringConstructor;
         };
+        butHeight: {
+            type: StringConstructor;
+        };
         colon: (BooleanConstructor | StringConstructor)[];
         value: {
             type: () => ObjAny;
@@ -677,6 +683,9 @@ declare const Forms: {
     butLeft: {
         type: StringConstructor;
     };
+    butHeight: {
+        type: StringConstructor;
+    };
     colon: (BooleanConstructor | StringConstructor)[];
     value: {
         type: () => ObjAny;

package/dist/components/forms/index.scss

@@ -91,4 +91,9 @@ $forms: 'forms';
 			}
 		}
 	}
+	&-buts-div {
+		.#{e()}button {
+			height: inherit;
+		}
+	}
 }

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

@@ -74,7 +74,7 @@ const dataProps = {
   },
   queryInterval: {
     type: String,
-    default: "10px"
+    default: "6px"
   },
   inlineRight: {
     type: String,
@@ -100,6 +100,9 @@ const dataProps = {
   butLeft: {
     type: String
   },
+  butHeight: {
+    type: String
+  },
   colon: [Boolean, String]
 };
 const dataEmits = [

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

@@ -122,6 +122,9 @@ export declare const dataProps: {
     butLeft: {
         type: StringConstructor;
     };
+    butHeight: {
+        type: StringConstructor;
+    };
     colon: (BooleanConstructor | StringConstructor)[];
     value: {
         type: () => ObjAny;

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

@@ -72,7 +72,7 @@ const dataProps = {
   },
   queryInterval: {
     type: String,
-    default: "10px"
+    default: "6px"
   },
   inlineRight: {
     type: String,
@@ -98,6 +98,9 @@ const dataProps = {
   butLeft: {
     type: String
   },
+  butHeight: {
+    type: String
+  },
   colon: [Boolean, String]
 };
 const dataEmits = [

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

@@ -141,7 +141,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 }, {
                   default: vue.withCtx(() => [
                     vue.createElementVNode("div", {
-                      style: vue.normalizeStyle({ height: props.rowHeight }),
+                      style: vue.normalizeStyle({
+                        height: props.butHeight ?? props.rowHeight
+                      }),
                       class: vue.normalizeClass(vue.unref(cs).z("buts-div"))
                     }, [
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(buts), (item, index2) => {

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

@@ -386,6 +386,9 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     butLeft: {
         type: StringConstructor;
     };
+    butHeight: {
+        type: StringConstructor;
+    };
     colon: (BooleanConstructor | StringConstructor)[];
     value: {
         type: () => ObjAny;
@@ -512,6 +515,9 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     butLeft: {
         type: StringConstructor;
     };
+    butHeight: {
+        type: StringConstructor;
+    };
     colon: (BooleanConstructor | StringConstructor)[];
     value: {
         type: () => ObjAny;

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

@@ -139,7 +139,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, {
                   default: withCtx(() => [
                     createElementVNode("div", {
-                      style: normalizeStyle({ height: props.rowHeight }),
+                      style: normalizeStyle({
+                        height: props.butHeight ?? props.rowHeight
+                      }),
                       class: normalizeClass(unref(cs).z("buts-div"))
                     }, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(unref(buts), (item, index) => {

package/dist/components/forms-div/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/forms-drag/index.d.ts

@@ -108,6 +108,9 @@ declare const FormsDrag: {
         butLeft: {
             type: StringConstructor;
         };
+        butHeight: {
+            type: StringConstructor;
+        };
         colon: (BooleanConstructor | StringConstructor)[];
         value: {
             type: () => ObjAny;
@@ -545,6 +548,9 @@ declare const FormsDrag: {
         butLeft: {
             type: StringConstructor;
         };
+        butHeight: {
+            type: StringConstructor;
+        };
         colon: (BooleanConstructor | StringConstructor)[];
         value: {
             type: () => ObjAny;
@@ -700,6 +706,9 @@ declare const FormsDrag: {
     butLeft: {
         type: StringConstructor;
     };
+    butHeight: {
+        type: StringConstructor;
+    };
     colon: (BooleanConstructor | StringConstructor)[];
     value: {
         type: () => ObjAny;

package/dist/components/forms-drag/src/index.d.ts

@@ -393,6 +393,9 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     butLeft: {
         type: StringConstructor;
     };
+    butHeight: {
+        type: StringConstructor;
+    };
     colon: (BooleanConstructor | StringConstructor)[];
     value: {
         type: () => globalThis.ObjAny;
@@ -526,6 +529,9 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     butLeft: {
         type: StringConstructor;
     };
+    butHeight: {
+        type: StringConstructor;
+    };
     colon: (BooleanConstructor | StringConstructor)[];
     value: {
         type: () => globalThis.ObjAny;

package/dist/components/{forms-item → forms-items}/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/global-config/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/icon/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/index.scss

@@ -30,5 +30,5 @@
 @use './text/index.scss' as *;
 @use './el-tables/index.scss' as *;
 @use './pagin/index.scss' as *;
-@use './tables/index.scss' as *;
-@use './vxe-tables/index.scss' as *;
+@use './tables-pagin/index.scss' as *;
+@use './tables/index.scss' as *;

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

@@ -504,7 +504,7 @@ declare const Input: {
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             onClear?: (() => any) | undefined;
-        }, "clear" | "type" | "input" | "select" | "textarea" | "modelValue" | "ref" | "disabled" | "autofocus" | "id" | "tabindex" | "validateEvent" | "focus" | "blur" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
+        }, "clear" | "type" | "input" | "select" | "textarea" | "modelValue" | "disabled" | "autofocus" | "ref" | "id" | "tabindex" | "validateEvent" | "focus" | "blur" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
             input: ShallowRef<HTMLInputElement | undefined>;
             textarea: ShallowRef<HTMLTextAreaElement | undefined>;
             ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;

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

@@ -504,7 +504,7 @@ declare function __VLS_template(): {
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             onClear?: (() => any) | undefined;
-        }, "clear" | "type" | "input" | "select" | "textarea" | "modelValue" | "ref" | "disabled" | "autofocus" | "id" | "tabindex" | "validateEvent" | "focus" | "blur" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
+        }, "clear" | "type" | "input" | "select" | "textarea" | "modelValue" | "disabled" | "autofocus" | "ref" | "id" | "tabindex" | "validateEvent" | "focus" | "blur" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
             input: ShallowRef<HTMLInputElement | undefined>;
             textarea: ShallowRef<HTMLTextAreaElement | undefined>;
             ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
@@ -1030,7 +1030,7 @@ declare const __VLS_component: DefineComponent<{}, {
         onMouseenter?: ((evt: MouseEvent) => any) | undefined;
         onMouseleave?: ((evt: MouseEvent) => any) | undefined;
         onClear?: (() => any) | undefined;
-    }, "clear" | "type" | "input" | "select" | "textarea" | "modelValue" | "ref" | "disabled" | "autofocus" | "id" | "tabindex" | "validateEvent" | "focus" | "blur" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
+    }, "clear" | "type" | "input" | "select" | "textarea" | "modelValue" | "disabled" | "autofocus" | "ref" | "id" | "tabindex" | "validateEvent" | "focus" | "blur" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
         input: ShallowRef<HTMLInputElement | undefined>;
         textarea: ShallowRef<HTMLTextAreaElement | undefined>;
         ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;

package/dist/components/input-array/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/input-history/src/util.d.ts

@@ -0,0 +1,17 @@
+import { Ref, UnwrapRef } from 'vue';
+import { IfAny } from '@vue/shared';
+/**
+ * 删除已经存在数组值，把新值添加最后
+ * @param {Array<T>} arr 当前数组
+ * @param {Object} obj 要处理的对象
+ * @param {string} id 比对的对应属性名称
+ * @param {string} is 是否在前面添加
+ * @returns {Array<T>} 判断后的数组值
+ */
+export declare function replaceAfter<T>(arr: Array<T>, obj: T, id?: string, is?: boolean): Array<T>;
+/**
+ * 删除数组中的值
+ */
+export declare function deleteArray<T>(arr: Array<T>, obj: T, key?: string, is?: boolean): T[] | undefined;
+export declare const useStorage: <T>(storage: string, d: any, is?: boolean) => [T] extends [ Ref<any, any>] ? IfAny<T, Ref<T, T>, T> : Ref<UnwrapRef<T>, T | UnwrapRef<T>>;
+export type UseStorageReturn = ReturnType<typeof useStorage>;

package/dist/components/input-num/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/input-select/index.d.ts

@@ -553,7 +553,7 @@ declare const InputSelect: {
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             onClear?: (() => any) | undefined;
-        }, "clear" | "type" | "input" | "select" | "textarea" | "modelValue" | "ref" | "disabled" | "autofocus" | "id" | "tabindex" | "validateEvent" | "focus" | "blur" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
+        }, "clear" | "type" | "input" | "select" | "textarea" | "modelValue" | "disabled" | "autofocus" | "ref" | "id" | "tabindex" | "validateEvent" | "focus" | "blur" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
             input: ShallowRef<HTMLInputElement | undefined>;
             textarea: ShallowRef<HTMLTextAreaElement | undefined>;
             ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;

package/dist/components/input-select/src/index.d.ts

@@ -504,7 +504,7 @@ declare function __VLS_template(): {
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             onClear?: (() => any) | undefined;
-        }, "clear" | "type" | "input" | "select" | "textarea" | "modelValue" | "ref" | "disabled" | "autofocus" | "id" | "tabindex" | "validateEvent" | "focus" | "blur" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
+        }, "clear" | "type" | "input" | "select" | "textarea" | "modelValue" | "disabled" | "autofocus" | "ref" | "id" | "tabindex" | "validateEvent" | "focus" | "blur" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
             input: ShallowRef<HTMLInputElement | undefined>;
             textarea: ShallowRef<HTMLTextAreaElement | undefined>;
             ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
@@ -1122,7 +1122,7 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         onMouseenter?: ((evt: MouseEvent) => any) | undefined;
         onMouseleave?: ((evt: MouseEvent) => any) | undefined;
         onClear?: (() => any) | undefined;
-    }, "clear" | "type" | "input" | "select" | "textarea" | "modelValue" | "ref" | "disabled" | "autofocus" | "id" | "tabindex" | "validateEvent" | "focus" | "blur" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
+    }, "clear" | "type" | "input" | "select" | "textarea" | "modelValue" | "disabled" | "autofocus" | "ref" | "id" | "tabindex" | "validateEvent" | "focus" | "blur" | "clearable" | "readonly" | "inputmode" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & ShallowUnwrapRef<{
         input: ShallowRef<HTMLInputElement | undefined>;
         textarea: ShallowRef<HTMLTextAreaElement | undefined>;
         ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;

package/dist/components/inputs/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/lists/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/menus/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/page/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/pagin/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/popup/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/right-key/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/right-key/src/data.cjs

@@ -65,7 +65,7 @@ const dataProps = buildProps.buildProps({
     type: Boolean
   }
 });
-const dataEmits = ["click-key"];
+const dataEmits = ["click-key", "click-right"];
 const dataSlot = {
   default: "default"
 };

package/dist/components/right-key/src/data.js

@@ -63,7 +63,7 @@ const dataProps = buildProps({
     type: Boolean
   }
 });
-const dataEmits = ["click-key"];
+const dataEmits = ["click-key", "click-right"];
 const dataSlot = {
   default: "default"
 };

package/dist/components/right-key/src/index.cjs

@@ -90,6 +90,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         flag.value = true;
         event.preventDefault();
         event.stopPropagation();
+        emit("click-right", target);
       } else {
         flag.value = false;
       }

package/dist/components/right-key/src/index.js

@@ -88,6 +88,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         flag.value = true;
         event.preventDefault();
         event.stopPropagation();
+        emit("click-right", target);
       } else {
         flag.value = false;
       }

package/dist/components/selects/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/switchs/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/tables/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/tables-pagin/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;
@@ -23,6 +22,7 @@
 }
 .tables-table {
   background-color: transparent;
+  --el-table-header-bg-color: rgb(248, 248, 249);
 }
 .tables-table.is-absolute {
   position: absolute;
@@ -31,9 +31,6 @@
   bottom: 0;
   left: 0;
 }
-.tables-table th.el-table__cell {
-  background-color: rgb(248, 248, 249);
-}
 
 .pags {
   padding: 10px;

package/dist/components/text/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

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

@@ -879,7 +879,7 @@ declare const Tooltip: {
             } & {
                 readonly default: "tooltip";
             };
-        }>>, "onClose" | "visible" | "onOpen" | "disabled" | "teleported" | "hide" | "showAfter" | "hideAfter" | "autoClose" | "effect" | "open" | "offset" | "persistent" | "trigger" | "triggerKeys" | "placement" | "popperOptions" | "content" | "enterable" | "showArrow" | "popperRef" | "role" | "contentRef" | "arrowOffset" | "virtualTriggering" | "rawContent" | "pure" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "strategy" | "isFocusInsideContent" | "updatePopper"> & ShallowUnwrapRef<{
+        }>>, "visible" | "onOpen" | "onClose" | "disabled" | "teleported" | "hide" | "showAfter" | "hideAfter" | "autoClose" | "effect" | "open" | "offset" | "persistent" | "trigger" | "triggerKeys" | "placement" | "popperOptions" | "content" | "enterable" | "showArrow" | "popperRef" | "role" | "contentRef" | "arrowOffset" | "virtualTriggering" | "rawContent" | "pure" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "strategy" | "isFocusInsideContent" | "updatePopper"> & ShallowUnwrapRef<{
             popperRef: Ref< PopperInstance | undefined>;
             contentRef: Ref< TooltipContentInstance | undefined>;
             isFocusInsideContent: (event?: FocusEvent) => boolean | undefined;

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

@@ -879,7 +879,7 @@ declare function __VLS_template(): {
             } & {
                 readonly default: "tooltip";
             };
-        }>>, "onClose" | "visible" | "onOpen" | "disabled" | "teleported" | "hide" | "showAfter" | "hideAfter" | "autoClose" | "effect" | "open" | "offset" | "persistent" | "trigger" | "triggerKeys" | "placement" | "popperOptions" | "content" | "enterable" | "showArrow" | "popperRef" | "role" | "contentRef" | "arrowOffset" | "virtualTriggering" | "rawContent" | "pure" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "strategy" | "isFocusInsideContent" | "updatePopper"> & ShallowUnwrapRef<{
+        }>>, "visible" | "onOpen" | "onClose" | "disabled" | "teleported" | "hide" | "showAfter" | "hideAfter" | "autoClose" | "effect" | "open" | "offset" | "persistent" | "trigger" | "triggerKeys" | "placement" | "popperOptions" | "content" | "enterable" | "showArrow" | "popperRef" | "role" | "contentRef" | "arrowOffset" | "virtualTriggering" | "rawContent" | "pure" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "strategy" | "isFocusInsideContent" | "updatePopper"> & ShallowUnwrapRef<{
             popperRef: Ref< PopperInstance | undefined>;
             contentRef: Ref< TooltipContentInstance | undefined>;
             isFocusInsideContent: (event?: FocusEvent) => boolean | undefined;
@@ -1774,7 +1774,7 @@ declare const __VLS_component: DefineComponent<{}, {
         } & {
             readonly default: "tooltip";
         };
-    }>>, "onClose" | "visible" | "onOpen" | "disabled" | "teleported" | "hide" | "showAfter" | "hideAfter" | "autoClose" | "effect" | "open" | "offset" | "persistent" | "trigger" | "triggerKeys" | "placement" | "popperOptions" | "content" | "enterable" | "showArrow" | "popperRef" | "role" | "contentRef" | "arrowOffset" | "virtualTriggering" | "rawContent" | "pure" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "strategy" | "isFocusInsideContent" | "updatePopper"> & ShallowUnwrapRef<{
+    }>>, "visible" | "onOpen" | "onClose" | "disabled" | "teleported" | "hide" | "showAfter" | "hideAfter" | "autoClose" | "effect" | "open" | "offset" | "persistent" | "trigger" | "triggerKeys" | "placement" | "popperOptions" | "content" | "enterable" | "showArrow" | "popperRef" | "role" | "contentRef" | "arrowOffset" | "virtualTriggering" | "rawContent" | "pure" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "strategy" | "isFocusInsideContent" | "updatePopper"> & ShallowUnwrapRef<{
         popperRef: Ref< PopperInstance | undefined>;
         contentRef: Ref< TooltipContentInstance | undefined>;
         isFocusInsideContent: (event?: FocusEvent) => boolean | undefined;

package/dist/components/vxe-tables/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/components/window/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;

package/dist/index.css

@@ -1,6 +1,5 @@
 :root {
-  --icon-picker-on: rgb(91, 189, 246);
-  --icon-picker-border: #eee;
+  --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
   --bag-primary-text: #fff;
@@ -19,7 +18,7 @@
 .f-dialog.el-dialog .el-dialog__header {
   padding-top: 16px;
   padding-left: 20px;
-  border-bottom: 1px solid #e5e7eb;
+  border-bottom: 1px solid var(--border);
 }
 .f-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
   width: 56px;
@@ -30,7 +29,7 @@
   padding: 20px 30px;
 }
 .f-dialog.el-dialog .el-dialog__footer {
-  border-top: 1px solid #e5e7eb;
+  border-top: 1px solid var(--border);
   padding: 20px 20px;
 }
 
@@ -165,6 +164,9 @@
 .forms-elf.center .el-form-item__label {
   justify-content: center;
 }
+.forms-buts-div .el-button {
+  height: inherit;
+}
 
 .box-adjust {
   position: fixed;
@@ -578,7 +580,7 @@
   font-size: 0;
 }
 
-.dates-date {
+.dates dates-date {
   height: 100%;
   width: 100%;
   box-sizing: border-box;
@@ -653,6 +655,7 @@
 }
 .tables-table {
   background-color: transparent;
+  --el-table-header-bg-color: rgb(248, 248, 249);
 }
 .tables-table.is-absolute {
   position: absolute;
@@ -661,9 +664,6 @@
   bottom: 0;
   left: 0;
 }
-.tables-table th.el-table__cell {
-  background-color: rgb(248, 248, 249);
-}
 
 .pags {
   padding: 10px;
@@ -680,104 +680,47 @@
   color: #9b9b9b;
 }
 
-.tables-pag {
+.tables-pagin {
   width: 100%;
-  height: 100%;
-  flex: 1;
+  height: var(--tables-pagin-height);
   display: flex;
   flex-direction: column;
 }
-.tables-pag-main {
+.tables-pagin-main {
   display: flex;
   flex-direction: column;
   flex: 1;
   width: 100%;
 }
-.tables-pag-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+.tables-pagin-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
   display: none;
 }
-.tables-pag-paginat {
+.tables-pagin-paginat {
   overflow: hidden;
 }
-.tables-pag-paginat .el-pagination {
+.tables-pagin-paginat .el-pagination {
   justify-content: flex-end;
 }
 
-.vtables {
+.tables-pag {
   width: 100%;
-  min-height: 100px;
-  position: relative;
+  height: 100%;
   flex: 1;
   display: flex;
   flex-direction: column;
 }
-.vtables-table {
-  background-color: transparent;
-}
-.vtables-table.is-absolute {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-.vtables-table .vxe-body--column {
-  overflow: hidden;
-  padding: 8px 0;
-}
-.vtables-table .col--checkbox .vxe-checkbox--label {
-  padding-left: 0;
-}
-.vtables .fv-custom-checkbox {
-  cursor: pointer;
-  position: relative;
-}
-.vtables .fv-custom-checkbox.is-disabled {
-  cursor: not-allowed;
-}
-.vtables .fv-custom-checkbox .el-checkbox__label {
-  color: var(--vxe-table-header-font-color);
-  font-weight: var(--vxe-table-header-font-weight);
-}
-.vtables .fv-custom-checkbox .fv-custom-checkbox-mask {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  opacity: 0;
-}
-.vtables .fv-custom-radio {
-  cursor: pointer;
-  position: relative;
-}
-.vtables .fv-custom-radio.is-disabled {
-  cursor: not-allowed;
-}
-.vtables .fv-custom-radio .el-radio {
-  height: auto;
-}
-.vtables .fv-custom-radio.center .el-radio {
-  text-align: center;
-  display: table-cell;
+.tables-pag-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
 }
-.vtables .fv-custom-radio.center .el-radio__label {
+.tables-pag-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
   display: none;
 }
-.vtables .fv-custom-radio.right .el-radio {
-  text-align: right;
-  display: table-cell;
-}
-.vtables .fv-custom-radio.right .el-radio__label {
-  display: none;
+.tables-pag-paginat {
+  overflow: hidden;
 }
-.vtables .fv-custom-radio .fv-custom-radio-mask {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  opacity: 0;
+.tables-pag-paginat .el-pagination {
+  justify-content: flex-end;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.0.26",
+  "version": "0.0.28",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -48,13 +48,13 @@
     "vuedraggable": "4.1.0",
     "vxe-table": "4.14.4",
     "@fang-ui/components": "0.0.1-0",
-    "@fang-ui/theme": "0.0.1-0",
-    "@fang-ui/locale": "0.0.1-0",
-    "@fang-ui/icons": "0.0.1-0",
     "@fang-ui/directives": "0.0.1-0",
     "@fang-ui/hooks": "0.0.1-0",
-    "@fang-ui/utils": "0.0.1-0",
-    "@fang-ui/types": "0.0.1-0"
+    "@fang-ui/locale": "0.0.1-0",
+    "@fang-ui/icons": "0.0.1-0",
+    "@fang-ui/theme": "0.0.1-0",
+    "@fang-ui/types": "0.0.1-0",
+    "@fang-ui/utils": "0.0.1-0"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",