yc-design-vue 1.7.5 → 1.7.7

package/es/InputNumber/InputOperaBtn.vue.js

@@ -1,7 +1,58 @@
-import _sfc_main from "./InputOperaBtn.vue2.js";
-/* empty css                   */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const OperaBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-07ea2c8a"]]);
+import { defineComponent, toRefs, computed, createBlock, openBlock, unref, normalizeClass, withCtx, renderSlot, createElementBlock, Fragment } from "vue";
+import _sfc_main$1 from "../_shared/icons/IconArrowDown.vue.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import _sfc_main$2 from "../_shared/icons/IconMinus.vue2.js";
+import _sfc_main$3 from "../_shared/icons/IconPlus.vue.js";
+import Button from "../Button/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InputOperaBtn",
+  props: {
+    mode: {},
+    type: {},
+    disabled: { type: Boolean },
+    computedValue: {},
+    min: {},
+    max: {},
+    size: {}
+  },
+  emits: ["click"],
+  setup(__props) {
+    const props = __props;
+    const { disabled: _disabled, computedValue, min, max, type } = toRefs(props);
+    const disabled = computed(() => {
+      if (_disabled.value) return _disabled.value;
+      return type.value == "minus" ? +computedValue.value <= min.value : +computedValue.value >= max.value;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Button), {
+        size: _ctx.size,
+        disabled: disabled.value,
+        class: normalizeClass([
+          {
+            "yc-input-number-plus-embed": _ctx.mode == "embed"
+          }
+        ]),
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", unref(type)))
+      }, {
+        icon: withCtx(() => [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            _ctx.mode == "embed" ? (openBlock(), createBlock(unref(_sfc_main$1), {
+              key: 0,
+              rotate: unref(type) == "plus" ? 180 : 0
+            }, null, 8, ["rotate"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              unref(type) == "minus" ? (openBlock(), createBlock(unref(_sfc_main$2), { key: 0 })) : (openBlock(), createBlock(unref(_sfc_main$3), { key: 1 }))
+            ], 64))
+          ])
+        ]),
+        _: 3
+      }, 8, ["size", "disabled", "class"]);
+    };
+  }
+});
 export {
-  OperaBtn as default
+  _sfc_main as default
 };

package/es/InputNumber/InputOperaBtn.vue3.js

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

package/es/InputNumber/index.css

@@ -1 +1 @@
-.yc-input-number{position:relative}.yc-input-number:not(.yc-input-disabled):hover .yc-input-number-step{opacity:1}.yc-input-number:deep(.yc-input-prepend),.yc-input-number:deep(.yc-input-append){padding:0}.yc-input-number.yc-input-focus .yc-input-number-step{opacity:1}.yc-input-number-step{position:absolute;right:4px;top:50%;transform:translateY(-50%);opacity:0;display:flex;flex-direction:column;transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-input-number-step .yc-input-number-plus-embed{height:11px;width:18px}.yc-input-number-step .yc-input-number-plus-embed:deep(.yc-button-icon){height:10px;width:10px;font-size:10px;margin:0}
+.yc-input-number{position:relative}.yc-input-number:not(.yc-input-disabled):hover .yc-input-number-step{opacity:1}.yc-input-number .yc-input-prepend,.yc-input-number .yc-input-append{padding:0}.yc-input-number.yc-input-focus .yc-input-number-step{opacity:1}.yc-input-number-step{position:absolute;right:4px;top:50%;transform:translateY(-50%);opacity:0;display:flex;flex-direction:column;transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-input-number-step .yc-input-number-plus-embed{height:11px;width:18px}.yc-input-number-step .yc-input-number-plus-embed .yc-button-icon{height:10px;width:10px;font-size:10px;margin:0}

package/es/InputNumber/index.js

@@ -1,7 +1,8 @@
-import _InputNumber from "./InputNumber.vue.js";
-const InputNumber = Object.assign(_InputNumber, {
+import _sfc_main from "./InputNumber.vue.js";
+/* empty css                 */
+const InputNumber = Object.assign(_sfc_main, {
   install: (app) => {
-    app.component("Yc" + _InputNumber.name, _InputNumber);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
   }
 });
 export {

package/es/InputTag/index.css

@@ -1 +1 @@
-.yc-input-tag{cursor:text;position:relative;width:100%;background-color:var(--color-fill-2);border:1px solid transparent;border-radius:2px;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-weight:400;display:inline-flex;align-items:center}.yc-input-tag:not(.yc-input-tag-disabled):hover .yc-input-tag-clear-button{visibility:visible}.yc-input-tag:not(.yc-input-tag-disabled):hover{border-color:transparent;background-color:var(--color-fill-3)}.yc-input-tag:not(.yc-input-tag-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-tag:not(.yc-input-tag-disabled):focus-within:deep(.yc-input-tag-inner) .yc-tag{border-color:var(--color-fill-2);background-color:var(--color-fill-2)}.yc-input-tag .yc-input-tag-prefix,.yc-input-tag .yc-input-tag-suffix{height:100%;display:flex;justify-content:center;align-items:center;font-size:inherit;color:var(--color-text-2)}.yc-input-tag .yc-input-tag-prefix.yc-input-tag-prefix,.yc-input-tag .yc-input-tag-suffix.yc-input-tag-prefix{padding-right:12px}.yc-input-tag .yc-input-tag-prefix.yc-input-tag-suffix,.yc-input-tag .yc-input-tag-suffix.yc-input-tag-suffix{padding-left:12px}.yc-input-tag .yc-input-tag-clear-button{visibility:hidden}.yc-input-tag .yc-input-tag-mirror{min-width:12px;position:absolute;top:0;left:0;visibility:hidden;font-variant:normal;letter-spacing:normal;text-indent:0;text-rendering:auto;text-transform:none;white-space:pre-wrap;overflow-wrap:break-word}.yc-input-tag .yc-input-tag-inner{overflow:hidden;flex:1;flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;gap:2px 4px}.yc-input-tag .yc-input-tag-inner:deep(.yc-tag){max-width:100%}.yc-input-tag .yc-input-tag-inner:deep(.yc-tag):hover{background-color:var(--color-bg-2)}.yc-input-tag .yc-input-tag-inner .yc-input-tag-input{max-width:100%;cursor:inherit;outline:none;border:none;border-radius:0;background-color:transparent;color:inherit}.yc-input-tag .yc-input-tag-inner .yc-input-tag-input::placeholder{color:var(--color-text-3)}.yc-input-tag-error{background-color:var(--color-danger-light-1)}.yc-input-tag-error:not(.yc-input-tag-disabled):hover{border-color:transparent;background-color:var(--color-danger-light-2)}.yc-input-tag-error:not(.yc-input-tag-disabled):focus-within{background-color:var(--color-bg-2);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.yc-input-tag.yc-input-tag-no-value{padding:0 12px}.yc-input-tag.yc-input-tag-has-suffix{padding-right:12px}.yc-input-tag-disabled{cursor:not-allowed;border-color:transparent;background-color:var(--color-fill-2);color:var(--color-text-4)}.yc-input-tag-disabled .yc-input-tag-prefix,.yc-input-tag-disabled .yc-input-tag-suffix{color:inherit}.yc-input-tag-disabled .yc-input-tag-inner:deep(.yc-tag){cursor:not-allowed;color:var(--color-text-4);background-color:var(--color-fill-2);border-color:var(--color-fill-3)}.yc-input-tag-disabled .yc-input-tag-inner:deep(.yc-tag):hover{color:var(--color-text-4);background-color:var(--color-fill-2);border-color:var(--color-fill-3)}.yc-input-tag-size-mini{min-height:24px;font-size:12px;padding:0 4px}.yc-input-tag-size-mini .yc-input-tag-inner{padding:1px 0}.yc-input-tag-size-small{min-height:28px;font-size:14px;padding:0 4px}.yc-input-tag-size-small .yc-input-tag-inner{padding:2px 0}.yc-input-tag-size-medium{min-height:32px;font-size:14px;padding:0 4px}.yc-input-tag-size-medium .yc-input-tag-inner{padding:2px 0}.yc-input-tag-size-large{min-height:36px;font-size:14px;padding:0 6px}.yc-input-tag-size-large .yc-input-tag-inner{padding:2px 0}.yc-input-tag-size-large .yc-input-tag-inner .yc-tag-size-large{min-height:28px;line-height:26px}
+.yc-input-tag{cursor:text;position:relative;width:100%;background-color:var(--color-fill-2);border:1px solid transparent;border-radius:2px;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-weight:400;display:inline-flex;align-items:center}.yc-input-tag:not(.yc-input-tag-disabled):hover .yc-input-tag-clear-button{visibility:visible}.yc-input-tag:not(.yc-input-tag-disabled):hover{border-color:transparent;background-color:var(--color-fill-3)}.yc-input-tag:not(.yc-input-tag-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-tag:not(.yc-input-tag-disabled):focus-within .yc-input-tag-inner .yc-tag{border-color:var(--color-fill-2);background-color:var(--color-fill-2)}.yc-input-tag .yc-input-tag-prefix,.yc-input-tag .yc-input-tag-suffix{height:100%;display:flex;justify-content:center;align-items:center;font-size:inherit;color:var(--color-text-2)}.yc-input-tag .yc-input-tag-prefix.yc-input-tag-prefix,.yc-input-tag .yc-input-tag-suffix.yc-input-tag-prefix{padding-right:12px}.yc-input-tag .yc-input-tag-prefix.yc-input-tag-suffix,.yc-input-tag .yc-input-tag-suffix.yc-input-tag-suffix{padding-left:12px}.yc-input-tag .yc-input-tag-clear-button{visibility:hidden}.yc-input-tag .yc-input-tag-mirror{min-width:12px;position:absolute;top:0;left:0;visibility:hidden;font-variant:normal;letter-spacing:normal;text-indent:0;text-rendering:auto;text-transform:none;white-space:pre-wrap;overflow-wrap:break-word}.yc-input-tag .yc-input-tag-inner{overflow:hidden;flex:1;flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;gap:2px 4px}.yc-input-tag .yc-input-tag-inner .yc-tag{max-width:100%}.yc-input-tag .yc-input-tag-inner .yc-tag:hover{background-color:var(--color-bg-2)}.yc-input-tag .yc-input-tag-inner .yc-input-tag-input{max-width:100%;cursor:inherit;outline:none;border:none;border-radius:0;background-color:transparent;color:inherit}.yc-input-tag .yc-input-tag-inner .yc-input-tag-input::placeholder{color:var(--color-text-3)}.yc-input-tag-error{background-color:var(--color-danger-light-1)}.yc-input-tag-error:not(.yc-input-tag-disabled):hover{border-color:transparent;background-color:var(--color-danger-light-2)}.yc-input-tag-error:not(.yc-input-tag-disabled):focus-within{background-color:var(--color-bg-2);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.yc-input-tag.yc-input-tag-no-value{padding:0 12px}.yc-input-tag.yc-input-tag-has-suffix{padding-right:12px}.yc-input-tag-disabled{cursor:not-allowed;border-color:transparent;background-color:var(--color-fill-2);color:var(--color-text-4)}.yc-input-tag-disabled .yc-input-tag-prefix,.yc-input-tag-disabled .yc-input-tag-suffix{color:inherit}.yc-input-tag-disabled .yc-input-tag-inner .yc-tag{cursor:not-allowed;color:var(--color-text-4);background-color:var(--color-fill-2);border-color:var(--color-fill-3)}.yc-input-tag-disabled .yc-input-tag-inner .yc-tag:hover{color:var(--color-text-4);background-color:var(--color-fill-2);border-color:var(--color-fill-3)}.yc-input-tag-size-mini{min-height:24px;font-size:12px;padding:0 4px}.yc-input-tag-size-mini .yc-input-tag-inner{padding:1px 0}.yc-input-tag-size-small{min-height:28px;font-size:14px;padding:0 4px}.yc-input-tag-size-small .yc-input-tag-inner{padding:2px 0}.yc-input-tag-size-medium{min-height:32px;font-size:14px;padding:0 4px}.yc-input-tag-size-medium .yc-input-tag-inner{padding:2px 0}.yc-input-tag-size-large{min-height:36px;font-size:14px;padding:0 6px}.yc-input-tag-size-large .yc-input-tag-inner{padding:2px 0}.yc-input-tag-size-large .yc-input-tag-inner .yc-tag-size-large{min-height:28px;line-height:26px}

package/es/InputTag/index.js

@@ -1,7 +1,8 @@
-import _InputTag from "./index.vue.js";
-const InputTag = Object.assign(_InputTag, {
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+const InputTag = Object.assign(_sfc_main, {
   install: (app) => {
-    app.component("Yc" + _InputTag.name, _InputTag);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
   }
 });
 export {

package/es/InputTag/index.vue.js

@@ -1,7 +1,324 @@
-import _sfc_main from "./index.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _InputTag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d5a3df97"]]);
+import { defineComponent, toRefs, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode, createVNode, withCtx, renderSlot, toDisplayString, TransitionGroup, withDirectives, Fragment, renderList, createTextVNode, withKeys, normalizeStyle, isRef, vModelText } from "vue";
+import { nanoid } from "../node_modules/nanoid/index.browser.js";
+import { useElementSize } from "../node_modules/@vueuse/core/index.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { valueToPx } from "../_shared/utils/dom.js";
+import { isObject, isBoolean } from "../_shared/utils/is.js";
+import "../_shared/utils/time.js";
+import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import useControlValue from "../_shared/utils/control.js";
+import Tag from "../Tag/index.js";
+import _sfc_main$2 from "../_shared/components/IconButton.vue.js";
+/* empty css                                    */
+import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
+/* empty css                                         */
+/* empty css                             */
+const _hoisted_1 = ["disabled", "readonly", "placeholder"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "InputTag"
+  },
+  __name: "index",
+  props: {
+    modelValue: { default: void 0 },
+    defaultValue: { default: () => [] },
+    inputValue: { default: void 0 },
+    defaultInputValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    allowClear: { type: Boolean, default: false },
+    size: { default: void 0 },
+    maxTagCount: { default: 0 },
+    retainInputValue: { type: [Boolean, Object], default: false },
+    formatTag: {},
+    uniqueValue: { type: Boolean, default: false },
+    tagNowrap: { type: Boolean, default: false },
+    fieldNames: { default: () => {
+      return {
+        id: "id",
+        label: "label",
+        value: "value",
+        closeable: "closeable",
+        tagProps: "tagProps"
+      };
+    } },
+    allowCreate: { type: Boolean, default: true }
+  },
+  emits: ["update:modelValue", "update:inputValue", "input", "input-value-change", "focus", "blur", "press-enter", "remove", "clear"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const {
+      modelValue,
+      defaultValue,
+      inputValue,
+      defaultInputValue,
+      allowClear,
+      disabled,
+      readonly,
+      uniqueValue,
+      retainInputValue,
+      allowCreate,
+      maxTagCount,
+      fieldNames,
+      tagNowrap
+    } = toRefs(props);
+    const { size } = getGlobalConfig(props);
+    const inputRef = ref();
+    const mirrorRef = ref();
+    const fieldKey = computed(() => {
+      return Object.fromEntries(
+        ["id", "label", "value", "closable", "tagProps"].map((key) => [
+          key,
+          fieldNames.value[key] ?? key
+        ])
+      );
+    });
+    const { width } = useElementSize(mirrorRef, void 0, {
+      box: "border-box"
+    });
+    const computedValue = useControlValue(
+      modelValue,
+      defaultValue.value,
+      (val) => emits("update:modelValue", val),
+      (val) => {
+        const { id, label, value, closable, tagProps } = fieldKey.value;
+        return val.map((v) => {
+          if (isObject(v)) {
+            const val2 = v;
+            val2[id] = val2[id] ?? nanoid();
+            val2[closable] = val2[closable] ?? true;
+            val2[tagProps] = val2[tagProps] ?? {
+              bordered: true,
+              nowrap: tagNowrap.value
+            };
+            return v;
+          }
+          const tagData = {};
+          tagData[id] = nanoid();
+          tagData[label] = v;
+          tagData[value] = v;
+          tagData[closable] = true;
+          tagData[tagProps] = {
+            bordered: true,
+            nowrap: tagNowrap.value
+          };
+          return tagData;
+        });
+      }
+    );
+    const computedInputValue = useControlValue(
+      inputValue,
+      defaultInputValue.value,
+      (val) => {
+        emits("update:inputValue", val);
+      }
+    );
+    const curList = computed(() => {
+      const visibleList = maxTagCount.value > 0 ? computedValue.value.slice(0, maxTagCount.value) : computedValue.value;
+      return {
+        visibleList,
+        hideList: computedValue.value.slice(maxTagCount.value)
+      };
+    });
+    const showClearBtn = computed(
+      () => allowClear.value && !disabled.value && !readonly.value && computedValue.value.length
+    );
+    const clearInputValue = () => {
+      if (isBoolean(retainInputValue.value) && retainInputValue.value || isObject(retainInputValue.value) && retainInputValue.value.create) {
+        return;
+      }
+      computedInputValue.value = "";
+    };
+    const handleEvent = (type, e, id) => {
+      var _a, _b;
+      const inputVal = (_a = computedInputValue.value) == null ? void 0 : _a.trim();
+      switch (type) {
+        case "input":
+        case "input-value-change":
+          {
+            const { value } = e.target;
+            emits(type, value, e);
+          }
+          break;
+        case "focus":
+        case "blur":
+          {
+            emits(type, e);
+            if (type == "blur") {
+              clearInputValue();
+            }
+          }
+          break;
+        case "pressEnter":
+          {
+            const { label, value, id: id2 } = fieldKey.value;
+            const isUnique = !uniqueValue.value || uniqueValue.value && !computedValue.value.find(
+              (item) => ((item == null ? void 0 : item[value]) ?? item) == inputVal
+            );
+            if (!inputVal || !allowCreate.value || !isUnique) {
+              return;
+            }
+            const tagData = {};
+            tagData[id2] = nanoid();
+            tagData[label] = computedInputValue.value;
+            tagData[value] = computedInputValue.value;
+            computedValue.value = [...computedValue.value, tagData];
+            emits("press-enter", e);
+            clearInputValue();
+          }
+          break;
+        case "close":
+          {
+            const arr = computedValue.value;
+            const value = arr.find((v) => v.id == id);
+            computedValue.value = arr.filter((v) => v.id != id);
+            emits("remove", value == null ? void 0 : value.value, e);
+          }
+          break;
+        case "remove":
+          {
+            if (inputVal || !((_b = computedValue.value) == null ? void 0 : _b.length)) return;
+            const value = computedValue.value[computedValue.value.length - 1];
+            computedValue.value = computedValue.value.slice(
+              0,
+              computedValue.value.length - 1
+            );
+            emits("remove", value.value, e);
+          }
+          break;
+        case "clear":
+          {
+            computedValue.value = [];
+            emits("clear", e);
+          }
+          break;
+      }
+    };
+    __expose({
+      focus() {
+        var _a;
+        (_a = inputRef.value) == null ? void 0 : _a.focus();
+      },
+      blur() {
+        var _a;
+        (_a = inputRef.value) == null ? void 0 : _a.blur();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-input-tag",
+          `yc-input-tag-size-${unref(size)}`,
+          {
+            "yc-input-tag-no-value": !unref(computedValue).length,
+            "yc-input-tag-disabled": unref(disabled),
+            "yc-input-tag-error": _ctx.error,
+            "yc-input-tag-has-suffix": _ctx.$slots.suffix || showClearBtn.value
+          }
+        ]),
+        onMousedown: _cache[8] || (_cache[8] = (e) => e.preventDefault()),
+        onClick: _cache[9] || (_cache[9] = ($event) => {
+          var _a;
+          return (_a = inputRef.value) == null ? void 0 : _a.focus();
+        })
+      }, [
+        _ctx.$slots.prefix ? (openBlock(), createBlock(unref(_sfc_main$1), {
+          key: 0,
+          class: "yc-input-tag-prefix"
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "prefix")
+          ]),
+          _: 3
+        })) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: "yc-input-tag-mirror",
+          ref_key: "mirrorRef",
+          ref: mirrorRef
+        }, toDisplayString(unref(computedInputValue) || (unref(computedValue).length ? "" : _ctx.placeholder)), 513),
+        createVNode(TransitionGroup, {
+          name: "input-tag-zoom",
+          tag: "div",
+          class: "yc-input-tag-inner"
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(curList.value.visibleList, (item) => {
+              return renderSlot(_ctx.$slots, "tag", {
+                key: item == null ? void 0 : item[fieldKey.value.id],
+                tag: item
+              }, () => [
+                createVNode(unref(Tag), {
+                  closable: item[fieldKey.value.closable],
+                  bordered: item[fieldKey.value.tagProps].bordered,
+                  nowrap: item[fieldKey.value.tagProps].nowrap,
+                  checked: false,
+                  onClose: (ev) => handleEvent("close", ev, item == null ? void 0 : item[fieldKey.value.id])
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(_ctx.formatTag ? _ctx.formatTag(item) : item[fieldKey.value.label]), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["closable", "bordered", "nowrap", "onClose"])
+              ]);
+            }), 128)),
+            unref(maxTagCount) > 0 && unref(computedValue).length > unref(maxTagCount) ? (openBlock(), createBlock(unref(Tag), {
+              nowrap: unref(tagNowrap),
+              checked: false,
+              bordered: "",
+              key: "yc-select-value-tag"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(" +" + toDisplayString(curList.value.hideList.length) + "... ", 1)
+              ]),
+              _: 1
+            }, 8, ["nowrap"])) : createCommentVNode("", true),
+            withDirectives(createElementVNode("input", {
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(computedInputValue) ? computedInputValue.value = $event : null),
+              key: "yc-input-tag-input",
+              disabled: unref(disabled),
+              readonly: unref(readonly),
+              placeholder: unref(computedValue).length ? "" : _ctx.placeholder,
+              style: normalizeStyle({
+                width: unref(valueToPx)(unref(width))
+              }),
+              class: "yc-input-tag-input",
+              ref_key: "inputRef",
+              ref: inputRef,
+              onInput: _cache[1] || (_cache[1] = ($event) => handleEvent("input", $event)),
+              onChange: _cache[2] || (_cache[2] = ($event) => handleEvent("input-value-change", $event)),
+              onFocus: _cache[3] || (_cache[3] = ($event) => handleEvent("focus", $event)),
+              onBlur: _cache[4] || (_cache[4] = ($event) => handleEvent("blur", $event)),
+              onKeydown: [
+                _cache[5] || (_cache[5] = withKeys(($event) => handleEvent("pressEnter", $event), ["enter"])),
+                _cache[6] || (_cache[6] = withKeys(($event) => handleEvent("remove", $event), ["delete"]))
+              ]
+            }, null, 44, _hoisted_1), [
+              [vModelText, unref(computedInputValue)]
+            ])
+          ]),
+          _: 3
+        }),
+        _ctx.$slots.suffix || showClearBtn.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
+          key: 1,
+          class: "yc-input-tag-suffix"
+        }, {
+          default: withCtx(() => [
+            showClearBtn.value ? (openBlock(), createBlock(unref(_sfc_main$2), {
+              key: 0,
+              class: "yc-input-tag-clear-button",
+              onClick: _cache[7] || (_cache[7] = ($event) => handleEvent("clear", $event))
+            })) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "suffix")
+          ]),
+          _: 3
+        })) : createCommentVNode("", true)
+      ], 34);
+    };
+  }
+});
 export {
-  _InputTag as default
+  _sfc_main as default
 };

package/es/InputTag/index.vue3.js

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

package/es/Layout/Layout.vue.js

@@ -1,7 +1,46 @@
-import _sfc_main from "./Layout.vue2.js";
-/* empty css            */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Layout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4f591662"]]);
+import { defineComponent, useSlots, toRefs, computed, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import { isUndefined } from "../_shared/utils/is.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import _sfc_main$1 from "./LayoutSider.vue.js";
+/* empty css                 */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Layout"
+  },
+  __name: "Layout",
+  props: {
+    hasSider: { type: Boolean, default: void 0 }
+  },
+  setup(__props) {
+    const slots = useSlots();
+    const props = __props;
+    const { hasSider: _hasSider } = toRefs(props);
+    const hasSider = computed(() => {
+      var _a;
+      if (!isUndefined(_hasSider.value)) return _hasSider.value;
+      const sider = (((_a = slots.default) == null ? void 0 : _a.call(slots)) || []).find(
+        (item) => item.type.name == _sfc_main$1.name
+      );
+      return !!sider;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", {
+        class: normalizeClass([
+          "yc-layout",
+          {
+            "yc-layout-has-sider": hasSider.value
+          }
+        ])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
 export {
-  _Layout as default
+  _sfc_main as default
 };

package/es/Layout/Layout.vue3.js

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

package/es/Layout/LayoutContent.vue.js

@@ -1,7 +1,18 @@
-import _sfc_main from "./LayoutContent.vue2.js";
-/* empty css                   */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const LayoutContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d0c9cd92"]]);
+import { defineComponent, createElementBlock, openBlock, renderSlot } from "vue";
+const _hoisted_1 = { class: "yc-layout-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "LayoutContent"
+  },
+  __name: "LayoutContent",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("main", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
 export {
-  LayoutContent as default
+  _sfc_main as default
 };

package/es/Layout/LayoutContent.vue3.js

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

package/es/Layout/LayoutFooter.vue.js

@@ -1,7 +1,18 @@
-import _sfc_main from "./LayoutFooter.vue2.js";
-/* empty css                  */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const LayoutFooter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8265ae5d"]]);
+import { defineComponent, createElementBlock, openBlock, renderSlot } from "vue";
+const _hoisted_1 = { class: "yc-layout-footer" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "LayoutFooter"
+  },
+  __name: "LayoutFooter",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("footer", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
 export {
-  LayoutFooter as default
+  _sfc_main as default
 };

package/es/Layout/LayoutFooter.vue3.js

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

package/es/Layout/LayoutHeader.vue.js

@@ -1,7 +1,18 @@
-import _sfc_main from "./LayoutHeader.vue2.js";
-/* empty css                  */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const LayoutHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4f033678"]]);
+import { defineComponent, createElementBlock, openBlock, renderSlot } from "vue";
+const _hoisted_1 = { class: "yc-layout-header" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "LayoutHeader"
+  },
+  __name: "LayoutHeader",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("header", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
 export {
-  LayoutHeader as default
+  _sfc_main as default
 };

package/es/Layout/LayoutHeader.vue3.js

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