yc-design-vue 2.1.8 → 2.1.9

package/es/Alert/index.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, useSlots, ref, createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, normalizeClass, createElementVNode, renderSlot, resolveDynamicComponent, unref, createTextVNode, toDisplayString, createVNode } from "vue";
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import "../node_modules/b-tween/dist/b-tween.es.js";
 import "../node_modules/dayjs/dayjs.min.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";

package/es/Avatar/Avatar.vue.js

@@ -10,7 +10,7 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import { valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconImageClose.vue.js";

package/es/BackTop/index.vue.js

@@ -11,7 +11,7 @@ import { findFirstScrollableParent, getElement } from "../_shared/utils/dom.js";
 import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconToTop.vue.js";

package/es/Breadcrumb/BreadcrumbItem.vue.js

@@ -10,7 +10,7 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import Dropdown from "../Dropdown/index.js";

package/es/Breadcrumb/BreadcrumbMore.vue.js

@@ -9,7 +9,7 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconMore.vue.js";

package/es/Breadcrumb/BreadcrumbSeparator.vue.js

@@ -10,10 +10,10 @@ import "../_shared/utils/dom.js";
 import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
-import _sfc_main$1 from "../_shared/icons/IconSeparator.vue2.js";
+import _sfc_main$1 from "../_shared/icons/IconSeparator.vue.js";
 const _hoisted_1 = { class: "yc-breadcrumb-item-separator" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BreadcrumbSeparator",

package/es/Calendar/Calendar.vue.js

@@ -10,8 +10,8 @@ import "../_shared/utils/dom.js";
 import { useControlValue } from "../_shared/utils/hooks.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";

package/es/Carousel/CarouselArrow.vue.js

@@ -9,7 +9,7 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";

package/es/Cascader/CascaderIcon.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent, resolveComponent, createBlock, createElementBlock, openBlock, unref, createSlots, withCtx, resolveDynamicComponent, Fragment, createElementVNode, createCommentVNode, withModifiers } from "vue";
 import useCascaderContext from "./hooks/useContext.js";
 import _sfc_main$1 from "../_shared/icons/IconArrowDown.vue.js";
-import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import "../node_modules/b-tween/dist/b-tween.es.js";
 import "../node_modules/dayjs/dayjs.min.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";

package/es/Cascader/CascaderOption.vue.js

@@ -10,7 +10,7 @@ import { sleep } from "../_shared/utils/dom.js";
 import { isFunction } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";

package/es/Checkbox/Checkbox.vue.js

@@ -12,8 +12,8 @@ import { useControlValue } from "../_shared/utils/hooks.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
 import useCheckboxContext from "./hooks/useContext.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconCheckboxChecked.vue.js";

package/es/Collapse/CollapseItem.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, toRefs, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, createBlock, createCommentVNode, withCtx, renderSlot, resolveDynamicComponent, createTextVNode, toDisplayString, withDirectives, vShow } from "vue";
 import useCollapseContext from "./hooks/useContext.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import _sfc_main$3 from "../_shared/components/ExpandTransition/index.vue2.js";
 /* empty css                                               */
 import "../node_modules/b-tween/dist/b-tween.es.js";

package/es/ColorPicker/ColorInput.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, toRefs, ref, watch, createElementBlock, openBlock, createElementVNode, createVNode, unref, createBlock, createCommentVNode, withCtx, createTextVNode, Fragment } from "vue";
+import { defineComponent, toRefs, ref, watch, createElementBlock, openBlock, createElementVNode, createVNode, unref, withCtx, createBlock, createCommentVNode, createTextVNode, Fragment } from "vue";
 import { parseColor } from "../_shared/utils/color.js";
 import "../node_modules/b-tween/dist/b-tween.es.js";
 import "../node_modules/dayjs/dayjs.min.js";
@@ -14,9 +14,10 @@ import { COLOR_PICKER_FORMAT_OPTIONS } from "../_shared/constants/index.js";
 import Select from "../Select/index.js";
 import Input from "../Input/index.js";
 import InputNumber from "../InputNumber/index.js";
+import _sfc_main$1 from "../Input/InputGroup.vue.js";
+/* empty css                       */
 const _hoisted_1 = { class: "yc-color-picker-input-wrapper" };
 const _hoisted_2 = { class: "yc-color-picker-format" };
-const _hoisted_3 = { class: "yc-color-picker-color" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ColorInput",
   props: {
@@ -85,79 +86,82 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             size: "mini"
           }, null, 8, ["modelValue", "options"])
         ]),
-        createElementVNode("div", _hoisted_3, [
-          format.value == "hex" ? (openBlock(), createBlock(unref(Input), {
-            key: 0,
-            modelValue: hex.value,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => hex.value = $event),
-            "max-length": 6,
-            disabled: _ctx.disabled,
-            size: "mini",
-            class: "hex-input",
-            onBlur: _cache[2] || (_cache[2] = ($event) => handleSet("hex")),
-            onPressEnter: _cache[3] || (_cache[3] = ($event) => handleSet("hex"))
-          }, {
-            prefix: withCtx(() => [..._cache[16] || (_cache[16] = [
-              createTextVNode(" # ", -1)
-            ])]),
-            _: 1
-          }, 8, ["modelValue", "disabled"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createVNode(unref(InputNumber), {
-              modelValue: rgb.value.r,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => rgb.value.r = $event),
-              min: 0,
-              max: 255,
-              disabled: _ctx.disabled,
-              size: "mini",
-              class: "rgb-input",
-              "hide-button": "",
-              onBlur: _cache[5] || (_cache[5] = ($event) => handleSet("rgb")),
-              onPressEnter: _cache[6] || (_cache[6] = ($event) => handleSet("rgb"))
-            }, null, 8, ["modelValue", "disabled"]),
-            createVNode(unref(InputNumber), {
-              modelValue: rgb.value.g,
-              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => rgb.value.g = $event),
-              min: 0,
-              max: 255,
+        createVNode(unref(_sfc_main$1), { class: "yc-color-picker-color" }, {
+          default: withCtx(() => [
+            format.value == "hex" ? (openBlock(), createBlock(unref(Input), {
+              key: 0,
+              modelValue: hex.value,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => hex.value = $event),
+              "max-length": 6,
               disabled: _ctx.disabled,
               size: "mini",
-              class: "rgb-input",
-              "hide-button": "",
-              onBlur: _cache[8] || (_cache[8] = ($event) => handleSet("rgb")),
-              onPressEnter: _cache[9] || (_cache[9] = ($event) => handleSet("rgb"))
-            }, null, 8, ["modelValue", "disabled"]),
-            createVNode(unref(InputNumber), {
-              modelValue: rgb.value.b,
-              "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => rgb.value.b = $event),
+              class: "hex-input",
+              onBlur: _cache[2] || (_cache[2] = ($event) => handleSet("hex")),
+              onPressEnter: _cache[3] || (_cache[3] = ($event) => handleSet("hex"))
+            }, {
+              prefix: withCtx(() => [..._cache[16] || (_cache[16] = [
+                createTextVNode(" # ", -1)
+              ])]),
+              _: 1
+            }, 8, ["modelValue", "disabled"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createVNode(unref(InputNumber), {
+                modelValue: rgb.value.r,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => rgb.value.r = $event),
+                min: 0,
+                max: 255,
+                disabled: _ctx.disabled,
+                size: "mini",
+                class: "rgb-input",
+                "hide-button": "",
+                onBlur: _cache[5] || (_cache[5] = ($event) => handleSet("rgb")),
+                onPressEnter: _cache[6] || (_cache[6] = ($event) => handleSet("rgb"))
+              }, null, 8, ["modelValue", "disabled"]),
+              createVNode(unref(InputNumber), {
+                modelValue: rgb.value.g,
+                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => rgb.value.g = $event),
+                min: 0,
+                max: 255,
+                disabled: _ctx.disabled,
+                size: "mini",
+                class: "rgb-input",
+                "hide-button": "",
+                onBlur: _cache[8] || (_cache[8] = ($event) => handleSet("rgb")),
+                onPressEnter: _cache[9] || (_cache[9] = ($event) => handleSet("rgb"))
+              }, null, 8, ["modelValue", "disabled"]),
+              createVNode(unref(InputNumber), {
+                modelValue: rgb.value.b,
+                "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => rgb.value.b = $event),
+                min: 0,
+                max: 255,
+                disabled: _ctx.disabled,
+                class: "rgb-input",
+                size: "mini",
+                "hide-button": "",
+                onBlur: _cache[11] || (_cache[11] = ($event) => handleSet("rgb")),
+                onPressEnter: _cache[12] || (_cache[12] = ($event) => handleSet("rgb"))
+              }, null, 8, ["modelValue", "disabled"])
+            ], 64)),
+            !_ctx.disabledAlpha ? (openBlock(), createBlock(unref(InputNumber), {
+              key: 2,
+              modelValue: alpha.value,
+              "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => alpha.value = $event),
               min: 0,
-              max: 255,
+              max: 100,
               disabled: _ctx.disabled,
-              class: "rgb-input",
               size: "mini",
               "hide-button": "",
-              onBlur: _cache[11] || (_cache[11] = ($event) => handleSet("rgb")),
-              onPressEnter: _cache[12] || (_cache[12] = ($event) => handleSet("rgb"))
-            }, null, 8, ["modelValue", "disabled"])
-          ], 64)),
-          !_ctx.disabledAlpha ? (openBlock(), createBlock(unref(InputNumber), {
-            key: 2,
-            modelValue: alpha.value,
-            "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => alpha.value = $event),
-            min: 0,
-            max: 100,
-            disabled: _ctx.disabled,
-            size: "mini",
-            "hide-button": "",
-            class: "alpha-input",
-            onBlur: _cache[14] || (_cache[14] = ($event) => handleSet("alpha")),
-            onPressEnter: _cache[15] || (_cache[15] = ($event) => handleSet("alpha"))
-          }, {
-            suffix: withCtx(() => [..._cache[17] || (_cache[17] = [
-              createTextVNode(" % ", -1)
-            ])]),
-            _: 1
-          }, 8, ["modelValue", "disabled"])) : createCommentVNode("", true)
-        ])
+              class: "alpha-input",
+              onBlur: _cache[14] || (_cache[14] = ($event) => handleSet("alpha")),
+              onPressEnter: _cache[15] || (_cache[15] = ($event) => handleSet("alpha"))
+            }, {
+              suffix: withCtx(() => [..._cache[17] || (_cache[17] = [
+                createTextVNode(" % ", -1)
+              ])]),
+              _: 1
+            }, 8, ["modelValue", "disabled"])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
       ]);
     };
   }

package/es/ColorPicker/index.css

@@ -1 +1 @@
-.yc-color-picker-panel{overflow:hidden;width:260px;background-color:var(--color-bg-1);border-radius:var(--border-radius-small);box-shadow:0 8px 20px 0 rgba(0,0,0,0.1)}.yc-color-picker-panel .yc-color-picker-palette{overflow:hidden;position:relative;cursor:pointer;width:100%;height:178px;background-image:linear-gradient(0deg, #000, transparent),linear-gradient(90deg, #fff, rgba(255,255,255,0));border:1px solid var(--color-border-2);border-bottom:0}.yc-color-picker-panel .yc-color-picker-palette .yc-color-picker-handler{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:var(--border-radius-circle);background-color:transparent;transform:translate(-50%, -50%)}.yc-color-picker-panel .yc-color-picker-panel-control{padding:12px;display:flex;flex-direction:column;gap:12px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper{display:flex;justify-content:space-between;align-items:center}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper:not(.yc-color-picker-preview)>div{display:flex;flex-direction:column;gap:12px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar{cursor:pointer;position:relative;width:182px;height:14px;border-radius:10px;border:1px solid var(--color-border-2);background-image:linear-gradient(90deg, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00)}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar .yc-color-picker-control-bar-handler{user-select:none;position:absolute;top:50%;transform:translate(-50%, -50%);width:16px;height:16px;border-radius:var(--border-radius-circle);border:1px solid var(--color-border-2)}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar .yc-color-picker-control-bar-handler::before{display:block;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:8px;height:8px;background:currentColor;border-radius:var(--border-radius-circle)}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar .yc-color-picker-control-bar-handler::after{display:block;content:'';width:100%;height:100%;background:var(--color-bg-white);border-radius:var(--border-radius-circle)}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar-bg{width:fit-content;height:fit-content;background-image:conic-gradient(rgba(0,0,0,0.06) 0 25%, transparent 0 50%, rgba(0,0,0,0.06) 0 75%, transparent 0);background-size:8px 8px;border-radius:10px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-preview{width:40px;height:40px;border:1px solid var(--color-border-2);border-radius:var(--border-radius-medium)}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper{display:flex;align-items:center;gap:20px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-input-outer .yc-input-wrapper{padding:0 6px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-input-outer .yc-input-wrapper .yc-input-suffix{padding-left:0}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-format .yc-select{width:58px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color{flex:1;overflow:hidden;display:flex;align-items:center}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .yc-input-outer:first-child .yc-input-wrapper{border-top-left-radius:2px;border-bottom-left-radius:2px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .yc-input-outer:last-child .yc-input-wrapper{border-right-color:var(--color-border-2);border-top-right-radius:2px;border-bottom-right-radius:2px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .yc-input-outer .yc-input-wrapper{border-radius:var(--border-radius-none);border-color:var(--color-border-2);border-right-color:transparent}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .yc-input-outer .yc-input-wrapper:not(.yc-input-disabled):focus-within{border-radius:var(--border-radius-small);border-color:rgb(var(--primary-6))}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .yc-input-outer .yc-input-wrapper .yc-input-prefix{padding-right:6px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .yc-input-number .yc-input{text-align:center}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .rgb-input,.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .hex-input{flex:1}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .alpha-input{width:52px}.yc-color-picker-panel .yc-color-picker-panel-colors{padding:12px;border-top:1px solid var(--color-border-2);display:flex;flex-direction:column;gap:12px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section{display:flex;flex-direction:column;gap:6px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-text{color:var(--color-text-1);font-weight:400;font-size:12px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-empty{margin:6px 0 0 0;color:var(--color-text-3);font-size:12px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-list{display:flex;flex-wrap:wrap;gap:6px 4px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-list .yc-color-picker-color-block{cursor:pointer;width:16px;height:16px;overflow:hidden;background-image:conic-gradient(rgba(0,0,0,0.06) 0 25%, transparent 0 50%, rgba(0,0,0,0.06) 0 75%, transparent 0);background-size:8px 8px;border-radius:var(--border-radius-small);transition:transform ease-out 60ms}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-list .yc-color-picker-color-block:hover{transform:scale(1.1)}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-list .yc-color-picker-color-block .yc-color-picker-block{height:100%;width:100%}.yc-color-picker-panel-disabled{cursor:not-allowed}.yc-color-picker-panel-disabled .yc-color-picker-palette{cursor:not-allowed}.yc-color-picker-panel-disabled .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar{cursor:not-allowed}.yc-color-picker{cursor:pointer;background-color:var(--color-fill-2);border-radius:var(--border-radius-small);display:inline-flex;align-items:center;gap:4px}.yc-color-picker:not(.yc-color-picker-disabled):hover{background-color:var(--color-fill-3)}.yc-color-picker .yc-color-picker-value{color:var(--color-text-1);font-weight:400}.yc-color-picker.yc-color-picker-disabled{cursor:not-allowed;background-color:var(--color-fill-2)}.yc-color-picker.yc-color-picker-disabled .yc-color-picker-value{color:var(--color-text-4)}.yc-color-picker-size-mini{height:24px;padding:4px;font-size:12px}.yc-color-picker-size-mini .yc-color-picker-preview{height:100%;width:calc(24px - 8px)}.yc-color-picker-size-small{height:28px;padding:3px 4px;font-size:14px}.yc-color-picker-size-small .yc-color-picker-preview{height:100%;width:calc(28px - 8px)}.yc-color-picker-size-medium{height:32px;padding:4px;font-size:14px}.yc-color-picker-size-medium .yc-color-picker-preview{height:100%;width:calc(32px - 8px)}.yc-color-picker-size-large{height:36px;padding:5px;font-size:14px}.yc-color-picker-size-large .yc-color-picker-preview{height:100%;width:calc(36px - 10px)}.yc-color-picker-format-popup-content .yc-select-option{font-size:12px;line-height:24px}
+.yc-color-picker-panel{overflow:hidden;width:260px;background-color:var(--color-bg-1);border-radius:var(--border-radius-small);box-shadow:0 8px 20px 0 rgba(0,0,0,0.1)}.yc-color-picker-panel .yc-color-picker-palette{overflow:hidden;position:relative;cursor:pointer;width:100%;height:178px;background-image:linear-gradient(0deg, #000, transparent),linear-gradient(90deg, #fff, rgba(255,255,255,0));border:1px solid var(--color-border-2);border-bottom:0}.yc-color-picker-panel .yc-color-picker-palette .yc-color-picker-handler{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:var(--border-radius-circle);background-color:transparent;transform:translate(-50%, -50%)}.yc-color-picker-panel .yc-color-picker-panel-control{padding:12px;display:flex;flex-direction:column;gap:12px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper{display:flex;justify-content:space-between;align-items:center}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper:not(.yc-color-picker-preview)>div{display:flex;flex-direction:column;gap:12px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar{cursor:pointer;position:relative;width:182px;height:14px;border-radius:10px;border:1px solid var(--color-border-2);background-image:linear-gradient(90deg, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00)}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar .yc-color-picker-control-bar-handler{user-select:none;position:absolute;top:50%;transform:translate(-50%, -50%);width:16px;height:16px;border-radius:var(--border-radius-circle);border:1px solid var(--color-border-2)}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar .yc-color-picker-control-bar-handler::before{display:block;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:8px;height:8px;background:currentColor;border-radius:var(--border-radius-circle)}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar .yc-color-picker-control-bar-handler::after{display:block;content:'';width:100%;height:100%;background:var(--color-bg-white);border-radius:var(--border-radius-circle)}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar-bg{width:fit-content;height:fit-content;background-image:conic-gradient(rgba(0,0,0,0.06) 0 25%, transparent 0 50%, rgba(0,0,0,0.06) 0 75%, transparent 0);background-size:8px 8px;border-radius:10px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-preview{width:40px;height:40px;border:1px solid var(--color-border-2);border-radius:var(--border-radius-medium)}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper{display:flex;align-items:center;gap:20px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-input-outer .yc-input-wrapper{padding:0 6px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-input-outer .yc-input-wrapper .yc-input-suffix{padding-left:0}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-format .yc-select{width:58px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color{flex:1;overflow:hidden}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .rgb-input,.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .hex-input{flex:1}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .rgb-input.rgb-input .yc-input,.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .hex-input.rgb-input .yc-input{text-align:center}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .alpha-input{width:52px}.yc-color-picker-panel .yc-color-picker-panel-colors{padding:12px;border-top:1px solid var(--color-border-2);display:flex;flex-direction:column;gap:12px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section{display:flex;flex-direction:column;gap:6px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-text{color:var(--color-text-1);font-weight:400;font-size:12px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-empty{margin:6px 0 0 0;color:var(--color-text-3);font-size:12px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-list{display:flex;flex-wrap:wrap;gap:6px 4px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-list .yc-color-picker-color-block{cursor:pointer;width:16px;height:16px;overflow:hidden;background-image:conic-gradient(rgba(0,0,0,0.06) 0 25%, transparent 0 50%, rgba(0,0,0,0.06) 0 75%, transparent 0);background-size:8px 8px;border-radius:var(--border-radius-small);transition:transform ease-out 60ms}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-list .yc-color-picker-color-block:hover{transform:scale(1.1)}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-list .yc-color-picker-color-block .yc-color-picker-block{height:100%;width:100%}.yc-color-picker-panel-disabled{cursor:not-allowed}.yc-color-picker-panel-disabled .yc-color-picker-palette{cursor:not-allowed}.yc-color-picker-panel-disabled .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar{cursor:not-allowed}.yc-color-picker{cursor:pointer;background-color:var(--color-fill-2);border-radius:var(--border-radius-small);display:inline-flex;align-items:center;gap:4px}.yc-color-picker:not(.yc-color-picker-disabled):hover{background-color:var(--color-fill-3)}.yc-color-picker .yc-color-picker-value{color:var(--color-text-1);font-weight:400}.yc-color-picker.yc-color-picker-disabled{cursor:not-allowed;background-color:var(--color-fill-2)}.yc-color-picker.yc-color-picker-disabled .yc-color-picker-value{color:var(--color-text-4)}.yc-color-picker-size-mini{height:24px;padding:4px;font-size:12px}.yc-color-picker-size-mini .yc-color-picker-preview{height:100%;width:calc(24px - 8px)}.yc-color-picker-size-small{height:28px;padding:3px 4px;font-size:14px}.yc-color-picker-size-small .yc-color-picker-preview{height:100%;width:calc(28px - 8px)}.yc-color-picker-size-medium{height:32px;padding:4px;font-size:14px}.yc-color-picker-size-medium .yc-color-picker-preview{height:100%;width:calc(32px - 8px)}.yc-color-picker-size-large{height:36px;padding:5px;font-size:14px}.yc-color-picker-size-large .yc-color-picker-preview{height:100%;width:calc(36px - 10px)}.yc-color-picker-format-popup-content .yc-select-option{font-size:12px;line-height:24px}

package/es/Drawer/Drawer.vue.js

@@ -12,8 +12,8 @@ import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
 import useModalClose from "../Modal/hooks/useModalClose.js";
 import Button from "../Button/index.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 const _hoisted_1 = { class: "yc-drawer-header" };

package/es/Dropdown/DropdownButton.vue.js

@@ -9,7 +9,7 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$3 from "../_shared/icons/IconMore.vue.js";

package/es/Dropdown/Dsubmenu.vue.js

@@ -12,7 +12,7 @@ import { isBoolean, isUndefined } from "../_shared/utils/is.js";
 import { useControlValue } from "../_shared/utils/hooks.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";

package/es/Empty/index.vue.js

@@ -9,7 +9,7 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconEmpty.vue.js";

package/es/Image/Image.vue.js

@@ -10,7 +10,7 @@ import { valueToPx } from "../_shared/utils/dom.js";
 import { useControlValue } from "../_shared/utils/hooks.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconImageClose.vue.js";

package/es/Image/ImagePreview.vue.js

@@ -12,7 +12,7 @@ import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import { useControlValue } from "../_shared/utils/hooks.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconClose.vue.js";

package/es/Image/ImagePreviewArrow.vue.js

@@ -9,7 +9,7 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";

package/es/Image/ImagePreviewToolbar.vue.js

@@ -9,15 +9,15 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
-import _sfc_main$6 from "../_shared/icons/IconFullScreen.vue2.js";
-import _sfc_main$1 from "../_shared/icons/IconOriginSize.vue2.js";
-import _sfc_main$4 from "../_shared/icons/IconRotateLeft.vue2.js";
-import _sfc_main$5 from "../_shared/icons/IconRotateRight.vue2.js";
-import _sfc_main$3 from "../_shared/icons/IconZoomIn.vue2.js";
-import _sfc_main$2 from "../_shared/icons/IconZoomOut.vue2.js";
+import _sfc_main$6 from "../_shared/icons/IconFullScreen.vue.js";
+import _sfc_main$1 from "../_shared/icons/IconOriginSize.vue.js";
+import _sfc_main$4 from "../_shared/icons/IconRotateLeft.vue.js";
+import _sfc_main$5 from "../_shared/icons/IconRotateRight.vue.js";
+import _sfc_main$3 from "../_shared/icons/IconZoomIn.vue.js";
+import _sfc_main$2 from "../_shared/icons/IconZoomOut.vue.js";
 import _sfc_main$7 from "./ImagePreviewAction.vue.js";
 /* empty css                        */
 const _hoisted_1 = {

package/es/Input/Input.vue.js

@@ -12,8 +12,8 @@ import { useControlValue } from "../_shared/utils/hooks.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
 import useLimitedInput from "./hooks/useLimitedInput.js";
-import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import _sfc_main$1 from "../_shared/components/PreventFocus/index.vue.js";
 /* empty css                                               */
 /* empty css                                   */

package/es/Input/InputGroup.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/Input/InputGroup.vue.js

@@ -0,0 +1,18 @@
+import { defineComponent, createElementBlock, openBlock, renderSlot } from "vue";
+const _hoisted_1 = { class: "yc-input-group" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "InputGroup"
+  },
+  __name: "InputGroup",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/Input/InputGroup.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./InputGroup.vue.js";
+/* empty css                */
+export {
+  _sfc_main as default
+};

package/es/Input/InputSuffix.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, createBlock, openBlock, unref, withCtx, createElementBlock, createCommentVNode, renderSlot, toDisplayString } from "vue";
-import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import _sfc_main$1 from "../_shared/components/PreventFocus/index.vue.js";
 import "../node_modules/b-tween/dist/b-tween.es.js";
 import "../node_modules/dayjs/dayjs.min.js";

package/es/Input/index.css

@@ -1 +1 @@
-.yc-input-outer{width:100%;display:inline-flex;align-items:center}.yc-input-outer .yc-input-prepend,.yc-input-outer .yc-input-append,.yc-input-outer .yc-input-wrapper{flex-shrink:0;font-size:inherit}.yc-input-outer .yc-input-prepend,.yc-input-outer .yc-input-append{overflow:hidden;height:100%;padding:0 12px;color:var(--color-text-1);font-weight:400;white-space:nowrap;background-color:var(--color-fill-2);display:flex;align-items:center}.yc-input-outer .yc-input-prepend.yc-input-prepend,.yc-input-outer .yc-input-append.yc-input-prepend{border-right:1px solid var(--color-neutral-3);border-top-left-radius:2px;border-bottom-left-radius:2px}.yc-input-outer .yc-input-prepend.yc-input-append,.yc-input-outer .yc-input-append.yc-input-append{border-left:1px solid var(--color-neutral-3);border-top-right-radius:2px;border-bottom-right-radius:2px}.yc-input-has-prepend .yc-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.yc-input-has-append .yc-input-wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.yc-input-error .yc-input-wrapper{background-color:var(--color-danger-light-1)}.yc-input-error .yc-input-wrapper:not(.yc-input-wrapper-disabled):hover{border-color:transparent;background-color:var(--color-danger-light-2)}.yc-input-error .yc-input-wrapper:not(.yc-input-wrapper-disabled):focus-within{background:var(--color-bg-2);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.yc-input-disabled{cursor:not-allowed}.yc-input-disabled .yc-input-wrapper{cursor:not-allowed;border-color:transparent;background-color:var(--color-fill-2);color:var(--color-text-4)}.yc-input-disabled .yc-input-wrapper .yc-input-prefix,.yc-input-disabled .yc-input-wrapper .yc-input-suffix{color:inherit}.yc-input-disabled .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-4)}.yc-input-wrapper{flex:1;height:100%;width:100%;cursor:text;padding:0 12px;background-color:var(--color-fill-2);border:1px solid transparent;border-radius:var(--border-radius-small);transition:color .1s cubic-bezier(0, 0, 1, 1),border-color .1s cubic-bezier(0, 0, 1, 1),background-color .1s cubic-bezier(0, 0, 1, 1);color:var(--color-text-1);font-size:inherit;font-weight:400;display:flex;align-items:center}.yc-input-wrapper:not(.yc-input-wrapper-disabled):hover{border-color:transparent;background-color:var(--color-fill-3)}.yc-input-wrapper:not(.yc-input-wrapper-disabled):hover .yc-input-clear-button{visibility:visible}.yc-input-wrapper:not(.yc-input-wrapper-disabled):focus-within{background-color:var(--color-bg-2);border-color:rgb(var(--primary-6));box-shadow:0 0 0 0 var(--color-primary-light-2)}.yc-input-wrapper .yc-input-prefix,.yc-input-wrapper .yc-input-suffix,.yc-input-wrapper .yc-input{flex-shrink:0;color:inherit}.yc-input-wrapper .yc-input-prefix,.yc-input-wrapper .yc-input-suffix{height:100%;color:var(--color-text-2);display:flex;justify-content:center;align-items:center}.yc-input-wrapper .yc-input-prefix .yc-input-word-limit,.yc-input-wrapper .yc-input-suffix .yc-input-word-limit{color:var(--color-text-3);font-size:12px}.yc-input-wrapper .yc-input-prefix .yc-icon-button,.yc-input-wrapper .yc-input-suffix .yc-icon-button{color:inherit}.yc-input-wrapper .yc-input-prefix.yc-input-prefix,.yc-input-wrapper .yc-input-suffix.yc-input-prefix{padding-right:12px}.yc-input-wrapper .yc-input-prefix.yc-input-suffix,.yc-input-wrapper .yc-input-suffix.yc-input-suffix{padding-left:12px}.yc-input-wrapper .yc-input-clear-button{visibility:hidden}.yc-input-wrapper .yc-input{flex:1;cursor:inherit;outline:none;border:none;border-radius:var(--border-radius-none);background-color:transparent;color:inherit}.yc-input-wrapper .yc-input::placeholder{color:var(--color-text-3)}.yc-input-size-mini{font-size:12px;height:24px}.yc-input-size-mini .yc-input-wrapper .yc-input{padding:1px 0;line-height:1.667}.yc-input-size-small{font-size:14px;height:28px}.yc-input-size-small .yc-input-wrapper .yc-input{padding:2px 0;line-height:1.5715}.yc-input-size-medium{font-size:14px;height:32px}.yc-input-size-medium .yc-input-wrapper .yc-input{padding:4px 0;line-height:1.5715}.yc-input-size-large{font-size:14px;height:36px}.yc-input-size-large .yc-input-wrapper .yc-input{padding:6px 0;line-height:1.5715}
+.yc-input-outer{width:100%;display:inline-flex;align-items:center}.yc-input-outer .yc-input-prepend,.yc-input-outer .yc-input-append,.yc-input-outer .yc-input-wrapper{flex-shrink:0;font-size:inherit}.yc-input-outer .yc-input-prepend,.yc-input-outer .yc-input-append{overflow:hidden;height:100%;padding:0 12px;color:var(--color-text-1);font-weight:400;white-space:nowrap;background-color:var(--color-fill-2);display:flex;align-items:center}.yc-input-outer .yc-input-prepend.yc-input-prepend,.yc-input-outer .yc-input-append.yc-input-prepend{border-right:1px solid var(--color-neutral-3);border-top-left-radius:2px;border-bottom-left-radius:2px}.yc-input-outer .yc-input-prepend.yc-input-append,.yc-input-outer .yc-input-append.yc-input-append{border-left:1px solid var(--color-neutral-3);border-top-right-radius:2px;border-bottom-right-radius:2px}.yc-input-has-prepend .yc-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.yc-input-has-append .yc-input-wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.yc-input-error .yc-input-wrapper{background-color:var(--color-danger-light-1)}.yc-input-error .yc-input-wrapper:not(.yc-input-wrapper-disabled):hover{border-color:transparent;background-color:var(--color-danger-light-2)}.yc-input-error .yc-input-wrapper:not(.yc-input-wrapper-disabled):focus-within{background:var(--color-bg-2);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.yc-input-disabled{cursor:not-allowed}.yc-input-disabled .yc-input-wrapper{cursor:not-allowed;border-color:transparent;background-color:var(--color-fill-2);color:var(--color-text-4)}.yc-input-disabled .yc-input-wrapper .yc-input-prefix,.yc-input-disabled .yc-input-wrapper .yc-input-suffix{color:inherit}.yc-input-disabled .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-4)}.yc-input-wrapper{flex:1;height:100%;width:100%;cursor:text;padding:0 12px;background-color:var(--color-fill-2);border:1px solid transparent;border-radius:var(--border-radius-small);transition:color .1s cubic-bezier(0, 0, 1, 1),border-color .1s cubic-bezier(0, 0, 1, 1),background-color .1s cubic-bezier(0, 0, 1, 1);color:var(--color-text-1);font-size:inherit;font-weight:400;display:flex;align-items:center}.yc-input-wrapper:not(.yc-input-wrapper-disabled):hover{border-color:transparent;background-color:var(--color-fill-3)}.yc-input-wrapper:not(.yc-input-wrapper-disabled):hover .yc-input-clear-button{visibility:visible}.yc-input-wrapper:not(.yc-input-wrapper-disabled):focus-within{background-color:var(--color-bg-2);border-color:rgb(var(--primary-6));box-shadow:0 0 0 0 var(--color-primary-light-2)}.yc-input-wrapper .yc-input-prefix,.yc-input-wrapper .yc-input-suffix,.yc-input-wrapper .yc-input{flex-shrink:0;color:inherit}.yc-input-wrapper .yc-input-prefix,.yc-input-wrapper .yc-input-suffix{height:100%;color:var(--color-text-2);display:flex;justify-content:center;align-items:center}.yc-input-wrapper .yc-input-prefix .yc-input-word-limit,.yc-input-wrapper .yc-input-suffix .yc-input-word-limit{color:var(--color-text-3);font-size:12px}.yc-input-wrapper .yc-input-prefix .yc-icon-button,.yc-input-wrapper .yc-input-suffix .yc-icon-button{color:inherit}.yc-input-wrapper .yc-input-prefix.yc-input-prefix,.yc-input-wrapper .yc-input-suffix.yc-input-prefix{padding-right:12px}.yc-input-wrapper .yc-input-prefix.yc-input-suffix,.yc-input-wrapper .yc-input-suffix.yc-input-suffix{padding-left:12px}.yc-input-wrapper .yc-input-clear-button{visibility:hidden}.yc-input-wrapper .yc-input{flex:1;cursor:inherit;outline:none;border:none;border-radius:var(--border-radius-none);background-color:transparent;color:inherit}.yc-input-wrapper .yc-input::placeholder{color:var(--color-text-3)}.yc-input-size-mini{font-size:12px;height:24px}.yc-input-size-mini .yc-input-wrapper .yc-input{padding:1px 0;line-height:1.667}.yc-input-size-small{font-size:14px;height:28px}.yc-input-size-small .yc-input-wrapper .yc-input{padding:2px 0;line-height:1.5715}.yc-input-size-medium{font-size:14px;height:32px}.yc-input-size-medium .yc-input-wrapper .yc-input{padding:4px 0;line-height:1.5715}.yc-input-size-large{font-size:14px;height:36px}.yc-input-size-large .yc-input-wrapper .yc-input{padding:6px 0;line-height:1.5715}.yc-input-group{display:inline-flex;align-items:center}.yc-input-group .yc-input-outer .yc-input-wrapper{border-radius:0}.yc-input-group .yc-input-outer:not(:last-child) .yc-input-wrapper{border-right:1px solid var(--color-neutral-3)}.yc-input-group .yc-input-outer:not(:last-child):not(.yc-input-disabled) .yc-input-wrapper:focus-within{border-right-color:rgb(var(--primary-6))}.yc-input-group .yc-input-outer:not(:last-child):not(.yc-input-disabled).yc-input-error .yc-input-wrapper:focus-within{border-right-color:rgb(var(--danger-6))}.yc-input-group .yc-input-outer:first-child .yc-input-wrapper{border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.yc-input-group .yc-input-outer:last-child .yc-input-wrapper{border-top-right-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}.yc-input-group .yc-input-tag,.yc-input-group .yc-textarea-wrapper,.yc-input-group .yc-picker{border-radius:0}.yc-input-group .yc-input-tag:not(:last-child),.yc-input-group .yc-textarea-wrapper:not(:last-child),.yc-input-group .yc-picker:not(:last-child){border-right:1px solid var(--color-neutral-3)}.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus{border-right-color:rgb(var(--primary-6))}.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus{border-right-color:rgb(var(--danger-6))}.yc-input-group .yc-input-tag:first-child,.yc-input-group .yc-textarea-wrapper:first-child,.yc-input-group .yc-picker:first-child{border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.yc-input-group .yc-input-tag:last-child,.yc-input-group .yc-textarea-wrapper:last-child,.yc-input-group .yc-picker:last-child{border-top-right-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}.yc-input-group>.yc-select:not(:last-child) .yc-input-outer .yc-input-wrapper,.yc-input-group .yc-cascader:not(:last-child) .yc-input-outer .yc-input-wrapper{border-radius:0}.yc-input-group>.yc-select:not(:last-child) .yc-input-outer .yc-input-wrapper,.yc-input-group .yc-cascader:not(:last-child) .yc-input-outer .yc-input-wrapper{border-right:1px solid var(--color-neutral-3)}.yc-input-group>.yc-select:not(:last-child) .yc-input-outer:not(.yc-input-disabled) .yc-input-wrapper:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-outer:not(.yc-input-disabled) .yc-input-wrapper:focus-within{border-right-color:rgb(var(--primary-6))}.yc-input-group>.yc-select:not(:last-child) .yc-input-outer:not(.yc-input-disabled).yc-input-error .yc-input-wrapper:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-outer:not(.yc-input-disabled).yc-input-error .yc-input-wrapper:focus-within{border-right-color:rgb(var(--danger-6))}.yc-input-group>.yc-select:not(:last-child) .yc-input-tag,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper,.yc-input-group>.yc-select:not(:last-child) .yc-picker,.yc-input-group .yc-cascader:not(:last-child) .yc-picker{border-radius:0;border-right:1px solid var(--color-neutral-3)}.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus{border-right-color:rgb(var(--primary-6))}.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus{border-right-color:rgb(var(--danger-6))}.yc-input-group>.yc-select:first-child .yc-input-tag,.yc-input-group .yc-cascader:first-child .yc-input-tag,.yc-input-group>.yc-select:first-child .yc-textarea-wrapper,.yc-input-group .yc-cascader:first-child .yc-textarea-wrapper,.yc-input-group>.yc-select:first-child .yc-picker,.yc-input-group .yc-cascader:first-child .yc-picker,.yc-input-group>.yc-select:first-child .yc-input-outer.yc-input-wrapper,.yc-input-group .yc-cascader:first-child .yc-input-outer.yc-input-wrapper{border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.yc-input-group>.yc-select:last-child .yc-input-tag,.yc-input-group .yc-cascader:last-child .yc-input-tag,.yc-input-group>.yc-select:last-child .yc-textarea-wrapper,.yc-input-group .yc-cascader:last-child .yc-textarea-wrapper,.yc-input-group>.yc-select:last-child .yc-picker,.yc-input-group .yc-cascader:last-child .yc-picker,.yc-input-group>.yc-select:last-child .yc-input-outer.yc-input-wrapper,.yc-input-group .yc-cascader:last-child .yc-input-outer.yc-input-wrapper{border-top-right-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}.reset-base-input .yc-input-wrapper{border-right:1px solid var(--color-neutral-3)}.reset-base-input:not(.yc-input-disabled) .yc-input-wrapper:focus-within{border-right-color:rgb(var(--primary-6))}.reset-base-input:not(.yc-input-disabled).yc-input-error .yc-input-wrapper:focus-within{border-right-color:rgb(var(--danger-6))}.reset-senior-input{border-right:1px solid var(--color-neutral-3)}.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus{border-right-color:rgb(var(--primary-6))}.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus{border-right-color:rgb(var(--danger-6))}.reset-first-border-radius{border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.reset-last-border-radius{border-top-right-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}

package/es/Input/index.d.ts

@@ -1,5 +1,6 @@
 import { App } from 'vue';
 import { default as _Input } from './Input.vue';
+import { default as _InputGroup } from './InputGroup.vue';
 export type InputInstance = InstanceType<typeof _Input>;
 export * from './type';
 declare const Input: {
@@ -143,11 +144,30 @@ declare const Input: {
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: any;
 }) & {
+    group: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
     install: (app: App) => void;
 };
+export { _InputGroup as InputGroup };
 declare module 'vue' {
     interface GlobalComponents {
         YcInput: typeof Input;
+        YcInputGroup: typeof _InputGroup;
     }
 }
 export default Input;