@fangzhongya/fang-ui 0.0.22 → 0.0.24

package/dist/components/array/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .array {
   width: 100%;
   display: inline-flex;

package/dist/components/box/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .box-title {
   padding: 10px;
   position: relative;

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

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .box-mask {
   display: block;
   opacity: 0.5;

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

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .box-title {
   padding: 10px;
   position: relative;

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

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .box-mask {
   display: block;
   opacity: 0.5;

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

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .box-title {
   padding: 10px;
   position: relative;

package/dist/components/buttons/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .buttons-li {
   height: inherit;
 }

package/dist/components/cascaders/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .cascaders-cascader {
   height: 100%;
 }

package/dist/components/checks/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .checks-check {
   height: 100%;
   display: flex;

package/dist/components/css/common.scss

@@ -18,11 +18,3 @@
 	);
 	--#{$cssname}g-main-bg: var(--#{$cssname}bg-color-page);
 }
-
-.#{$cssname}com {
-	font-size: 20px;
-}
-
-// .com-alert {
-// 	text-align: left;
-// }

package/dist/components/dates/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .dates-date {
   height: 100%;
   width: 100%;

package/dist/components/dialog/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .f-dialog.el-dialog {
   padding: 0;
 }

package/dist/components/drawer/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .box-mask {
   display: block;
   opacity: 0.5;

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

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .tables {
   width: 100%;
   min-height: 100px;

package/dist/components/forms/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .forms-div {
   width: 100%;
   height: 100%;

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

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .forms-div {
   width: 100%;
   height: 100%;

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

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .forms-div {
   width: 100%;
   height: 100%;

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

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .box-mask {
   display: block;
   opacity: 0.5;

package/dist/components/icon/index.css

@@ -13,6 +13,16 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
+.icon {
+  --color: inherit;
+  height: 1em;
+  width: 1em;
+  line-height: 1em;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  fill: currentColor;
+  color: var(--color);
+  font-size: inherit;
 }

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

@@ -5,6 +5,9 @@ declare const Icon: {
             type: StringConstructor;
             default: string;
         };
+        iconClass: {
+            type: StringConstructor;
+        };
         type: {
             type: StringConstructor;
         };
@@ -28,7 +31,7 @@ declare const Icon: {
         runtime: boolean;
         flip: "" | "horizontal" | "vertical" | "both";
         rotate: number;
-    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -40,6 +43,9 @@ declare const Icon: {
             type: StringConstructor;
             default: string;
         };
+        iconClass: {
+            type: StringConstructor;
+        };
         type: {
             type: StringConstructor;
         };
@@ -72,6 +78,9 @@ declare const Icon: {
         type: StringConstructor;
         default: string;
     };
+    iconClass: {
+        type: StringConstructor;
+    };
     type: {
         type: StringConstructor;
     };
@@ -97,9 +106,7 @@ declare const Icon: {
     rotate: number;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
-        default?(_: {
-            class: string;
-        }): any;
+        default?(_: {}): any;
     };
 }) & Plugin;
 export { Icon, Icon as default };

package/dist/components/icon/index.scss

@@ -1,5 +1,16 @@
 @use '../css/common.scss' as *;
 
-$temp-late: 'temp-late';
-@include b($temp-late) {
+$icon: 'icon';
+@include b($icon) {
+	--color: inherit;
+	height: 1em;
+	width: 1em;
+	line-height: 1em;
+	display: inline-flex;
+	justify-content: center;
+	align-items: center;
+	position: relative;
+	fill: currentColor;
+	color: var(--color);
+	font-size: inherit;
 }

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

@@ -28,6 +28,9 @@ const dataProps = buildProps.buildProps({
     type: String,
     default: ""
   },
+  iconClass: {
+    type: String
+  },
   /**
    * @props { String} type= ( )
    * 图标类型

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

@@ -9,6 +9,9 @@ export declare const dataProps: {
         type: StringConstructor;
         default: string;
     };
+    iconClass: {
+        type: StringConstructor;
+    };
     /**
      * @props { String} type= ( )
      * 图标类型

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

@@ -26,6 +26,9 @@ const dataProps = buildProps({
     type: String,
     default: ""
   },
+  iconClass: {
+    type: String
+  },
   /**
    * @props { String} type= ( )
    * 图标类型

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

@@ -119,42 +119,44 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vue.renderSlot(_ctx.$slots, "default", {
+      return vue.openBlock(), vue.createElementBlock("i", {
         class: vue.normalizeClass(vue.unref(cs).z())
-      }, () => [
-        outputType.value === "css" ? (vue.openBlock(), vue.createElementBlock("i", {
-          key: 0,
-          ctype: outputType.value,
-          class: vue.normalizeClass([vue.unref(cs).z(), outputName.value]),
-          style: vue.normalizeStyle([{ "display": "inline-flex", "align-items": "center", "justify-content": "center" }, transformStyle.value])
-        }, null, 14, _hoisted_1)) : outputType.value === "font" ? (vue.openBlock(), vue.createElementBlock("i", {
-          key: 1,
-          ctype: outputType.value,
-          class: vue.normalizeClass([vue.unref(cs).z(), outputName.value]),
-          style: vue.normalizeStyle([{ "display": "inline-flex", "align-items": "center", "justify-content": "center" }, transformStyle.value])
-        }, null, 14, _hoisted_2)) : outputType.value === "img" ? (vue.openBlock(), vue.createElementBlock("img", {
-          key: 2,
-          ctype: outputType.value,
-          class: vue.normalizeClass([vue.unref(cs).z()]),
-          style: vue.normalizeStyle([{ "border": "0", "display": "inline-flex", "align-items": "center", "object-fit": "contain", "justify-content": "center" }, transformStyle.value]),
-          src: outputName.value
-        }, null, 14, _hoisted_3)) : outputType.value === "str" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [], 64)) : outputType.value === "com" ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(outputName.value), {
-          key: 4,
-          ctype: outputType.value,
-          class: vue.normalizeClass([vue.unref(cs).z()]),
-          style: vue.normalizeStyle(transformStyle.value)
-        }, null, 8, ["ctype", "class", "style"])) : (vue.openBlock(), vue.createElementBlock("svg", {
-          key: 5,
-          ctype: outputType.value,
-          class: vue.normalizeClass([vue.unref(cs).z()]),
-          style: vue.normalizeStyle(transformStyle.value),
-          "aria-hidden": "true"
-        }, [
-          vue.createElementVNode("use", {
-            "xlink:href": `#icon-${outputName.value}`
-          }, null, 8, _hoisted_5)
-        ], 14, _hoisted_4))
-      ]);
+      }, [
+        vue.renderSlot(_ctx.$slots, "default", {}, () => [
+          outputType.value === "css" ? (vue.openBlock(), vue.createElementBlock("i", {
+            key: 0,
+            ctype: outputType.value,
+            class: vue.normalizeClass([outputName.value, props.iconClass]),
+            style: vue.normalizeStyle([{ "display": "inline-flex", "align-items": "center", "justify-content": "center" }, transformStyle.value])
+          }, null, 14, _hoisted_1)) : outputType.value === "font" ? (vue.openBlock(), vue.createElementBlock("i", {
+            key: 1,
+            ctype: outputType.value,
+            class: vue.normalizeClass([outputName.value, props.iconClass]),
+            style: vue.normalizeStyle([{ "display": "inline-flex", "align-items": "center", "justify-content": "center" }, transformStyle.value])
+          }, null, 14, _hoisted_2)) : outputType.value === "img" ? (vue.openBlock(), vue.createElementBlock("img", {
+            key: 2,
+            ctype: outputType.value,
+            class: vue.normalizeClass([props.iconClass]),
+            style: vue.normalizeStyle([{ "border": "0", "display": "inline-flex", "align-items": "center", "object-fit": "contain", "justify-content": "center" }, transformStyle.value]),
+            src: outputName.value
+          }, null, 14, _hoisted_3)) : outputType.value === "str" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [], 64)) : outputType.value === "com" ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(outputName.value), {
+            key: 4,
+            ctype: outputType.value,
+            class: vue.normalizeClass([props.iconClass]),
+            style: vue.normalizeStyle(transformStyle.value)
+          }, null, 8, ["ctype", "class", "style"])) : (vue.openBlock(), vue.createElementBlock("svg", {
+            key: 5,
+            ctype: outputType.value,
+            class: vue.normalizeClass([props.iconClass]),
+            style: vue.normalizeStyle(transformStyle.value),
+            "aria-hidden": "true"
+          }, [
+            vue.createElementVNode("use", {
+              "xlink:href": `#icon-${outputName.value}`
+            }, null, 8, _hoisted_5)
+          ], 14, _hoisted_4))
+        ])
+      ], 2);
     };
   }
 });

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

@@ -2,12 +2,10 @@ import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, Pub
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {
-            class: string;
-        }): any;
+        default?(_: {}): any;
     };
     refs: {};
-    rootEl: any;
+    rootEl: HTMLElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ExtractPropTypes<{
@@ -15,6 +13,9 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
+    iconClass: {
+        type: StringConstructor;
+    };
     type: {
         type: StringConstructor;
     };
@@ -38,6 +39,9 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
+    iconClass: {
+        type: StringConstructor;
+    };
     type: {
         type: StringConstructor;
     };
@@ -61,7 +65,7 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     runtime: boolean;
     flip: "" | "horizontal" | "vertical" | "both";
     rotate: number;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, renderSlot, normalizeClass, unref, createElementBlock, createBlock, openBlock, normalizeStyle, Fragment, resolveDynamicComponent, createElementVNode } from "vue";
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createBlock, normalizeStyle, Fragment, resolveDynamicComponent, createElementVNode } from "vue";
 import { dataEmits, dataProps, dataExpose } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import "@fangzhongya/utils/basic/string/splitUpper";
@@ -117,42 +117,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       ...dataExpose
     });
     return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default", {
+      return openBlock(), createElementBlock("i", {
         class: normalizeClass(unref(cs).z())
-      }, () => [
-        outputType.value === "css" ? (openBlock(), createElementBlock("i", {
-          key: 0,
-          ctype: outputType.value,
-          class: normalizeClass([unref(cs).z(), outputName.value]),
-          style: normalizeStyle([{ "display": "inline-flex", "align-items": "center", "justify-content": "center" }, transformStyle.value])
-        }, null, 14, _hoisted_1)) : outputType.value === "font" ? (openBlock(), createElementBlock("i", {
-          key: 1,
-          ctype: outputType.value,
-          class: normalizeClass([unref(cs).z(), outputName.value]),
-          style: normalizeStyle([{ "display": "inline-flex", "align-items": "center", "justify-content": "center" }, transformStyle.value])
-        }, null, 14, _hoisted_2)) : outputType.value === "img" ? (openBlock(), createElementBlock("img", {
-          key: 2,
-          ctype: outputType.value,
-          class: normalizeClass([unref(cs).z()]),
-          style: normalizeStyle([{ "border": "0", "display": "inline-flex", "align-items": "center", "object-fit": "contain", "justify-content": "center" }, transformStyle.value]),
-          src: outputName.value
-        }, null, 14, _hoisted_3)) : outputType.value === "str" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [], 64)) : outputType.value === "com" ? (openBlock(), createBlock(resolveDynamicComponent(outputName.value), {
-          key: 4,
-          ctype: outputType.value,
-          class: normalizeClass([unref(cs).z()]),
-          style: normalizeStyle(transformStyle.value)
-        }, null, 8, ["ctype", "class", "style"])) : (openBlock(), createElementBlock("svg", {
-          key: 5,
-          ctype: outputType.value,
-          class: normalizeClass([unref(cs).z()]),
-          style: normalizeStyle(transformStyle.value),
-          "aria-hidden": "true"
-        }, [
-          createElementVNode("use", {
-            "xlink:href": `#icon-${outputName.value}`
-          }, null, 8, _hoisted_5)
-        ], 14, _hoisted_4))
-      ]);
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          outputType.value === "css" ? (openBlock(), createElementBlock("i", {
+            key: 0,
+            ctype: outputType.value,
+            class: normalizeClass([outputName.value, props.iconClass]),
+            style: normalizeStyle([{ "display": "inline-flex", "align-items": "center", "justify-content": "center" }, transformStyle.value])
+          }, null, 14, _hoisted_1)) : outputType.value === "font" ? (openBlock(), createElementBlock("i", {
+            key: 1,
+            ctype: outputType.value,
+            class: normalizeClass([outputName.value, props.iconClass]),
+            style: normalizeStyle([{ "display": "inline-flex", "align-items": "center", "justify-content": "center" }, transformStyle.value])
+          }, null, 14, _hoisted_2)) : outputType.value === "img" ? (openBlock(), createElementBlock("img", {
+            key: 2,
+            ctype: outputType.value,
+            class: normalizeClass([props.iconClass]),
+            style: normalizeStyle([{ "border": "0", "display": "inline-flex", "align-items": "center", "object-fit": "contain", "justify-content": "center" }, transformStyle.value]),
+            src: outputName.value
+          }, null, 14, _hoisted_3)) : outputType.value === "str" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [], 64)) : outputType.value === "com" ? (openBlock(), createBlock(resolveDynamicComponent(outputName.value), {
+            key: 4,
+            ctype: outputType.value,
+            class: normalizeClass([props.iconClass]),
+            style: normalizeStyle(transformStyle.value)
+          }, null, 8, ["ctype", "class", "style"])) : (openBlock(), createElementBlock("svg", {
+            key: 5,
+            ctype: outputType.value,
+            class: normalizeClass([props.iconClass]),
+            style: normalizeStyle(transformStyle.value),
+            "aria-hidden": "true"
+          }, [
+            createElementVNode("use", {
+              "xlink:href": `#icon-${outputName.value}`
+            }, null, 8, _hoisted_5)
+          ], 14, _hoisted_4))
+        ])
+      ], 2);
     };
   }
 });

package/dist/components/index.scss

@@ -15,6 +15,7 @@
 @use './global-config/index.scss' as *;
 @use './icon/index.scss' as *;
 @use './lists/index.scss' as *;
+@use './menus/index.scss' as *;
 @use './page/index.scss' as *;
 @use './array/index.scss' as *;
 @use './buttons/index.scss' as *;

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

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .input-array {
   width: 100%;
   display: inline-flex;

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

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .input-num-input {
   height: 100%;
 }

package/dist/components/inputs/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .inputs-input {
   height: 100%;
 }

package/dist/components/lists/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .lists-div .lists-table {
   width: 100%;
   height: 100%;

package/dist/components/menus/index.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                   */
 const withInstall = require("../../utils/vues/withInstall.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
 const Menus = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Menus");

package/dist/components/menus/index.css

@@ -0,0 +1,19 @@
+:root {
+  --icon-picker-on: rgb(91, 189, 246);
+  --icon-picker-border: #eee;
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.menus .menu-li-item {
+  display: flex;
+  align-items: center;
+}

package/dist/components/menus/index.js

@@ -1,3 +1,4 @@
+/* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index.js";
 const Menus = withInstall(_sfc_main, "Menus");

package/dist/components/menus/index.scss

@@ -0,0 +1,9 @@
+@use '../css/common.scss' as *;
+
+$menus: 'menus';
+@include b($menus) {
+	.#{z('menu-li', 'item')} {
+		display: flex;
+		align-items: center;
+	}
+}

package/dist/components/menus/src/menu-ll.cjs

@@ -2,6 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const elementPlus = require("element-plus");
+const index$1 = require("../../icon/index.cjs");
 const use = require("../../common/use.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const util$1 = require("./util.cjs");
@@ -43,7 +44,7 @@ const _sfc_main = vue.defineComponent({
       if (i) {
         if (typeof i === "string") {
           return vue.h(
-            elementPlus.ElIcon,
+            index$1.Icon,
             {
               class: cs.z("icon")
             },
@@ -53,7 +54,7 @@ const _sfc_main = vue.defineComponent({
           );
         } else {
           return vue.h(
-            elementPlus.ElIcon,
+            index$1.Icon,
             {
               class: cs.z("icon")
             },

package/dist/components/menus/src/menu-ll.js

@@ -1,5 +1,6 @@
 import { defineComponent, h } from "vue";
-import { ElSubMenu, ElMenuItem, ElIcon } from "element-plus";
+import { ElSubMenu, ElMenuItem } from "element-plus";
+import { Icon } from "../../icon/index.js";
 import { useHide } from "../../common/use.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { setLabel } from "./util.js";
@@ -41,7 +42,7 @@ const _sfc_main = defineComponent({
       if (i) {
         if (typeof i === "string") {
           return h(
-            ElIcon,
+            Icon,
             {
               class: cs.z("icon")
             },
@@ -51,7 +52,7 @@ const _sfc_main = defineComponent({
           );
         } else {
           return h(
-            ElIcon,
+            Icon,
             {
               class: cs.z("icon")
             },

package/dist/components/page/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .page {
   height: 100%;
   width: 100%;

package/dist/components/pagin/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .pags {
   padding: 10px;
 }

package/dist/components/popup/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .box-mask {
   display: block;
   opacity: 0.5;

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

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .right-key-box {
   width: 140px;
   position: absolute;

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

@@ -60,17 +60,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         if (props.domClass) {
           const v = getPrentClass.getPrentClass(dom2, props.domClass);
           if (v && refRightKey.value.contains(v)) {
-            return true;
+            return v;
           }
         } else {
-          return true;
+          return dom2;
         }
       }
-      return false;
     }
     function handleContextmenu(event) {
       let target = event.target;
-      if (isDomClass(target)) {
+      target = isDomClass(target);
+      if (target) {
         dom.value = target;
         let x = 0, y = 0;
         if (event.x || event.y) {

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

@@ -58,17 +58,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (props.domClass) {
           const v = getPrentClass(dom2, props.domClass);
           if (v && refRightKey.value.contains(v)) {
-            return true;
+            return v;
           }
         } else {
-          return true;
+          return dom2;
         }
       }
-      return false;
     }
     function handleContextmenu(event) {
       let target = event.target;
-      if (isDomClass(target)) {
+      target = isDomClass(target);
+      if (target) {
         dom.value = target;
         let x = 0, y = 0;
         if (event.x || event.y) {

package/dist/components/selects/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .selects-select {
   height: 100%;
   min-width: 100px;

package/dist/components/switchs/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .switchs-switch {
   height: 100%;
 }

package/dist/components/tables/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .tables-pag {
   width: 100%;
   height: 100%;

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

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .tables {
   width: 100%;
   min-height: 100px;

package/dist/components/text/index.css

@@ -0,0 +1,14 @@
+:root {
+  --icon-picker-on: rgb(91, 189, 246);
+  --icon-picker-border: #eee;
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}

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

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .vtables {
   width: 100%;
   min-height: 100px;

package/dist/components/window/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .box-mask {
   display: block;
   opacity: 0.5;

package/dist/index.css

@@ -13,10 +13,6 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.com {
-  font-size: 20px;
-}
-
 .f-dialog.el-dialog {
   padding: 0;
 }
@@ -358,6 +354,20 @@
   left: 0;
 }
 
+.icon {
+  --color: inherit;
+  height: 1em;
+  width: 1em;
+  line-height: 1em;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  fill: currentColor;
+  color: var(--color);
+  font-size: inherit;
+}
+
 .lists-div .lists-table {
   width: 100%;
   height: 100%;
@@ -433,6 +443,11 @@
   border-bottom: 0;
 }
 
+.menus .menu-li-item {
+  display: flex;
+  align-items: center;
+}
+
 .page {
   height: 100%;
   width: 100%;

package/package.json

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