yc-design-vue 1.7.5 → 1.7.7

package/es/Tabs/Tabs.vue2.js

@@ -1,208 +0,0 @@
-import { defineComponent, useSlots, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, withCtx, createVNode, normalizeStyle, Fragment, renderList, renderSlot, resolveDynamicComponent, nextTick } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import { findComponentsFromVnodes } from "../_shared/utils/vue-utils.js";
-import "../Empty/index.js";
-/* empty css                             */
-import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";
-import _sfc_main$3 from "../_shared/icons/IconPlus.vue.js";
-import useContext from "./hooks/useContext.js";
-import useTabsScroll from "./hooks/useTabsScroll.js";
-import _sfc_main$1 from "./TabPane.vue.js";
-/* empty css             */
-import TabsTab from "./TabsTab.vue.js";
-import TabsNavInk from "./TabsNavInk.vue.js";
-import TabButton from "./TabButton.vue.js";
-const _hoisted_1 = { class: "yc-tabs-nav" };
-const _hoisted_2 = {
-  key: 3,
-  class: "yc-tabs-nav-extra"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Tabs"
-  },
-  __name: "Tabs",
-  props: {
-    activeKey: { default: void 0 },
-    defaultActiveKey: { default: "" },
-    position: { default: void 0 },
-    size: { default: void 0 },
-    type: { default: "line" },
-    direction: { default: "horizontal" },
-    editable: { type: Boolean, default: false },
-    showAddButton: { type: Boolean, default: false },
-    destoryOnHide: { type: Boolean, default: false },
-    justify: { type: Boolean, default: false },
-    animation: { type: Boolean, default: false },
-    headerPadding: { type: Boolean, default: true },
-    autoSwitch: { type: Boolean, default: false },
-    hideContent: { type: Boolean, default: false },
-    trigger: { default: "click" }
-  },
-  emits: ["update:activeKey", "change", "tab-click", "add", "delete"],
-  setup(__props, { emit: __emit }) {
-    const slots = useSlots();
-    const props = __props;
-    const emits = __emit;
-    const listRef = ref();
-    const { computedActiveKey, size, direction, autoSwitch, position } = useContext().provide(props, emits, listRef);
-    const tabPanes = computed(
-      () => {
-        var _a;
-        return findComponentsFromVnodes(((_a = slots.default) == null ? void 0 : _a.call(slots)) || [], _sfc_main$1.name);
-      }
-    );
-    const panes = computed(() => {
-      return tabPanes.value.map((item) => {
-        return {
-          title: "",
-          path: "",
-          disabled: false,
-          ...item.props || {},
-          slots: item.children
-        };
-      });
-    });
-    const showAddButton = computed(() => {
-      return props.showAddButton && ["line", "card", "card-gutter"].includes(props.type);
-    });
-    const curIndex = computed(() => {
-      const index = panes.value.findIndex((item) => {
-        return item.path == computedActiveKey.value;
-      });
-      return index < 0 ? 0 : index;
-    });
-    const {
-      scrollDis,
-      isScrollable,
-      preDisabled,
-      nextDisabled,
-      navHeight,
-      handleScroll
-    } = useTabsScroll({
-      listRef,
-      panes,
-      direction
-    });
-    const handleAdd = async () => {
-      emits("add");
-      if (!autoSwitch.value) return;
-      await nextTick();
-      computedActiveKey.value = panes.value[panes.value.length - 1].path;
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "yc-tabs",
-          `yc-tabs-${unref(direction)}`,
-          `yc-tabs-type-${_ctx.type}`,
-          `yc-tabs-size-${unref(size)}`,
-          {
-            "yc-tabs-animation": _ctx.animation,
-            "yc-tabs-justify": unref(direction) == "horizontal" && _ctx.justify,
-            "yc-tabs-no-padding": _ctx.headerPadding && ["line", "text"].includes(_ctx.type) && props.direction === "horizontal",
-            [`yc-tabs-${unref(position)}`]: unref(position)
-          }
-        ])
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          unref(isScrollable) ? (openBlock(), createBlock(TabButton, {
-            key: 0,
-            disabled: unref(preDisabled),
-            direction: unref(direction) == "horizontal" ? "left" : "up",
-            onClick: _cache[0] || (_cache[0] = ($event) => unref(handleScroll)("pre"))
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(_sfc_main$2), {
-                rotate: unref(direction) == "horizontal" ? 180 : -90,
-                size: 14
-              }, null, 8, ["rotate"])
-            ]),
-            _: 1
-          }, 8, ["disabled", "direction"])) : createCommentVNode("", true),
-          createElementVNode("div", {
-            class: normalizeClass([
-              "yc-tabs-nav-tab",
-              {
-                "yc-tabs-nav-tab-scroll": unref(isScrollable)
-              }
-            ])
-          }, [
-            createElementVNode("div", {
-              class: "yc-tabs-nav-tab-list",
-              style: normalizeStyle({
-                transform: `translate${unref(direction) == "horizontal" ? "X" : "Y"}(${unref(valueToPx)(unref(scrollDis))})`
-              }),
-              ref_key: "listRef",
-              ref: listRef
-            }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(panes.value, (item, i) => {
-                return openBlock(), createBlock(TabsTab, {
-                  key: i,
-                  index: i,
-                  node: item
-                }, null, 8, ["index", "node"]);
-              }), 128)),
-              _ctx.type == "line" ? (openBlock(), createBlock(TabsNavInk, {
-                key: 0,
-                "cur-index": curIndex.value,
-                panes: panes.value
-              }, null, 8, ["cur-index", "panes"])) : createCommentVNode("", true)
-            ], 4)
-          ], 2),
-          unref(isScrollable) ? (openBlock(), createBlock(TabButton, {
-            key: 1,
-            disabled: unref(nextDisabled),
-            direction: unref(direction) == "horizontal" ? "right" : "down",
-            onClick: _cache[1] || (_cache[1] = ($event) => unref(handleScroll)("next"))
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(_sfc_main$2), {
-                rotate: unref(direction) == "horizontal" ? 0 : 90,
-                size: 14
-              }, null, 8, ["rotate"])
-            ]),
-            _: 1
-          }, 8, ["disabled", "direction"])) : createCommentVNode("", true),
-          showAddButton.value ? (openBlock(), createBlock(TabButton, {
-            key: 2,
-            type: "add",
-            size: "12",
-            onClick: handleAdd
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(_sfc_main$3), { size: 12 })
-            ]),
-            _: 1
-          })) : createCommentVNode("", true),
-          _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            renderSlot(_ctx.$slots, "extra", {}, void 0, true)
-          ])) : createCommentVNode("", true)
-        ]),
-        !_ctx.hideContent ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "yc-tabs-content",
-          style: normalizeStyle({
-            height: unref(direction) == "vertical" ? `${unref(valueToPx)(unref(navHeight))}` : ""
-          })
-        }, [
-          createElementVNode("div", {
-            class: "yc-tabs-content-list",
-            style: normalizeStyle({
-              transform: `translate${unref(direction) == "horizontal" ? "X" : "Y"}(${-curIndex.value * 100}%)`
-            })
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(tabPanes.value, (node, i) => {
-              return openBlock(), createBlock(resolveDynamicComponent(node), { key: i });
-            }), 128))
-          ], 4)
-        ], 4)) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Tabs/TabsNavInk.vue2.js

@@ -1,62 +0,0 @@
-import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeStyle } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
-import { isUndefined } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-import useContext from "./hooks/useContext.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "TabsNavInk",
-  props: {
-    curIndex: {},
-    panes: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { curIndex, panes } = toRefs(props);
-    const { titleRefs, listRef, direction, editable } = useContext().inject();
-    const sliderStyle = computed(() => {
-      var _a, _b, _c;
-      const curPane = panes.value[curIndex.value];
-      const closeWidth = editable.value && (isUndefined(curPane.closable) || curPane.closable) ? 22 : 0;
-      const titleRef = titleRefs.value[curIndex.value];
-      const { left, top } = ((_b = (_a = listRef.value) == null ? void 0 : _a.getBoundingClientRect) == null ? void 0 : _b.call(_a)) ?? {
-        left: 0,
-        top: 0
-      };
-      const { scrollLeft, scrollTop } = listRef.value ?? {
-        scrollLeft: 0,
-        scrollTop: 0
-      };
-      const { left: curLeft, top: curTop } = ((_c = titleRef == null ? void 0 : titleRef.getBoundingClientRect) == null ? void 0 : _c.call(titleRef)) ?? {
-        left: 0,
-        top: 0
-      };
-      const { offsetHeight, offsetWidth } = titleRef ?? {
-        offsetHeight: 0,
-        offsetWidth: 0
-      };
-      if (direction.value == "horizontal") {
-        return {
-          width: valueToPx(offsetWidth + closeWidth),
-          left: valueToPx(curLeft - left + scrollLeft)
-        };
-      } else {
-        return {
-          height: valueToPx(offsetHeight),
-          top: valueToPx(curTop - top + scrollTop)
-        };
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "yc-tabs-nav-ink",
-        style: normalizeStyle(sliderStyle.value)
-      }, null, 4);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Tabs/TabsTab.vue2.js

@@ -1,91 +0,0 @@
-import { defineComponent, toRefs, onMounted, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent } from "vue";
-import useContext from "./hooks/useContext.js";
-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 TabButton from "./TabButton.vue.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "TabsTab",
-  props: {
-    node: {},
-    index: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { node, index } = toRefs(props);
-    const {
-      computedActiveKey,
-      titleRefs,
-      tabRefs,
-      trigger,
-      editable,
-      type,
-      direction,
-      position,
-      headerPadding,
-      size,
-      emits
-    } = useContext().inject();
-    const renderTitle = (node2) => {
-      const { slots, title } = node2;
-      return slots.title ?? (() => title);
-    };
-    const handleChange = (node2, triggerType) => {
-      const { disabled, path } = node2;
-      if (computedActiveKey.value == path || disabled || triggerType != trigger.value) {
-        return;
-      }
-      computedActiveKey.value = path;
-      emits("change", path);
-      emits("tab-click", path);
-    };
-    const handleDel = async (node2) => {
-      emits("delete", node2.path);
-    };
-    onMounted(() => {
-      if (computedActiveKey.value != node.value.path) {
-        if (computedActiveKey.value || index.value) return;
-        computedActiveKey.value = node.value.path;
-        return;
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        tabindex: "0",
-        class: normalizeClass([
-          "yc-tabs-tab",
-          `yc-tabs-tab-type-${unref(type)}`,
-          `yc-tabs-tab-${unref(direction)}`,
-          `yc-tabs-tab-size-${unref(size)}`,
-          {
-            [`yc-tabs-tab-${unref(position)}`]: unref(position),
-            "yc-tabs-tab-no-padding": !unref(headerPadding) && unref(direction) == "horizontal" && ["line", "text"].includes(unref(type)),
-            "yc-tabs-tab-active": unref(computedActiveKey) == unref(node).path,
-            "yc-tabs-tab-disabled": unref(node).disabled
-          }
-        ]),
-        ref: (el) => unref(tabRefs)[unref(index)] = el,
-        onMouseenter: _cache[1] || (_cache[1] = ($event) => handleChange(unref(node), "hover")),
-        onClick: _cache[2] || (_cache[2] = ($event) => handleChange(unref(node), "click"))
-      }, [
-        createElementVNode("span", {
-          class: "yc-tabs-tab-title",
-          ref: (el) => unref(titleRefs)[unref(index)] = el
-        }, [
-          (openBlock(), createBlock(resolveDynamicComponent(renderTitle(unref(node)))))
-        ], 512),
-        unref(editable) && (unref(isUndefined)(unref(node).closable) || unref(node).closable) ? (openBlock(), createBlock(TabButton, {
-          key: 0,
-          type: "close",
-          onClick: _cache[0] || (_cache[0] = ($event) => handleDel(unref(node)))
-        })) : createCommentVNode("", true)
-      ], 34);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Tag/index.vue2.js

@@ -1,113 +0,0 @@
-import { defineComponent, toRefs, computed, createElementBlock, createCommentVNode, unref, openBlock, normalizeStyle, normalizeClass, createElementVNode, createBlock, renderSlot, withCtx } from "vue";
-import { TAG_PRESET_COLORS } from "../_shared/constants/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import { getGlobalConfig } from "../_shared/utils/global-config.js";
-import useControlValue from "../_shared/utils/control.js";
-import Spin from "../Spin/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
-/* empty css                                         */
-/* empty css                             */
-const _hoisted_1 = {
-  key: 0,
-  class: "yc-tag-icon"
-};
-const _hoisted_2 = { class: "yc-tag-label" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Tag"
-  },
-  __name: "index",
-  props: {
-    color: { default: "default" },
-    size: { default: void 0 },
-    bordered: { type: Boolean, default: false },
-    visible: { type: Boolean, default: void 0 },
-    defaultVisible: { type: Boolean, default: true },
-    loading: { type: Boolean, default: false },
-    closable: { type: Boolean, default: false },
-    checkable: { type: Boolean, default: false },
-    checked: { type: Boolean, default: void 0 },
-    defaultChecked: { type: Boolean, default: true },
-    nowrap: { type: Boolean, default: false }
-  },
-  emits: ["update:visible", "update:checked", "close", "check"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { visible, defaultVisible, checked, defaultChecked, checkable, color } = toRefs(props);
-    const { size } = getGlobalConfig(props);
-    const computedVisible = useControlValue(
-      visible,
-      defaultVisible.value,
-      (val) => emits("update:visible", val)
-    );
-    const computedChecked = useControlValue(
-      checked,
-      defaultChecked.value,
-      (val) => emits("update:checked", val)
-    );
-    const background = computed(() => {
-      return TAG_PRESET_COLORS.includes(color.value) ? "" : color.value;
-    });
-    const handleEvent = (type, ev) => {
-      if (type == "close") {
-        computedVisible.value = false;
-        emits("close", ev);
-      } else if (type == "check" && checkable.value) {
-        computedChecked.value = !computedChecked.value;
-        emits("check", computedChecked.value, ev);
-      }
-    };
-    return (_ctx, _cache) => {
-      return unref(computedVisible) ? (openBlock(), createElementBlock("label", {
-        key: 0,
-        class: normalizeClass([
-          "yc-tag",
-          `yc-tag-color-${unref(color)}`,
-          `yc-tag-size-${["small", "medium", "large"].includes(unref(size)) ? unref(size) : "medium"}`,
-          unref(TAG_PRESET_COLORS).includes(unref(color)) ? "yc-tag-preset-color" : "yc-tag-custom-color",
-          _ctx.nowrap ? "yc-tag-no-wrap" : "yc-tag-wrap",
-          {
-            "yc-tag-loading": _ctx.loading,
-            "yc-tag-bordered": _ctx.bordered,
-            "yc-tag-checked": unref(computedChecked),
-            "yc-tag-checkable": unref(checkable)
-          }
-        ]),
-        style: normalizeStyle({
-          background: background.value
-        }),
-        onClick: _cache[1] || (_cache[1] = ($event) => handleEvent("check", $event))
-      }, [
-        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "icon", {}, void 0, true)
-        ])) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_2, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _ctx.closable ? (openBlock(), createBlock(unref(IconButton), {
-          key: 1,
-          "hover-size": 16,
-          "hover-color": "rgba(255, 255, 255, 0.2)",
-          class: "yc-tag-close-button",
-          onClick: _cache[0] || (_cache[0] = ($event) => handleEvent("close", $event))
-        }, {
-          default: withCtx(() => [
-            _ctx.$slots["close-icon"] ? renderSlot(_ctx.$slots, "close-icon", { key: 0 }, void 0, true) : createCommentVNode("", true)
-          ]),
-          _: 3
-        })) : createCommentVNode("", true),
-        _ctx.loading ? (openBlock(), createBlock(unref(Spin), {
-          key: 2,
-          size: 12,
-          class: "yc-tag-loading-icon"
-        })) : createCommentVNode("", true)
-      ], 6)) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Textarea/index.vue2.js

@@ -1,164 +0,0 @@
-import { defineComponent, toRefs, ref, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, createBlock, toDisplayString, normalizeStyle, withCtx, createTextVNode } from "vue";
-import useTextareaHeight from "./hooks/useTextareaHeight.js";
-import useLimitedInput from "../Input/hooks/useLimitedInput.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
-import _sfc_main$1 from "../_shared/components/PreventFocus.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                             */
-/* empty css                                         */
-const _hoisted_1 = ["value", "disabled", "readonly", "placeholder"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Textarea"
-  },
-  __name: "index",
-  props: {
-    modelValue: { default: void 0 },
-    defaultValue: { default: "" },
-    placeholder: { default: "" },
-    disabled: { type: Boolean, default: false },
-    error: { type: [Boolean, Object], default: void 0 },
-    maxLength: { default: void 0 },
-    showWordLimit: { type: Boolean, default: false },
-    allowClear: { type: Boolean, default: false },
-    readonly: { type: Boolean, default: false },
-    autoSize: { type: [Boolean, Object], default: false },
-    wordLength: { type: Function, default: (value) => {
-      return value.length;
-    } },
-    wordSlice: { type: Function, default: (value, maxLength) => {
-      return value.slice(0, maxLength);
-    } },
-    enterPrevent: { type: Boolean, default: false },
-    showMirror: { type: Boolean, default: false }
-  },
-  emits: ["update:modelValue", "input", "change", "clear", "focus", "blur", "keydown"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { autoSize } = toRefs(props);
-    const inputRef = ref();
-    const mirrorRef = ref();
-    const {
-      error,
-      computedValue,
-      showWordLimit,
-      showClearBtn,
-      curLength,
-      maxLength,
-      handleInput,
-      handleComposition
-    } = useLimitedInput({
-      props,
-      emits,
-      inputRef
-    });
-    const { style } = useTextareaHeight(mirrorRef, autoSize.value);
-    const handleEvent = async (type, e) => {
-      switch (type) {
-        case "input":
-          {
-            handleInput(e);
-          }
-          break;
-        case "change":
-          {
-            emits("change", computedValue.value, e);
-          }
-          break;
-        case "focus":
-        case "blur":
-          {
-            emits(type, e);
-          }
-          break;
-        case "clear":
-          {
-            computedValue.value = "";
-            emits("clear", e);
-          }
-          break;
-      }
-    };
-    __expose({
-      getInputRef() {
-        return inputRef.value;
-      },
-      getMirrorRef() {
-        return mirrorRef.value;
-      },
-      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-textarea-wrapper",
-          {
-            "yc-textarea-disabled": _ctx.disabled,
-            "yc-textarea-error": unref(error),
-            "yc-textarea-auto-size": unref(autoSize)
-          }
-        ])
-      }, [
-        unref(autoSize) || _ctx.showMirror ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "yc-textarea-mirror",
-          ref_key: "mirrorRef",
-          ref: mirrorRef
-        }, toDisplayString(unref(computedValue)), 513)) : createCommentVNode("", true),
-        createElementVNode("textarea", {
-          value: unref(computedValue),
-          disabled: _ctx.disabled,
-          readonly: _ctx.readonly,
-          placeholder: _ctx.placeholder,
-          style: normalizeStyle(unref(style)),
-          class: "yc-textarea",
-          ref_key: "inputRef",
-          ref: inputRef,
-          onCompositionstart: _cache[0] || (_cache[0] = //@ts-ignore
-          (...args) => unref(handleComposition) && unref(handleComposition)(...args)),
-          onCompositionupdate: _cache[1] || (_cache[1] = //@ts-ignore
-          (...args) => unref(handleComposition) && unref(handleComposition)(...args)),
-          onCompositionend: _cache[2] || (_cache[2] = //@ts-ignore
-          (...args) => unref(handleComposition) && unref(handleComposition)(...args)),
-          onKeydown: _cache[3] || (_cache[3] = (ev) => {
-            ev.key == "Enter" && _ctx.enterPrevent && ev.preventDefault();
-            _ctx.$emit("keydown", ev);
-          }),
-          onInput: _cache[4] || (_cache[4] = ($event) => handleEvent("input", $event)),
-          onChange: _cache[5] || (_cache[5] = ($event) => handleEvent("change", $event)),
-          onFocus: _cache[6] || (_cache[6] = ($event) => handleEvent("focus", $event)),
-          onBlur: _cache[7] || (_cache[7] = ($event) => handleEvent("blur", $event))
-        }, null, 44, _hoisted_1),
-        unref(showWordLimit) ? (openBlock(), createBlock(unref(_sfc_main$1), {
-          key: 1,
-          tag: "span",
-          class: "yc-textarea-word-limit"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(unref(curLength)) + " / " + toDisplayString(unref(maxLength)), 1)
-          ]),
-          _: 1
-        })) : createCommentVNode("", true),
-        unref(showClearBtn) ? (openBlock(), createBlock(unref(IconButton), {
-          key: 2,
-          class: "yc-textarea-clear-button",
-          onClick: _cache[8] || (_cache[8] = ($event) => handleEvent("clear", $event))
-        })) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};