@fmdeui/fmui 1.0.110 → 1.0.112

package/index.mjs

@@ -1,4 +1,4 @@
-/*! fmdeui-fmui v1.0.110 */
+/*! fmdeui-fmui v1.0.112 */
 import VxeUITable from 'vxe-table';
 import VxeUIPluginRenderElement from '@vxe-ui/plugin-render-element';
 import VxeUIPluginExportXLSX from '@vxe-ui/plugin-export-xlsx';
@@ -20197,7 +20197,7 @@ const setupVXETable = (app) => {
   app.use(VxeUITable);
 };
 
-var _sfc_main$L = /* @__PURE__ */ defineComponent({
+var _sfc_main$M = /* @__PURE__ */ defineComponent({
   ...{
     name: "FButton"
   },
@@ -20267,7 +20267,7 @@ var _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FButton = _sfc_main$L;
+const FButton = _sfc_main$M;
 
 const buildTranslator = (locale) => (path, option) => translate(path, option, unref(locale));
 const translate = (path, option, locale) => get(locale, path, path).replace(
@@ -20940,9 +20940,9 @@ function getShowColumnWidth(flag, field, defaultValue = "", isJson = false) {
   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__ */ defineComponent({
+var _sfc_main$L = /* @__PURE__ */ defineComponent({
   ...{
     name: "FInput"
   },
@@ -21149,7 +21149,7 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
               fn: withCtx(() => [
                 __props.inputType === "amount" ? (openBlock(), createElementBlock(
                   "span",
-                  _hoisted_1$v,
+                  _hoisted_1$w,
                   toDisplayString(appendTitleText.value),
                   1
                   /* TEXT */
@@ -21195,13 +21195,13 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ defineComponent({
+var _sfc_main$K = /* @__PURE__ */ defineComponent({
   ...{
     name: "FLayoutPage"
   },
@@ -21263,7 +21263,7 @@ var _sfc_main$J = /* @__PURE__ */ defineComponent({
         },
         [
           renderSlot(_ctx.$slots, "default"),
-          __props.showGoTopButton ? (openBlock(), createElementBlock("div", _hoisted_1$u, [
+          __props.showGoTopButton ? (openBlock(), createElementBlock("div", _hoisted_1$v, [
             isShowGoTopButton.value ? (openBlock(), createElementBlock("div", {
               key: 0,
               onClick: backToTop
@@ -21291,9 +21291,9 @@ var _sfc_main$J = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FLayoutPage = _sfc_main$J;
+const FLayoutPage = _sfc_main$K;
 
-var _sfc_main$I = /* @__PURE__ */ defineComponent({
+var _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...{
     name: "FLayoutPageItem"
   },
@@ -21321,7 +21321,7 @@ var _sfc_main$I = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FLayoutPageItem = _sfc_main$I;
+const FLayoutPageItem = _sfc_main$J;
 
 function debounce(func, delay = 500, immediate, resultCallback) {
   let timer = null;
@@ -21364,8 +21364,8 @@ function toLine(name) {
   return name.replace(/([A-Z])/g, "_$1").toLowerCase();
 }
 
-const _hoisted_1$t = ["id"];
-var _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _hoisted_1$u = ["id"];
+var _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...{
     name: "FChart"
   },
@@ -21449,7 +21449,7 @@ var _sfc_main$H = /* @__PURE__ */ defineComponent({
             id: __props.id,
             ref_key: "echartRef",
             ref: echartRef
-          }, null, 8, _hoisted_1$t), [
+          }, null, 8, _hoisted_1$u), [
             [vShow, !formatEmpty.value]
           ]),
           formatEmpty.value ? renderSlot(_ctx.$slots, "empty", { key: 0 }, () => [
@@ -21464,13 +21464,13 @@ var _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ defineComponent({
+var _sfc_main$H = /* @__PURE__ */ defineComponent({
   ...{
     name: "FSelect"
   },
@@ -21683,7 +21683,7 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
                 128
                 /* KEYED_FRAGMENT */
               )),
-              __props.isShowPagination && filteredOptionsCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$s, [
+              __props.isShowPagination && filteredOptionsCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$t, [
                 createVNode(_component_el_pagination, mergeProps({
                   "current-page": __props.paginationOption.currentPage,
                   "onUpdate:currentPage": _cache[1] || (_cache[1] = ($event) => __props.paginationOption.currentPage = $event),
@@ -21721,9 +21721,9 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FSelect = _sfc_main$G;
+const FSelect = _sfc_main$H;
 
-var _sfc_main$F = /* @__PURE__ */ defineComponent({
+var _sfc_main$G = /* @__PURE__ */ defineComponent({
   ...{
     name: "RenderComp"
   },
@@ -21743,12 +21743,12 @@ var _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ defineComponent({
+var _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...{
     name: "MoreChoose"
   },
@@ -21886,7 +21886,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
           ])
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$r, [
+          createElementVNode("div", _hoisted_1$s, [
             createElementVNode("div", _hoisted_2$j, [
               createElementVNode(
                 "div",
@@ -22063,7 +22063,7 @@ function useComputed() {
   };
 }
 
-var _sfc_main$D = /* @__PURE__ */ defineComponent({
+var _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...{
     name: "FQueryCondition"
   },
@@ -22482,7 +22482,7 @@ var _sfc_main$D = /* @__PURE__ */ defineComponent({
                 opt.labelRender ? {
                   name: "label",
                   fn: withCtx(() => [
-                    createVNode(_sfc_main$F, {
+                    createVNode(_sfc_main$G, {
                       form: unref(queryState).form,
                       render: opt.labelRender
                     }, null, 8, ["form", "render"])
@@ -22578,7 +22578,7 @@ var _sfc_main$D = /* @__PURE__ */ defineComponent({
                         _: 1
                         /* STABLE */
                       })) : createCommentVNode("v-if", true),
-                      createVNode(_sfc_main$E, {
+                      createVNode(_sfc_main$F, {
                         isDropDownSelectMore: __props.isDropDownSelectMore,
                         moreCheckList: __props.moreCheckList,
                         popoverAttrsBind: popoverAttrsBind.value,
@@ -22604,7 +22604,7 @@ var _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$C = /* @__PURE__ */ defineComponent({
+var _sfc_main$D = /* @__PURE__ */ defineComponent({
   ...{
     name: "RenderCol"
   },
@@ -22760,7 +22760,7 @@ function useVirtualized() {
   };
 }
 
-const _hoisted_1$q = {
+const _hoisted_1$r = {
   key: 0,
   class: "table_query_condition"
 };
@@ -22770,7 +22770,7 @@ const _hoisted_4$7 = {
   key: 0,
   class: "f-table-select__page"
 };
-var _sfc_main$B = /* @__PURE__ */ defineComponent({
+var _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...{
     name: "FSelectTable"
   },
@@ -23392,9 +23392,9 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
               style: normalizeStyle({ width: __props.tableWidth ? `${__props.tableWidth}px` : "100%" })
             },
             [
-              __props.isShowQuery ? (openBlock(), createElementBlock("div", _hoisted_1$q, [
+              __props.isShowQuery ? (openBlock(), createElementBlock("div", _hoisted_1$r, [
                 createVNode(
-                  _sfc_main$D,
+                  _sfc_main$E,
                   mergeProps({
                     ref_key: "fQueryConditionRef",
                     ref: fQueryConditionRef,
@@ -23520,7 +23520,7 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
                           fixed: item.fixed
                         }, { ref_for: true }, { "show-overflow-tooltip": true, ...item.bind }), {
                           default: withCtx((scope) => [
-                            item.render ? (openBlock(), createBlock(_sfc_main$C, {
+                            item.render ? (openBlock(), createBlock(_sfc_main$D, {
                               key: 0,
                               column: item,
                               row: scope.row,
@@ -23583,11 +23583,11 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ defineComponent({
+var _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...{
     name: "RenderComp"
   },
@@ -23607,7 +23607,7 @@ var _sfc_main$A = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$z = /* @__PURE__ */ defineComponent({
+var _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...{
     name: "RenderBtn"
   },
@@ -23627,12 +23627,12 @@ var _sfc_main$z = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ defineComponent({
+var _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{
     name: "FForm"
   },
@@ -23883,7 +23883,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
                       }) : createCommentVNode("v-if", true),
                       item.textShow ? (openBlock(), createElementBlock(
                         "span",
-                        _hoisted_1$p,
+                        _hoisted_1$q,
                         toDisplayString(item.textValue || __props.formOpts.formData[item.value]),
                         1
                         /* TEXT */
@@ -24003,7 +24003,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
                     item.labelSlotName || item.labelRender ? {
                       name: "label",
                       fn: withCtx(() => [
-                        item.labelRender ? (openBlock(), createBlock(_sfc_main$A, {
+                        item.labelRender ? (openBlock(), createBlock(_sfc_main$B, {
                           key: 0,
                           render: item.labelRender,
                           item
@@ -24035,7 +24035,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
                   Fragment,
                   null,
                   [
-                    val.render ? (openBlock(), createBlock(_sfc_main$z, {
+                    val.render ? (openBlock(), createBlock(_sfc_main$A, {
                       key: index,
                       item: val,
                       render: val.render
@@ -24082,10 +24082,10 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FForm = _sfc_main$y;
+const FForm = _sfc_main$z;
 
-const _hoisted_1$o = ["src"];
-var _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _hoisted_1$p = ["src"];
+var _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{
     name: "svgIcon"
   },
@@ -24156,7 +24156,7 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
           createElementVNode("img", {
             src: getIconName.value,
             style: normalizeStyle(setIconSvgInsStyle.value)
-          }, null, 12, _hoisted_1$o)
+          }, null, 12, _hoisted_1$p)
         ],
         4
         /* STYLE */
@@ -24183,13 +24183,13 @@ function elSvg(app) {
     }
   }
   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__ */ defineComponent({
+var _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{
     name: "FLayout"
   },
@@ -24275,7 +24275,7 @@ var _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FLayout = _sfc_main$w;
+const FLayout = _sfc_main$x;
 
 function commonFunction() {
   const { copy, isSupported } = useClipboard();
@@ -24552,7 +24552,7 @@ const other = {
   // },
 };
 
-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" };
@@ -24677,7 +24677,7 @@ const _hoisted_119 = {
   class: "traditionalColors-chines",
   style: { "cursor": "grab", "color": "gray" }
 };
-var _sfc_main$v = /* @__PURE__ */ defineComponent({
+var _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{
     name: "FSettings"
   },
@@ -24941,7 +24941,7 @@ var _sfc_main$v = /* @__PURE__ */ defineComponent({
       const _component_el_col = resolveComponent("el-col");
       const _component_el_row = resolveComponent("el-row");
       const _component_el_dialog = resolveComponent("el-dialog");
-      return openBlock(), createElementBlock("div", _hoisted_1$n, [
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
         createVNode(_component_el_drawer, {
           title: _ctx.$t("message.layout.configTitle"),
           modelValue: getThemeConfig.value.isDrawer,
@@ -26440,9 +26440,9 @@ var _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FSettings = _sfc_main$v;
+const FSettings = _sfc_main$w;
 
-var _sfc_main$u = /* @__PURE__ */ defineComponent({
+var _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{
     name: "FModifyRecord"
   },
@@ -26705,7 +26705,210 @@ var _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FModifyRecord = _sfc_main$u;
+const FModifyRecord = _sfc_main$v;
+
+const _hoisted_1$n = { style: { "display": "flex", "justify-content": "end", "align-items": "right", "cursor": "pointer" } };
+var _sfc_main$u = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FmSelect"
+  },
+  __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: []
+    },
+    freshSize: {
+      type: [Number, String],
+      default: 20
+    },
+    /**
+    * 是否默认加载数据
+    */
+    autoLoadData: {
+      type: Boolean,
+      default: true
+    },
+    /**
+     * 是否添加空选项
+     */
+    addEmptyOption: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * 空选项的标签
+     */
+    emptyOptionLabel: {
+      type: String,
+      default: "\u5168\u90E8"
+    },
+    /**
+     * 空选项的值
+     */
+    emptyOptionValue: {
+      type: Number,
+      default: 0
+    }
+  }, {
+    "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 handelChange = (val) => {
+      if (props.addEmptyOption && val == props.emptyOptionValue) {
+        modeValueId.value = props.emptyOptionValue;
+        return;
+      }
+      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", "");
+    };
+    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_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      return openBlock(), createBlock(_component_el_select, {
+        modelValue: modeValueName.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modeValueName.value = $event),
+        placeholder: props.placeholder,
+        style: normalizeStyle({ width: __props.inputWidth }),
+        onChange: handelChange,
+        onClear: handelClear
+      }, {
+        header: withCtx(() => [
+          createElementVNode("div", _hoisted_1$n, [
+            createVNode(_component_el_icon, {
+              color: "#13c2c2",
+              size: __props.freshSize,
+              onClick: handRestdata
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(RefreshLeft))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["size"])
+          ])
+        ]),
+        default: withCtx(() => [
+          __props.addEmptyOption ? (openBlock(), createBlock(_component_el_option, {
+            key: 0,
+            label: __props.emptyOptionLabel,
+            value: __props.emptyOptionLabel
+          }, null, 8, ["label", "value"])) : createCommentVNode("v-if", true),
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(state.optionData, (item, index) => {
+              return openBlock(), 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__ */ defineComponent({
   ...{
@@ -26884,7 +27087,8 @@ var _sfc_main$t = /* @__PURE__ */ defineComponent({
               createVNode(_component_el_icon, {
                 color: "#13c2c2",
                 size: __props.freshSize,
-                onClick: handRestdata
+                onClick: handRestdata,
+                style: { "cursor": "pointer" }
               }, {
                 default: withCtx(() => [
                   createVNode(unref(RefreshLeft))
@@ -28510,7 +28714,8 @@ const plugins = [
   FmTree,
   FmCascader,
   FmInputNumber,
-  FmAutocomplete
+  FmAutocomplete,
+  FmSelect
 ];
 
 var installer = makeInstaller([...plugins]);

package/lib/component.js

@@ -19,6 +19,7 @@ var index$d = require('./packages/components/fmtree/index.js');
 var index$e = require('./packages/components/fmcascader/index.js');
 var index$f = require('./packages/components/fm-inputnumber/index.js');
 var index$g = require('./packages/components/fm-autocomplete/index.js');
+var index$h = require('./packages/components/fm-select/index.js');
 
 const plugins = [
   index.FButton,
@@ -37,7 +38,8 @@ const plugins = [
   index$d.FmTree,
   index$e.FmCascader,
   index$f.FmInputNumber,
-  index$g.FmAutocomplete
+  index$g.FmAutocomplete,
+  index$h.FmSelect
 ];
 
 exports.default = plugins;