@fmdevui/fm-dev 1.0.56 → 1.0.58

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.56",
+  "version": "1.0.58",
   "description": "Page level components developed based on Element Plus.",
   "author": "fmdevui",
   "keywords": [