@fangzhongya/fang-ui 0.0.21 → 0.0.22

package/dist/components/box/index.scss

@@ -1,11 +1,11 @@
 @use '../css/common.scss' as *;
 
-// @use '../../box-mask/src/index.scss' as *;
+// @use '../box-mask/src/index.scss' as *;
 @use '../box-title/index.scss' as *;
 
-// @use '@components/css/common.scss' as *;
+// @use '../css/common.scss' as *;
 @use '../box-mask/index.scss' as *;
-// @use '@components/box-title/style/index.scss' as *;
+// @use '../box-title/index.scss' as *;
 
 $box: 'box';
 @include b($box) {

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

@@ -1,7 +1,7 @@
-// @use '../../../common.scss' as *;
+// @use '../common.scss' as *;
 
-// @use '../../box-mask/src/index.scss' as *;
-// @use '../../box-title/src/index.scss' as *;
+// @use '../box-mask/src/index.scss' as *;
+// @use '../box-title/src/index.scss' as *;
 
 @use '../css/common.scss' as *;
 @use '../box-mask/index.scss' as *;

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

@@ -1,4 +1,4 @@
-// @use '../../../common.scss' as *;
+// @use '../common.scss' as *;
 @use '../css/common.scss' as *;
 
 $box-mask: 'box-mask';

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

@@ -1,4 +1,4 @@
-// @use '../../../common.scss' as *;
+// @use '../common.scss' as *;
 @use '../css/common.scss' as *;
 
 $box-title: 'box-title';

package/dist/components/cs-title/src/index.scss

@@ -0,0 +1,17 @@
+// @use '../../../common.scss' as *;
+@use '@components/css/common.scss' as *;
+
+.#{e()}cs-title {
+	margin: 10px;
+	padding: 10px;
+	width: 200px;
+	height: 200px;
+	border: 1px solid rgb(0, 255, 145);
+}
+.dom {
+	width: 200px;
+	display: flex;
+}
+.d {
+	border: 1px solid #f00;
+}

package/dist/components/drawer/index.scss

@@ -1,7 +1,7 @@
-// @use '../../../../common.scss' as *;
+// @use '../common.scss' as *;
 
-// @use '../../../../frame/box-mask/src/index.scss' as *;
-// @use '../../../../frame/box-title/src/index.scss' as *;
+// @use '../box-mask/src/index.scss' as *;
+// @use '../box-title/src/index.scss' as *;
 @use './style/cs.scss' as *;
 
 @use '../css/common.scss' as *;

package/dist/components/drawer/style/cs.scss

@@ -1,7 +1,7 @@
-// @use '../../../../common.scss' as *;
+// @use '../../common.scss' as *;
 
-// @use '../../../../frame/box-mask/src/index.scss' as *;
-// @use '../../../../frame/box-title/src/index.scss' as *;
+// @use '../../box-mask/src/index.scss' as *;
+// @use '../../box-title/src/index.scss' as *;
 
 @use '../../css/common.scss' as *;
 @use '../../box-mask/index.scss' as *;

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

@@ -1,6 +1,6 @@
-// @use '../../common.scss' as *;
+// @use '../common.scss' as *;
 
-// @use '../../element/feedback/drawer/src/index.scss' as *;
+// @use 'drawer/src/index.scss' as *;
 
 @use '../css/common.scss' as *;
 @use '../drawer/index.scss' as *;

package/dist/components/icon/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 Icon = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Icon");

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

@@ -95,5 +95,11 @@ declare const Icon: {
     runtime: boolean;
     flip: "" | "horizontal" | "vertical" | "both";
     rotate: number;
-}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {
+            class: string;
+        }): any;
+    };
+}) & Plugin;
 export { Icon, Icon as default };

package/dist/components/icon/index.js

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

package/dist/components/icon/index.scss

@@ -0,0 +1,5 @@
+@use '../css/common.scss' as *;
+
+$temp-late: 'temp-late';
+@include b($temp-late) {
+}

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

@@ -119,38 +119,42 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return 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));
+      return vue.renderSlot(_ctx.$slots, "default", {
+        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))
+      ]);
     };
   }
 });

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

@@ -1,5 +1,16 @@
 import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<ExtractPropTypes<{
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            class: string;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     name: {
         type: StringConstructor;
         default: string;
@@ -51,4 +62,10 @@ declare const _default: DefineComponent<ExtractPropTypes<{
     flip: "" | "horizontal" | "vertical" | "both";
     rotate: number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createElementBlock, createBlock, openBlock, normalizeStyle, normalizeClass, unref, Fragment, resolveDynamicComponent, createElementVNode } from "vue";
+import { defineComponent, computed, renderSlot, normalizeClass, unref, createElementBlock, createBlock, openBlock, 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,38 +117,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       ...dataExpose
     });
     return (_ctx, _cache) => {
-      return 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));
+      return renderSlot(_ctx.$slots, "default", {
+        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))
+      ]);
     };
   }
 });

package/dist/components/index.cjs

@@ -74,7 +74,7 @@ const index$16 = require("./icon-picker/index.cjs");
 const index$17 = require("./icon/index.cjs");
 const index$18 = require("./iframe/index.cjs");
 const index$19 = require("./lists/index.cjs");
-const index$1a = require("./menu/index.cjs");
+const index$1a = require("./menus/index.cjs");
 const index$1b = require("./page/index.cjs");
 const index$1c = require("./retract/index.cjs");
 const index$1d = require("./choice-select/index.cjs");
@@ -189,7 +189,7 @@ exports.IconPicker = index$16.IconPicker;
 exports.Icon = index$17.Icon;
 exports.Iframe = index$18.Iframe;
 exports.Lists = index$19.Lists;
-exports.Menu = index$1a.Menu;
+exports.Menus = index$1a.Menus;
 exports.Page = index$1b.Page;
 exports.Retract = index$1c.Retract;
 exports.ChoiceSelect = index$1d.ChoiceSelect;

package/dist/components/index.d.ts

@@ -71,7 +71,7 @@ export * from './icon-picker/index';
 export * from './icon/index';
 export * from './iframe/index';
 export * from './lists/index';
-export * from './menu/index';
+export * from './menus/index';
 export * from './page/index';
 export * from './retract/index';
 export * from './choice-select/index';

package/dist/components/index.js

@@ -72,7 +72,7 @@ import { IconPicker } from "./icon-picker/index.js";
 import { Icon } from "./icon/index.js";
 import { Iframe } from "./iframe/index.js";
 import { Lists } from "./lists/index.js";
-import { Menu } from "./menu/index.js";
+import { Menus } from "./menus/index.js";
 import { Page } from "./page/index.js";
 import { Retract } from "./retract/index.js";
 import { ChoiceSelect } from "./choice-select/index.js";
@@ -184,7 +184,7 @@ export {
   Labels,
   Lists,
   Loading,
-  Menu,
+  Menus,
   Message,
   MessageBox,
   Option,

package/dist/components/index.scss

@@ -10,8 +10,10 @@
 @use './box-title/index.scss' as *;
 @use './box/index.scss' as *;
 @use './popup/index.scss' as *;
+@use './right-key/index.scss' as *;
 @use './window/index.scss' as *;
 @use './global-config/index.scss' as *;
+@use './icon/index.scss' as *;
 @use './lists/index.scss' as *;
 @use './page/index.scss' as *;
 @use './array/index.scss' as *;

package/dist/components/{menu → menus}/index.cjs

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

package/dist/components/{menu → menus}/index.d.ts

@@ -1,5 +1,5 @@
 import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, Component, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
-declare const Menu: {
+declare const Menus: {
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         config: {
             type: () => ObjAny;
@@ -144,4 +144,4 @@ declare const Menu: {
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: any) => any>>;
 }) & Plugin;
-export { Menu, Menu as default };
+export { Menus, Menus as default };

package/dist/components/{menu → menus}/index.js

@@ -1,7 +1,7 @@
 import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index.js";
-const Menu = withInstall(_sfc_main, "Menu");
+const Menus = withInstall(_sfc_main, "Menus");
 export {
-  Menu,
-  Menu as default
+  Menus,
+  Menus as default
 };

package/dist/components/{menu → menus}/src/index.cjs

@@ -53,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   emits: ["select"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const cs = index.useCssName("menu");
+    const cs = index.useCssName("menus");
     const emit = __emit;
     const attrs = vue.useAttrs();
     const slots = vue.useSlots();

package/dist/components/{menu → menus}/src/index.js

@@ -51,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["select"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const cs = useCssName("menu");
+    const cs = useCssName("menus");
     const emit = __emit;
     const attrs = useAttrs();
     const slots = useSlots();

package/dist/components/popup/index.scss

@@ -1,7 +1,7 @@
-// @use '../../../common.scss' as *;
+// @use '../common.scss' as *;
 
-// @use '../../box-mask/src/index.scss' as *;
-// @use '../../box-title/src/index.scss' as *;
+// @use '../box-mask/src/index.scss' as *;
+// @use '../box-title/src/index.scss' as *;
 
 @use '../css/common.scss' as *;
 @use '../box-mask/index.scss' as *;

package/dist/components/right-key/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 RightKey = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "RightKey");

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

@@ -0,0 +1,46 @@
+: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);
+}
+
+.com {
+  font-size: 20px;
+}
+
+.right-key-box {
+  width: 140px;
+  position: absolute;
+  padding: 10px;
+  z-index: 9999;
+  background: #fff;
+  border: 1px solid #cfd7e5;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+}
+.right-key-box-list-li {
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  height: 40px;
+  padding: 8px 14px 8px 10px;
+  border-radius: 4px;
+  font-size: 16px;
+  cursor: pointer;
+}
+.right-key-box-list-li:hover {
+  background: #ecf5ff;
+  color: #66b1ff;
+}
+.right-key-box-list-li i {
+  margin-right: 10px;
+}

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

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

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

@@ -0,0 +1,35 @@
+@use '../css/common.scss' as *;
+
+$right-key: 'right-key';
+@include b($right-key) {
+	&-box {
+		width: 140px;
+		position: absolute;
+		padding: 10px;
+		z-index: 9999;
+		background: #fff;
+		border: 1px solid #cfd7e5;
+		border-radius: 8px;
+		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+		&-list {
+			&-li {
+				&:hover {
+					background: #ecf5ff;
+					color: #66b1ff;
+				}
+				white-space: nowrap;
+				display: flex;
+				align-items: center;
+				height: 40px;
+				padding: 8px 14px 8px 10px;
+				border-radius: 4px;
+				font-size: 16px;
+				cursor: pointer;
+
+				i {
+					margin-right: 10px;
+				}
+			}
+		}
+	}
+}

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

@@ -19,6 +19,7 @@ require("@fangzhongya/utils/name/humpToLine");
 require("@fangzhongya/utils/basic/object/deepCopy");
 require("@fangzhongya/utils/basic/Array/toggleArray");
 require("@fangzhongya/utils/basic/object/objValue");
+const index$2 = require("../../icon/index.cjs");
 const boxTeleport_vue_vue_type_script_setup_true_lang = require("../../frame/common/box-teleport.cjs");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
@@ -132,10 +133,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     onClick: vue.withModifiers(($event) => onClick(v), ["stop"]),
                     class: vue.normalizeClass(vue.unref(cs).z("box-list-li"))
                   }, [
-                    v.icon ? (vue.openBlock(), vue.createElementBlock("i", {
-                      key: 0,
-                      class: vue.normalizeClass(v.icon)
-                    }, null, 2)) : vue.createCommentVNode("", true),
+                    v.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.Icon), { key: 0 }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(v.icon)))
+                      ]),
+                      _: 2
+                    }, 1024)) : vue.createCommentVNode("", true),
                     vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(common.setVueValue)(v, props.label)), 1)
                   ], 10, _hoisted_1);
                 }), 128))

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createVNode, withCtx, withDirectives, createElementVNode, normalizeStyle, Fragment, renderList, withModifiers, createCommentVNode, toDisplayString, vShow } from "vue";
+import { defineComponent, ref, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createVNode, withCtx, withDirectives, createElementVNode, normalizeStyle, Fragment, renderList, withModifiers, createBlock, createCommentVNode, resolveDynamicComponent, toDisplayString, vShow } from "vue";
 import { getPrentClass } from "@fangzhongya/utils/css/getPrentClass";
 import { setVueValue } from "../../../utils/vues/common.js";
 import "../../../utils/vues/getBuildProps.js";
@@ -17,6 +17,7 @@ import "@fangzhongya/utils/name/humpToLine";
 import "@fangzhongya/utils/basic/object/deepCopy";
 import "@fangzhongya/utils/basic/Array/toggleArray";
 import "@fangzhongya/utils/basic/object/objValue";
+import { Icon } from "../../icon/index.js";
 import _sfc_main$1 from "../../frame/common/box-teleport.js";
 import { dataEmits, dataProps, dataExpose, dataSlot } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
@@ -130,10 +131,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onClick: withModifiers(($event) => onClick(v), ["stop"]),
                     class: normalizeClass(unref(cs).z("box-list-li"))
                   }, [
-                    v.icon ? (openBlock(), createElementBlock("i", {
-                      key: 0,
-                      class: normalizeClass(v.icon)
-                    }, null, 2)) : createCommentVNode("", true),
+                    v.icon ? (openBlock(), createBlock(unref(Icon), { key: 0 }, {
+                      default: withCtx(() => [
+                        (openBlock(), createBlock(resolveDynamicComponent(v.icon)))
+                      ]),
+                      _: 2
+                    }, 1024)) : createCommentVNode("", true),
                     createElementVNode("span", null, toDisplayString(unref(setVueValue)(v, props.label)), 1)
                   ], 10, _hoisted_1);
                 }), 128))

package/dist/components/window/index.scss

@@ -1,7 +1,7 @@
-// @use '../../../common.scss' as *;
+// @use '../common.scss' as *;
 
-// @use '../../box-mask/src/index.scss' as *;
-// @use '../../box-title/src/index.scss' as *;
+// @use '../box-mask/src/index.scss' as *;
+// @use '../box-title/src/index.scss' as *;
 
 @use '../css/common.scss' as *;
 @use '../box-mask/index.scss' as *;