@fmdevui/fm-dev 1.0.68 → 1.0.70

package/es/packages/core/ui/components/inputdropdown/index.vue2.mjs

@@ -1,4 +1,5 @@
-import { defineComponent, useModel, reactive, onMounted, resolveComponent, createBlock, openBlock, withCtx, createVNode, normalizeStyle, createTextVNode, createElementBlock, Fragment, renderList, toDisplayString, mergeModels } from 'vue';
+import { defineComponent, useModel, reactive, onMounted, resolveComponent, createBlock, openBlock, withCtx, createVNode, normalizeStyle, unref, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, mergeModels } from 'vue';
+import { RefreshLeft } from '@element-plus/icons-vue';
 import { useBaseApi } from '../../../api/base/index.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -81,7 +82,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const emit = __emit;
     const handCommand = (command) => {
-      const fitem = props.optionData.find((item) => item[props.bvalue] === command);
+      const fitem = state.optionData.find((item) => item[props.bvalue] === command);
       modeValueId.value = fitem != null ? [props.bvalue] : 0;
       modeValueName.value = fitem != null ? fitem[props.blabel] : "";
       emit("change", fitem);
@@ -89,17 +90,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(async () => {
       state.optionData = props.optionData;
       if (props.basecode && props.basecode != "") {
-        const res = useBaseApi(props.apiService).get(null, props.apiAction + "/?codetype=" + props.basecode);
+        const res = await useBaseApi(props.apiService).get(null, props.apiAction + "/?codetype=" + props.basecode);
         state.optionData = res.data.result ?? [];
       }
     });
+    const handRestdata = async () => {
+      if (props.basecode && props.basecode != "") {
+        const res = await useBaseApi(props.apiService).get(null, props.apiAction + "/?codetype=" + props.basecode);
+        state.optionData = res.data.result ?? [];
+      }
+    };
     return (_ctx, _cache) => {
-      const _component_el_button = resolveComponent("el-button");
+      const _component_el_icon = resolveComponent("el-icon");
       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, {
+        class: "fminputdropdown",
         placement: "bottom",
         trigger: "click",
         style: { "width": "100%" },
@@ -146,12 +154,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             style: normalizeStyle({ width: __props.inputWidth })
           }, {
             append: withCtx(() => [
-              createVNode(_component_el_button, { text: "" }, {
-                default: withCtx(() => _cache[1] || (_cache[1] = [
-                  createTextVNode("\u5237\u65B0")
-                ])),
-                _: 1,
-                __: [1]
+              createVNode(_component_el_icon, {
+                color: "#13c2c2",
+                onClick: handRestdata
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(RefreshLeft))
+                ]),
+                _: 1
+                /* STABLE */
               })
             ]),
             _: 1

package/index.js

@@ -1,4 +1,4 @@
-/*! fm-dev v1.0.68 */
+/*! fm-dev v1.0.70 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('crypto'), require('url'), require('http'), require('https'), require('util'), require('stream'), require('assert'), require('zlib'), require('element-plus')) :
   typeof define === 'function' && define.amd ? define(['exports', 'vue', 'crypto', 'url', 'http', 'https', 'util', 'stream', 'assert', 'zlib', 'element-plus'], factory) :
@@ -23860,170 +23860,6 @@
     }
   });
 
-  var _sfc_main$3 = /* @__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"
-      },
-      /**
-      * api service name
-      */
-      apiService: {
-        type: String,
-        default: "baseData"
-      },
-      /**
-      * api service 下的方法
-      */
-      apiAction: {
-        type: String,
-        default: "baseDataList"
-      },
-      /**
-       * 基础编码 自动获取数据
-       */
-      basecode: {
-        type: String,
-        default: ""
-      }
-    }, {
-      "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 state = vue.reactive({
-        optionData: props.optionData
-      });
-      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);
-      };
-      vue.onMounted(async () => {
-        state.optionData = props.optionData;
-        if (props.basecode && props.basecode != "") {
-          const res = useBaseApi(props.apiService).get(null, props.apiAction + "/?codetype=" + props.basecode);
-          state.optionData = res.data.result ?? [];
-        }
-      });
-      return (_ctx, _cache) => {
-        const _component_el_button = vue.resolveComponent("el-button");
-        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(state.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 })
-            }, {
-              append: vue.withCtx(() => [
-                vue.createVNode(_component_el_button, { text: "" }, {
-                  default: vue.withCtx(() => _cache[1] || (_cache[1] = [
-                    vue.createTextVNode("\u5237\u65B0")
-                  ])),
-                  _: 1,
-                  __: [1]
-                })
-              ]),
-              _: 1
-              /* STABLE */
-            }, 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__ */ vue.defineComponent({
@@ -30082,6 +29918,180 @@
     ZoomOut: zoom_out_default
   });
 
+  var _sfc_main$3 = /* @__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"
+      },
+      /**
+      * api service name
+      */
+      apiService: {
+        type: String,
+        default: "baseData"
+      },
+      /**
+      * api service 下的方法
+      */
+      apiAction: {
+        type: String,
+        default: "baseDataList"
+      },
+      /**
+       * 基础编码 自动获取数据
+       */
+      basecode: {
+        type: String,
+        default: ""
+      }
+    }, {
+      "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 state = vue.reactive({
+        optionData: props.optionData
+      });
+      const emit = __emit;
+      const handCommand = (command) => {
+        const fitem = state.optionData.find((item) => item[props.bvalue] === command);
+        modeValueId.value = fitem != null ? [props.bvalue] : 0;
+        modeValueName.value = fitem != null ? fitem[props.blabel] : "";
+        emit("change", fitem);
+      };
+      vue.onMounted(async () => {
+        state.optionData = props.optionData;
+        if (props.basecode && props.basecode != "") {
+          const res = await useBaseApi(props.apiService).get(null, props.apiAction + "/?codetype=" + props.basecode);
+          state.optionData = res.data.result ?? [];
+        }
+      });
+      const handRestdata = async () => {
+        if (props.basecode && props.basecode != "") {
+          const res = await useBaseApi(props.apiService).get(null, props.apiAction + "/?codetype=" + props.basecode);
+          state.optionData = res.data.result ?? [];
+        }
+      };
+      return (_ctx, _cache) => {
+        const _component_el_icon = vue.resolveComponent("el-icon");
+        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, {
+          class: "fminputdropdown",
+          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(state.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 })
+            }, {
+              append: vue.withCtx(() => [
+                vue.createVNode(_component_el_icon, {
+                  color: "#13c2c2",
+                  onClick: handRestdata
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(refresh_left_default))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["modelValue", "placeholder", "style"])
+          ]),
+          _: 1
+          /* STABLE */
+        });
+      };
+    }
+  });
+
   const _hoisted_1$1 = { style: { "padding": "5px" } };
   const _hoisted_2 = { style: { "display": "flex", "align-items": "center", "gap": "8px", "flex-wrap": "nowrap", "overflow": "hidden" } };
   const _hoisted_3 = { style: { "flex": "1 1 200px", "min-width": "0", "overflow": "hidden" } };