@fmdeui/fmui 1.0.110 → 1.0.111

package/index.js

@@ -1,4 +1,4 @@
-/*! fmdeui-fmui v1.0.110 */
+/*! fmdeui-fmui v1.0.111 */
 (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) :
@@ -20199,7 +20199,7 @@
 	  app.use(VxeUITable);
 	};
 
-	var _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FButton"
 	  },
@@ -20269,7 +20269,7 @@
 	  }
 	});
 
-	const FButton = _sfc_main$L;
+	const FButton = _sfc_main$M;
 
 	const buildTranslator = (locale) => (path, option) => translate(path, option, vue.unref(locale));
 	const translate = (path, option, locale) => lodashEs.get(locale, path, path).replace(
@@ -20942,9 +20942,9 @@
 	  return isJson ? width != "" ? { width } : "" : width;
 	}
 
-	const _hoisted_1$v = { key: 0 };
+	const _hoisted_1$w = { key: 0 };
 	const _hoisted_2$k = { key: 0 };
-	var _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FInput"
 	  },
@@ -21151,7 +21151,7 @@
 	              fn: vue.withCtx(() => [
 	                __props.inputType === "amount" ? (vue.openBlock(), vue.createElementBlock(
 	                  "span",
-	                  _hoisted_1$v,
+	                  _hoisted_1$w,
 	                  vue.toDisplayString(appendTitleText.value),
 	                  1
 	                  /* TEXT */
@@ -21197,13 +21197,13 @@
 	  }
 	});
 
-	const FInput = _sfc_main$K;
+	const FInput = _sfc_main$L;
 
-	const _hoisted_1$u = {
+	const _hoisted_1$v = {
 	  key: 0,
 	  class: "back_to_top"
 	};
-	var _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FLayoutPage"
 	  },
@@ -21265,7 +21265,7 @@
 	        },
 	        [
 	          vue.renderSlot(_ctx.$slots, "default"),
-	          __props.showGoTopButton ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
+	          __props.showGoTopButton ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
 	            isShowGoTopButton.value ? (vue.openBlock(), vue.createElementBlock("div", {
 	              key: 0,
 	              onClick: backToTop
@@ -21293,9 +21293,9 @@
 	  }
 	});
 
-	const FLayoutPage = _sfc_main$J;
+	const FLayoutPage = _sfc_main$K;
 
-	var _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FLayoutPageItem"
 	  },
@@ -21323,7 +21323,7 @@
 	  }
 	});
 
-	const FLayoutPageItem = _sfc_main$I;
+	const FLayoutPageItem = _sfc_main$J;
 
 	function debounce(func, delay = 500, immediate, resultCallback) {
 	  let timer = null;
@@ -21366,8 +21366,8 @@
 	  return name.replace(/([A-Z])/g, "_$1").toLowerCase();
 	}
 
-	const _hoisted_1$t = ["id"];
-	var _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+	const _hoisted_1$u = ["id"];
+	var _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FChart"
 	  },
@@ -21451,7 +21451,7 @@
 	            id: __props.id,
 	            ref_key: "echartRef",
 	            ref: echartRef
-	          }, null, 8, _hoisted_1$t), [
+	          }, null, 8, _hoisted_1$u), [
 	            [vue.vShow, !formatEmpty.value]
 	          ]),
 	          formatEmpty.value ? vue.renderSlot(_ctx.$slots, "empty", { key: 0 }, () => [
@@ -21466,13 +21466,13 @@
 	  }
 	});
 
-	const FChart = _sfc_main$H;
+	const FChart = _sfc_main$I;
 
-	const _hoisted_1$s = {
+	const _hoisted_1$t = {
 	  key: 1,
 	  class: "f_select__pagination"
 	};
-	var _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FSelect"
 	  },
@@ -21685,7 +21685,7 @@
 	                128
 	                /* KEYED_FRAGMENT */
 	              )),
-	              __props.isShowPagination && filteredOptionsCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
+	              __props.isShowPagination && filteredOptionsCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
 	                vue.createVNode(_component_el_pagination, vue.mergeProps({
 	                  "current-page": __props.paginationOption.currentPage,
 	                  "onUpdate:currentPage": _cache[1] || (_cache[1] = ($event) => __props.paginationOption.currentPage = $event),
@@ -21723,9 +21723,9 @@
 	  }
 	});
 
-	const FSelect = _sfc_main$G;
+	const FSelect = _sfc_main$H;
 
-	var _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "RenderComp"
 	  },
@@ -21745,12 +21745,12 @@
 	  }
 	});
 
-	const _hoisted_1$r = { class: "inside_box" };
+	const _hoisted_1$s = { class: "inside_box" };
 	const _hoisted_2$j = { class: "inside_box_title" };
 	const _hoisted_3$c = { class: "check-box" };
 	const _hoisted_4$8 = { class: "more_dropdown_icon" };
 	const _hoisted_5$7 = { class: "out_box" };
-	var _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "MoreChoose"
 	  },
@@ -21888,7 +21888,7 @@
 	          ])
 	        ]),
 	        default: vue.withCtx(() => [
-	          vue.createElementVNode("div", _hoisted_1$r, [
+	          vue.createElementVNode("div", _hoisted_1$s, [
 	            vue.createElementVNode("div", _hoisted_2$j, [
 	              vue.createElementVNode(
 	                "div",
@@ -22065,7 +22065,7 @@
 	  };
 	}
 
-	var _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FQueryCondition"
 	  },
@@ -22484,7 +22484,7 @@
 	                opt.labelRender ? {
 	                  name: "label",
 	                  fn: vue.withCtx(() => [
-	                    vue.createVNode(_sfc_main$F, {
+	                    vue.createVNode(_sfc_main$G, {
 	                      form: vue.unref(queryState).form,
 	                      render: opt.labelRender
 	                    }, null, 8, ["form", "render"])
@@ -22580,7 +22580,7 @@
 	                        _: 1
 	                        /* STABLE */
 	                      })) : vue.createCommentVNode("v-if", true),
-	                      vue.createVNode(_sfc_main$E, {
+	                      vue.createVNode(_sfc_main$F, {
 	                        isDropDownSelectMore: __props.isDropDownSelectMore,
 	                        moreCheckList: __props.moreCheckList,
 	                        popoverAttrsBind: popoverAttrsBind.value,
@@ -22606,7 +22606,7 @@
 	  }
 	});
 
-	var _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "RenderCol"
 	  },
@@ -22762,7 +22762,7 @@
 	  };
 	}
 
-	const _hoisted_1$q = {
+	const _hoisted_1$r = {
 	  key: 0,
 	  class: "table_query_condition"
 	};
@@ -22772,7 +22772,7 @@
 	  key: 0,
 	  class: "f-table-select__page"
 	};
-	var _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FSelectTable"
 	  },
@@ -23394,9 +23394,9 @@
 	              style: vue.normalizeStyle({ width: __props.tableWidth ? `${__props.tableWidth}px` : "100%" })
 	            },
 	            [
-	              __props.isShowQuery ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
+	              __props.isShowQuery ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
 	                vue.createVNode(
-	                  _sfc_main$D,
+	                  _sfc_main$E,
 	                  vue.mergeProps({
 	                    ref_key: "fQueryConditionRef",
 	                    ref: fQueryConditionRef,
@@ -23522,7 +23522,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$C, {
+	                            item.render ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
 	                              key: 0,
 	                              column: item,
 	                              row: scope.row,
@@ -23585,11 +23585,11 @@
 	  }
 	});
 
-	const FSelectTable = _sfc_main$B;
+	const FSelectTable = _sfc_main$C;
 
-	const FQueryCondition = _sfc_main$D;
+	const FQueryCondition = _sfc_main$E;
 
-	var _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "RenderComp"
 	  },
@@ -23609,7 +23609,7 @@
 	  }
 	});
 
-	var _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "RenderBtn"
 	  },
@@ -23629,12 +23629,12 @@
 	  }
 	});
 
-	const _hoisted_1$p = {
+	const _hoisted_1$q = {
 	  key: 1,
 	  class: "text_show"
 	};
 	const _hoisted_2$h = { class: "footer_btn flex-box flex-ver f-margin-top-5" };
-	var _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FForm"
 	  },
@@ -23885,7 +23885,7 @@
 	                      }) : vue.createCommentVNode("v-if", true),
 	                      item.textShow ? (vue.openBlock(), vue.createElementBlock(
 	                        "span",
-	                        _hoisted_1$p,
+	                        _hoisted_1$q,
 	                        vue.toDisplayString(item.textValue || __props.formOpts.formData[item.value]),
 	                        1
 	                        /* TEXT */
@@ -24005,7 +24005,7 @@
 	                    item.labelSlotName || item.labelRender ? {
 	                      name: "label",
 	                      fn: vue.withCtx(() => [
-	                        item.labelRender ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
+	                        item.labelRender ? (vue.openBlock(), vue.createBlock(_sfc_main$B, {
 	                          key: 0,
 	                          render: item.labelRender,
 	                          item
@@ -24037,7 +24037,7 @@
 	                  vue.Fragment,
 	                  null,
 	                  [
-	                    val.render ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+	                    val.render ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
 	                      key: index,
 	                      item: val,
 	                      render: val.render
@@ -24084,10 +24084,10 @@
 	  }
 	});
 
-	const FForm = _sfc_main$y;
+	const FForm = _sfc_main$z;
 
-	const _hoisted_1$o = ["src"];
-	var _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+	const _hoisted_1$p = ["src"];
+	var _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "svgIcon"
 	  },
@@ -24158,7 +24158,7 @@
 	          vue.createElementVNode("img", {
 	            src: getIconName.value,
 	            style: vue.normalizeStyle(setIconSvgInsStyle.value)
-	          }, null, 12, _hoisted_1$o)
+	          }, null, 12, _hoisted_1$p)
 	        ],
 	        4
 	        /* STYLE */
@@ -24185,13 +24185,13 @@
 	    }
 	  }
 	  if (!app._context.components[`SvgIcon`]) {
-	    app.component("SvgIcon", _sfc_main$x);
+	    app.component("SvgIcon", _sfc_main$y);
 	  }
 	}
 
 	const emitter = mitt();
 
-	var _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FLayout"
 	  },
@@ -24277,7 +24277,7 @@
 	  }
 	});
 
-	const FLayout = _sfc_main$w;
+	const FLayout = _sfc_main$x;
 
 	function commonFunction() {
 	  const { copy, isSupported } = core.useClipboard();
@@ -24554,7 +24554,7 @@
 	  // },
 	};
 
-	const _hoisted_1$n = { class: "layout-breadcrumb-seting" };
+	const _hoisted_1$o = { class: "layout-breadcrumb-seting" };
 	const _hoisted_2$g = { class: "layout-breadcrumb-seting-bar-flex" };
 	const _hoisted_3$a = { class: "layout-breadcrumb-seting-bar-flex-label" };
 	const _hoisted_4$6 = { class: "layout-breadcrumb-seting-bar-flex-value" };
@@ -24679,7 +24679,7 @@
 	  class: "traditionalColors-chines",
 	  style: { "cursor": "grab", "color": "gray" }
 	};
-	var _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FSettings"
 	  },
@@ -24943,7 +24943,7 @@
 	      const _component_el_col = vue.resolveComponent("el-col");
 	      const _component_el_row = vue.resolveComponent("el-row");
 	      const _component_el_dialog = vue.resolveComponent("el-dialog");
-	      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
+	      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
 	        vue.createVNode(_component_el_drawer, {
 	          title: _ctx.$t("message.layout.configTitle"),
 	          modelValue: getThemeConfig.value.isDrawer,
@@ -26442,9 +26442,9 @@
 	  }
 	});
 
-	const FSettings = _sfc_main$v;
+	const FSettings = _sfc_main$w;
 
-	var _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+	var _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
 	  ...{
 	    name: "FModifyRecord"
 	  },
@@ -26707,7 +26707,180 @@
 	  }
 	});
 
-	const FModifyRecord = _sfc_main$u;
+	const FModifyRecord = _sfc_main$v;
+
+	const _hoisted_1$n = { style: { "display": "flex", "justify-content": "end", "align-items": "right" } };
+	var _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+	  ...{
+	    name: "FmSelect"
+	  },
+	  __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: []
+	    },
+	    freshSize: {
+	      type: [Number, String],
+	      default: 20
+	    },
+	    /**
+	    * 是否默认加载数据
+	    */
+	    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 handelChange = (val) => {
+	      const fitem = state.optionData.find((item) => item[props.blabel] === val);
+	      modeValueId.value = fitem != null ? fitem[props.bvalue] : 0;
+	      modeValueName.value = fitem != null ? fitem[props.blabel] : "";
+	      emit("change", val);
+	    };
+	    const handelClear = () => {
+	      modeValueId.value = 0;
+	      modeValueName.value = "";
+	      emit("change", "");
+	    };
+	    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_option = vue.resolveComponent("el-option");
+	      const _component_el_select = vue.resolveComponent("el-select");
+	      return vue.openBlock(), vue.createBlock(_component_el_select, {
+	        modelValue: modeValueName.value,
+	        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modeValueName.value = $event),
+	        placeholder: props.placeholder,
+	        style: vue.normalizeStyle({ width: __props.inputWidth }),
+	        onChange: handelChange,
+	        onClear: handelClear
+	      }, {
+	        header: vue.withCtx(() => [
+	          vue.createElementVNode("div", _hoisted_1$n, [
+	            vue.createVNode(_component_el_icon, {
+	              color: "#13c2c2",
+	              size: __props.freshSize,
+	              onClick: handRestdata
+	            }, {
+	              default: vue.withCtx(() => [
+	                vue.createVNode(vue.unref(svg.RefreshLeft))
+	              ]),
+	              _: 1
+	              /* STABLE */
+	            }, 8, ["size"])
+	          ])
+	        ]),
+	        default: vue.withCtx(() => [
+	          (vue.openBlock(true), vue.createElementBlock(
+	            vue.Fragment,
+	            null,
+	            vue.renderList(state.optionData, (item, index) => {
+	              return vue.openBlock(), vue.createBlock(_component_el_option, {
+	                key: index,
+	                label: item[__props.blabel],
+	                value: item[__props.blabel]
+	              }, null, 8, ["label", "value"]);
+	            }),
+	            128
+	            /* KEYED_FRAGMENT */
+	          ))
+	        ]),
+	        _: 1
+	        /* STABLE */
+	      }, 8, ["modelValue", "placeholder", "style"]);
+	    };
+	  }
+	});
+
+	const FmSelect = _sfc_main$u;
 
 	var _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
 	  ...{
@@ -28512,7 +28685,8 @@
 	  FmTree,
 	  FmCascader,
 	  FmInputNumber,
-	  FmAutocomplete
+	  FmAutocomplete,
+	  FmSelect
 	];
 
 	var installer = makeInstaller([...plugins]);