@fmdeui/fmui 1.0.89 → 1.0.90

package/es/packages/components/fm-inputdropdown/index.vue2.mjs

@@ -0,0 +1,198 @@
+import { defineComponent, useModel, reactive, onMounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, normalizeStyle, unref, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, mergeModels } from 'vue';
+import { RefreshLeft } from '@element-plus/icons-vue';
+import '../../stores/index.mjs';
+import { usefminputdropdownstore } from '../../stores/ainputdropdow.mjs';
+
+var _sfc_main = /* @__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"
+    },
+    dropHeight: {
+      type: String,
+      default: "180px"
+    },
+    /**
+    * api service name
+    */
+    apiService: {
+      type: String,
+      default: "baseData"
+    },
+    /**
+    * api service 下的方法
+    */
+    apiAction: {
+      type: String,
+      default: "baseDataList"
+    },
+    /**
+     * 基础编码 自动获取数据
+     */
+    basecode: {
+      type: String,
+      default: ""
+    },
+    /**
+    * 基础编码  多个编码合在一起调用
+    */
+    multibasecode: {
+      type: Array,
+      default: []
+    },
+    /**
+    * 是否默认加载数据
+    */
+    autoLoadData: {
+      type: Boolean,
+      default: true
+    }
+  }, {
+    "id": { default: 0, required: false },
+    "idModifiers": {},
+    "name": { default: "", required: false },
+    "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 state = reactive({
+      optionData: props.optionData
+    });
+    const emit = __emit;
+    const handCommand = (command) => {
+      const fitem = state.optionData.find((item) => item[props.bvalue] === command);
+      modeValueId.value = fitem != null ? fitem[props.bvalue] : 0;
+      modeValueName.value = fitem != null ? fitem[props.blabel] : "";
+      emit("change", fitem);
+    };
+    const handelChange = (val) => {
+      emit("change", val);
+    };
+    onMounted(async () => {
+      if (props.optionData.length > 0) {
+        state.optionData = props.optionData;
+      }
+      if (props.autoLoadData && props.basecode && props.basecode != "") {
+        const useBaseApi = usefminputdropdownstore();
+        state.optionData = await useBaseApi.getOptionsData(props.apiService, props.apiAction, props.basecode, false, props.multibasecode);
+      }
+    });
+    const handRestdata = async () => {
+      if (props.basecode && props.basecode != "") {
+        const useBaseApi = usefminputdropdownstore();
+        state.optionData = await useBaseApi.getOptionsData(props.apiService, props.apiAction, props.basecode, true, []);
+      }
+    };
+    return (_ctx, _cache) => {
+      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%" },
+        onCommand: handCommand
+      }, {
+        dropdown: withCtx(() => [
+          createVNode(_component_el_dropdown_menu, {
+            style: normalizeStyle({ width: __props.dropWidth, height: __props.dropHeight })
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(state.optionData, (item, index) => {
+                  return openBlock(), createBlock(_component_el_dropdown_item, {
+                    key: index,
+                    command: item[__props.bvalue],
+                    divided: ""
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(
+                        toDisplayString(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 }),
+            onChange: handelChange
+          }, {
+            append: withCtx(() => [
+              createVNode(_component_el_icon, {
+                color: "#13c2c2",
+                onClick: handRestdata
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(RefreshLeft))
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["modelValue", "placeholder", "style"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/index.mjs

@@ -11,3 +11,4 @@ export { elSvg } from './svgIcon/index.mjs';
 export { FLayout } from './fm-layout/index.mjs';
 export { FSettings } from './fm-settings/index.mjs';
 export { FModifyRecord } from './modifyRecord/index.mjs';
+export { Fminputdropdown } from './fm-inputdropdown/index.mjs';

package/es/packages/stores/ainputdropdow.mjs

@@ -0,0 +1,36 @@
+import { defineStore } from 'pinia';
+import { reactive } from 'vue';
+import '../api/index.mjs';
+import { useBaseApi } from '../api/base/index.mjs';
+
+const usefminputdropdownstore = defineStore("fminputdropdownstore", () => {
+  const state = reactive({
+    optionsData: {}
+  });
+  const getOptionsData = async (apiService, apiAction, basecode, reload = false, multibasecode = []) => {
+    var _a, _b;
+    if (!reload) {
+      if (state.optionsData[basecode] && state.optionsData[basecode].length > 0) {
+        return state.optionsData[basecode];
+      }
+    }
+    const res = await useBaseApi(apiService).get(null, apiAction + "/?codetype=" + basecode + "&mcodes=" + multibasecode.join(","));
+    if (multibasecode.length > 0) {
+      const mdata = (_a = res.data.result) != null ? _a : [];
+      multibasecode.forEach((p) => {
+        const tempdata = mdata.filter((x) => {
+          return x.code == p;
+        });
+        state.optionsData[p] = tempdata != null ? tempdata : [];
+      });
+    } else {
+      return state.optionsData[basecode] = (_b = res.data.result) != null ? _b : [];
+    }
+  };
+  return {
+    state,
+    getOptionsData
+  };
+});
+
+export { usefminputdropdownstore };

package/es/packages/stores/index.mjs

@@ -5,3 +5,4 @@ export { useRoutesList } from './routesList.mjs';
 export { useTagsViewRoutes } from './tagsViewRoutes.mjs';
 export { useThemeConfig } from './themeConfig.mjs';
 export { useUserInfo } from './userInfo.mjs';
+export { usefminputdropdownstore } from './ainputdropdow.mjs';

package/es/stores/ainputdropdow.d.ts

@@ -0,0 +1,17 @@
+import { StoreDefinition } from 'pinia';
+export declare const usefminputdropdownstore: StoreDefinition<"fminputdropdownstore", Pick<{
+    state: {
+        optionsData: any;
+    };
+    getOptionsData: (apiService: string, apiAction: string, basecode: string, reload?: boolean, multibasecode?: Array<any>) => Promise<any>;
+}, "state">, Pick<{
+    state: {
+        optionsData: any;
+    };
+    getOptionsData: (apiService: string, apiAction: string, basecode: string, reload?: boolean, multibasecode?: Array<any>) => Promise<any>;
+}, never>, Pick<{
+    state: {
+        optionsData: any;
+    };
+    getOptionsData: (apiService: string, apiAction: string, basecode: string, reload?: boolean, multibasecode?: Array<any>) => Promise<any>;
+}, "getOptionsData">>;

package/es/stores/index.d.ts

@@ -6,3 +6,4 @@ export * from './routesList';
 export * from './tagsViewRoutes';
 export * from './themeConfig';
 export * from './userInfo';
+export * from './ainputdropdow';