sctj-components 1.0.27 → 1.0.28

package/lib/sctj-components.es.js

@@ -1,4 +1,4 @@
-import { computed as computed$1, resolveComponent, openBlock, createElementBlock, Fragment, renderList, unref, normalizeClass, toDisplayString, createBlock, withCtx, createTextVNode, createCommentVNode, createElementVNode, ref as ref$1, watch, mergeProps, createSlots, renderSlot, createVNode, TransitionGroup, onMounted as onMounted$1, onUpdated, nextTick, withModifiers, normalizeStyle, pushScopeId, popScopeId, onBeforeMount, onUnmounted, isRef, getCurrentInstance, reactive, resolveDirective, withDirectives, toRefs, resolveDynamicComponent, withKeys, useSlots, vShow, onBeforeUnmount, markRaw, useCssVars, shallowRef } from "vue";
+import { computed as computed$1, resolveComponent, openBlock, createElementBlock, Fragment, renderList, unref, normalizeClass, toDisplayString, createBlock, withCtx, createTextVNode, createCommentVNode, createElementVNode, ref as ref$1, watch, mergeProps, createSlots, renderSlot, createVNode, TransitionGroup, onMounted as onMounted$1, onUpdated, nextTick, withModifiers, normalizeStyle, isRef, pushScopeId, popScopeId, onBeforeMount, onUnmounted, getCurrentInstance, reactive, resolveDirective, withDirectives, toRefs, resolveDynamicComponent, withKeys, useSlots, vShow, onBeforeUnmount, markRaw, useCssVars, shallowRef } from "vue";
 import VueOfficePdf from "@vue-office/pdf";
 import VueOfficeDocx from "@vue-office/docx";
 import VueOfficeExcel from "@vue-office/excel";
@@ -1023,17 +1023,31 @@ const icons = [
   "wechat",
   "zip"
 ];
-const index_vue_vue_type_style_index_0_scoped_7611a463_lang = "";
-const _withScopeId$5 = (n) => (pushScopeId("data-v-7611a463"), n = n(), popScopeId(), n);
+const index_vue_vue_type_style_index_0_scoped_cf88a853_lang = "";
+const _withScopeId$5 = (n) => (pushScopeId("data-v-cf88a853"), n = n(), popScopeId(), n);
 const _hoisted_1$f = { class: "icon-body" };
 const _hoisted_2$9 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("i", { class: "el-icon-search el-input__icon" }, null, -1));
 const _hoisted_3$7 = { class: "icon-list" };
 const _hoisted_4$6 = ["onClick"];
 const _sfc_main$l = {
   __name: "index",
-  emits: ["selected"],
+  props: {
+    modalValue: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["selected", "update:modalValue"],
   setup(__props, { expose, emit }) {
-    const iconName = ref$1("");
+    const props = __props;
+    const iconName = computed$1({
+      get() {
+        return props.modalValue;
+      },
+      set(val) {
+        emit("update:modalValue", val);
+      }
+    });
     const iconList = ref$1(icons);
     function filterIcons() {
       iconList.value = icons;
@@ -1042,6 +1056,7 @@ const _sfc_main$l = {
       }
     }
     function selectedIcon(name) {
+      iconName.value = name;
       emit("selected", name);
       document.body.click();
     }
@@ -1056,13 +1071,14 @@ const _sfc_main$l = {
       const _component_el_input = resolveComponent("el-input");
       return openBlock(), createElementBlock("div", _hoisted_1$f, [
         createVNode(_component_el_input, {
-          modelValue: iconName.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => iconName.value = $event),
+          modelValue: unref(iconName),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(iconName) ? iconName.value = $event : null),
+          modelModifiers: { trim: true },
           style: { "position": "relative" },
           clearable: "",
           placeholder: "\u8BF7\u8F93\u5165\u56FE\u6807\u540D\u79F0",
           onClear: filterIcons,
-          onInput: filterIcons
+          onChange: filterIcons
         }, {
           suffix: withCtx(() => [
             _hoisted_2$9
@@ -1087,7 +1103,7 @@ const _sfc_main$l = {
     };
   }
 };
-const SCTJIconSelect = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-7611a463"]]);
+const SCTJIconSelect = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-cf88a853"]]);
 function useMobile() {
   const isMobile = ref$1(false);
   const checkIsMobile = () => {