@fmdeui/fmui 1.0.89 → 1.0.90

package/index.js

@@ -1,4 +1,4 @@
-/*! fmdeui-fmui v1.0.89 */
+/*! fmdeui-fmui v1.0.90 */
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vxe-table'), require('@vxe-ui/plugin-render-element'), require('@vxe-ui/plugin-export-xlsx'), require('vxe-pc-ui'), require('exceljs'), require('@element-plus/icons-vue'), require('vue'), require('element-plus'), require('lodash-es'), require('js-cookie'), require('pinia'), require('vue-router'), require('@vueuse/core'), require('crypto-js'), require('xlsx-js-style'), require('vue-i18n'), require('sortablejs'), require('screenfull'), require('push.js'), require('mitt'), require('@microsoft/signalr'), require('axios')) :
 	typeof define === 'function' && define.amd ? define(['exports', 'vxe-table', '@vxe-ui/plugin-render-element', '@vxe-ui/plugin-export-xlsx', 'vxe-pc-ui', 'exceljs', '@element-plus/icons-vue', 'vue', 'element-plus', 'lodash-es', 'js-cookie', 'pinia', 'vue-router', '@vueuse/core', 'crypto-js', 'xlsx-js-style', 'vue-i18n', 'sortablejs', 'screenfull', 'push.js', 'mitt', '@microsoft/signalr', 'axios'], factory) :
@@ -3897,6 +3897,36 @@
 	const setDictLangMessageAsync = async (dict) => {
 	};
 
+	const usefminputdropdownstore = pinia$1.defineStore("fminputdropdownstore", () => {
+	  const state = vue.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
+	  };
+	});
+
 	function authDirective(app) {
 	  app.directive("auth", {
 	    mounted(el, binding) {
@@ -20137,7 +20167,7 @@
 	  app.use(VxeUITable);
 	};
 
-	var _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FButton"
 	  },
@@ -20207,7 +20237,7 @@
 	  }
 	});
 
-	const FButton = _sfc_main$G;
+	const FButton = _sfc_main$H;
 
 	const buildTranslator = (locale) => (path, option) => translate(path, option, vue.unref(locale));
 	const translate = (path, option, locale) => lodashEs.get(locale, path, path).replace(
@@ -20854,7 +20884,7 @@
 
 	const _hoisted_1$s = { key: 0 };
 	const _hoisted_2$i = { key: 0 };
-	var _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FInput"
 	  },
@@ -21107,13 +21137,13 @@
 	  }
 	});
 
-	const FInput = _sfc_main$F;
+	const FInput = _sfc_main$G;
 
 	const _hoisted_1$r = {
 	  key: 0,
 	  class: "back_to_top"
 	};
-	var _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FLayoutPage"
 	  },
@@ -21203,9 +21233,9 @@
 	  }
 	});
 
-	const FLayoutPage = _sfc_main$E;
+	const FLayoutPage = _sfc_main$F;
 
-	var _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FLayoutPageItem"
 	  },
@@ -21233,7 +21263,7 @@
 	  }
 	});
 
-	const FLayoutPageItem = _sfc_main$D;
+	const FLayoutPageItem = _sfc_main$E;
 
 	function debounce(func, delay = 500, immediate, resultCallback) {
 	  let timer = null;
@@ -21277,7 +21307,7 @@
 	}
 
 	const _hoisted_1$q = ["id"];
-	var _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FChart"
 	  },
@@ -21376,13 +21406,13 @@
 	  }
 	});
 
-	const FChart = _sfc_main$C;
+	const FChart = _sfc_main$D;
 
 	const _hoisted_1$p = {
 	  key: 1,
 	  class: "f_select__pagination"
 	};
-	var _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FSelect"
 	  },
@@ -21633,9 +21663,9 @@
 	  }
 	});
 
-	const FSelect = _sfc_main$B;
+	const FSelect = _sfc_main$C;
 
-	var _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "RenderComp"
 	  },
@@ -21660,7 +21690,7 @@
 	const _hoisted_3$a = { class: "check-box" };
 	const _hoisted_4$7 = { class: "more_dropdown_icon" };
 	const _hoisted_5$6 = { class: "out_box" };
-	var _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "MoreChoose"
 	  },
@@ -21975,7 +22005,7 @@
 	  };
 	}
 
-	var _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FQueryCondition"
 	  },
@@ -22394,7 +22424,7 @@
 	                opt.labelRender ? {
 	                  name: "label",
 	                  fn: vue.withCtx(() => [
-	                    vue.createVNode(_sfc_main$A, {
+	                    vue.createVNode(_sfc_main$B, {
 	                      form: vue.unref(queryState).form,
 	                      render: opt.labelRender
 	                    }, null, 8, ["form", "render"])
@@ -22490,7 +22520,7 @@
 	                        _: 1
 	                        /* STABLE */
 	                      })) : vue.createCommentVNode("v-if", true),
-	                      vue.createVNode(_sfc_main$z, {
+	                      vue.createVNode(_sfc_main$A, {
 	                        isDropDownSelectMore: __props.isDropDownSelectMore,
 	                        moreCheckList: __props.moreCheckList,
 	                        popoverAttrsBind: popoverAttrsBind.value,
@@ -22516,7 +22546,7 @@
 	  }
 	});
 
-	var _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "RenderCol"
 	  },
@@ -22682,7 +22712,7 @@
 	  key: 0,
 	  class: "f-table-select__page"
 	};
-	var _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FSelectTable"
 	  },
@@ -23306,7 +23336,7 @@
 	            [
 	              __props.isShowQuery ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
 	                vue.createVNode(
-	                  _sfc_main$y,
+	                  _sfc_main$z,
 	                  vue.mergeProps({
 	                    ref_key: "fQueryConditionRef",
 	                    ref: fQueryConditionRef,
@@ -23432,7 +23462,7 @@
 	                          fixed: item.fixed
 	                        }, { ref_for: true }, { "show-overflow-tooltip": true, ...item.bind }), {
 	                          default: vue.withCtx((scope) => [
-	                            item.render ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+	                            item.render ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
 	                              key: 0,
 	                              column: item,
 	                              row: scope.row,
@@ -23495,11 +23525,11 @@
 	  }
 	});
 
-	const FSelectTable = _sfc_main$w;
+	const FSelectTable = _sfc_main$x;
 
-	const FQueryCondition = _sfc_main$y;
+	const FQueryCondition = _sfc_main$z;
 
-	var _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "RenderComp"
 	  },
@@ -23519,7 +23549,7 @@
 	  }
 	});
 
-	var _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "RenderBtn"
 	  },
@@ -23544,7 +23574,7 @@
 	  class: "text_show"
 	};
 	const _hoisted_2$f = { class: "footer_btn flex-box flex-ver f-margin-top-5" };
-	var _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FForm"
 	  },
@@ -23915,7 +23945,7 @@
 	                    item.labelSlotName || item.labelRender ? {
 	                      name: "label",
 	                      fn: vue.withCtx(() => [
-	                        item.labelRender ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
+	                        item.labelRender ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
 	                          key: 0,
 	                          render: item.labelRender,
 	                          item
@@ -23947,7 +23977,7 @@
 	                  vue.Fragment,
 	                  null,
 	                  [
-	                    val.render ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
+	                    val.render ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
 	                      key: index,
 	                      item: val,
 	                      render: val.render
@@ -23994,10 +24024,10 @@
 	  }
 	});
 
-	const FForm = _sfc_main$t;
+	const FForm = _sfc_main$u;
 
 	const _hoisted_1$l = ["src"];
-	var _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "svgIcon"
 	  },
@@ -24095,13 +24125,13 @@
 	    }
 	  }
 	  if (!app._context.components[`SvgIcon`]) {
-	    app.component("SvgIcon", _sfc_main$s);
+	    app.component("SvgIcon", _sfc_main$t);
 	  }
 	}
 
 	const emitter = mitt();
 
-	var _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FLayout"
 	  },
@@ -24187,7 +24217,7 @@
 	  }
 	});
 
-	const FLayout = _sfc_main$r;
+	const FLayout = _sfc_main$s;
 
 	function commonFunction() {
 	  const { copy, isSupported } = core.useClipboard();
@@ -24589,7 +24619,7 @@
 	  class: "traditionalColors-chines",
 	  style: { "cursor": "grab", "color": "gray" }
 	};
-	var _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FSettings"
 	  },
@@ -26352,9 +26382,9 @@
 	  }
 	});
 
-	const FSettings = _sfc_main$q;
+	const FSettings = _sfc_main$r;
 
-	var _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FModifyRecord"
 	  },
@@ -26617,7 +26647,201 @@
 	  }
 	});
 
-	const FModifyRecord = _sfc_main$p;
+	const FModifyRecord = _sfc_main$q;
+
+	var _sfc_main$p = /* @__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"
+	    },
+	    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__ */ 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 ? fitem[props.bvalue] : 0;
+	      modeValueName.value = fitem != null ? fitem[props.blabel] : "";
+	      emit("change", fitem);
+	    };
+	    const handelChange = (val) => {
+	      emit("change", val);
+	    };
+	    vue.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 = 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, height: __props.dropHeight })
+	          }, {
+	            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 }),
+	            onChange: handelChange
+	          }, {
+	            append: vue.withCtx(() => [
+	              vue.createVNode(_component_el_icon, {
+	                color: "#13c2c2",
+	                onClick: handRestdata
+	              }, {
+	                default: vue.withCtx(() => [
+	                  vue.createVNode(vue.unref(svg.RefreshLeft))
+	                ]),
+	                _: 1
+	                /* STABLE */
+	              })
+	            ]),
+	            _: 1
+	            /* STABLE */
+	          }, 8, ["modelValue", "placeholder", "style"])
+	        ]),
+	        _: 1
+	        /* STABLE */
+	      });
+	    };
+	  }
+	});
+
+	const Fminputdropdown = _sfc_main$p;
 
 	const makeInstaller = (components = []) => {
 	  const install = (app) => {
@@ -27109,6 +27333,7 @@
 	const plugins = [
 	  FButton,
 	  FInput,
+	  Fminputdropdown,
 	  FLayoutPage,
 	  FLayoutPageItem,
 	  FSelect,
@@ -31121,6 +31346,7 @@
 	exports.useThemeConfig = useThemeConfig;
 	exports.useUserInfo = useUserInfo;
 	exports.useVxeTable = useVxeTable;
+	exports.usefminputdropdownstore = usefminputdropdownstore;
 	exports.userAccount = userAccount;
 	exports.userEmail = userEmail;
 	exports.userFriendName = userFriendName;