@fmdevui/fm-dev 1.0.75 → 1.0.77

package/index.js

@@ -1,21 +1,21 @@
-/*! fm-dev v1.0.75 */
+/*! fm-dev v1.0.77 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('crypto'), require('url'), require('http'), require('https'), require('util'), require('stream'), require('assert'), require('zlib'), require('element-plus')) :
   typeof define === 'function' && define.amd ? define(['exports', 'vue', 'crypto', 'url', 'http', 'https', 'util', 'stream', 'assert', 'zlib', 'element-plus'], factory) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.FmPlus = {}, global.Vue, global.crypto, global.require$$0, global.require$$1, global.require$$2, global.util, global.stream, global.require$$4, global.zlib, global.ElementPlus));
 })(this, (function (exports, vue, crypto, require$$0, require$$1, require$$2, util, stream, require$$4, zlib, elementPlus) { 'use strict';
 
-  const _hoisted_1$5 = { class: "fm-transfer-panel" };
-  const _hoisted_2$3 = { class: "fm-transfer-panel__header" };
-  const _hoisted_3$2 = { class: "fm-transfer-panel__body" };
-  const _hoisted_4$2 = { class: "fm-transfer-buttons__item" };
-  const _hoisted_5$1 = { class: "fm-transfer-buttons__item" };
+  const _hoisted_1$7 = { class: "fm-transfer-panel" };
+  const _hoisted_2$5 = { class: "fm-transfer-panel__header" };
+  const _hoisted_3$4 = { class: "fm-transfer-panel__body" };
+  const _hoisted_4$4 = { class: "fm-transfer-buttons__item" };
+  const _hoisted_5$2 = { class: "fm-transfer-buttons__item" };
   const _hoisted_6 = { class: "fm-transfer-buttons__item" };
   const _hoisted_7 = { class: "fm-transfer-buttons__item" };
   const _hoisted_8 = { class: "fm-transfer-panel" };
   const _hoisted_9 = { class: "fm-transfer-panel__header" };
   const _hoisted_10 = { class: "fm-transfer-panel__body" };
-  var _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "FmTransfer"
     },
@@ -175,8 +175,8 @@
           default: vue.withCtx(() => [
             vue.createVNode(_component_el_col, { span: 10 }, {
               default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_1$5, [
-                  vue.createElementVNode("p", _hoisted_2$3, [
+                vue.createElementVNode("div", _hoisted_1$7, [
+                  vue.createElementVNode("p", _hoisted_2$5, [
                     vue.createVNode(_component_el_checkbox, {
                       modelValue: state.leftAllChecked,
                       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.leftAllChecked = $event),
@@ -202,7 +202,7 @@
                       /* TEXT */
                     )
                   ]),
-                  vue.createElementVNode("div", _hoisted_3$2, [
+                  vue.createElementVNode("div", _hoisted_3$4, [
                     vue.createVNode(_component_el_input, {
                       class: "transfer-panel__filter",
                       modelValue: state.leftKeyword,
@@ -253,7 +253,7 @@
               class: "fm-transfer-buttons"
             }, {
               default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_4$2, [
+                vue.createElementVNode("div", _hoisted_4$4, [
                   vue.createVNode(_component_el_button, {
                     type: "primary",
                     style: {},
@@ -261,7 +261,7 @@
                     onClick: toRight
                   })
                 ]),
-                vue.createElementVNode("div", _hoisted_5$1, [
+                vue.createElementVNode("div", _hoisted_5$2, [
                   vue.createVNode(_component_el_button, {
                     type: "primary",
                     style: {},
@@ -372,9 +372,9 @@
     }
   });
 
-  const _hoisted_1$4 = { class: "notice-bar-warp-text-box" };
-  const _hoisted_2$2 = ["innerHTML"];
-  var _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$6 = { class: "notice-bar-warp-text-box" };
+  const _hoisted_2$4 = ["innerHTML"];
+  var _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "FmNoticeBar"
     },
@@ -465,7 +465,7 @@
                   2
                   /* CLASS */
                 )) : vue.createCommentVNode("v-if", true),
-                vue.createElementVNode("div", _hoisted_1$4, [
+                vue.createElementVNode("div", _hoisted_1$6, [
                   vue.createElementVNode(
                     "div",
                     {
@@ -477,7 +477,7 @@
                       vue.createElementVNode("div", {
                         innerHTML: props.text,
                         "data-slate-editor": ""
-                      }, null, 8, _hoisted_2$2)
+                      }, null, 8, _hoisted_2$4)
                     ],
                     512
                     /* NEED_PATCH */
@@ -497,7 +497,7 @@
     }
   });
 
-  var _sfc_main$7 = {
+  var _sfc_main$c = {
     name: "dragVerify",
     props: {
       isPassing: {
@@ -770,18 +770,18 @@
     return target;
   };
 
-  const _hoisted_1$3 = { class: "drag-verify-container" };
-  const _hoisted_2$1 = ["src"];
-  const _hoisted_3$1 = {
+  const _hoisted_1$5 = { class: "drag-verify-container" };
+  const _hoisted_2$3 = ["src"];
+  const _hoisted_3$3 = {
     key: 0,
     class: "tips success"
   };
-  const _hoisted_4$1 = {
+  const _hoisted_4$3 = {
     key: 1,
     class: "tips danger"
   };
   function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
       vue.createElementVNode(
         "div",
         {
@@ -795,17 +795,17 @@
             onLoad: _cache[0] || (_cache[0] = (...args) => $options.checkimgLoaded && $options.checkimgLoaded(...args)),
             style: vue.normalizeStyle($data.imgStyle),
             alt: ""
-          }, null, 46, _hoisted_2$1),
+          }, null, 46, _hoisted_2$3),
           $props.showTips && $props.isPassing ? (vue.openBlock(), vue.createElementBlock(
             "div",
-            _hoisted_3$1,
+            _hoisted_3$3,
             vue.toDisplayString($props.successTip),
             1
             /* TEXT */
           )) : vue.createCommentVNode("v-if", true),
           $props.showTips && !$props.isPassing && $data.showErrorTip ? (vue.openBlock(), vue.createElementBlock(
             "div",
-            _hoisted_4$1,
+            _hoisted_4$3,
             vue.toDisplayString($props.failTip),
             1
             /* TEXT */
@@ -879,9 +879,9 @@
       )
     ]);
   }
-  var dragimg = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render], ["__scopeId", "data-v-9e8c9ed2"]]);
+  var dragimg = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render], ["__scopeId", "data-v-9e8c9ed2"]]);
 
-  var _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "Fmselect"
     },
@@ -16120,6 +16120,34 @@
     }
   };
 
+  const AppItem = {
+    AccountInit: 100,
+    AccountJust: 101,
+    BookFare: 120,
+    BookOtherIn: 121,
+    BookOtherOut: 122,
+    CarTeam: 125
+  };
+  function getAppItemData(num = 125) {
+    const reldata = [
+      { id: 100, name: "\u8D26\u6237\u521D\u59CB\u5316" },
+      { id: 101, name: "\u8D26\u6237\u8C03\u8D26" },
+      { id: 120, name: "\u8BA2\u5355\u6536\u6B3E" },
+      { id: 121, name: "\u5176\u4ED6\u6536\u5165" },
+      { id: 122, name: "\u5176\u4ED6\u652F\u51FA" },
+      { id: 125, name: "\u4ED8\u8F66\u8D39" }
+    ];
+    return reldata.filter((x) => x.id <= num);
+  }
+  function getAppItemText(id, num = 125) {
+    let data = getAppItemData(num);
+    let item = data.find((x) => x.id == id);
+    if (item) {
+      return item.name;
+    }
+    return "";
+  }
+
   var clipboard$1 = {exports: {}};
 
   /*!
@@ -23751,8 +23779,8 @@
     };
   };
 
-  const _hoisted_1$2 = { style: { "font-size": "14px", "line-height": "30px" } };
-  var _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$4 = { style: { "font-size": "14px", "line-height": "30px" } };
+  var _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "FmAutocomplete"
     },
@@ -23858,7 +23886,7 @@
           default: vue.withCtx(({ item }) => [
             vue.createElementVNode(
               "div",
-              _hoisted_1$2,
+              _hoisted_1$4,
               vue.toDisplayString(item[__props.fName]),
               1
               /* TEXT */
@@ -36127,7 +36155,7 @@
     };
   });
 
-  var _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "Fminputdropdown"
     },
@@ -36300,12 +36328,12 @@
     }
   });
 
-  const _hoisted_1$1 = { style: { "padding": "5px" } };
-  const _hoisted_2 = { style: { "display": "flex", "align-items": "center", "gap": "8px", "flex-wrap": "nowrap", "overflow": "hidden" } };
-  const _hoisted_3 = { style: { "flex": "1 1 200px", "min-width": "0", "overflow": "hidden" } };
-  const _hoisted_4 = { style: { "display": "flex", "align-items": "center", "flex-shrink": "0", "white-space": "nowrap" } };
-  const _hoisted_5 = { style: { "margin-bottom": "45px" } };
-  var _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$3 = { style: { "padding": "5px" } };
+  const _hoisted_2$2 = { style: { "display": "flex", "align-items": "center", "gap": "8px", "flex-wrap": "nowrap", "overflow": "hidden" } };
+  const _hoisted_3$2 = { style: { "flex": "1 1 200px", "min-width": "0", "overflow": "hidden" } };
+  const _hoisted_4$2 = { style: { "display": "flex", "align-items": "center", "flex-shrink": "0", "white-space": "nowrap" } };
+  const _hoisted_5$1 = { style: { "margin-bottom": "45px" } };
+  var _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "FmTree"
     },
@@ -36412,9 +36440,9 @@
           style: { "height": "100%" }
         }, {
           header: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$1, [
-              vue.createElementVNode("div", _hoisted_2, [
-                vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("div", _hoisted_1$3, [
+              vue.createElementVNode("div", _hoisted_2$2, [
+                vue.createElementVNode("div", _hoisted_3$2, [
                   vue.createVNode(_component_el_input, {
                     "prefix-icon": vue.unref(search_default),
                     modelValue: filterText.value,
@@ -36424,7 +36452,7 @@
                     placeholder: "\u7C7B\u578B\u540D\u79F0"
                   }, null, 8, ["prefix-icon", "modelValue"])
                 ]),
-                vue.createElementVNode("div", _hoisted_4, [
+                vue.createElementVNode("div", _hoisted_4$2, [
                   !props.checkStrictly && state.isShowCheckbox ? (vue.openBlock(), vue.createBlock(_component_el_checkbox, {
                     key: 0,
                     modelValue: state.strictly,
@@ -36493,7 +36521,7 @@
             ])
           ]),
           default: vue.withCtx(() => [
-            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, [
               vue.createVNode(_component_el_scrollbar, null, {
                 default: vue.withCtx(() => [
                   vue.createVNode(_component_el_tree, {
@@ -36536,7 +36564,7 @@
     }
   });
 
-  var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "Fmdatepicker"
     },
@@ -36585,6 +36613,1836 @@
     }
   });
 
+  var _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      name: "RenderComp"
+    },
+    __name: "renderComp",
+    props: {
+      render: Function,
+      form: Object
+    },
+    setup(__props) {
+      const props = __props;
+      const renderComponent = () => {
+        return props.render(props?.form);
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderComponent));
+      };
+    }
+  });
+
+  const _hoisted_1$2 = { class: "inside_box" };
+  const _hoisted_2$1 = { class: "inside_box_title" };
+  const _hoisted_3$1 = { class: "check-box" };
+  const _hoisted_4$1 = { class: "more_dropdown_icon" };
+  const _hoisted_5 = { class: "out_box" };
+  var _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      name: "MoreChoose"
+    },
+    __name: "moreChoose",
+    props: {
+      // 以下拉方式展示更多条件---数据源
+      moreCheckList: {
+        type: Array,
+        default: () => []
+      },
+      popoverAttrsBind: {
+        type: Object,
+        default: () => ({})
+      }
+    },
+    emits: ["getCheckList"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const checkList = vue.ref([]);
+      const isCheckList = vue.ref([]);
+      const allcheckList = vue.ref(props.moreCheckList);
+      const emit = __emit;
+      vue.watch(
+        () => props.moreCheckList,
+        (list) => {
+          allcheckList.value = list;
+        },
+        { deep: true }
+      );
+      vue.watch(
+        () => checkList,
+        (nval, oval) => {
+          let list = [];
+          oval.value.forEach((ele) => {
+            if (!nval.value.some((val) => val == ele)) {
+              list.push(ele);
+            }
+          });
+          isCheckList.value.forEach((ele, j) => {
+            if (list.filter((val) => val == ele.label)[0]) {
+              delete isCheckList.value[j];
+            }
+          });
+        },
+        { deep: true }
+      );
+      const handlecheckAll = () => {
+        const allList = JSON.parse(JSON.stringify(allcheckList.value));
+        checkList.value = allList.map((item) => item.label);
+        isCheckList.value = allList;
+        const checkObj = analysisObj(isCheckList.value);
+        emit("getCheckList", checkObj);
+      };
+      const handleReverseCheck = () => {
+        const deepCheckList = JSON.parse(JSON.stringify(checkList.value));
+        checkList.value = [];
+        isCheckList.value = [];
+        allcheckList.value.forEach((ele) => {
+          if (!deepCheckList.filter((item1) => item1 == ele.label)[0]) {
+            checkList.value.push(ele.label);
+            isCheckList.value.push(ele);
+          }
+        });
+        const checkObj = analysisObj(isCheckList.value);
+        emit("getCheckList", checkObj);
+      };
+      const handleReset = () => {
+        checkList.value = [];
+        isCheckList.value = [];
+        emit("getCheckList", {});
+      };
+      const getcheck = (val) => {
+        isCheckList.value = [];
+        allcheckList.value.forEach((ele, j) => {
+          if (val.filter((item1) => item1 == ele.label)[0]) {
+            isCheckList.value.push(ele);
+          }
+        });
+        const checkObj = analysisObj(isCheckList.value);
+        emit("getCheckList", checkObj);
+      };
+      const analysisObj = (val) => {
+        return val.reduce((obj, item) => {
+          obj[item.prop] = {
+            label: item?.label,
+            comp: item.comp,
+            bind: item?.bind,
+            list: item?.list,
+            eventHandle: item?.eventHandle,
+            changeEvent: item?.changeEvent,
+            listTypeInfo: item?.listTypeInfo,
+            arrLabel: item?.arrLabel,
+            arrKey: item?.arrKey,
+            slotName: item?.slotName,
+            span: item?.span,
+            type: item?.type,
+            isSelfCom: item && item.isSelfCom || false,
+            defaultVal: item?.defaultVal,
+            placeholder: item?.placeholder,
+            event: item?.event
+          };
+          return obj;
+        }, {});
+      };
+      return (_ctx, _cache) => {
+        const _component_el_button = vue.resolveComponent("el-button");
+        const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+        const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
+        const _component_el_icon = vue.resolveComponent("el-icon");
+        const _component_el_popover = vue.resolveComponent("el-popover");
+        return allcheckList.value.length > 0 ? (vue.openBlock(), vue.createBlock(_component_el_popover, {
+          key: 0,
+          "popper-class": "fm_query_condition_more",
+          bind: __props.popoverAttrsBind,
+          trigger: "click",
+          width: "auto",
+          ref: "popover"
+        }, {
+          reference: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_4$1, [
+              vue.createElementVNode(
+                "span",
+                _hoisted_5,
+                vue.toDisplayString(__props.popoverAttrsBind.showTxt || "\u66F4\u591A"),
+                1
+                /* TEXT */
+              ),
+              vue.createVNode(_component_el_icon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(arrow_down_default))
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_1$2, [
+              vue.createElementVNode("div", _hoisted_2$1, [
+                vue.createElementVNode(
+                  "div",
+                  null,
+                  vue.toDisplayString(__props.popoverAttrsBind.title || "\u6240\u6709\u6761\u4EF6"),
+                  1
+                  /* TEXT */
+                ),
+                vue.createElementVNode("div", _hoisted_3$1, [
+                  vue.createVNode(_component_el_button, {
+                    size: "small",
+                    link: "",
+                    onClick: handlecheckAll
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(
+                        vue.toDisplayString(__props.popoverAttrsBind.allTxt || "\u5168\u9009"),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  vue.createVNode(_component_el_button, {
+                    size: "small",
+                    link: "",
+                    onClick: handleReset
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(
+                        vue.toDisplayString(__props.popoverAttrsBind.clearTxt || "\u6E05\u7A7A"),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  vue.createVNode(_component_el_button, {
+                    size: "small",
+                    link: "",
+                    onClick: handleReverseCheck
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(
+                        vue.toDisplayString(__props.popoverAttrsBind.reverseTxt || "\u53CD\u9009"),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ])
+              ]),
+              vue.createVNode(_component_el_checkbox_group, {
+                modelValue: checkList.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checkList.value = $event),
+                class: "inside_box_main",
+                onChange: getcheck
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(allcheckList.value, (item, index) => {
+                      return vue.openBlock(), vue.createBlock(_component_el_checkbox, {
+                        key: index,
+                        label: item.label,
+                        value: item.label
+                      }, null, 8, ["label", "value"]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["bind"])) : vue.createCommentVNode("v-if", true);
+      };
+    }
+  });
+
+  function useComputed() {
+    const compChildName = vue.computed(() => {
+      return (opt) => {
+        switch (opt.type) {
+          case "checkbox":
+            return "el-checkbox";
+          case "radio":
+            return "el-radio";
+          case "select-arr":
+          case "select-obj":
+            return "el-option";
+        }
+      };
+    });
+    const selectListType = vue.computed(() => {
+      return (opt) => {
+        if (opt.listTypeInfo) {
+          return opt.listTypeInfo[opt.list];
+        } else {
+          return [];
+        }
+      };
+    });
+    const compChildLabel = vue.computed(() => {
+      return (opt, value) => {
+        switch (opt.type) {
+          case "radio":
+          case "checkbox":
+            return value[opt.arrLabel || "label"];
+          case "el-select-multiple":
+          case "select-arr":
+            return value[opt.arrLabel || "label"];
+          case "select-obj":
+            return value;
+        }
+      };
+    });
+    const compChildValue = vue.computed(() => {
+      return (opt, value, key) => {
+        switch (opt.type) {
+          case "radio":
+          case "checkbox":
+            return value[opt.arrKey || "key"];
+          case "el-select-multiple":
+          case "select-arr":
+            return value[opt.arrKey || "key"];
+          case "select-obj":
+            return key;
+        }
+      };
+    });
+    const compChildShowLabel = vue.computed(() => {
+      return (opt, value) => {
+        switch (opt.type) {
+          case "radio":
+          case "checkbox":
+            return value[opt.arrLabel || "label"];
+          case "el-select-multiple":
+          case "select-arr":
+            return value[opt.arrLabel || "label"];
+          case "select-obj":
+            return value;
+        }
+      };
+    });
+    const getPlaceholder = (row) => {
+      let placeholder;
+      if (row.comp && typeof row.comp == "string") {
+        if (row.comp.includes("input")) {
+          placeholder = "\u8BF7\u8F93\u5165" + row.label;
+        } else if (row.comp.includes("select") || row.comp.includes("date")) {
+          placeholder = "\u8BF7\u9009\u62E9" + row.label;
+        } else {
+          placeholder = row.label;
+        }
+      }
+      return placeholder;
+    };
+    const getColLength = () => {
+      const width = window.innerWidth;
+      let colLength = 4;
+      if (width > 1e3 && width < 1280) {
+        colLength = 3;
+      } else if (width > 768 && width <= 1e3) {
+        colLength = 2;
+      } else if (width <= 768) {
+        colLength = 1;
+      }
+      return colLength;
+    };
+    return {
+      compChildName,
+      selectListType,
+      compChildLabel,
+      compChildValue,
+      compChildShowLabel,
+      getPlaceholder,
+      getColLength
+    };
+  }
+
+  var _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      name: "FmQueryCondition"
+    },
+    __name: "index",
+    props: {
+      opts: { default: () => ({}) },
+      labelWidth: { default: "120px" },
+      btnCheckBind: { default: () => ({}) },
+      btnResetBind: { default: () => ({}) },
+      loading: { type: Boolean, default: false },
+      reset: { type: Boolean, default: true },
+      boolEnter: { type: Boolean, default: true },
+      isShowOpen: { type: Boolean, default: true },
+      isExpansion: { type: Boolean, default: false },
+      maxVisibleRows: { default: 1 },
+      packUpTxt: { default: "\u6536\u8D77" },
+      unfoldTxt: { default: "\u5C55\u5F00" },
+      isFooter: { type: Boolean, default: true },
+      configChangedReset: { type: Boolean, default: false },
+      isShowWidthSize: { type: Boolean, default: false },
+      widthSize: { default: 4 },
+      isDropDownSelectMore: { type: Boolean, default: false },
+      moreCheckList: { default: () => [] },
+      popoverAttrs: { default: () => ({}) }
+    },
+    emits: ["handleEvent", "submit", "reset", "getCheckList", "getRefs"],
+    setup(__props, { expose: __expose, emit: __emit }) {
+      const {
+        compChildName,
+        selectListType,
+        compChildLabel,
+        compChildValue,
+        compChildShowLabel,
+        getPlaceholder,
+        getColLength
+      } = useComputed();
+      const props = __props;
+      const slots = vue.useSlots();
+      const isShow = (name) => {
+        return Object.keys(slots).includes(name);
+      };
+      const popoverAttrsBind = vue.computed(() => {
+        return {
+          showTxt: "\u66F4\u591A",
+          title: "\u6240\u6709\u6761\u4EF6",
+          allTxt: "\u5168\u9009",
+          reverseTxt: "\u53CD\u9009",
+          clearTxt: "\u6E05\u7A7A",
+          ...props.popoverAttrs
+        };
+      });
+      let queryState = vue.reactive({
+        form: Object.keys(props.opts).reduce((acc, field) => {
+          acc[field] = props.opts[field].defaultVal ?? null;
+          return acc;
+        }, {})
+      });
+      let colLength = vue.ref(4);
+      let showOpen = vue.ref(false);
+      let open = vue.ref(false);
+      const queryAttrs = vue.computed(() => {
+        return {
+          btnTxt: "\u67E5\u8BE2",
+          ...props.btnCheckBind
+        };
+      });
+      const resetAttrs = vue.computed(() => {
+        return { btnTxt: "\u91CD\u7F6E", ...props.btnResetBind };
+      });
+      const originCellLength = vue.computed(() => {
+        let length = 0;
+        Object.keys(props.opts).forEach((key) => {
+          let span = props.opts[key].span || 1;
+          if (length % colLength.value + span > colLength.value) {
+            length += colLength.value - length % colLength.value;
+          }
+          length += span;
+        });
+        return length;
+      });
+      const cOpts = vue.computed(() => {
+        let renderSpan = 0;
+        return Object.keys(props.opts).reduce((acc, field) => {
+          let opt = {
+            ...props.opts[field]
+          };
+          if (showOpen.value) {
+            renderSpan += opt.span ?? 1;
+            if (!open.value && renderSpan - 1 >= props.maxVisibleRows * colLength.value) {
+              return acc;
+            }
+          }
+          opt.dataIndex = field;
+          acc[field] = opt;
+          return acc;
+        }, {});
+      });
+      const cellLength = vue.computed(() => {
+        let length = 0;
+        Object.keys(props.opts).forEach((key) => {
+          let span = props.opts[key].span > 4 ? 4 : props.opts[key].span || 1;
+          length += span;
+        });
+        return length;
+      });
+      const gridAreas = vue.computed(() => {
+        const fields = Object.keys(cOpts.value);
+        let rowIndex = 0;
+        let rowSpan = 0;
+        const areas = [[]];
+        for (let fieldIndex = 0; fieldIndex < fields.length; fieldIndex++) {
+          const field = fields[fieldIndex];
+          const opt = cOpts.value[field];
+          const span = Math.min(opt.span ?? 1, Math.min(colLength.value, 4));
+          if (rowSpan + span > colLength.value) {
+            while (rowSpan < colLength.value) {
+              areas[rowIndex].push(".");
+              rowSpan += 1;
+            }
+            rowSpan = 0;
+            areas[++rowIndex] = [];
+          }
+          rowSpan += span;
+          for (let index = 0; index < span; index++) {
+            areas[rowIndex].push(field);
+          }
+        }
+        if (areas[rowIndex].length === colLength.value) {
+          areas.push(Array(colLength.value).fill("submit_btn"));
+        } else {
+          while (areas[rowIndex].length < colLength.value) {
+            areas[rowIndex].push("submit_btn");
+          }
+        }
+        return areas.reduce((acc, cur) => {
+          acc += `'${cur.join(" ")}'
+`;
+          return acc;
+        }, "");
+      });
+      const cEvent = vue.computed(() => {
+        return (opt) => {
+          let event = { ...opt.eventHandle };
+          let changeEvent = {};
+          Object.keys(event).forEach((v) => {
+            changeEvent[v] = (e) => {
+              if (opt.comp.includes("select") || opt.comp.includes("picker") || opt.comp.includes("date")) {
+                event[v] && event[v](e, queryState.form);
+              } else {
+                if (e) {
+                  event[v] && event[v](e, queryState.form);
+                } else {
+                  event[v] && event[v](queryState.form);
+                }
+              }
+            };
+          });
+          return { ...changeEvent };
+        };
+      });
+      const initForm = (opts, keepVal = false) => {
+        return Object.keys(opts).reduce((acc, field) => {
+          if (keepVal && queryState.form) {
+            acc[field] = queryState.form[field] ?? opts[field].defaultVal ?? null;
+          } else {
+            acc[field] = opts[field].defaultVal ?? null;
+          }
+          return acc;
+        }, {});
+      };
+      const emits = __emit;
+      const tselecttableref = vue.ref({});
+      const handleRef = (el, opt, key) => {
+        emits("getRefs", el, opt, key);
+        if (el) {
+          tselecttableref.value[`tselecttableref-${key}`] = el;
+        }
+      };
+      const getRefs = (el, opt, index) => {
+        emits("getRefs", el, opt, index);
+      };
+      const resetHandle = () => {
+        queryState.form = initForm(props.opts);
+        const refList = Object.keys(tselecttableref.value).filter(
+          (item) => item.includes("tselecttableref")
+        );
+        if (refList.length > 0 && tselecttableref.value) {
+          refList.map((val) => {
+            tselecttableref.value[val].clear();
+          });
+        }
+        emits("reset", queryState.form);
+        checkHandle("reset");
+      };
+      const resetData = () => {
+        queryState.form = initForm(props.opts);
+        const refList = Object.keys(tselecttableref.value).filter(
+          (item) => item.includes("tselecttableref")
+        );
+        if (refList.length > 0 && tselecttableref.value) {
+          refList.map((val) => {
+            tselecttableref.value[val].clear();
+          });
+        }
+      };
+      const handleEvent = ({ isChange = false, type, val }, dataIndex) => {
+        if (!isChange) {
+          emits("handleEvent", type, val, queryState.form);
+        } else if (dataIndex) {
+          queryState.form[dataIndex] = val;
+        }
+      };
+      const checkHandle = (flagText = false) => {
+        emits("submit", queryState.form, flagText);
+      };
+      vue.onMounted(() => {
+        if (props.isShowOpen) {
+          showOpen.value = true;
+        } else {
+          showOpen.value = false;
+        }
+        if (props.isExpansion) {
+          open.value = true;
+        } else {
+          open.value = false;
+        }
+        if (props.isShowWidthSize) {
+          colLength.value = props.widthSize;
+        } else {
+          colLength.value = getColLength();
+        }
+        if (props.boolEnter) {
+          document.onkeyup = (e) => {
+            let key = e.keyCode;
+            let pagination = document.querySelectorAll(".el-pagination");
+            let isPaginationInputFocus = false;
+            if (pagination) {
+              pagination.forEach((ele) => {
+                let paginationInputList = ele.getElementsByTagName("input");
+                let paginationInput = paginationInputList[paginationInputList.length - 1];
+                if (paginationInput === document.activeElement) {
+                  isPaginationInputFocus = true;
+                }
+              });
+            }
+            if (isPaginationInputFocus) {
+              return;
+            }
+            if (key === 13) {
+              checkHandle();
+            }
+          };
+        }
+        if (isShow("footerBtn") || !props.isFooter) {
+          open.value = true;
+        }
+        if (props.isDropDownSelectMore) {
+          open.value = true;
+          showOpen.value = false;
+        }
+      });
+      vue.watch(
+        () => props.widthSize,
+        (val) => {
+          colLength.value = val;
+        }
+      );
+      vue.watch(
+        () => props.opts,
+        (opts) => {
+          queryState.form = initForm(opts, !props.configChangedReset);
+        },
+        { deep: true }
+      );
+      __expose({
+        queryState,
+        props,
+        colLength,
+        resetData,
+        resetHandle,
+        checkHandle,
+        handleEvent
+      });
+      return (_ctx, _cache) => {
+        const _component_el_form_item = vue.resolveComponent("el-form-item");
+        const _component_el_button = vue.resolveComponent("el-button");
+        const _component_el_icon = vue.resolveComponent("el-icon");
+        const _component_el_form = vue.resolveComponent("el-form");
+        return vue.openBlock(), vue.createBlock(_component_el_form, vue.mergeProps({ id: "t_query_condition" }, _ctx.$attrs, {
+          "label-width": _ctx.labelWidth,
+          form: vue.unref(queryState).form,
+          size: "default",
+          class: "fm-query-condition",
+          style: {
+            "grid-template-areas": gridAreas.value,
+            "grid-template-columns": `repeat(${vue.unref(colLength)}, minmax(0px, ${100 / vue.unref(colLength)}%))`
+          },
+          onSubmit: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+          }, ["prevent"]))
+        }), {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(cOpts.value, (opt, i) => {
+                return vue.openBlock(), vue.createBlock(_component_el_form_item, vue.mergeProps({
+                  key: i,
+                  label: opt.label,
+                  "label-width": opt.labelWidth
+                }, { ref_for: true }, _ctx.$attrs, {
+                  style: { gridArea: i },
+                  class: [opt.className, { render_label: opt.labelRender }]
+                }), vue.createSlots({
+                  default: vue.withCtx(() => [
+                    opt.slotName ? vue.renderSlot(_ctx.$slots, opt.slotName, {
+                      key: 0,
+                      param: vue.unref(queryState).form,
+                      scope: vue.unref(queryState).form
+                    }) : vue.createCommentVNode("v-if", true),
+                    opt.isSelfCom ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(opt.comp), vue.mergeProps(
+                      {
+                        key: 1,
+                        ref_for: true,
+                        ref: opt.comp === "fm-select-table" ? (el) => handleRef(el, opt, i) : (el) => getRefs(el, opt, i),
+                        modelValue: vue.unref(queryState).form[opt.dataIndex],
+                        "onUpdate:modelValue": ($event) => vue.unref(queryState).form[opt.dataIndex] = $event,
+                        placeholder: opt.placeholder || vue.unref(getPlaceholder)(opt)
+                      },
+                      { ref_for: true },
+                      typeof opt.bind == "function" ? opt.bind(vue.unref(queryState).form) : { clearable: true, filterable: true, ..._ctx.$attrs, ...opt.bind },
+                      {
+                        style: { width: opt.width || "100%" },
+                        onChange: ($event) => handleEvent({ type: opt.event, val: vue.unref(queryState).form[opt.dataIndex] })
+                      },
+                      vue.toHandlers(cEvent.value(opt))
+                    ), null, 16, ["modelValue", "onUpdate:modelValue", "placeholder", "style", "onChange"])) : vue.createCommentVNode("v-if", true),
+                    !opt.isSelfCom && !opt.slotName ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(opt.comp), vue.mergeProps(
+                      {
+                        key: 2,
+                        ref_for: true
+                      },
+                      typeof opt.bind == "function" ? opt.bind(vue.unref(queryState).form) : { clearable: true, filterable: true, ..._ctx.$attrs, ...opt.bind },
+                      {
+                        placeholder: opt.placeholder || vue.unref(getPlaceholder)(opt),
+                        onChange: ($event) => handleEvent({ type: opt.event, val: vue.unref(queryState).form[opt.dataIndex] }),
+                        ref_for: true,
+                        ref: (el) => getRefs(el, opt, i)
+                      },
+                      vue.toHandlers(cEvent.value(opt)),
+                      {
+                        modelValue: vue.unref(queryState).form[opt.dataIndex],
+                        "onUpdate:modelValue": ($event) => vue.unref(queryState).form[opt.dataIndex] = $event
+                      }
+                    ), {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(true), vue.createElementBlock(
+                          vue.Fragment,
+                          null,
+                          vue.renderList(vue.unref(selectListType)(opt), (value, key, index) => {
+                            return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(compChildName)(opt)), {
+                              key: index,
+                              disabled: value.disabled,
+                              label: vue.unref(compChildLabel)(opt, value),
+                              value: vue.unref(compChildValue)(opt, value, key)
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode(
+                                  vue.toDisplayString(vue.unref(compChildShowLabel)(opt, value)),
+                                  1
+                                  /* TEXT */
+                                )
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            }, 1032, ["disabled", "label", "value"]);
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1040, ["placeholder", "onChange", "modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, [
+                  opt.labelRender ? {
+                    name: "label",
+                    fn: vue.withCtx(() => [
+                      vue.createVNode(_sfc_main$6, {
+                        form: vue.unref(queryState).form,
+                        render: opt.labelRender
+                      }, null, 8, ["form", "render"])
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1040, ["label", "label-width", "style", "class"]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            )),
+            Object.keys(cOpts.value).length > 0 ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+              key: 0,
+              "label-width": "0",
+              style: { "grid-area": "submit_btn" },
+              class: vue.normalizeClass([
+                "btn",
+                { flex_end: cellLength.value % vue.unref(colLength) === 0 },
+                { btn_flex_end: Object.keys(cOpts.value).length === 4 || cellLength.value > 3 }
+              ])
+            }, {
+              default: vue.withCtx(() => [
+                _ctx.isFooter ? (vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  { key: 0 },
+                  [
+                    vue.renderSlot(_ctx.$slots, "footerBtn"),
+                    !vue.unref(slots).footerBtn ? (vue.openBlock(), vue.createElementBlock(
+                      vue.Fragment,
+                      { key: 0 },
+                      [
+                        vue.createVNode(_component_el_button, vue.mergeProps({
+                          class: "btn_check",
+                          onClick: checkHandle
+                        }, { type: "primary", ...queryAttrs.value }, { loading: _ctx.loading }), {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(
+                              vue.toDisplayString(queryAttrs.value.btnTxt),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["loading"]),
+                        _ctx.reset ? (vue.openBlock(), vue.createBlock(
+                          _component_el_button,
+                          vue.mergeProps({
+                            key: 0,
+                            class: "btn_reset"
+                          }, resetAttrs.value, { onClick: resetHandle }),
+                          {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode(
+                                vue.toDisplayString(resetAttrs.value.btnTxt),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          },
+                          16
+                          /* FULL_PROPS */
+                        )) : vue.createCommentVNode("v-if", true),
+                        vue.renderSlot(_ctx.$slots, "querybar"),
+                        originCellLength.value > _ctx.maxVisibleRows * vue.unref(colLength) && vue.unref(showOpen) ? (vue.openBlock(), vue.createBlock(_component_el_button, {
+                          key: 1,
+                          onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(open) ? open.value = !vue.unref(open) : open = !vue.unref(open)),
+                          link: ""
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(
+                              vue.toDisplayString(vue.unref(open) ? _ctx.packUpTxt : _ctx.unfoldTxt) + " ",
+                              1
+                              /* TEXT */
+                            ),
+                            vue.unref(open) ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(arrow_up_default))
+                              ]),
+                              _: 1
+                              /* STABLE */
+                            })) : (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 1 }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(arrow_down_default))
+                              ]),
+                              _: 1
+                              /* STABLE */
+                            }))
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })) : vue.createCommentVNode("v-if", true),
+                        vue.createVNode(_sfc_main$5, {
+                          isDropDownSelectMore: _ctx.isDropDownSelectMore,
+                          moreCheckList: _ctx.moreCheckList,
+                          popoverAttrsBind: popoverAttrsBind.value,
+                          onGetCheckList: _cache[1] || (_cache[1] = (event) => emits("getCheckList", event))
+                        }, null, 8, ["isDropDownSelectMore", "moreCheckList", "popoverAttrsBind"])
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    )) : vue.createCommentVNode("v-if", true)
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                )) : vue.createCommentVNode("v-if", true)
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 16, ["label-width", "form", "style"]);
+      };
+    }
+  });
+
+  var _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      name: "RenderCol"
+    },
+    __name: "renderCol",
+    props: {
+      row: Object,
+      render: Function,
+      index: Number,
+      column: {
+        type: Object,
+        default: null
+      }
+    },
+    setup(__props) {
+      const props = __props;
+      const renderComponent = () => {
+        return props.render(props?.row[props?.column?.prop], props.row, props.index);
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderComponent));
+      };
+    }
+  });
+
+  const isClient = typeof window !== "undefined" && typeof document !== "undefined";
+  typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+
+  const nodeList = /* @__PURE__ */ new Map();
+  let startClick;
+  if (isClient) {
+    document.addEventListener("mousedown", (e) => startClick = e);
+    document.addEventListener("mouseup", (e) => {
+      for (const handlers of nodeList.values()) {
+        for (const { documentHandler } of handlers) {
+          documentHandler(e, startClick);
+        }
+      }
+    });
+  }
+  function createDocumentHandler(el, binding) {
+    let excludes = [];
+    if (Array.isArray(binding.arg)) {
+      excludes = binding.arg;
+    } else if (binding.arg instanceof HTMLElement) {
+      excludes.push(binding.arg);
+    }
+    return function(mouseup, mousedown) {
+      const popperRef = binding.instance.popperRef;
+      const mouseUpTarget = mouseup.target;
+      const mouseDownTarget = mousedown?.target;
+      const isBound = !binding || !binding.instance;
+      const isTargetExists = !mouseUpTarget || !mouseDownTarget;
+      const isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
+      const isSelf = el === mouseUpTarget;
+      const isTargetExcluded = excludes.length && excludes.some((item) => item?.contains(mouseUpTarget)) || excludes.length && excludes.includes(mouseDownTarget);
+      const isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
+      if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) {
+        return;
+      }
+      binding.value(mouseup, mousedown);
+    };
+  }
+  const ClickOutside = {
+    beforeMount(el, binding) {
+      if (!nodeList.has(el)) {
+        nodeList.set(el, []);
+      }
+      nodeList.get(el).push({
+        documentHandler: createDocumentHandler(el, binding),
+        bindingFn: binding.value
+      });
+    },
+    updated(el, binding) {
+      if (!nodeList.has(el)) {
+        nodeList.set(el, []);
+      }
+      const handlers = nodeList.get(el);
+      const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
+      const newHandler = {
+        documentHandler: createDocumentHandler(el, binding),
+        bindingFn: binding.value
+      };
+      if (oldHandlerIndex >= 0) {
+        handlers.splice(oldHandlerIndex, 1, newHandler);
+      } else {
+        handlers.push(newHandler);
+      }
+    },
+    unmounted(el) {
+      nodeList.delete(el);
+    }
+  };
+
+  function useVirtualized() {
+    const actualHeightContainerEl = vue.ref(null);
+    const translateContainerEl = vue.ref(null);
+    const scrollContainerEl = vue.ref(null);
+    const isMultiple = vue.ref(false);
+    const saveDATA = vue.ref([]);
+    const RenderedItemsCache = {};
+    const getDom = (props) => {
+      const getElements = (className) => {
+        actualHeightContainerEl.value = document.querySelector(`${className} .el-scrollbar__view`);
+        translateContainerEl.value = document.querySelector(`${className} .el-table__body`);
+        scrollContainerEl.value = document.querySelector(`${className} .el-scrollbar__wrap`);
+      };
+      isMultiple.value = props.multiple;
+      if (props.multiple) {
+        getElements(".fm_select_table_multiple");
+      } else {
+        getElements(".fm_select_table_radio");
+      }
+    };
+    const getItemHeightFromCache = (index) => {
+      const val = RenderedItemsCache[index];
+      return val === void 0 ? 50 : val;
+    };
+    const updateActualHeight = () => {
+      let actualHeight = 0;
+      saveDATA.value.forEach((_, i) => {
+        actualHeight += getItemHeightFromCache(i);
+      });
+      actualHeightContainerEl.value.style.height = actualHeight + "px";
+    };
+    const updateOffset = (offset) => {
+      if (translateContainerEl.value && translateContainerEl.value.style) {
+        translateContainerEl.value.style.transform = `translateY(${offset}px)`;
+      }
+    };
+    const updateRenderedItemCache = (index) => {
+      const shouldUpdate = Object.keys(RenderedItemsCache).length < saveDATA.value.length;
+      if (!shouldUpdate) return;
+      vue.nextTick(() => {
+        const Items = Array.from(
+          document.querySelectorAll(
+            `${isMultiple.value ? `.fm_select_table_multiple` : `.fm_select_table_radio`} .el-table__row`
+          )
+        );
+        Items.forEach((el) => {
+          if (!RenderedItemsCache[index]) {
+            RenderedItemsCache[index] = el.offsetHeight;
+          }
+          index++;
+        });
+        updateActualHeight();
+      });
+    };
+    return {
+      scrollContainerEl,
+      updateRenderedItemCache,
+      updateOffset,
+      getDom,
+      getItemHeightFromCache,
+      saveDATA
+    };
+  }
+
+  const _hoisted_1$1 = {
+    key: 0,
+    class: "table_query_condition"
+  };
+  const _hoisted_2 = ["element-loading-text"];
+  const _hoisted_3 = { key: 2 };
+  const _hoisted_4 = {
+    key: 0,
+    class: "fm-table-select__page"
+  };
+  var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      name: "TSelectTable"
+    },
+    __name: "index",
+    props: {
+      modelValue: { default: void 0 },
+      inputValue: { default: void 0 },
+      defaultSelectVal: { default: () => [] },
+      radioSelectValLabel: { default: "" },
+      table: { default: () => ({
+        data: [],
+        currentPage: 1,
+        pageSize: 10,
+        total: 0
+      }) },
+      keywords: { default: () => ({
+        value: "value",
+        label: "label"
+      }) },
+      value: {},
+      columns: { default: () => [] },
+      multiple: { type: Boolean, default: false },
+      filterable: { type: Boolean, default: true },
+      remote: { type: Boolean, default: false },
+      remoteMethod: { type: Function, default: void 0 },
+      filterMethod: { type: Function, default: void 0 },
+      isShowInput: { type: Boolean, default: false },
+      inputAttr: { default: () => ({}) },
+      inputWidth: { default: 550 },
+      selectWidth: { default: 550 },
+      tableWidth: { default: 550 },
+      isShowQuery: { type: Boolean, default: false },
+      isShowBlurBtn: { type: Boolean, default: false },
+      btnBind: { default: () => ({ btnTxt: "\u5173\u95ED\u4E0B\u62C9\u6846" }) },
+      align: { default: "center" },
+      reserveSelection: { type: Boolean, default: true },
+      selectable: { type: Function, default: void 0 },
+      multipleFixed: { type: [String, Boolean], default: true },
+      radioTxt: { default: "\u5355\u9009" },
+      radioFixed: { type: [String, Boolean], default: true },
+      tableSize: { default: "default" },
+      border: { type: Boolean, default: true },
+      isShowFirstColumn: { type: Boolean, default: true },
+      useVirtual: { type: Boolean, default: false },
+      virtualShowSize: { default: 30 },
+      isShowPagination: { type: Boolean, default: false },
+      paginationSize: { default: "small" },
+      selfExpanded: { type: Boolean, default: false },
+      isClearQuery: { type: Boolean, default: false },
+      isRadioEchoLabel: { type: Boolean, default: true },
+      defaultValIsOpenRadioChange: { type: Boolean, default: false },
+      radioSameIsCancel: { type: Boolean, default: true },
+      rowClickRadio: { type: Boolean, default: true },
+      isKeyup: { type: Boolean, default: false },
+      isExpanded: { type: Boolean, default: false },
+      multipleDisableDelete: { type: Boolean, default: true },
+      tableLoading: { type: Boolean, default: false },
+      loadingTxt: { default: "\u52A0\u8F7D\u4E2D..." }
+    },
+    emits: ["page-change", "selectionChange", "radioChange", "update:inputValue", "input-focus", "input-blur", "input-clear", "input-click"],
+    setup(__props, { expose: __expose, emit: __emit }) {
+      const {
+        scrollContainerEl,
+        updateRenderedItemCache,
+        updateOffset,
+        getDom,
+        saveDATA,
+        getItemHeightFromCache
+      } = useVirtualized();
+      const props = __props;
+      const vClickOutside = ClickOutside;
+      const emits = __emit;
+      const slots = vue.useSlots();
+      const isDefaultSelectVal = vue.ref(true);
+      const forbidden = vue.ref(true);
+      const isRadio = vue.ref(false);
+      const isQueryVisible = vue.ref(false);
+      const isVisible = vue.ref(false);
+      const radioVal = vue.ref("");
+      const isShowFirstRadio = vue.ref(props.isShowFirstColumn);
+      const selectDefaultLabel = vue.ref(props.modelValue);
+      const scrollTopNum = vue.ref(0);
+      let selectInputVal = vue.computed({
+        get() {
+          return props.inputValue;
+        },
+        set(val) {
+          emits("update:inputValue", val);
+        }
+      });
+      const state = vue.reactive({
+        defaultSelectValue: props.defaultSelectVal,
+        // 默认选中
+        tableData: props.table.data,
+        // table数据
+        defaultValue: props.value,
+        ids: [],
+        // 多选id集合
+        tabularMap: {}
+        // 存储下拉tale的所有name
+      });
+      const selectRef = vue.ref(null);
+      const selectTable = vue.ref(null);
+      const tQueryConditionRef = vue.ref(null);
+      const nowIndex = vue.ref(-1);
+      const tableDataLabelList = vue.computed(() => {
+        return state.tableData.map((item) => item[props.keywords.label]);
+      });
+      vue.watch(
+        () => props.table.data,
+        (val) => {
+          if (props.useVirtual) {
+            saveDATA.value = val;
+            updateRenderData(scrollTopNum.value);
+          } else {
+            state.tableData = val;
+            if (props.multiple && props.multipleDisableDelete) {
+              selectRef.value?.$el?.querySelectorAll(".el-tag").forEach((item) => {
+                if (tableDataLabelList.value?.includes(
+                  item.querySelector(".el-select__tags-text")?.innerText
+                )) {
+                  item.querySelector(".el-tag__close").style = "display: block";
+                } else {
+                  item.querySelector(".el-tag__close").style = "display: none";
+                }
+              });
+            }
+          }
+          vue.nextTick(() => {
+            state.tableData && state.tableData.length > 0 && state.tableData.forEach((item) => {
+              state.tabularMap[item[props.keywords.value]] = item[props.keywords.label];
+            });
+          });
+        },
+        { deep: true }
+      );
+      vue.watch(
+        () => props.defaultSelectVal,
+        (val) => {
+          state.defaultSelectValue = val;
+          if (val.length > 0) {
+            if (props.multiple) {
+              if (isDefaultSelectVal.value) {
+                defaultSelect(state.defaultSelectValue);
+              }
+            } else {
+              defaultSelect(state.defaultSelectValue);
+            }
+          }
+        },
+        { deep: true }
+      );
+      vue.watch(
+        () => props.radioSelectValLabel,
+        (val) => {
+          if (val) findLabel();
+        },
+        { deep: true }
+      );
+      vue.onMounted(() => {
+        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);
+          scrollContainerEl.value?.addEventListener("scroll", handleScroll);
+        }
+        if (props.radioSelectValLabel) findLabel();
+      });
+      const updateRenderData = (scrollTop) => {
+        let startIndex = 0;
+        let offsetHeight = 0;
+        for (let i = 0; i < saveDATA.value.length; i++) {
+          offsetHeight += getItemHeightFromCache(i);
+          if (offsetHeight >= scrollTop) {
+            startIndex = i;
+            break;
+          }
+        }
+        state.tableData = saveDATA.value.slice(startIndex, startIndex + props.virtualShowSize);
+        updateRenderedItemCache(startIndex);
+        updateOffset(offsetHeight - getItemHeightFromCache(startIndex));
+      };
+      const handleScroll = (e) => {
+        scrollTopNum.value = e.target.scrollTop;
+        updateRenderData(scrollTopNum.value);
+      };
+      vue.onBeforeUnmount(() => {
+        if (props.useVirtual) {
+          scrollContainerEl.value?.removeEventListener("scroll", handleScroll);
+        }
+      });
+      vue.onUpdated(() => {
+        if (props.isShowQuery) {
+          selectTable.value.doLayout();
+        }
+      });
+      const visibleChange = (visible) => {
+        isVisible.value = visible;
+        if (isQueryVisible.value) {
+          selectRef.value.expanded = true;
+        }
+        if (visible) {
+          if (state.defaultSelectValue && state.defaultSelectValue.length > 0 && isDefaultSelectVal.value) {
+            defaultSelect(state.defaultSelectValue);
+          }
+          initTableData();
+          if (props.useVirtual) {
+            saveDATA.value = props.table.data;
+            updateRenderData(scrollTopNum.value);
+          }
+        } else {
+          if (tQueryConditionRef.value && props.isShowQuery && props.isClearQuery && !selectRef.value.expanded && !props.selfExpanded) {
+            tQueryConditionRef.value?.resetData();
+          }
+          findLabel();
+          filterMethodHandle("");
+          if (props.useVirtual) {
+            state.tableData = [];
+            saveDATA.value = [];
+          }
+        }
+        if (props.selfExpanded) {
+          selectRef.value.expanded = true;
+        }
+      };
+      const handleEvent = () => {
+        selectRef.value.expanded = true;
+      };
+      const queryVisibleChange = (val) => {
+        isQueryVisible.value = val;
+      };
+      const closeBox = () => {
+        if (tQueryConditionRef.value && props.isShowQuery) {
+          selectRef.value.expanded = true;
+          Object.values(tQueryConditionRef.value?.props?.opts).map((val) => {
+            if (val.comp.includes("select") || val.comp.includes("picker") || val.comp.includes("date")) {
+              val.eventHandle = {
+                "visible-change": ($event) => queryVisibleChange($event)
+              };
+              selectRef.value.expanded = true;
+            }
+          });
+          if (isVisible.value && props.isShowQuery) {
+            selectRef.value.expanded = true;
+          } else {
+            selectRef.value.expanded = false;
+          }
+        }
+      };
+      const attrs = vue.useAttrs();
+      const selectKeyup = (e) => {
+        if (!props.multiple && props.isKeyup && state.tableData.length > 0) {
+          const newIndex = nowIndex.value * 1;
+          const nextIndex = e.keyCode === 40 ? newIndex + 1 : e.keyCode === 38 ? newIndex - 1 : newIndex;
+          const rowHeight = selectTable.value.$el.querySelectorAll(".el-table__row")[0]?.clientHeight || 0;
+          const headerHeight = selectTable.value.$el.querySelectorAll(".el-table__header")[0]?.clientHeight || 0;
+          const attrsMaxHeight = (typeof (attrs["max-height"] || attrs["maxHeight"]) === "number" ? attrs["max-height"] || attrs["maxHeight"] : parseFloat(attrs["max-height"] || attrs["maxHeight"])) || 0;
+          const maxHeight = attrsMaxHeight ? attrsMaxHeight - headerHeight : 0;
+          const height = rowHeight * (nextIndex + 3);
+          const scrollTop = height > maxHeight ? height - maxHeight : 0;
+          if (attrsMaxHeight) {
+            selectTable.value.setScrollTop(scrollTop);
+          }
+          const validNextIndex = Math.max(0, Math.min(nextIndex, state.tableData.length - 1));
+          selectTable.value.setCurrentRow(state.tableData[validNextIndex]);
+          nowIndex.value = validNextIndex;
+          if (e.keyCode === 13) {
+            rowClick(state.tableData[validNextIndex]);
+          }
+        }
+      };
+      const findLabel = () => {
+        vue.nextTick(() => {
+          if (props.multiple) {
+            selectRef.value.selected?.forEach((item) => {
+              item.currentLabel = item.value;
+            });
+          } else {
+            if (props.isRadioEchoLabel) {
+              selectDefaultLabel.value = state.defaultValue && state.defaultValue[props.keywords.label] || props.radioSelectValLabel;
+            } else {
+              selectDefaultLabel.value = state.defaultValue && state.defaultValue[props.keywords.label] || "";
+            }
+          }
+        });
+      };
+      const handlesCurrentChange = (val) => {
+        if (props.multiple) {
+          if (!props.reserveSelection) {
+            clear();
+          }
+        } else {
+          reset();
+        }
+        emits("page-change", val);
+      };
+      const reset = () => {
+        if (!props.multiple) {
+          selectTable.value.setCurrentRow(-1);
+          nowIndex.value = -1;
+          radioVal.value = "";
+          isDefaultSelectVal.value = true;
+          forbidden.value = false;
+        }
+      };
+      const defaultSelect = (defaultSelectVal) => {
+        if (props.multiple) {
+          const multipleList = defaultSelectVal.map((val) => state.tableData.find((row) => row[props.keywords.value] === val)).filter(Boolean);
+          setTimeout(() => {
+            state.defaultValue = multipleList.map((item) => item[props.keywords.label]);
+            multipleList.forEach((row) => {
+              selectTable.value.toggleRowSelection(row, true);
+            });
+            selectRef.value?.selected?.forEach((item) => {
+              item.currentLabel = item.value;
+            });
+          }, 0);
+        } else {
+          setTimeout(() => {
+            const row = state.tableData.find((item) => item[props.keywords.value] === defaultSelectVal[0]);
+            if (row) {
+              radioVal.value = state.tableData.indexOf(row) + 1;
+              state.defaultValue = row;
+              selectDefaultLabel.value = row[props.keywords.label];
+              if (!props.defaultValIsOpenRadioChange) {
+                emits("radioChange", row, row[props.keywords.value]);
+              }
+            }
+          }, 0);
+        }
+      };
+      const handlesSelectionChange = (val) => {
+        isDefaultSelectVal.value = false;
+        state.defaultValue = val.map((item) => item[props.keywords.label]);
+        state.ids = val.map((item) => item[props.keywords.value]);
+        if (val.length === 0) {
+          isDefaultSelectVal.value = true;
+          state.defaultSelectValue = [];
+        }
+        emits("selectionChange", val, state.ids);
+      };
+      const getRowClassName = ({ row }) => {
+        if (!props.multiple && JSON.stringify(row) === JSON.stringify(state.defaultValue)) {
+          return "selected_row_style";
+        }
+        return "";
+      };
+      const getRowKey = (row) => {
+        return row[props.keywords.value];
+      };
+      const filterMethodHandle = (val) => {
+        if (!props.filterable) return;
+        if (props.filterable && props.remote && typeof props.remoteMethod === "function") {
+          props.remoteMethod(val);
+          return;
+        }
+        const tableData = JSON.parse(JSON.stringify(props.table?.data));
+        if (!tableData || tableData.length === 0) return;
+        if (!props.multiple) {
+          if (val) {
+            radioVal.value = "";
+          } else {
+            const defaultIndex = tableData.findIndex(
+              (item) => item[props.keywords.label] === selectDefaultLabel.value
+            );
+            if (defaultIndex !== -1) {
+              radioVal.value = defaultIndex + 1;
+            }
+          }
+        }
+        state.tableData = tableData.filter((item) => {
+          return item[props.keywords.label]?.includes(val);
+        });
+        if (selectDefaultLabel.value) {
+          const defaultIndex = state.tableData.findIndex(
+            (item) => item[props.keywords.label] === selectDefaultLabel.value
+          );
+          if (defaultIndex !== -1) {
+            radioVal.value = defaultIndex + 1;
+          }
+        }
+      };
+      const initTableData = () => {
+        vue.nextTick(() => {
+          if (props.multiple) {
+            state.defaultValue?.forEach((row) => {
+              const matchedRow = state.tableData.find(
+                (item) => item[props.keywords.value] === row[props.keywords.value]
+              );
+              if (matchedRow) {
+                selectTable.value.toggleRowSelection(matchedRow, true);
+              }
+            });
+          } else {
+            const matchedRow = state.tableData?.find(
+              (item) => item[props.keywords.value] === selectDefaultLabel.value
+            );
+            if (matchedRow) {
+              selectTable.value.setCurrentRow(matchedRow);
+            }
+          }
+        });
+      };
+      const copyToClipboard = async (text) => {
+        if (typeof text !== "string" || text.trim() === "") {
+          throw new Error("\u65E0\u6548\u7684\u590D\u5236\u5185\u5BB9");
+        }
+        try {
+          await navigator.clipboard.writeText(text);
+        } catch (error) {
+          if (error.name === "NotAllowedError" || error.name === "SecurityError") {
+            throw new Error("\u590D\u5236\u5931\u8D25\uFF1A\u6743\u9650\u88AB\u62D2\u7EDD");
+          } else {
+            throw new Error("\u590D\u5236\u5931\u8D25\uFF1A\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u6216\u53D1\u751F\u672A\u77E5\u9519\u8BEF");
+          }
+        }
+      };
+      const showMessage = (type, message) => {
+        if (type === "success") {
+          elementPlus.ElMessage.success(message);
+        } else {
+          elementPlus.ElMessage.error(message);
+        }
+      };
+      const cellDblclick = async (row, column) => {
+        const value = row[column.property];
+        try {
+          await copyToClipboard(String(value));
+          showMessage("success", "\u590D\u5236\u6210\u529F");
+        } catch (error) {
+          showMessage("error", error.message || "\u590D\u5236\u5931\u8D25");
+        }
+      };
+      const radioChangeHandle = (event, row, index) => {
+        event.preventDefault();
+        if (row.isRadioDisabled) return;
+        isDefaultSelectVal.value = false;
+        radioClick(row, index);
+      };
+      const isForbidden = () => {
+        forbidden.value = false;
+        setTimeout(() => {
+          forbidden.value = true;
+        }, 0);
+      };
+      const radioClick = (row, index) => {
+        forbidden.value = !forbidden.value;
+        if (radioVal.value === index) {
+          if (!props.radioSameIsCancel) return;
+          clear();
+        } else {
+          updateState(row, index);
+        }
+        if (props.isExpanded && state.defaultValue) {
+          selectDefaultLabel.value = state.defaultValue[props.keywords.label] || "";
+          selectRef.value.expanded = true;
+        } else {
+          blur();
+        }
+      };
+      const updateState = (row, index) => {
+        isForbidden();
+        radioVal.value = index;
+        state.defaultValue = row;
+        emits("radioChange", row, row[props.keywords.value]);
+      };
+      const rowClick = async (row) => {
+        if (row.isRadioDisabled) return;
+        if (!props.rowClickRadio) return;
+        if (!props.multiple) {
+          const rowIndex = props.table?.data.findIndex(
+            (item) => item[props.keywords.value] === row[props.keywords.value]
+          );
+          if (rowIndex !== -1) {
+            isDefaultSelectVal.value = false;
+            await radioClick(row, rowIndex + 1);
+            if (radioVal.value) {
+              isRadio.value = true;
+            } else {
+              isRadio.value = false;
+            }
+          }
+        }
+      };
+      const removeTag = (tag) => {
+        const row = state.tableData.find(
+          (item) => item[props.keywords.label] === tag
+        );
+        row && selectTable.value.toggleRowSelection(row, false);
+        isDefaultSelectVal.value = true;
+      };
+      const clear = () => {
+        const resetDefaultState = () => {
+          isDefaultSelectVal.value = true;
+          state.defaultSelectValue = [];
+          state.defaultValue = props.multiple ? [] : null;
+        };
+        if (!selectTable.value) {
+          console.warn("selectTable.value is not initialized");
+          return;
+        }
+        if (props.multiple === true) {
+          try {
+            selectTable.value.clearSelection();
+          } catch (error) {
+            console.error("Failed to clear selection:", error);
+          }
+          resetDefaultState();
+        } else if (props.multiple === false) {
+          try {
+            selectTable.value.setCurrentRow(-1);
+          } catch (error) {
+            console.error("Failed to set current row:", error);
+          }
+          nowIndex.value = -1;
+          radioVal.value = "";
+          forbidden.value = false;
+          selectDefaultLabel.value = null;
+          resetDefaultState();
+          emits("radioChange", null, null);
+        } else {
+          console.warn("Invalid value for props.multiple:", props.multiple);
+        }
+      };
+      const blur = () => {
+        selectRef.value.blur();
+      };
+      const focus = () => {
+        selectRef.value.focus();
+      };
+      const isShowSlot = (name) => {
+        return Object.keys(slots).includes(name);
+      };
+      __expose({
+        focus,
+        blur,
+        clear,
+        props,
+        state,
+        tQueryConditionRef,
+        selectRef,
+        selectTable
+      });
+      return (_ctx, _cache) => {
+        const _component_el_input = vue.resolveComponent("el-input");
+        const _component_el_button = vue.resolveComponent("el-button");
+        const _component_el_table_column = vue.resolveComponent("el-table-column");
+        const _component_el_radio = vue.resolveComponent("el-radio");
+        const _component_el_table = vue.resolveComponent("el-table");
+        const _component_el_pagination = vue.resolveComponent("el-pagination");
+        const _component_el_select = vue.resolveComponent("el-select");
+        const _directive_loading = vue.resolveDirective("loading");
+        return _ctx.isShowInput ? (vue.openBlock(), vue.createBlock(_component_el_input, vue.mergeProps({
+          key: 0,
+          modelValue: vue.unref(selectInputVal),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(selectInputVal) ? selectInputVal.value = $event : selectInputVal = $event)
+        }, { clearable: true, ..._ctx.inputAttr }, {
+          onFocus: _cache[1] || (_cache[1] = () => emits("input-focus")),
+          onBlur: _cache[2] || (_cache[2] = () => emits("input-blur")),
+          onClick: _cache[3] || (_cache[3] = () => emits("input-click")),
+          onClear: _cache[4] || (_cache[4] = () => emits("input-clear")),
+          style: { width: _ctx.inputWidth ? `${_ctx.inputWidth}px` : "100%" }
+        }), vue.createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          vue.renderList(vue.unref(slots), (_index, name) => {
+            return {
+              name,
+              fn: vue.withCtx((data) => [
+                vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(data)))
+              ])
+            };
+          })
+        ]), 1040, ["modelValue", "style"])) : vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_select, vue.mergeProps({
+          key: 1,
+          ref_key: "selectRef",
+          ref: selectRef,
+          "model-value": _ctx.multiple ? state.defaultValue : selectDefaultLabel.value,
+          "popper-class": "fm-select-table",
+          style: { width: _ctx.selectWidth ? `${_ctx.selectWidth}px` : "100%" },
+          "value-key": _ctx.keywords.value,
+          "filter-method": _ctx.filterMethod || filterMethodHandle,
+          onVisibleChange: visibleChange,
+          onRemoveTag: removeTag,
+          onClear: clear,
+          onKeyup: selectKeyup
+        }, { clearable: true, multiple: _ctx.multiple, filterable: _ctx.filterable, remote: _ctx.remote, remoteMethod: _ctx.remoteMethod, ..._ctx.$attrs }), {
+          empty: vue.withCtx(() => [
+            vue.createElementVNode(
+              "div",
+              {
+                class: "fm-table-select__table",
+                style: vue.normalizeStyle({ width: _ctx.tableWidth ? `${_ctx.tableWidth}px` : "100%" })
+              },
+              [
+                _ctx.isShowQuery ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+                  vue.createVNode(
+                    _sfc_main$4,
+                    vue.mergeProps({
+                      ref_key: "tQueryConditionRef",
+                      ref: tQueryConditionRef,
+                      boolEnter: false,
+                      onHandleEvent: handleEvent
+                    }, _ctx.$attrs),
+                    vue.createSlots({
+                      _: 2
+                      /* DYNAMIC */
+                    }, [
+                      vue.renderList(vue.unref(slots), (_index, name) => {
+                        return {
+                          name,
+                          fn: vue.withCtx((data) => [
+                            vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(data)))
+                          ])
+                        };
+                      }),
+                      _ctx.isShowBlurBtn ? {
+                        name: "querybar",
+                        fn: vue.withCtx(() => [
+                          vue.createVNode(
+                            _component_el_button,
+                            vue.mergeProps({ type: "danger", ..._ctx.btnBind }, { onClick: blur }),
+                            {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode(
+                                  vue.toDisplayString(_ctx.btnBind.btnTxt || "\u5173\u95ED\u4E0B\u62C9\u6846"),
+                                  1
+                                  /* TEXT */
+                                )
+                              ]),
+                              _: 1
+                              /* STABLE */
+                            },
+                            16
+                            /* FULL_PROPS */
+                          ),
+                          vue.renderSlot(_ctx.$slots, "querybar")
+                        ]),
+                        key: "0"
+                      } : void 0
+                    ]),
+                    1040
+                    /* FULL_PROPS, DYNAMIC_SLOTS */
+                  )
+                ])) : vue.createCommentVNode("v-if", true),
+                vue.createElementVNode(
+                  "div",
+                  {
+                    class: "header_wrap",
+                    style: vue.normalizeStyle({ paddingBottom: isShowSlot("toolbar") ? "10px" : 0 })
+                  },
+                  [
+                    vue.renderSlot(_ctx.$slots, "toolbar")
+                  ],
+                  4
+                  /* STYLE */
+                ),
+                vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+                  class: "table_content",
+                  "element-loading-text": _ctx.loadingTxt
+                }, [
+                  vue.createVNode(_component_el_table, vue.mergeProps({
+                    ref_key: "selectTable",
+                    ref: selectTable,
+                    data: state.tableData,
+                    class: {
+                      radioStyle: !_ctx.multiple,
+                      highlightCurrentRow: isRadio.value,
+                      keyUpStyle: _ctx.isKeyup,
+                      fm_select_table_multiple: _ctx.useVirtual && _ctx.multiple,
+                      fm_select_table_radio: _ctx.useVirtual && !_ctx.multiple
+                    },
+                    "row-class-name": getRowClassName,
+                    "row-key": getRowKey,
+                    onRowClick: rowClick,
+                    onCellDblclick: cellDblclick,
+                    onSelectionChange: handlesSelectionChange
+                  }, { border: _ctx.border, size: _ctx.tableSize, "highlight-current-row": true, ..._ctx.$attrs }), {
+                    default: vue.withCtx(() => [
+                      _ctx.multiple ? (vue.openBlock(), vue.createBlock(_component_el_table_column, {
+                        key: 0,
+                        type: "selection",
+                        width: _ctx.tableSize === "large" ? 65 : 55,
+                        align: _ctx.align || "center",
+                        "reserve-selection": _ctx.reserveSelection,
+                        selectable: _ctx.selectable,
+                        fixed: _ctx.multipleFixed
+                      }, null, 8, ["width", "align", "reserve-selection", "selectable", "fixed"])) : vue.createCommentVNode("v-if", true),
+                      !_ctx.multiple && isShowFirstRadio.value ? (vue.openBlock(), vue.createBlock(_component_el_table_column, {
+                        key: 1,
+                        type: "radio",
+                        width: _ctx.tableSize === "large" ? 65 : 55,
+                        label: _ctx.radioTxt,
+                        fixed: _ctx.radioFixed,
+                        align: _ctx.align || "center"
+                      }, {
+                        default: vue.withCtx((scope) => [
+                          vue.createVNode(_component_el_radio, {
+                            modelValue: radioVal.value,
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => radioVal.value = $event),
+                            label: scope.$index + 1,
+                            disabled: scope.row.isRadioDisabled,
+                            onClick: vue.withModifiers(($event) => radioChangeHandle($event, scope.row, scope.$index + 1), ["stop"])
+                          }, null, 8, ["modelValue", "label", "disabled", "onClick"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["width", "label", "fixed", "align"])) : vue.createCommentVNode("v-if", true),
+                      (vue.openBlock(true), vue.createElementBlock(
+                        vue.Fragment,
+                        null,
+                        vue.renderList(_ctx.columns, (item, index) => {
+                          return vue.openBlock(), vue.createBlock(_component_el_table_column, vue.mergeProps({
+                            key: index + "i",
+                            type: item.type,
+                            label: item.label,
+                            prop: item.prop,
+                            "min-width": item["min-width"] || item.minWidth,
+                            width: item.width,
+                            align: item.align || _ctx.align || "center",
+                            fixed: item.fixed
+                          }, { ref_for: true }, { "show-overflow-tooltip": true, ...item.bind }), {
+                            default: vue.withCtx((scope) => [
+                              vue.createCommentVNode(" render\u65B9\u5F0F "),
+                              item.render ? (vue.openBlock(), vue.createBlock(_sfc_main$3, {
+                                key: 0,
+                                column: item,
+                                row: scope.row,
+                                render: item.render,
+                                index: scope.$index
+                              }, null, 8, ["column", "row", "render", "index"])) : vue.createCommentVNode("v-if", true),
+                              vue.createCommentVNode(" \u4F5C\u7528\u57DF\u63D2\u69FD "),
+                              item.slotName ? vue.renderSlot(_ctx.$slots, item.slotName, {
+                                key: 1,
+                                scope
+                              }) : vue.createCommentVNode("v-if", true),
+                              !item.render && !item.slotName ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+                                vue.createElementVNode(
+                                  "span",
+                                  null,
+                                  vue.toDisplayString(scope.row[item.prop]),
+                                  1
+                                  /* TEXT */
+                                )
+                              ])) : vue.createCommentVNode("v-if", true)
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1040, ["type", "label", "prop", "min-width", "width", "align", "fixed"]);
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      )),
+                      vue.renderSlot(_ctx.$slots, "default")
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  }, 16, ["data", "class"]),
+                  _ctx.isShowPagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                    vue.createVNode(_component_el_pagination, vue.mergeProps({
+                      "current-page": _ctx.table.currentPage,
+                      "onUpdate:currentPage": _cache[6] || (_cache[6] = ($event) => _ctx.table.currentPage = $event),
+                      "page-size": _ctx.table.pageSize,
+                      "onUpdate:pageSize": _cache[7] || (_cache[7] = ($event) => _ctx.table.pageSize = $event),
+                      onCurrentChange: handlesCurrentChange,
+                      layout: "total, prev, pager, next, jumper",
+                      "pager-count": _ctx.table["pager-count"] || 5,
+                      total: _ctx.table.total
+                    }, { background: true, size: _ctx.paginationSize || "small", ..._ctx.$attrs }), null, 16, ["current-page", "page-size", "pager-count", "total"])
+                  ])) : vue.createCommentVNode("v-if", true)
+                ], 8, _hoisted_2)), [
+                  [_directive_loading, _ctx.tableLoading]
+                ]),
+                vue.renderSlot(_ctx.$slots, "footer")
+              ],
+              4
+              /* STYLE */
+            )
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 16, ["model-value", "style", "value-key", "filter-method"])), [
+          [vue.unref(vClickOutside), closeBox]
+        ]);
+      };
+    }
+  });
+
   const _hoisted_1 = ["src"];
   var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     ...{
@@ -36684,14 +38542,19 @@
     }
   }
 
-  const FmTransfer = _sfc_main$9;
-  const FmNoticeBar = _sfc_main$8;
+  const FmTransfer = _sfc_main$e;
+  const FmNoticeBar = _sfc_main$d;
   const FmDragImg = dragimg;
-  const Fmselect = _sfc_main$6;
-  const FmAutocomplete = _sfc_main$5;
-  const Fminputdropdown = _sfc_main$4;
-  const Fmdatepicker = _sfc_main$2;
-  const FmTree = _sfc_main$3;
+  const Fmselect = _sfc_main$b;
+  const FmAutocomplete = _sfc_main$a;
+  const Fminputdropdown = _sfc_main$9;
+  const Fmdatepicker = _sfc_main$7;
+  const FmTree = _sfc_main$8;
+  const FmQueryCondition = _sfc_main$4;
+  const FmMoreChoose = _sfc_main$5;
+  const FmRenderComp = _sfc_main$6;
+  const FmSelectTable = _sfc_main$2;
+  const FmRenderCol = _sfc_main$3;
 
   const makeInstaller = (components = []) => {
     const install = (app) => {
@@ -36744,7 +38607,12 @@
     FmAutocomplete,
     Fminputdropdown,
     FmTree,
-    Fmdatepicker
+    Fmdatepicker,
+    FmQueryCondition,
+    FmMoreChoose,
+    FmRenderComp,
+    FmSelectTable,
+    FmRenderCol
   ];
 
   var installer = makeInstaller([...plugins]);
@@ -40217,8 +42085,26 @@
   	      operError: 'An error occurred and the operation failed!'
   	    },
   	    select: {
-  	      search: 'search',
-  	      loadingText: 'loading',
+  	      clear: 'Clear',
+  	      allChecked: 'All',
+  	      total: '{0} / {1}',
+  	      search: 'Search',
+  	      loadingText: 'Loading',
+  	      emptyText: 'No data yet',
+  	      maxOpt: 'The maximum number that can be selected cannot exceed {0}.',
+  	      overSizeErr: 'The maximum selectable quantity of {0} has been exceeded. The excess part will be ignored!',
+  	      searchEmpty: 'No matching data found!'
+  	    },
+  	    tree: {
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    treeSelect: {
+  	      clearChecked: 'Clear',
+  	      allChecked: 'Check all',
+  	      allExpand: 'Expand all',
+  	      clearExpand: 'Collapse all',
+  	      total: 'Selected {0}',
+  	      search: 'Search',
   	      emptyText: 'No data yet'
   	    },
   	    pager: {
@@ -40969,9 +42855,27 @@
   	      operError: 'Ein Fehler ist aufgetreten und die Operation ist fehlgeschlagen!'
   	    },
   	    select: {
+  	      clear: '清除',
+  	      allChecked: '全选',
+  	      total: '{0} / {1}',
   	      search: 'suchen',
   	      loadingText: 'Laden',
-  	      emptyText: 'Noch keine Daten'
+  	      emptyText: 'Noch keine Daten',
+  	      maxOpt: '最大可选择的数量不能超过 {0} 个',
+  	      overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    tree: {
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    treeSelect: {
+  	      clearChecked: '清除',
+  	      allChecked: '全选',
+  	      allExpand: '全部展开',
+  	      clearExpand: '全部收起',
+  	      total: '已选 {0}',
+  	      search: 'Search',
+  	      emptyText: '暂无数据'
   	    },
   	    pager: {
   	      goto: 'Gehen',
@@ -41721,9 +43625,27 @@
   	      operError: '¡Se produjo un error y la operación falló!'
   	    },
   	    select: {
+  	      clear: '清除',
+  	      allChecked: '全选',
+  	      total: '{0} / {1}',
   	      search: 'buscar',
   	      loadingText: 'cargando',
-  	      emptyText: 'Aún no hay datos'
+  	      emptyText: 'Aún no hay datos',
+  	      maxOpt: '最大可选择的数量不能超过 {0} 个',
+  	      overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    tree: {
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    treeSelect: {
+  	      clearChecked: '清除',
+  	      allChecked: '全选',
+  	      allExpand: '全部展开',
+  	      clearExpand: '全部收起',
+  	      total: '已选 {0}',
+  	      search: '搜索',
+  	      emptyText: '暂无数据'
   	    },
   	    pager: {
   	      goto: 'Ir',
@@ -42473,9 +44395,27 @@
   	      operError: "Une erreur s'est produite et l'opération a échoué!"
   	    },
   	    select: {
+  	      clear: '清除',
+  	      allChecked: '全选',
+  	      total: '{0} / {1}',
   	      search: 'recherche',
   	      loadingText: 'chargement',
-  	      emptyText: 'Pas encore de données'
+  	      emptyText: 'Pas encore de données',
+  	      maxOpt: '最大可选择的数量不能超过 {0} 个',
+  	      overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    tree: {
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    treeSelect: {
+  	      clearChecked: '清除',
+  	      allChecked: '全选',
+  	      allExpand: '全部展开',
+  	      clearExpand: '全部收起',
+  	      total: '已选 {0}',
+  	      search: '搜索',
+  	      emptyText: '暂无数据'
   	    },
   	    pager: {
   	      goto: 'Aller',
@@ -43225,9 +45165,27 @@
   	      operError: "Si è verificato un errore e l'operazione non è riuscita!"
   	    },
   	    select: {
+  	      clear: '清除',
+  	      allChecked: '全选',
+  	      total: '{0} / {1}',
   	      search: 'ricerca',
   	      loadingText: 'caricamento',
-  	      emptyText: 'Nessun dati ancora'
+  	      emptyText: 'Nessun dati ancora',
+  	      maxOpt: '最大可选择的数量不能超过 {0} 个',
+  	      overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    tree: {
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    treeSelect: {
+  	      clearChecked: '清除',
+  	      allChecked: '全选',
+  	      allExpand: '全部展开',
+  	      clearExpand: '全部收起',
+  	      total: '已选 {0}',
+  	      search: '搜索',
+  	      emptyText: '暂无数据'
   	    },
   	    pager: {
   	      goto: 'Andare',
@@ -43977,9 +45935,27 @@
   	      operError: 'エラーが発生し、操作が失敗しました！'
   	    },
   	    select: {
+  	      clear: '清除',
+  	      allChecked: '全选',
+  	      total: '{0} / {1}',
   	      search: '検索',
   	      loadingText: '読み込み',
-  	      emptyText: 'まだデータはありません'
+  	      emptyText: 'まだデータはありません',
+  	      maxOpt: '最大可选择的数量不能超过 {0} 个',
+  	      overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    tree: {
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    treeSelect: {
+  	      clearChecked: '清除',
+  	      allChecked: '全选',
+  	      allExpand: '全部展开',
+  	      clearExpand: '全部收起',
+  	      total: '已选 {0}',
+  	      search: '搜索',
+  	      emptyText: '暂无数据'
   	    },
   	    pager: {
   	      goto: '行く',
@@ -44729,9 +46705,27 @@
   	      operError: '오류가 발생했고 작업이 실패했습니다!'
   	    },
   	    select: {
+  	      clear: '清除',
+  	      allChecked: '全选',
+  	      total: '{0} / {1}',
   	      search: '찾다',
   	      loadingText: '로딩',
-  	      emptyText: '아직 데이터가 없습니다'
+  	      emptyText: '아직 데이터가 없습니다',
+  	      maxOpt: '最大可选择的数量不能超过 {0} 个',
+  	      overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    tree: {
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    treeSelect: {
+  	      clearChecked: '清除',
+  	      allChecked: '全选',
+  	      allExpand: '全部展开',
+  	      clearExpand: '全部收起',
+  	      total: '已选 {0}',
+  	      search: '搜索',
+  	      emptyText: '暂无数据'
   	    },
   	    pager: {
   	      goto: '가다',
@@ -45481,9 +47475,27 @@
   	      operError: 'Det oppsto en feil og operasjonen mislyktes!'
   	    },
   	    select: {
+  	      clear: '清除',
+  	      allChecked: '全选',
+  	      total: '{0} / {1}',
   	      search: 'søk',
   	      loadingText: 'lasting',
-  	      emptyText: 'Ingen data ennå'
+  	      emptyText: 'Ingen data ennå',
+  	      maxOpt: '最大可选择的数量不能超过 {0} 个',
+  	      overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    tree: {
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    treeSelect: {
+  	      clearChecked: '清除',
+  	      allChecked: '全选',
+  	      allExpand: '全部展开',
+  	      clearExpand: '全部收起',
+  	      total: '已选 {0}',
+  	      search: '搜索',
+  	      emptyText: '暂无数据'
   	    },
   	    pager: {
   	      goto: 'Gå',
@@ -46233,9 +48245,27 @@
   	      operError: 'Ocorreu um erro e a operação falhou!'
   	    },
   	    select: {
+  	      clear: '清除',
+  	      allChecked: '全选',
+  	      total: '{0} / {1}',
   	      search: 'procurar',
   	      loadingText: 'carregando',
-  	      emptyText: 'Ainda não há dados'
+  	      emptyText: 'Ainda não há dados',
+  	      maxOpt: '最大可选择的数量不能超过 {0} 个',
+  	      overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    tree: {
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    treeSelect: {
+  	      clearChecked: '清除',
+  	      allChecked: '全选',
+  	      allExpand: '全部展开',
+  	      clearExpand: '全部收起',
+  	      total: '已选 {0}',
+  	      search: '搜索',
+  	      emptyText: '暂无数据'
   	    },
   	    pager: {
   	      goto: 'Ir',
@@ -46985,9 +49015,27 @@
   	      operError: 'Произошла ошибка, и операция не удалась!'
   	    },
   	    select: {
+  	      clear: '清除',
+  	      allChecked: '全选',
+  	      total: '{0} / {1}',
   	      search: 'поиск',
   	      loadingText: 'загрузка',
-  	      emptyText: 'Нет данных пока'
+  	      emptyText: 'Нет данных пока',
+  	      maxOpt: '最大可选择的数量不能超过 {0} 个',
+  	      overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    tree: {
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    treeSelect: {
+  	      clearChecked: '清除',
+  	      allChecked: '全选',
+  	      allExpand: '全部展开',
+  	      clearExpand: '全部收起',
+  	      total: '已选 {0}',
+  	      search: '搜索',
+  	      emptyText: '暂无数据'
   	    },
   	    pager: {
   	      goto: 'Идти',
@@ -47737,8 +49785,26 @@
   	      operError: '发生错误，操作失败！'
   	    },
   	    select: {
+  	      clear: '清除',
+  	      allChecked: '全选',
+  	      total: '{0} / {1}',
   	      search: '搜索',
   	      loadingText: '加载中',
+  	      emptyText: '暂无数据',
+  	      maxSize: '最大可选择的数量不能超过 {0} 个',
+  	      overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    tree: {
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    treeSelect: {
+  	      clearChecked: '清除',
+  	      allChecked: '全选',
+  	      allExpand: '全部展开',
+  	      clearExpand: '全部收起',
+  	      total: '已选 {0}',
+  	      search: '搜索',
   	      emptyText: '暂无数据'
   	    },
   	    pager: {
@@ -48491,9 +50557,27 @@
   	      operError: '發生錯誤，操作失敗！'
   	    },
   	    select: {
+  	      clear: '清除',
+  	      allChecked: '全选',
+  	      total: '{0} / {1}',
   	      search: '搜尋',
   	      loadingText: '載入中',
-  	      emptyText: '暫無數據'
+  	      emptyText: '暫無數據',
+  	      maxOpt: '最大可选择的数量不能超过 {0} 个',
+  	      overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    tree: {
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    treeSelect: {
+  	      clearChecked: '清除',
+  	      allChecked: '全选',
+  	      allExpand: '全部展开',
+  	      clearExpand: '全部收起',
+  	      total: '已选 {0}',
+  	      search: '搜索',
+  	      emptyText: '暂无数据'
   	    },
   	    pager: {
   	      goto: '前往',
@@ -49280,9 +51364,27 @@
   	      operError: 'เกิดข้อผิดพลาดและการดำเนินการล้มเหลว!'
   	    },
   	    select: {
+  	      clear: '清除',
+  	      allChecked: '全选',
+  	      total: '{0} / {1}',
   	      search: 'ค้นหา',
   	      loadingText: 'การโหลด',
-  	      emptyText: 'ยังไม่มีข้อมูล'
+  	      emptyText: 'ยังไม่มีข้อมูล',
+  	      maxOpt: '最大可选择的数量不能超过 {0} 个',
+  	      overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    tree: {
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    treeSelect: {
+  	      clearChecked: '清除',
+  	      allChecked: '全选',
+  	      allExpand: '全部展开',
+  	      clearExpand: '全部收起',
+  	      total: '已选 {0}',
+  	      search: '搜索',
+  	      emptyText: '暂无数据'
   	    },
   	    pager: {
   	      goto: 'ไป',
@@ -50032,9 +52134,27 @@
   	      operError: 'Một lỗi đã xảy ra và hoạt động không thành công!'
   	    },
   	    select: {
+  	      clear: '清除',
+  	      allChecked: '全选',
+  	      total: '{0} / {1}',
   	      search: 'tìm kiếm',
   	      loadingText: 'đang tải',
-  	      emptyText: 'Chưa có dữ liệu'
+  	      emptyText: 'Chưa có dữ liệu',
+  	      maxOpt: '最大可选择的数量不能超过 {0} 个',
+  	      overSizeErr: '已超出最大可选数量 {0} 个，超出部分将被忽略！',
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    tree: {
+  	      searchEmpty: '未匹配到数据！'
+  	    },
+  	    treeSelect: {
+  	      clearChecked: '清除',
+  	      allChecked: '全选',
+  	      allExpand: '全部展开',
+  	      clearExpand: '全部收起',
+  	      total: '已选 {0}',
+  	      search: '搜索',
+  	      emptyText: '暂无数据'
   	    },
   	    pager: {
   	      goto: 'Đi',
@@ -53319,10 +55439,16 @@
   const install = installer.install;
 
   exports.AccountTypeEnum = AccountTypeEnum;
+  exports.AppItem = AppItem;
   exports.FmAutocomplete = FmAutocomplete;
   exports.FmDragImg = FmDragImg;
   exports.FmLogin = FmLogin;
+  exports.FmMoreChoose = FmMoreChoose;
   exports.FmNoticeBar = FmNoticeBar;
+  exports.FmQueryCondition = FmQueryCondition;
+  exports.FmRenderCol = FmRenderCol;
+  exports.FmRenderComp = FmRenderComp;
+  exports.FmSelectTable = FmSelectTable;
   exports.FmTransfer = FmTransfer;
   exports.FmTree = FmTree;
   exports.Fmdatepicker = Fmdatepicker;
@@ -53365,6 +55491,8 @@
   exports.formatAxis = formatAxis;
   exports.formatDate = formatDate;
   exports.formatPast = formatPast;
+  exports.getAppItemData = getAppItemData;
+  exports.getAppItemText = getAppItemText;
   exports.getBdate = getBdate;
   exports.getCountryCode = getCountryCode;
   exports.getEdate = getEdate;