@fmdevui/fm-dev 1.0.57 → 1.0.58

package/index.mjs

@@ -1,4 +1,4 @@
-/*! fm-dev v1.0.57 */
+/*! fm-dev v1.0.58 */
 import { defineComponent, reactive, computed, watch, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString as toDisplayString$1, withDirectives, createElementBlock, Fragment, renderList, vShow, ref, onMounted, nextTick, normalizeStyle, createCommentVNode, normalizeClass, withModifiers, mergeModels, useModel, effectScope, getCurrentInstance, shallowRef, isRef as isRef$1, inject, onUnmounted, h, Text, resolveDynamicComponent, markRaw, toRaw as toRaw$1, hasInjectionContext, unref, isReactive as isReactive$1, toRef, getCurrentScope, onScopeDispose, toRefs, resolveDirective } from 'vue';
 import crypto from 'crypto';
 import require$$0 from 'url';
@@ -20,7 +20,7 @@ const _hoisted_7 = { class: "fm-transfer-buttons__item" };
 const _hoisted_8 = { class: "fm-transfer-panel" };
 const _hoisted_9 = { class: "fm-transfer-panel__header" };
 const _hoisted_10 = { class: "fm-transfer-panel__body" };
-var _sfc_main$6 = /* @__PURE__ */ defineComponent({
+var _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{
     name: "FmTransfer"
   },
@@ -379,7 +379,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
 
 const _hoisted_1$3 = { class: "notice-bar-warp-text-box" };
 const _hoisted_2$1 = ["innerHTML"];
-var _sfc_main$5 = /* @__PURE__ */ defineComponent({
+var _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     name: "FmNoticeBar"
   },
@@ -502,7 +502,7 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$4 = {
+var _sfc_main$5 = {
   name: "dragVerify",
   props: {
     isPassing: {
@@ -884,9 +884,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     )
   ]);
 }
-var dragimg = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render], ["__scopeId", "data-v-9e8c9ed2"]]);
+var dragimg = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render], ["__scopeId", "data-v-9e8c9ed2"]]);
 
-var _sfc_main$3 = /* @__PURE__ */ defineComponent({
+var _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{
     name: "Fmselect"
   },
@@ -23746,7 +23746,7 @@ const useApi = (url, options = {}) => {
 };
 
 const _hoisted_1$1 = { style: { "font-size": "14px", "line-height": "30px" } };
-var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+var _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "FmAutocomplete"
   },
@@ -23865,6 +23865,126 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 
+var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Fminputdropdown"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    //数据
+    optionData: {
+      type: Array,
+      default: []
+    },
+    /**
+     * 值的属性值
+     */
+    bvalue: {
+      type: String,
+      default: "id"
+    },
+    /**
+     * 值的属性标签
+     */
+    blabel: {
+      type: String,
+      default: "name"
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u9009\u62E9"
+    },
+    inputWidth: {
+      type: String,
+      default: "40%"
+    },
+    dropWidth: {
+      type: String,
+      default: "90px"
+    }
+  }, {
+    "id": {
+      type: Number,
+      default: 0
+    },
+    "idModifiers": {},
+    "name": {
+      type: String,
+      default: ""
+    },
+    "nameModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:id", "update:name"]),
+  setup(__props, { emit: __emit }) {
+    const modeValueId = useModel(__props, "id");
+    const modeValueName = useModel(__props, "name");
+    const props = __props;
+    const emit = __emit;
+    const handCommand = (command) => {
+      const fitem = props.optionData.find((item) => item[props.bvalue] === command);
+      modeValueId.value = fitem != null ? [props.bvalue] : 0;
+      modeValueName.value = fitem != null ? fitem[props.blabel] : "";
+      emit("change", fitem);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = resolveComponent("el-dropdown");
+      return openBlock(), createBlock(_component_el_dropdown, {
+        placement: "bottom",
+        trigger: "click",
+        style: { "width": "100%" },
+        onCommand: handCommand
+      }, {
+        dropdown: withCtx(() => [
+          createVNode(_component_el_dropdown_menu, {
+            style: normalizeStyle({ width: __props.dropWidth })
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(__props.optionData, (item, index) => {
+                  return openBlock(), createBlock(_component_el_dropdown_item, {
+                    key: index,
+                    command: item[__props.bvalue],
+                    divided: ""
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(
+                        toDisplayString$1(item[__props.blabel]),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["command"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["style"])
+        ]),
+        default: withCtx(() => [
+          createVNode(_component_el_input, {
+            modelValue: modeValueName.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modeValueName.value = $event),
+            placeholder: props.placeholder,
+            style: normalizeStyle({ width: __props.inputWidth })
+          }, null, 8, ["modelValue", "placeholder", "style"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
 /*! Element Plus Icons Vue v2.3.1 */
 
 var add_location_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -30022,11 +30142,12 @@ function elSvg(app) {
   }
 }
 
-const FmTransfer = _sfc_main$6;
-const FmNoticeBar = _sfc_main$5;
+const FmTransfer = _sfc_main$7;
+const FmNoticeBar = _sfc_main$6;
 const FmDragImg = dragimg;
-const Fmselect = _sfc_main$3;
-const FmAutocomplete = _sfc_main$2;
+const Fmselect = _sfc_main$4;
+const FmAutocomplete = _sfc_main$3;
+const Fminputdropdown = _sfc_main$2;
 
 const makeInstaller = (components = []) => {
   const install = (app) => {
@@ -30076,7 +30197,8 @@ const plugins = [
   FmTransfer,
   FmNoticeBar,
   Fmselect,
-  FmAutocomplete
+  FmAutocomplete,
+  Fminputdropdown
 ];
 
 var installer = makeInstaller([...plugins]);
@@ -52765,4 +52887,4 @@ const version = "1.0.0";
 
 const install = installer.install;
 
-export { AccountTypeEnum, FmAutocomplete, FmDragImg, FmLogin, FmNoticeBar, FmTransfer, Fmselect, HttpMethodEnum, JobCreateTypeEnum, Local, NextLoading, PUB, Session, Watermark, accessTokenKey, auth, authAll, auths, axiosInstance, base64ToFile, blobToFile, cancelAllRequest, cancelRequest, clearAccessTokens, clearTokens, clone, commonFunction, commonFunctionObj, dataURLtoBlob, decryptJWT, installer as default, directive, downloadByBase64, downloadByData, downloadByOnlineUrl, downloadByUrl, downloadStreamFile, elSvg, emitter, feature, fileToBase64, formatAxis, formatDate, formatPast, getCountryCode, getFileName, getFileUrl, getJWTDate, getToken, getWeek, hAuth, hAuthAll, hAuths, i18n, install, isObjectValueEqual, iso_3166_1_CountryList, judgementIdCard, judgementSameArr, languageList, mergMessage, openWindow, pinia, refreshAccessTokenKey, removeDuplicate, request2, service, setIntroduction, setupI18n, showFileUrl, signatureByKSort, tansParams, urlToBase64, useApi, useBaseApi, useChangeColor, useDateTimeShortCust, useKeepALiveNames, useLoginApi, useRequestOldRoutes, useRoutesList, useSysApi, useTagsViewRoutes, useThemeConfig, useUserInfo, useVxeTable, verifiyNumberInteger, verifyAccount, verifyAndSpace, verifyCarNum, verifyCnAndSpace, verifyEmail, verifyEnAndSpace, verifyFullName, verifyIPAddress, verifyIdCard, verifyNumberCnUppercase, verifyNumberComma, verifyNumberIntegerAndFloat, verifyNumberPercentage, verifyNumberPercentageFloat, verifyPassword, verifyPasswordPowerful, verifyPasswordStrength, verifyPhone, verifyPostalCode, verifyTelPhone, verifyTextColor, verifyUrl, version };
+export { AccountTypeEnum, FmAutocomplete, FmDragImg, FmLogin, FmNoticeBar, FmTransfer, Fminputdropdown, Fmselect, HttpMethodEnum, JobCreateTypeEnum, Local, NextLoading, PUB, Session, Watermark, accessTokenKey, auth, authAll, auths, axiosInstance, base64ToFile, blobToFile, cancelAllRequest, cancelRequest, clearAccessTokens, clearTokens, clone, commonFunction, commonFunctionObj, dataURLtoBlob, decryptJWT, installer as default, directive, downloadByBase64, downloadByData, downloadByOnlineUrl, downloadByUrl, downloadStreamFile, elSvg, emitter, feature, fileToBase64, formatAxis, formatDate, formatPast, getCountryCode, getFileName, getFileUrl, getJWTDate, getToken, getWeek, hAuth, hAuthAll, hAuths, i18n, install, isObjectValueEqual, iso_3166_1_CountryList, judgementIdCard, judgementSameArr, languageList, mergMessage, openWindow, pinia, refreshAccessTokenKey, removeDuplicate, request2, service, setIntroduction, setupI18n, showFileUrl, signatureByKSort, tansParams, urlToBase64, useApi, useBaseApi, useChangeColor, useDateTimeShortCust, useKeepALiveNames, useLoginApi, useRequestOldRoutes, useRoutesList, useSysApi, useTagsViewRoutes, useThemeConfig, useUserInfo, useVxeTable, verifiyNumberInteger, verifyAccount, verifyAndSpace, verifyCarNum, verifyCnAndSpace, verifyEmail, verifyEnAndSpace, verifyFullName, verifyIPAddress, verifyIdCard, verifyNumberCnUppercase, verifyNumberComma, verifyNumberIntegerAndFloat, verifyNumberPercentage, verifyNumberPercentageFloat, verifyPassword, verifyPasswordPowerful, verifyPasswordStrength, verifyPhone, verifyPostalCode, verifyTelPhone, verifyTextColor, verifyUrl, version };

package/lib/component.js

@@ -10,7 +10,8 @@ const plugins = [
   index$1.FmTransfer,
   index$1.FmNoticeBar,
   index$1.Fmselect,
-  index$1.FmAutocomplete
+  index$1.FmAutocomplete,
+  index$1.Fminputdropdown
 ];
 
 exports.default = plugins;

package/lib/core/ui/components/index.d.ts

@@ -584,4 +584,108 @@ declare const FmAutocomplete: DefineComponent<ExtractPropTypes<{
     fName: string;
     qId: number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-export { FmTransfer, FmNoticeBar, FmDragImg, Fmselect, FmAutocomplete, elSvg };
+declare const Fminputdropdown: DefineComponent<ExtractPropTypes<{
+    optionData: {
+        type: {
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: never[];
+    };
+    bvalue: {
+        type: StringConstructor;
+        default: string;
+    };
+    blabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: PropType<any>;
+    };
+    name: {
+        type: PropType<any>;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:id": (value: any) => void;
+    "update:name": (value: any) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    optionData: {
+        type: {
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: never[];
+    };
+    bvalue: {
+        type: StringConstructor;
+        default: string;
+    };
+    blabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: PropType<any>;
+    };
+    name: {
+        type: PropType<any>;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:id"?: ((value: any) => any) | undefined;
+    "onUpdate:name"?: ((value: any) => any) | undefined;
+}>, {
+    placeholder: string;
+    optionData: any[];
+    bvalue: string;
+    blabel: string;
+    inputWidth: string;
+    dropWidth: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export { FmTransfer, FmNoticeBar, FmDragImg, Fmselect, FmAutocomplete, Fminputdropdown, elSvg };

package/lib/core/ui/components/inputdropdown/index.vue.d.ts

@@ -0,0 +1,118 @@
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    optionData: {
+        type: {
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: never[];
+    };
+    /**
+     * 值的属性值
+     */
+    bvalue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 值的属性标签
+     */
+    blabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: PropType<any>;
+    };
+    name: {
+        type: PropType<any>;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:id": (value: any) => void;
+    "update:name": (value: any) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    optionData: {
+        type: {
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: never[];
+    };
+    /**
+     * 值的属性值
+     */
+    bvalue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 值的属性标签
+     */
+    blabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: PropType<any>;
+    };
+    name: {
+        type: PropType<any>;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:id"?: ((value: any) => any) | undefined;
+    "onUpdate:name"?: ((value: any) => any) | undefined;
+}>, {
+    placeholder: string;
+    optionData: any[];
+    bvalue: string;
+    blabel: string;
+    inputWidth: string;
+    dropWidth: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/index.js

@@ -52,6 +52,7 @@ exports.FmAutocomplete = index$1.FmAutocomplete;
 exports.FmDragImg = index$1.FmDragImg;
 exports.FmNoticeBar = index$1.FmNoticeBar;
 exports.FmTransfer = index$1.FmTransfer;
+exports.Fminputdropdown = index$1.Fminputdropdown;
 exports.Fmselect = index$1.Fmselect;
 exports.elSvg = index$2.elSvg;
 exports.FmLogin = index$3.FmLogin;

package/lib/packages/core/index.js

@@ -44,6 +44,7 @@ exports.FmAutocomplete = index.FmAutocomplete;
 exports.FmDragImg = index.FmDragImg;
 exports.FmNoticeBar = index.FmNoticeBar;
 exports.FmTransfer = index.FmTransfer;
+exports.Fminputdropdown = index.Fminputdropdown;
 exports.Fmselect = index.Fmselect;
 exports.FmLogin = index$2.FmLogin;
 exports.NextLoading = index$3.NextLoading;

package/lib/packages/core/ui/components/index.js

@@ -5,21 +5,25 @@ require('./noticeBar/index.vue.js');
 var dragVerifyImgRotate = require('./dragVerify/dragVerifyImgRotate.vue.js');
 require('./fmselect/index.vue.js');
 require('./fmautocomplete/index.vue.js');
+require('./inputdropdown/index.vue.js');
 var index = require('./svgIcon/index.js');
 var index_vue_vue_type_script_setup_true_lang = require('./transfer/index.vue2.js');
 var index_vue_vue_type_script_setup_true_lang$1 = require('./noticeBar/index.vue2.js');
 var index_vue_vue_type_script_setup_true_lang$2 = require('./fmselect/index.vue2.js');
 var index_vue_vue_type_script_setup_true_lang$3 = require('./fmautocomplete/index.vue2.js');
+var index_vue_vue_type_script_setup_true_lang$4 = require('./inputdropdown/index.vue2.js');
 
 const FmTransfer = index_vue_vue_type_script_setup_true_lang.default;
 const FmNoticeBar = index_vue_vue_type_script_setup_true_lang$1.default;
 const FmDragImg = dragVerifyImgRotate.default;
 const Fmselect = index_vue_vue_type_script_setup_true_lang$2.default;
 const FmAutocomplete = index_vue_vue_type_script_setup_true_lang$3.default;
+const Fminputdropdown = index_vue_vue_type_script_setup_true_lang$4.default;
 
 exports.elSvg = index.elSvg;
 exports.FmAutocomplete = FmAutocomplete;
 exports.FmDragImg = FmDragImg;
 exports.FmNoticeBar = FmNoticeBar;
 exports.FmTransfer = FmTransfer;
+exports.Fminputdropdown = Fminputdropdown;
 exports.Fmselect = Fmselect;

package/lib/packages/core/ui/components/inputdropdown/index.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/lib/packages/core/ui/components/inputdropdown/index.vue2.js

@@ -0,0 +1,127 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "Fminputdropdown"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ vue.mergeModels({
+    //数据
+    optionData: {
+      type: Array,
+      default: []
+    },
+    /**
+     * 值的属性值
+     */
+    bvalue: {
+      type: String,
+      default: "id"
+    },
+    /**
+     * 值的属性标签
+     */
+    blabel: {
+      type: String,
+      default: "name"
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u9009\u62E9"
+    },
+    inputWidth: {
+      type: String,
+      default: "40%"
+    },
+    dropWidth: {
+      type: String,
+      default: "90px"
+    }
+  }, {
+    "id": {
+      type: Number,
+      default: 0
+    },
+    "idModifiers": {},
+    "name": {
+      type: String,
+      default: ""
+    },
+    "nameModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["change"], ["update:id", "update:name"]),
+  setup(__props, { emit: __emit }) {
+    const modeValueId = vue.useModel(__props, "id");
+    const modeValueName = vue.useModel(__props, "name");
+    const props = __props;
+    const emit = __emit;
+    const handCommand = (command) => {
+      const fitem = props.optionData.find((item) => item[props.bvalue] === command);
+      modeValueId.value = fitem != null ? [props.bvalue] : 0;
+      modeValueName.value = fitem != null ? fitem[props.blabel] : "";
+      emit("change", fitem);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = vue.resolveComponent("el-dropdown");
+      return vue.openBlock(), vue.createBlock(_component_el_dropdown, {
+        placement: "bottom",
+        trigger: "click",
+        style: { "width": "100%" },
+        onCommand: handCommand
+      }, {
+        dropdown: vue.withCtx(() => [
+          vue.createVNode(_component_el_dropdown_menu, {
+            style: vue.normalizeStyle({ width: __props.dropWidth })
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(__props.optionData, (item, index) => {
+                  return vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
+                    key: index,
+                    command: item[__props.bvalue],
+                    divided: ""
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(
+                        vue.toDisplayString(item[__props.blabel]),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["command"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["style"])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_input, {
+            modelValue: modeValueName.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modeValueName.value = $event),
+            placeholder: props.placeholder,
+            style: vue.normalizeStyle({ width: __props.inputWidth })
+          }, null, 8, ["modelValue", "placeholder", "style"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fmdevui/fm-dev",
-  "version": "1.0.57",
+  "version": "1.0.58",
   "description": "Page level components developed based on Element Plus.",
   "author": "fmdevui",
   "keywords": [