@fangzhongya/fang-ui 0.1.45 → 0.1.47

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

@@ -47,6 +47,9 @@
   min-height: var(--forms-item-row-height);
   display: grid;
 }
+.forms-item-el-item.is-error .double {
+  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
+}
 
 .forms-items {
   width: 100%;

package/dist/components/forms-items/src/index2.cjs

@@ -5,11 +5,10 @@ const data = require("./data.cjs");
 const index$3 = require("../../forms-item/index.cjs");
 const index$2 = require("../../forms-div/index.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-require("../../../utils/css.cjs");
+const setObjStyle = require("@fangzhongya/utils/css/setObjStyle");
 const use = require("../../common/use.cjs");
 const index$1 = require("../../../hooks/props-default/index.cjs");
 const config = require("../../forms/common/config.cjs");
-const setObjStyle = require("@fangzhongya/utils/css/setObjStyle");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: index$1.getProps(data.dataProps),

package/dist/components/forms-items/src/index2.js

@@ -3,11 +3,10 @@ import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import { FormsItem } from "../../forms-item/index.js";
 import { FormsDiv } from "../../forms-div/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import "../../../utils/css.js";
+import { setObjStyle } from "@fangzhongya/utils/css/setObjStyle";
 import { useHide } from "../../common/use.js";
 import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 import { provides } from "../../forms/common/config.js";
-import { setObjStyle } from "@fangzhongya/utils/css/setObjStyle";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: getProps(dataProps),

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

@@ -28,6 +28,9 @@
 .input-history-popper {
   padding: 6px 0 !important;
 }
+.input-history-input {
+  width: 100%;
+}
 .input-history-select {
   max-height: 274px;
   height: 100%;

package/dist/components/input-history/index.scss

@@ -6,7 +6,9 @@ $input-history: 'input-history';
 	&-popper {
 		padding: 6px 0 !important;
 	}
-
+	&-input {
+		width: 100%;
+	}
 	&-select {
 		max-height: 274px;
 		height: 100%;

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

@@ -1,6 +1,7 @@
 import { ExtractPropTypes } from 'vue';
 /**
  * @title {h3} input-history
+ * @description {p} 输入历史记录组件 但没有了解其用途
  */
 export declare const name = "input-history";
 export declare const dataProps: {

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

@@ -1,18 +1,20 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index$5 = require("../../icon/index.cjs");
+const index$6 = require("../../icon/index.cjs");
 const clear = require("../../../icons/vue/clear.cjs");
-const index$3 = require("../../../hooks/expose/index.cjs");
-const index$4 = require("../../popover/index.cjs");
-const index$7 = require("../../button/index.cjs");
-const index$6 = require("../../inputs/index.cjs");
+const index$4 = require("../../../hooks/expose/index.cjs");
+const index$5 = require("../../popover/index.cjs");
+const index$8 = require("../../button/index.cjs");
+const index$7 = require("../../inputs/index.cjs");
 const getCss = require("@fangzhongya/utils/css/getCss");
 const util = require("./util.cjs");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
 const index$2 = require("../../../hooks/props-default/index.cjs");
+require("../../form/index.cjs");
+const index$3 = require("element-plus/es/components/form/index");
 const replaceAfter = require("@fangzhongya/utils/basic/array/replaceAfter");
 const deleteArray = require("@fangzhongya/utils/basic/array/deleteArray");
 const _hoisted_1 = ["onClick"];
@@ -27,6 +29,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index$1.useCssName(data.name);
     const prs = __props;
     const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
+    const disabled = index$3.useDisabled();
     const emit = __emit;
     const visible = vue.ref(false);
     const width = vue.ref(200);
@@ -71,10 +74,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     }
     function setValue(item) {
       value.value = item;
-      emit("update:modelValue");
     }
     function onClear(...arr) {
       emit("clear", ...arr);
+      onChange();
       visible.value = true;
     }
     function onChange() {
@@ -82,6 +85,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       if (v) {
         options.value = replaceAfter.replaceAfter(options.value, v, "", true);
       }
+      emit("update:modelValue", v);
       emit("change", v);
     }
     function onClean(v) {
@@ -95,7 +99,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       setWidth();
     });
     __expose(
-      index$3.useExpose(
+      index$4.useExpose(
         {
           ...data.dataExpose
         },
@@ -106,21 +110,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         class: [vue.unref(cs).z()]
       }, vue.unref(attrs).root), [
-        vue.createVNode(vue.unref(index$4.Popover), {
+        vue.createVNode(vue.unref(index$5.Popover), {
           trigger: "click",
           "popper-class": vue.unref(cs).z("popper"),
           visible: visible.value,
-          disabled: vue.unref(props).disabled || vue.unref(options).length == 0,
+          disabled: vue.unref(disabled) || vue.unref(options).length == 0,
           width: width.value
         }, {
           reference: vue.withCtx(() => [
-            vue.createVNode(vue.unref(index$6.Inputs), vue.mergeProps({
+            vue.createVNode(vue.unref(index$7.Inputs), vue.mergeProps(vue.unref(attrs).assem, {
               ref_key: "refInput",
               ref: refInput,
               modelValue: value.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
-            }, vue.unref(attrs).assem, {
-              disabled: vue.unref(props).disabled,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+              class: [vue.unref(cs).z("input")],
+              disabled: vue.unref(disabled),
               onInput,
               onFocus,
               onBlur,
@@ -132,15 +136,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               )),
               onClear
             }), vue.createSlots({ _: 2 }, [
-              vue.renderList(Object.keys(vue.unref(slots)), (k, index2) => {
+              vue.renderList(Object.keys(vue.unref(slots)), (k) => {
                 return {
                   name: k,
-                  fn: vue.withCtx(() => [
-                    vue.renderSlot(_ctx.$slots, k)
+                  fn: vue.withCtx((scope) => [
+                    vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
                   ])
                 };
               })
-            ]), 1040, ["modelValue", "disabled"])
+            ]), 1040, ["modelValue", "class", "disabled"])
           ]),
           default: vue.withCtx(() => [
             vue.unref(options).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -156,7 +160,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     onClick: vue.withModifiers(($event) => onClickSelect(item), ["stop"])
                   }, [
                     vue.createElementVNode("span", null, vue.toDisplayString(item), 1),
-                    vue.unref(props).clean ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.Icon), {
+                    vue.unref(props).clean ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.Icon), {
                       key: 0,
                       class: vue.normalizeClass([vue.unref(cs).z("select-li-clean")]),
                       onClick: vue.withModifiers(($event) => onClean(item), ["stop"])
@@ -173,7 +177,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 3
         }, 8, ["popper-class", "visible", "disabled", "width"]),
-        vue.unref(props).buts ? (vue.openBlock(), vue.createBlock(vue.unref(index$7.Button), vue.mergeProps({
+        vue.unref(props).buts ? (vue.openBlock(), vue.createBlock(vue.unref(index$8.Button), vue.mergeProps({
           key: 0,
           class: [vue.unref(cs).z("but"), vue.unref(props).buts.class]
         }, vue.unref(props).buts, {

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

@@ -1,4 +1,4 @@
-import { defineComponent, useAttrs, useSlots, ref, watch, onMounted, createElementBlock, openBlock, mergeProps, unref, createVNode, createBlock, createCommentVNode, withCtx, normalizeClass, createElementVNode, Fragment, renderList, withModifiers, toDisplayString, withKeys, createSlots, renderSlot, createTextVNode } from "vue";
+import { defineComponent, useAttrs, useSlots, ref, watch, onMounted, createElementBlock, openBlock, mergeProps, unref, createVNode, createBlock, createCommentVNode, withCtx, normalizeClass, createElementVNode, Fragment, renderList, withModifiers, toDisplayString, withKeys, createSlots, renderSlot, normalizeProps, guardReactiveProps, createTextVNode } from "vue";
 import { Icon } from "../../icon/index.js";
 import Clear from "../../../icons/vue/clear.js";
 import { useExpose } from "../../../hooks/expose/index.js";
@@ -11,6 +11,8 @@ import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
 import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
+import "../../form/index.js";
+import { useDisabled } from "element-plus/es/components/form/index";
 import { replaceAfter } from "@fangzhongya/utils/basic/array/replaceAfter";
 import { deleteArray } from "@fangzhongya/utils/basic/array/deleteArray";
 const _hoisted_1 = ["onClick"];
@@ -25,6 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = useCssName(name);
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps);
+    const disabled = useDisabled();
     const emit = __emit;
     const visible = ref(false);
     const width = ref(200);
@@ -69,10 +72,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function setValue(item) {
       value.value = item;
-      emit("update:modelValue");
     }
     function onClear(...arr) {
       emit("clear", ...arr);
+      onChange();
       visible.value = true;
     }
     function onChange() {
@@ -80,6 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (v) {
         options.value = replaceAfter(options.value, v, "", true);
       }
+      emit("update:modelValue", v);
       emit("change", v);
     }
     function onClean(v) {
@@ -108,17 +112,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           trigger: "click",
           "popper-class": unref(cs).z("popper"),
           visible: visible.value,
-          disabled: unref(props).disabled || unref(options).length == 0,
+          disabled: unref(disabled) || unref(options).length == 0,
           width: width.value
         }, {
           reference: withCtx(() => [
-            createVNode(unref(Inputs), mergeProps({
+            createVNode(unref(Inputs), mergeProps(unref(attrs).assem, {
               ref_key: "refInput",
               ref: refInput,
               modelValue: value.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
-            }, unref(attrs).assem, {
-              disabled: unref(props).disabled,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+              class: [unref(cs).z("input")],
+              disabled: unref(disabled),
               onInput,
               onFocus,
               onBlur,
@@ -130,15 +134,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               )),
               onClear
             }), createSlots({ _: 2 }, [
-              renderList(Object.keys(unref(slots)), (k, index) => {
+              renderList(Object.keys(unref(slots)), (k) => {
                 return {
                   name: k,
-                  fn: withCtx(() => [
-                    renderSlot(_ctx.$slots, k)
+                  fn: withCtx((scope) => [
+                    renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope || {})))
                   ])
                 };
               })
-            ]), 1040, ["modelValue", "disabled"])
+            ]), 1040, ["modelValue", "class", "disabled"])
           ]),
           default: withCtx(() => [
             unref(options).length > 0 ? (openBlock(), createElementBlock("div", {

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

@@ -22,6 +22,34 @@
   line-height: var(--lable-array-height);
 }
 
+.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;
+}
+.icon-cont {
+  border: 0;
+  display: inline-flex;
+  align-items: center;
+  object-fit: contain;
+  justify-content: center;
+  font-size: inherit !important;
+  width: inherit !important;
+  height: inherit !important;
+}
+
+.input-select {
+  height: 100%;
+  width: 100%;
+}
 .input-select-select-icon {
   margin-left: 8px;
   display: inline-flex;
@@ -35,13 +63,13 @@
 .input-select-select-icon.is-reverse {
   transform: rotate(-180deg);
 }
-.input-select-select-icon svg {
-  width: 1rem;
-  height: 1rem;
-}
 .input-select.is-disabled .input-select-select-icon {
   cursor: not-allowed;
 }
+.input-select-input {
+  height: 100%;
+  width: 100%;
+}
 .input-select-popper {
   padding: 6px 0 !important;
 }
@@ -69,11 +97,11 @@
   cursor: pointer;
 }
 .input-select-popper .input-select-select .input-select-select-li.hover, .input-select-popper .input-select-select .input-select-select-li:hover {
-  background-color: #f5f7fa;
+  background-color: var(--el-fill-color-light);
 }
 .input-select-popper .input-select-select .input-select-select-li.selected {
-  color: var(--bv-color-primary);
-  font-weight: 700;
+  color: var(--el-color-primary);
+  font-weight: bold;
 }
 .input-select-popper .input-select-select .input-select-select-li.is-disabled {
   background-color: #ffffff;

package/dist/components/input-select/index.scss

@@ -1,7 +1,10 @@
 @use '../scss/common.scss' as *;
+@use '../icon/index.scss' as *;
 
 $input-select: 'input-select';
 @include b($input-select) {
+	height: 100%;
+	width: 100%;
 	&-select-icon {
 		margin-left: 8px;
 		display: inline-flex;
@@ -14,16 +17,16 @@ $input-select: 'input-select';
 		&.is-reverse {
 			transform: rotate(-180deg);
 		}
-		svg {
-			width: 1rem;
-			height: 1rem;
-		}
 	}
 	&.is-disabled {
 		.#{$input-select}-select-icon {
 			cursor: not-allowed;
 		}
 	}
+	&-input {
+		height: 100%;
+		width: 100%;
+	}
 	&-popper {
 		padding: 6px 0 !important;
 		.#{$input-select}-select {
@@ -49,11 +52,11 @@ $input-select: 'input-select';
 				cursor: pointer;
 				&.hover,
 				&:hover {
-					background-color: #f5f7fa;
+					background-color: var(ve('fill-color-light'));
 				}
 				&.selected {
-					color: var(--bv-color-primary);
-					font-weight: 700;
+					color: var(#{ve('color-primary')});
+					font-weight: bold;
 				}
 				&.is-disabled {
 					background-color: #ffffff;

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

@@ -1,17 +1,19 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index$5 = require("../../icon/index.cjs");
+const index$6 = require("../../icon/index.cjs");
 const clear = require("../../../icons/vue/clear.cjs");
 const below = require("../../../icons/vue/below.cjs");
 const data = require("./data.cjs");
-const index$4 = require("../../input/index.cjs");
-const index$3 = require("../../popover/index.cjs");
+const index$5 = require("../../inputs/index.cjs");
+const index$4 = require("../../popover/index.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
 const use = require("../../common/use.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const getCss = require("@fangzhongya/utils/css/getCss");
+require("../../form/index.cjs");
 const index$2 = require("../../../hooks/props-default/index.cjs");
+const index$3 = require("element-plus/es/components/form/index");
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
@@ -25,6 +27,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const prs = __props;
     const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
     const emit = __emit;
+    const disabled = index$3.useDisabled();
     const visible = vue.ref(false);
     const width = vue.ref(200);
     const refInput = vue.ref();
@@ -118,24 +121,25 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$3.Popover), {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$4.Popover), {
         trigger: "click",
         "popper-class": vue.unref(cs).z("popper"),
         visible: visible.value,
-        disabled: vue.unref(props).disabled || !(options.value && options.value.length > 0),
+        disabled: vue.unref(disabled) || !(options.value && options.value.length > 0),
         width: width.value
       }, {
         reference: vue.withCtx(() => [
           vue.createElementVNode("div", vue.mergeProps({
-            class: [vue.unref(cs).z(), vue.unref(cs).is("disabled", vue.unref(props).disabled)]
+            class: [vue.unref(cs).z(), vue.unref(cs).is("disabled", vue.unref(disabled))]
           }, vue.unref(attrs).root, { onClick }), [
-            vue.createVNode(vue.unref(index$4.Input), vue.mergeProps({
+            vue.createVNode(vue.unref(index$5.Inputs), vue.mergeProps({
               ref_key: "refInput",
               ref: refInput,
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
             }, vue.unref(attrs).assem, {
-              disabled: vue.unref(props).disabled,
+              class: vue.unref(cs).z("input"),
+              disabled: vue.unref(disabled),
               readonly: vue.unref(props).readonly,
               onInput,
               onFocus,
@@ -143,7 +147,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               clearable: false
             }), vue.createSlots({
               suffix: vue.withCtx(() => [
-                isclear.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.Icon), {
+                isclear.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.Icon), {
                   key: 0,
                   class: vue.normalizeClass([vue.unref(cs).z("select-icon"), "clear"]),
                   onClick: vue.withModifiers(onClear, ["stop"])
@@ -154,28 +158,31 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   _: 1
                 }, 8, ["class"])) : vue.createCommentVNode("", true),
                 vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).suffix),
-                vue.createElementVNode("span", {
+                vue.createVNode(vue.unref(index$6.Icon), {
                   class: vue.normalizeClass([
                     vue.unref(cs).z("select-icon"),
                     vue.unref(cs).is("reverse", visible.value)
                   ])
-                }, [
-                  vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).iconSelect, {}, () => [
-                    vue.createVNode(below.default)
-                  ])
-                ], 2)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).iconSelect, {}, () => [
+                      vue.createVNode(below.default)
+                    ])
+                  ]),
+                  _: 3
+                }, 8, ["class"])
               ]),
               _: 2
             }, [
-              vue.renderList(Object.keys(vue.unref(slots)), (k, index2) => {
+              vue.renderList(Object.keys(vue.unref(slots)), (k) => {
                 return {
                   name: k,
-                  fn: vue.withCtx(() => [
-                    vue.renderSlot(_ctx.$slots, k)
+                  fn: vue.withCtx((scope) => [
+                    vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
                   ])
                 };
               })
-            ]), 1040, ["modelValue", "disabled", "readonly"])
+            ]), 1040, ["modelValue", "class", "disabled", "readonly"])
           ], 16)
         ]),
         default: vue.withCtx(() => [

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

@@ -1,15 +1,17 @@
-import { defineComponent, useAttrs, useSlots, ref, computed, onMounted, createBlock, openBlock, unref, withCtx, createElementVNode, normalizeClass, createElementBlock, Fragment, renderList, withModifiers, toDisplayString, mergeProps, createVNode, createSlots, createCommentVNode, renderSlot } from "vue";
+import { defineComponent, useAttrs, useSlots, ref, computed, onMounted, createBlock, openBlock, unref, withCtx, createElementVNode, normalizeClass, createElementBlock, Fragment, renderList, withModifiers, toDisplayString, mergeProps, createVNode, createSlots, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { Icon } from "../../icon/index.js";
 import Clear from "../../../icons/vue/clear.js";
 import Below from "../../../icons/vue/below.js";
 import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
-import { Input } from "../../input/index.js";
+import { Inputs } from "../../inputs/index.js";
 import { Popover } from "../../popover/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
 import { useVueValue } from "../../common/use.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { getCss } from "@fangzhongya/utils/css/getCss";
+import "../../form/index.js";
 import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
+import { useDisabled } from "element-plus/es/components/form/index";
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
@@ -23,6 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps);
     const emit = __emit;
+    const disabled = useDisabled();
     const visible = ref(false);
     const width = ref(200);
     const refInput = ref();
@@ -120,20 +123,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         trigger: "click",
         "popper-class": unref(cs).z("popper"),
         visible: visible.value,
-        disabled: unref(props).disabled || !(options.value && options.value.length > 0),
+        disabled: unref(disabled) || !(options.value && options.value.length > 0),
         width: width.value
       }, {
         reference: withCtx(() => [
           createElementVNode("div", mergeProps({
-            class: [unref(cs).z(), unref(cs).is("disabled", unref(props).disabled)]
+            class: [unref(cs).z(), unref(cs).is("disabled", unref(disabled))]
           }, unref(attrs).root, { onClick }), [
-            createVNode(unref(Input), mergeProps({
+            createVNode(unref(Inputs), mergeProps({
               ref_key: "refInput",
               ref: refInput,
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
             }, unref(attrs).assem, {
-              disabled: unref(props).disabled,
+              class: unref(cs).z("input"),
+              disabled: unref(disabled),
               readonly: unref(props).readonly,
               onInput,
               onFocus,
@@ -152,28 +156,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 1
                 }, 8, ["class"])) : createCommentVNode("", true),
                 renderSlot(_ctx.$slots, unref(dataSlot).suffix),
-                createElementVNode("span", {
+                createVNode(unref(Icon), {
                   class: normalizeClass([
                     unref(cs).z("select-icon"),
                     unref(cs).is("reverse", visible.value)
                   ])
-                }, [
-                  renderSlot(_ctx.$slots, unref(dataSlot).iconSelect, {}, () => [
-                    createVNode(Below)
-                  ])
-                ], 2)
+                }, {
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, unref(dataSlot).iconSelect, {}, () => [
+                      createVNode(Below)
+                    ])
+                  ]),
+                  _: 3
+                }, 8, ["class"])
               ]),
               _: 2
             }, [
-              renderList(Object.keys(unref(slots)), (k, index) => {
+              renderList(Object.keys(unref(slots)), (k) => {
                 return {
                   name: k,
-                  fn: withCtx(() => [
-                    renderSlot(_ctx.$slots, k)
+                  fn: withCtx((scope) => [
+                    renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope || {})))
                   ])
                 };
               })
-            ]), 1040, ["modelValue", "disabled", "readonly"])
+            ]), 1040, ["modelValue", "class", "disabled", "readonly"])
           ], 16)
         ]),
         default: withCtx(() => [

package/dist/components/input-select/style/index2.scss

@@ -1,3 +1,4 @@
-@use '../../input/style/index2.scss' as *;
+@use '../../inputs/style/index2.scss' as *;
+@use '../../icon/style/index2.scss' as *;
 @use '../../popover/style/index2.scss' as *;
 @use '../index.scss' as *;