@wfrog/vc/es/components/input/index.mjs

`自用` 的基于 `element-plus` 二次封装的 `vue3` 组件库。追求在业务场景中，尽可能使用更少的代码量来实现需求。 因此在组件封装上，以 `方便` 为主，打包仅 `esm` 模式。

import './index.css'
// vue-script:D:\project\_my\vc\src\components\input\index.vue?type=script
import { useCssVars as _useCssVars, defineComponent as _defineComponent } from "vue";
import { unref as _unref, renderSlot as _renderSlot, normalizeClass as _normalizeClass, withCtx as _withCtx, createSlots as _createSlots, openBlock as _openBlock, createBlock as _createBlock } from "vue";
import { computed, useCssModule } from "vue";
import { ElInput } from "element-plus";
var input_default = /* @__PURE__ */ _defineComponent({
  __name: "index",
  props: {
    block: { type: Boolean, required: false, default: false },
    width: { type: String, required: false }
  },
  setup(__props) {
    const props = __props;
    _useCssVars((_ctx) => ({
      "1b3ff755-myWidth": _unref(myWidth)
    }));
    const $style = useCssModule();
    const className = computed(() => ({
      [$style.input]: true,
      [$style.block]: props.block
    }));
    const myWidth = computed(() => {
      return props.width || (props.block ? "100%" : "214px");
    });
    return (_ctx, _cache) => {
      return _openBlock(), _createBlock(_unref(ElInput), {
        class: _normalizeClass(_unref(className))
      }, _createSlots({ _: 2 }, [
        _ctx.$slots.prefix ? {
          name: "prefix",
          fn: _withCtx(() => [
            _renderSlot(_ctx.$slots, "prefix")
          ]),
          key: "0"
        } : void 0,
        _ctx.$slots.suffix ? {
          name: "suffix",
          fn: _withCtx(() => [
            _renderSlot(_ctx.$slots, "suffix")
          ]),
          key: "1"
        } : void 0,
        _ctx.$slots.prepend ? {
          name: "prepend",
          fn: _withCtx(() => [
            _renderSlot(_ctx.$slots, "prepend")
          ]),
          key: "2"
        } : void 0,
        _ctx.$slots.append ? {
          name: "append",
          fn: _withCtx(() => [
            _renderSlot(_ctx.$slots, "append")
          ]),
          key: "3"
        } : void 0
      ]), 1032, ["class"]);
    };
  }
});

// vue-style:D:\project\_my\vc\src\components\input\index.vue?type=style&index=0&isModule=true&isNameImport=true
var input_default2 = { input: "_input_1hm4f_1", block: "_block_1hm4f_5" };

// src/components/input/index.vue
var cssModules = {};
input_default.__cssModules = cssModules = {};
cssModules["$style"] = input_default2;
var input_default3 = input_default;
export {
  input_default3 as default
};