fangguo-component 1.1.3 → 1.1.5

package/dist/ArgHover.css

@@ -1 +1,20 @@
-.arghover{white-space:pre-wrap}.arghover .fg-arg-hover-trigger{color:#9198a8;cursor:pointer;vertical-align:middle}.arghover.el-popper.is-light>.el-popper__arrow:before{right:0;background:#f5f9ff;border:1px solid rgba(68,133,245,.5803921569)}.arghover.el-popper.is-light{background:#f5f9ff;border:1px solid rgba(68,133,245,.5803921569)}.arghover.el-popover.el-popper.is-light{box-shadow:none}
+.arghover {
+  white-space: pre-wrap;
+}
+.arghover .fg-arg-hover-trigger {
+  color: #9198A8;
+  cursor: pointer;
+  vertical-align: middle;
+}
+.arghover.el-popper.is-light > .el-popper__arrow::before {
+  right: 0;
+  background: #F5F9FF;
+  border: 1px solid rgba(68, 133, 245, 0.5803921569);
+}
+.arghover.el-popper.is-light {
+  background: #F5F9FF;
+  border: 1px solid rgba(68, 133, 245, 0.5803921569);
+}
+.arghover.el-popover.el-popper.is-light {
+  box-shadow: none;
+}

package/dist/ArgHover.vue_vue_type_style_index_0_lang-CSymSDRl.js

@@ -0,0 +1,56 @@
+import { ElPopover, ElIcon } from "element-plus/es";
+import { defineComponent, openBlock, createBlock, withCtx, renderSlot, createVNode, normalizeStyle, normalizeClass, unref } from "vue";
+import { QuestionFilled } from "@element-plus/icons-vue";
+import './ArgHover.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ArgHover",
+  props: {
+    text: String,
+    placement: {
+      default: "top"
+    },
+    effect: {
+      default: "light"
+    },
+    width: {
+      default: 200
+    },
+    color: {
+      default: "#9198A8"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_icon = ElIcon;
+      const _component_el_popover = ElPopover;
+      return openBlock(), createBlock(_component_el_popover, {
+        "popper-class": "arghover",
+        placement: __props.placement,
+        effect: __props.effect,
+        width: __props.width,
+        content: __props.text
+      }, {
+        reference: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createVNode(_component_el_icon, {
+              class: normalizeClass(["fg-arg-hover-trigger", _ctx.$attrs.class]),
+              style: normalizeStyle({ color: __props.color }),
+              size: 16
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(QuestionFilled))
+              ]),
+              _: 1
+            }, 8, ["class", "style"])
+          ])
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "content")
+        ]),
+        _: 3
+      }, 8, ["placement", "effect", "width", "content"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/ButtonGroup-DqViorHX.js

@@ -0,0 +1,134 @@
+import './ButtonGroup.css';var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { defineComponent, ref, onMounted, onUnmounted, watch, openBlock, createElementBlock, createElementVNode, normalizeClass, Fragment, renderList, toDisplayString, normalizeStyle, nextTick } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ButtonGroup",
+  props: {
+    data: {}
+  },
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
+    const btnGroupRef = ref(null);
+    const props = __props;
+    const emit = __emit;
+    const btnRefs = ref([]);
+    const bgSlideData = ref({
+      width: 0,
+      left: 0
+    });
+    const cloneList = ref([]);
+    let resizeObserver = null;
+    function syncSlideToActiveItem() {
+      return __async(this, null, function* () {
+        yield nextTick();
+        const activeIndex = cloneList.value.findIndex((item) => item.active);
+        if (activeIndex < 0) {
+          bgSlideData.value = { width: 0, left: 0 };
+          return;
+        }
+        const el = btnRefs.value[activeIndex];
+        if (!el) {
+          bgSlideData.value = { width: 0, left: 0 };
+          return;
+        }
+        bgSlideData.value = {
+          width: el.clientWidth,
+          left: el.offsetLeft
+        };
+      });
+    }
+    const activeClick = (e, index) => {
+      const width = e.target.clientWidth || 0;
+      const left = e.target.offsetLeft || 0;
+      bgSlideData.value = {
+        width,
+        left
+      };
+      cloneList.value.forEach((item, i) => {
+        i === index ? item.active = true : item.active = false;
+      });
+      emit("change", cloneList.value[index]);
+    };
+    onMounted(() => __async(null, null, function* () {
+      cloneList.value = props.data;
+      yield syncSlideToActiveItem();
+      if (btnGroupRef.value) {
+        resizeObserver = new ResizeObserver(() => {
+          void syncSlideToActiveItem();
+        });
+        resizeObserver.observe(btnGroupRef.value);
+      }
+    }));
+    onUnmounted(() => {
+      resizeObserver == null ? void 0 : resizeObserver.disconnect();
+      resizeObserver = null;
+    });
+    watch(
+      () => props.data,
+      (data) => __async(null, null, function* () {
+        cloneList.value = data;
+        yield syncSlideToActiveItem();
+      })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "btnGroupRef",
+        ref: btnGroupRef,
+        class: "flex"
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass([_ctx.$style["but-group-wrap"], "pattern-box"])
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(cloneList.value, (item, index) => {
+            return openBlock(), createElementBlock("span", {
+              key: index,
+              class: normalizeClass([_ctx.$style["btn-items"], { [_ctx.$style["active"]]: item.active }, { "pattern-active": item.active }, "pattern-box-btn"]),
+              ref_for: true,
+              ref_key: "btnRefs",
+              ref: btnRefs,
+              onClick: ($event) => activeClick($event, index)
+            }, toDisplayString(item.label), 11, _hoisted_1);
+          }), 128)),
+          createElementVNode("div", {
+            class: normalizeClass([_ctx.$style["slide-bg"], "pattern-box-bg"]),
+            style: normalizeStyle({ width: `${bgSlideData.value.width}px`, left: `${bgSlideData.value.left}px` })
+          }, null, 6)
+        ], 2)
+      ], 512);
+    };
+  }
+});
+const active = "_active_127vp_22";
+const style0 = {
+  "but-group-wrap": "_but-group-wrap_127vp_1",
+  "btn-items": "_btn-items_127vp_10",
+  active,
+  "slide-bg": "_slide-bg_127vp_25"
+};
+const cssModules = {
+  "$style": style0
+};
+const ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ButtonGroup as B
+};

package/dist/ButtonGroup.css

@@ -1 +1,35 @@
-._but-group-wrap_127vp_1{position:relative;display:flex;align-items:center;overflow:hidden;font-size:14px;background:#f5f7fa;border-radius:19px}._but-group-wrap_127vp_1 ._btn-items_127vp_10{z-index:1;display:inline-block;padding:0 8px;text-align:center;color:#9198a8;line-height:36px;cursor:pointer}._but-group-wrap_127vp_1 ._btn-items_127vp_10:hover{color:var(--el-color-primary)}._but-group-wrap_127vp_1 ._btn-items_127vp_10._active_127vp_22{color:#fff}._but-group-wrap_127vp_1 ._slide-bg_127vp_25{position:absolute;top:0;width:0;height:36px;background:var(--el-color-primary);border-radius:19px;transition-property:width,left;transition-duration:.3s,.3s;transition-timing-function:ease}
+._but-group-wrap_127vp_1 {
+  position: relative;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  font-size: 14px;
+  background: #F5F7FA;
+  border-radius: 19px;
+}
+._but-group-wrap_127vp_1 ._btn-items_127vp_10 {
+  z-index: 1;
+  display: inline-block;
+  padding: 0 8px;
+  text-align: center;
+  color: #9198A8;
+  line-height: 36px;
+  cursor: pointer;
+}
+._but-group-wrap_127vp_1 ._btn-items_127vp_10:hover {
+  color: var(--el-color-primary);
+}
+._but-group-wrap_127vp_1 ._btn-items_127vp_10._active_127vp_22 {
+  color: #fff;
+}
+._but-group-wrap_127vp_1 ._slide-bg_127vp_25 {
+  position: absolute;
+  top: 0;
+  width: 0;
+  height: 36px;
+  background: var(--el-color-primary);
+  border-radius: 19px;
+  transition-property: width, left;
+  transition-duration: 0.3s, 0.3s;
+  transition-timing-function: ease;
+}

package/dist/CitySelect.vue_vue_type_script_setup_true_lang-DZp6834K.js

@@ -0,0 +1,224 @@
+import { ElSelect, ElOption } from "element-plus/es";
+import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, createVNode, withCtx, Fragment, renderList, createBlock, createCommentVNode } from "vue";
+const _hoisted_1 = { class: "flex w-full" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CitySelect",
+  props: {
+    provinceCode: {},
+    cityCode: {},
+    areaCode: {},
+    parentKey: { default: "parentCode" },
+    source: {},
+    valueKey: { default: "code" },
+    nameKey: { default: "name" },
+    level: { default: 3 }
+  },
+  emits: ["success"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const provinceValue = ref(null);
+    const cityValue = ref(null);
+    const areaValue = ref(null);
+    const provinceList = ref([]);
+    const cityList = ref([]);
+    const areaList = ref([]);
+    const allData = ref(/* @__PURE__ */ new Map());
+    const initData = (data) => {
+      if (!data.source.length) {
+        return false;
+      }
+      if (props.valueKey === "code") {
+        areaValue.value = data.areaCode || "";
+        cityValue.value = data.cityCode || "";
+        provinceValue.value = data.provinceCode || "";
+      }
+      const provinceArr = [];
+      data.source.forEach((province) => {
+        const provinceData = {
+          name: province[data.nameKey],
+          code: province[data.valueKey],
+          parentCode: province[data.parentKey],
+          areasList: /* @__PURE__ */ new Map()
+        };
+        provinceArr.push({
+          name: province[data.nameKey],
+          code: province[data.valueKey],
+          parentCode: province[data.parentKey]
+        });
+        if (Array.isArray(province.areasList)) {
+          province.areasList.forEach((city) => {
+            const cityData = {
+              name: city[data.nameKey],
+              code: city[data.valueKey],
+              parentCode: city[data.parentKey],
+              areasList: /* @__PURE__ */ new Map()
+            };
+            if (Array.isArray(city.areasList)) {
+              city.areasList.forEach((area) => {
+                const areaData = {
+                  name: area[data.nameKey],
+                  code: area[data.valueKey],
+                  parentCode: area[data.parentKey]
+                };
+                cityData.areasList.set(areaData.code, areaData);
+              });
+            }
+            provinceData.areasList.set(city.code, cityData);
+          });
+        }
+        allData.value.set(province.code, provinceData);
+      });
+      provinceList.value = provinceArr;
+      if (data.provinceCode) {
+        provinceValue.value = data.provinceCode;
+        provinceChange(data.provinceCode);
+      }
+      if (data.cityCode) {
+        cityValue.value = data.cityCode;
+        cityChange(data.cityCode);
+      }
+      if (data.areaCode) {
+        areaValue.value = data.areaCode;
+      }
+    };
+    const provinceChange = (val) => {
+      const valueData = allData.value.get(val);
+      if (!valueData) return;
+      const newArr = [];
+      valueData.areasList.forEach((value) => {
+        newArr.push({
+          name: value.name,
+          code: value.code,
+          parentCode: value.parentCode
+        });
+      });
+      cityValue.value = null;
+      areaValue.value = null;
+      cityList.value = newArr;
+      if (props.level === 1) {
+        emit("success", {
+          level: 1,
+          provinceName: valueData.name || "",
+          provinceCode: valueData.code || ""
+        });
+      }
+    };
+    const cityChange = (val) => {
+      const provinceData = allData.value.get(provinceValue.value);
+      if (!provinceData || !provinceData.areasList) return;
+      const cityData = provinceData.areasList.get(val);
+      const newArr = [];
+      if (!cityData || !cityData.areasList) return;
+      cityData.areasList.forEach((value) => {
+        newArr.push({
+          name: value.name,
+          code: value.code,
+          parentCode: value.parentCode
+        });
+      });
+      areaValue.value = null;
+      areaList.value = newArr;
+      if (props.level === 2) {
+        emit("success", {
+          level: 2,
+          provinceName: provinceData.name || "",
+          provinceCode: provinceData.code || "",
+          cityName: cityData.name || "",
+          cityCode: cityData.code || ""
+        });
+      }
+    };
+    const areaChange = (val) => {
+      const provinceData = allData.value.get(provinceValue.value);
+      const cityData = provinceData.areasList.get(cityValue.value);
+      const areaData = cityData.areasList.get(val);
+      const obj = {
+        level: 3,
+        provinceName: provinceData.name || "",
+        provinceCode: provinceData.code || "",
+        cityName: cityData.name || "",
+        cityCode: cityData.code || "",
+        areaName: areaData.name || "",
+        areaCode: areaData.code || ""
+      };
+      emit("success", obj);
+    };
+    onMounted(() => {
+      initData(props);
+    });
+    watch(props, (newVal) => {
+      initData(newVal);
+    });
+    return (_ctx, _cache) => {
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_select, {
+          placeholder: "省",
+          class: "mr-[10px] flex-1",
+          modelValue: provinceValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => provinceValue.value = $event),
+          filterable: "",
+          onChange: provinceChange
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(provinceList.value, (item) => {
+              return openBlock(), createBlock(_component_el_option, {
+                key: item.code,
+                value: item.code,
+                label: item.name
+              }, null, 8, ["value", "label"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        props.level >= 2 ? (openBlock(), createBlock(_component_el_select, {
+          key: 0,
+          placeholder: "市",
+          class: "mr-[10px] flex-1",
+          modelValue: cityValue.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => cityValue.value = $event),
+          filterable: "",
+          onChange: cityChange
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(cityList.value, (item) => {
+              return openBlock(), createBlock(_component_el_option, {
+                key: item.code,
+                value: item.code,
+                label: item.name
+              }, null, 8, ["value", "label"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : createCommentVNode("", true),
+        props.level >= 3 ? (openBlock(), createBlock(_component_el_select, {
+          key: 1,
+          placeholder: "区/县",
+          modelValue: areaValue.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => areaValue.value = $event),
+          class: "flex-1",
+          filterable: "",
+          onChange: areaChange
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(areaList.value.filter((data) => {
+              return data.parentCode === cityValue.value;
+            }), (item) => {
+              return openBlock(), createBlock(_component_el_option, {
+                key: item[props.valueKey],
+                value: item[props.valueKey],
+                label: item[props.nameKey]
+              }, null, 8, ["value", "label"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/ContentTitle-By0Zk1u7.js

@@ -0,0 +1,30 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, toDisplayString, renderSlot } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+import './ContentTitle.css';const _hoisted_1 = { class: "flex items-baseline gap-x-[4px]" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ContentTitle",
+  props: {
+    title: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("h3", {
+          class: normalizeClass(_ctx.$style["content-title"])
+        }, toDisplayString(props.title), 3),
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const style0 = {
+  "content-title": "_content-title_1dl6y_1"
+};
+const cssModules = {
+  "$style": style0
+};
+const ContentTitle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ContentTitle as C
+};

package/dist/ContentTitle.css

@@ -1 +1,6 @@
-._content-title_1dl6y_1{font-size:18px;font-family:MicrosoftYaHei,sans-serif;color:#0b0c24;font-weight:700}
+._content-title_1dl6y_1 {
+  font-size: 18px;
+  font-family: MicrosoftYaHei, sans-serif;
+  color: #0B0C24;
+  font-weight: 700;
+}

package/dist/CustomInputV2-BqhBSO53.js

@@ -0,0 +1,157 @@
+import { ElInput, ElSelect, ElOption, ElDialog, ElButton } from "element-plus/es";
+import { defineComponent, useModel, ref, useSlots, useAttrs, openBlock, createElementBlock, Fragment, createVNode, mergeProps, unref, createSlots, withCtx, renderList, createBlock, renderSlot, createElementVNode, toDisplayString, createTextVNode, createCommentVNode, mergeModels } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+import './CustomInputV2.css';const _hoisted_1 = { key: 0 };
+const _hoisted_2 = {
+  class: "py-[12px] text-fill-900",
+  style: { "font-family": "MicrosoftYaHei, sans-serif" }
+};
+const _hoisted_3 = { class: "pt-[24px] pb-[12px]" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CustomInputV2",
+  props: /* @__PURE__ */ mergeModels({
+    placeholder: { default: "请输入" },
+    isShowCondition: { type: Boolean, default: true },
+    name: { default: "" },
+    isShowMultiple: { type: Boolean, default: true },
+    options: { default: () => [
+      { label: "模糊匹配", value: true },
+      { label: "精准匹配", value: false }
+    ] }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {},
+    "condition": {},
+    "conditionModifiers": {}
+  }),
+  emits: ["update:modelValue", "update:condition"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const condition = useModel(__props, "condition");
+    const props = __props;
+    const titleName = ref();
+    const modelName = ref("多个值以逗号隔开或空格隔开");
+    const slots = useSlots();
+    const attrs = useAttrs();
+    const moreShow = ref(false);
+    const getFirstPart = (inputString) => {
+      const regex = /，|,/;
+      const parts = inputString.split(regex);
+      return parts;
+    };
+    titleName.value = props.name || getFirstPart(props.placeholder)[0];
+    modelName.value = getFirstPart(props.placeholder)[1];
+    return (_ctx, _cache) => {
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      const _component_el_input = ElInput;
+      const _component_el_button = ElButton;
+      const _component_el_dialog = ElDialog;
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_el_input, mergeProps({ class: "custom-input" }, unref(attrs), {
+          modelValue: modelValue.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => modelValue.value = $event),
+          placeholder: __props.placeholder
+        }), createSlots({ _: 2 }, [
+          __props.isShowCondition && !unref(slots).prepend ? {
+            name: "prepend",
+            fn: withCtx(() => [
+              createVNode(_component_el_select, {
+                class: "!w-[100px] flex-shrink-0",
+                modelValue: condition.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => condition.value = $event)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item, index) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      key: index,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            key: "0"
+          } : void 0,
+          unref(slots).prepend ? {
+            name: "prepend",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "prepend", {}, void 0, true)
+            ]),
+            key: "1"
+          } : void 0,
+          __props.isShowMultiple && !unref(slots).append ? {
+            name: "append",
+            fn: withCtx(() => [
+              createElementVNode("span", {
+                onClick: _cache[1] || (_cache[1] = ($event) => moreShow.value = true)
+              }, "•••")
+            ]),
+            key: "2"
+          } : void 0,
+          unref(slots).append ? {
+            name: "append",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "append", {}, void 0, true)
+            ]),
+            key: "3"
+          } : void 0
+        ]), 1040, ["modelValue", "placeholder"]),
+        __props.isShowMultiple ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createVNode(_component_el_dialog, {
+            class: "order-dialog",
+            modelValue: moreShow.value,
+            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => moreShow.value = $event),
+            width: "480px",
+            title: titleName.value,
+            "align-center": "",
+            draggable: "",
+            "close-on-click-modal": false
+          }, {
+            footer: withCtx(() => [
+              createElementVNode("div", _hoisted_3, [
+                createVNode(_component_el_button, {
+                  type: "info",
+                  plain: "",
+                  onClick: _cache[4] || (_cache[4] = ($event) => moreShow.value = false)
+                }, {
+                  default: withCtx(() => [..._cache[7] || (_cache[7] = [
+                    createTextVNode("取消", -1)
+                  ])]),
+                  _: 1
+                }),
+                createVNode(_component_el_button, {
+                  class: "!ml-[14px]",
+                  type: "primary",
+                  onClick: _cache[5] || (_cache[5] = ($event) => moreShow.value = false)
+                }, {
+                  default: withCtx(() => [..._cache[8] || (_cache[8] = [
+                    createTextVNode("确认", -1)
+                  ])]),
+                  _: 1
+                })
+              ])
+            ]),
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_2, toDisplayString(modelName.value), 1),
+              createVNode(_component_el_input, {
+                modelValue: modelValue.value,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => modelValue.value = $event),
+                type: "textarea",
+                autosize: { minRows: 3, maxRows: 5 },
+                placeholder: modelName.value
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "title"])
+        ])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+const CustomInputV2 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ce2bdbe3"]]);
+export {
+  CustomInputV2 as C
+};

package/dist/CustomInputV2.css

@@ -1 +1,5 @@
-.custom-input[data-v-ce2bdbe3] .el-input-group__append{cursor:pointer;padding-left:8px;padding-right:8px}
+.custom-input[data-v-ce2bdbe3] .el-input-group__append {
+    cursor: pointer;
+    padding-left: 8px;
+    padding-right: 8px
+}