@fmdeui/fmui 1.0.161 → 1.0.162

package/index.js

@@ -1,4 +1,4 @@
-/*! fmdeui-fmui v1.0.161 */
+/*! fmdeui-fmui v1.0.162 */
 (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) :
@@ -23069,7 +23069,7 @@
 	    name: "FSelectTable"
 	  },
 	  __name: "index",
-	  props: {
+	  props: /* @__PURE__ */ vue.mergeModels({
 	    modelValue: { default: void 0 },
 	    inputValue: { default: void 0 },
 	    defaultSelectVal: { default: () => [] },
@@ -23122,9 +23122,21 @@
 	    isExpanded: { type: Boolean, default: false },
 	    multipleDisableDelete: { type: Boolean, default: true },
 	    tableLoading: { type: Boolean, default: false },
-	    loadingTxt: { default: "" }
-	  },
-	  emits: ["page-change", "selectionChange", "radioChange", "update:inputValue", "input-focus", "input-blur", "input-clear", "input-click"],
+	    loadingTxt: { default: "" },
+	    apiService: { default: void 0 },
+	    apiAction: { default: "" },
+	    queryParams: { default: () => ({}) },
+	    responseFormatter: { type: Function, default: (res) => ({
+	      data: res.result.items || [],
+	      total: res.result.total || 0
+	    }) }
+	  }, {
+	    "id": { default: 0, required: false },
+	    "idModifiers": {},
+	    "name": { default: "", required: false },
+	    "nameModifiers": {}
+	  }),
+	  emits: /* @__PURE__ */ vue.mergeModels(["page-change", "selectionChange", "radioChange", "update:inputValue", "input-focus", "input-blur", "input-clear", "input-click"], ["update:id", "update:name"]),
 	  setup(__props, { expose: __expose, emit: __emit }) {
 	    const { t } = useLocale();
 	    const {
@@ -23135,6 +23147,8 @@
 	      saveDATA,
 	      getItemHeightFromCache
 	    } = useVirtualized();
+	    const modeValueId = vue.useModel(__props, "id");
+	    const modeValueName = vue.useModel(__props, "name");
 	    const props = __props;
 	    const vClickOutside = ClickOutside;
 	    const emits = __emit;
@@ -23146,8 +23160,24 @@
 	    const isVisible = vue.ref(false);
 	    const radioVal = vue.ref("");
 	    const isShowFirstRadio = vue.ref(props.isShowFirstColumn);
-	    const selectDefaultLabel = vue.ref(props.modelValue);
+	    const selectDefaultLabel = vue.ref(modeValueName.value);
 	    const scrollTopNum = vue.ref(0);
+	    const pagination = vue.reactive({
+	      currentPage: props.table.currentPage,
+	      pageSize: props.table.pageSize,
+	      total: props.table.total
+	    });
+	    vue.watch(
+	      () => props.table,
+	      (newVal) => {
+	        if (!props.apiService) {
+	          pagination.currentPage = newVal.currentPage;
+	          pagination.pageSize = newVal.pageSize;
+	          pagination.total = newVal.total;
+	        }
+	      },
+	      { deep: true }
+	    );
 	    let selectInputVal = vue.computed({
 	      get() {
 	        return props.inputValue;
@@ -23238,20 +23268,55 @@
 	    );
 	    vue.onMounted(() => {
 	      var _a;
-	      if (state.defaultSelectValue && state.defaultSelectValue.length > 0 && isDefaultSelectVal.value) {
-	        defaultSelect(state.defaultSelectValue);
-	      }
-	      if (props.selfExpanded) {
-	        selectRef.value.expanded = true;
-	      }
-	      if (props.useVirtual) {
-	        saveDATA.value = props.table.data;
-	        isShowFirstRadio.value = false;
-	        getDom(props);
-	        (_a = scrollContainerEl.value) == null ? void 0 : _a.addEventListener("scroll", handleScroll);
+	      if (props.apiService) {
+	        fetchTableData();
+	      } else {
+	        if (state.defaultSelectValue && state.defaultSelectValue.length > 0 && isDefaultSelectVal.value) {
+	          defaultSelect(state.defaultSelectValue);
+	        }
+	        if (props.selfExpanded) {
+	          selectRef.value.expanded = true;
+	        }
+	        if (props.useVirtual) {
+	          saveDATA.value = props.table.data;
+	          isShowFirstRadio.value = false;
+	          getDom(props);
+	          (_a = scrollContainerEl.value) == null ? void 0 : _a.addEventListener("scroll", handleScroll);
+	        }
+	        if (props.radioSelectValLabel) findLabel();
 	      }
-	      if (props.radioSelectValLabel) findLabel();
 	    });
+	    const internalLoading = vue.ref(false);
+	    const internalQueryParams = vue.reactive({ ...props.queryParams });
+	    const fetchTableData = async (isResetPage = false) => {
+	      if (!props.apiService) return;
+	      internalLoading.value = true;
+	      try {
+	        if (isResetPage) {
+	          pagination.currentPage = 1;
+	        }
+	        const requestParams = {
+	          currentPage: pagination.currentPage,
+	          pageSize: pagination.pageSize,
+	          ...internalQueryParams
+	        };
+	        const res = await useBaseApi(props.apiService).post(requestParams, props.apiAction);
+	        const formatted = props.responseFormatter(res);
+	        pagination.total = formatted.total;
+	        state.tableData = formatted.data;
+	        if (props.useVirtual) {
+	          saveDATA.value = formatted.data;
+	          updateRenderData(scrollTopNum.value);
+	        }
+	        if (state.defaultSelectValue && state.defaultSelectValue.length > 0 && isDefaultSelectVal.value) {
+	          defaultSelect(state.defaultSelectValue);
+	        }
+	      } catch (error) {
+	        console.error("FSelectTable API request failed:", error);
+	      } finally {
+	        internalLoading.value = false;
+	      }
+	    };
 	    const updateRenderData = (scrollTop) => {
 	      let startIndex = 0;
 	      let offsetHeight = 0;
@@ -23299,6 +23364,11 @@
 	      } else {
 	        if (fQueryConditionRef.value && props.isShowQuery && props.isClearQuery && !selectRef.value.expanded && !props.selfExpanded) {
 	          (_a = fQueryConditionRef.value) == null ? void 0 : _a.resetData();
+	          if (props.apiService) {
+	            Object.keys(internalQueryParams).forEach((key) => delete internalQueryParams[key]);
+	            Object.assign(internalQueryParams, props.queryParams);
+	            fetchTableData(true);
+	          }
 	        }
 	        findLabel();
 	        filterMethodHandle("");
@@ -23376,6 +23446,10 @@
 	      });
 	    };
 	    const handlesCurrentChange = (val) => {
+	      if (props.apiService) {
+	        fetchTableData();
+	        return;
+	      }
 	      if (props.multiple) {
 	        if (!props.reserveSelection) {
 	          clear();
@@ -23400,12 +23474,15 @@
 	        setTimeout(() => {
 	          var _a, _b;
 	          state.defaultValue = multipleList.map((item) => item[props.keywords.label]);
+	          state.ids = multipleList.map((item) => item[props.keywords.value]);
 	          multipleList.forEach((row) => {
 	            selectTable.value.toggleRowSelection(row, true);
 	          });
 	          (_b = (_a = selectRef.value) == null ? void 0 : _a.selected) == null ? void 0 : _b.forEach((item) => {
 	            item.currentLabel = item.value;
 	          });
+	          modeValueId.value = state.ids;
+	          modeValueName.value = state.defaultValue;
 	        }, 0);
 	      } else {
 	        setTimeout(() => {
@@ -23414,6 +23491,8 @@
 	            radioVal.value = state.tableData.indexOf(row) + 1;
 	            state.defaultValue = row;
 	            selectDefaultLabel.value = row[props.keywords.label];
+	            modeValueId.value = row[props.keywords.value];
+	            modeValueName.value = row[props.keywords.label];
 	            if (!props.defaultValIsOpenRadioChange) {
 	              emits("radioChange", row, row[props.keywords.value]);
 	            }
@@ -23430,6 +23509,10 @@
 	        state.defaultSelectValue = [];
 	      }
 	      emits("selectionChange", val, state.ids);
+	      if (props.multiple) {
+	        modeValueId.value = state.ids;
+	        modeValueName.value = state.defaultValue;
+	      }
 	    };
 	    const getRowClassName = ({ row }) => {
 	      if (!props.multiple && JSON.stringify(row) === JSON.stringify(state.defaultValue)) {
@@ -23554,6 +23637,8 @@
 	      radioVal.value = index;
 	      state.defaultValue = row;
 	      emits("radioChange", row, row[props.keywords.value]);
+	      modeValueId.value = row[props.keywords.value];
+	      modeValueName.value = row[props.keywords.label];
 	    };
 	    const rowClick = async (row) => {
 	      var _a;
@@ -23586,6 +23671,8 @@
 	        isDefaultSelectVal.value = true;
 	        state.defaultSelectValue = [];
 	        state.defaultValue = props.multiple ? [] : null;
+	        modeValueId.value = props.multiple ? [] : 0;
+	        modeValueName.value = props.multiple ? [] : "";
 	      };
 	      if (!selectTable.value) {
 	        console.warn("selectTable.value is not initialized");
@@ -23669,7 +23756,7 @@
 	        ref_key: "selectRef",
 	        ref: selectRef,
 	        "model-value": __props.multiple ? state.defaultValue : selectDefaultLabel.value,
-	        "popper-class": "t-select-table",
+	        "popper-class": "f-select-table",
 	        style: { width: __props.selectWidth ? `${__props.selectWidth}px` : "100%" },
 	        "value-key": __props.keywords.value,
 	        "filter-method": __props.filterMethod || filterMethodHandle,
@@ -23849,18 +23936,18 @@
 	                }, 16, ["data", "class"]),
 	                __props.isShowPagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8, [
 	                  vue.createVNode(_component_el_pagination, vue.mergeProps({
-	                    "current-page": __props.table.currentPage,
-	                    "onUpdate:currentPage": _cache[6] || (_cache[6] = ($event) => __props.table.currentPage = $event),
-	                    "page-size": __props.table.pageSize,
-	                    "onUpdate:pageSize": _cache[7] || (_cache[7] = ($event) => __props.table.pageSize = $event),
+	                    "current-page": pagination.currentPage,
+	                    "onUpdate:currentPage": _cache[6] || (_cache[6] = ($event) => pagination.currentPage = $event),
+	                    "page-size": pagination.pageSize,
+	                    "onUpdate:pageSize": _cache[7] || (_cache[7] = ($event) => pagination.pageSize = $event),
 	                    onCurrentChange: handlesCurrentChange,
 	                    layout: "total, prev, pager, next, jumper",
 	                    "pager-count": __props.table["pager-count"] || 5,
-	                    total: __props.table.total
+	                    total: pagination.total
 	                  }, { background: true, size: __props.paginationSize || "small", ..._ctx.$attrs }), null, 16, ["current-page", "page-size", "pager-count", "total"])
 	                ])) : vue.createCommentVNode("v-if", true)
 	              ], 8, _hoisted_2$p)), [
-	                [_directive_loading, __props.tableLoading]
+	                [_directive_loading, __props.tableLoading || internalLoading.value]
 	              ]),
 	              vue.renderSlot(_ctx.$slots, "footer")
 	            ],