@indfnd/common-mobile 0.0.5 → 0.0.6

package/dist/ind-common-mobile.es.js

@@ -2,7 +2,7 @@ import { formatDate, checkIdCard, checkVehicleNo, checkPhone, getDictMapApi, axi
 import { DropdownMenu as DropdownMenu$1, DropdownItem as DropdownItem$1, Message, LoadingBar, Spin } from "view-design";
 import Vue$1 from "vue";
 const name = "@indfnd/common-mobile";
-const version$1 = "0.0.4";
+const version$1 = "0.0.5";
 const author = "huxuetong";
 const publishConfig = {
   registry: "https://registry.npmjs.org/"
@@ -52,7 +52,7 @@ const dependencies = {
   "xlsx-populate": "^1.11.0"
 };
 const devDependencies = {
-  "@indfnd/utils": "^0.0.33",
+  "@indfnd/utils": "^0.0.39",
   eslint: "^3.19.0",
   "eslint-config-prettier": "^8.5.0",
   "eslint-plugin-prettier": "^4.2.1",
@@ -6402,10 +6402,75 @@ var FormImpl = {
           ]
         )
       );
+    } else if (this.formType == "card2") {
+      let titleField = _.remove(renderFieldList, (d) => {
+        return d.isTitle === "true" || d.isTitle === true;
+      })[0];
+      let subTitleField = _.remove(renderFieldList, (d) => {
+        return d.isSubTitle === "true" || d.isSubTitle === true;
+      })[0];
+      formItems.push(
+        h(
+          "Col",
+          {
+            props: {
+              span: 24
+            }
+          },
+          [
+            h(
+              "FormItem",
+              {
+                props: {
+                  labelWidth: 0
+                }
+              },
+              [
+                h(
+                  "div",
+                  {
+                    class: "ind-flex",
+                    style: {
+                      marginBottom: "var(--ind-page-padding-vertical)"
+                    }
+                  },
+                  [
+                    h("div", {
+                      class: "ind-page-icon need-icon ind-flex-no-shrink"
+                    }),
+                    h(
+                      "div",
+                      {
+                        class: "ind-flex-column ind-flex-grow ind-vcenter"
+                      },
+                      [
+                        h(
+                          "div",
+                          {
+                            class: "ind-page-title"
+                          },
+                          [this.form[titleField == null ? void 0 : titleField.formKey]]
+                        ),
+                        h(
+                          "div",
+                          {
+                            class: "ind-page-sub-title"
+                          },
+                          [this.form[subTitleField == null ? void 0 : subTitleField.formKey]]
+                        )
+                      ]
+                    )
+                  ]
+                )
+              ]
+            )
+          ]
+        )
+      );
     }
     let diff = this.fieldList.length - renderFieldList.length;
     _.forEach(renderFieldList, (d, idx) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
       let itemInner;
       if (d.render) {
         itemInner = d.render(h, d, this.form);
@@ -6486,43 +6551,30 @@ var FormImpl = {
             break;
           }
           case "select": {
-            itemInner = h(
-              "Select",
-              {
-                ref: d.formKey,
-                props: {
-                  placeholder: `\u8BF7\u9009\u62E9${d.title}`,
-                  ...d.props,
-                  disabled,
-                  maxTagCount: 1,
-                  multiple: (_d = d.props) == null ? void 0 : _d.multiple,
-                  value: this.form[d.formKey]
-                },
-                on: {
-                  input: (val) => {
-                    this.form[d.formKey] = val;
-                    this.$emit("input", this.form);
-                    const required = d.required instanceof Function ? d.required(this.form) : d.required;
-                    if (required) {
-                      this.$nextTick(() => {
-                        this.$refs.form.validateField(d.formKey);
-                      });
-                    }
+            itemInner = h("IndMInputSelect", {
+              ref: d.formKey,
+              props: {
+                title: d.title,
+                options: d.enumList || ((_d = this.enumData[d.enumKey]) == null ? void 0 : _d.enumList) || [],
+                ...d.props || {},
+                value: this.form[d.formKey],
+                disabled
+              },
+              attrs: {
+                ...d.props,
+                noTriggerInDefault: true
+              },
+              on: {
+                input: (val) => {
+                  this.form[d.formKey] = val;
+                  this.$emit("input", this.form);
+                  const required = d.required instanceof Function ? d.required(this.form) : d.required;
+                  if (required) {
+                    this.$refs.form.validateField(d.formKey);
                   }
                 }
-              },
-              (d.enumList || ((_e = this.enumData[d.enumKey]) == null ? void 0 : _e.enumList) || []).map((d2) => {
-                return h(
-                  "Option",
-                  {
-                    props: {
-                      value: d2.K
-                    }
-                  },
-                  [d2.V]
-                );
-              })
-            );
+              }
+            });
             break;
           }
           case "checkbox": {
@@ -6547,7 +6599,7 @@ var FormImpl = {
                   }
                 }
               },
-              (d.enumList || ((_f = this.enumData[d.enumKey]) == null ? void 0 : _f.enumList) || []).map((d2) => {
+              (d.enumList || ((_e = this.enumData[d.enumKey]) == null ? void 0 : _e.enumList) || []).map((d2) => {
                 return h(
                   "Checkbox",
                   {
@@ -6567,7 +6619,7 @@ var FormImpl = {
               ref: d.formKey,
               props: {
                 ...d.props,
-                options: d.enumList || ((_g = this.enumData[d.enumKey]) == null ? void 0 : _g.enumList) || [],
+                options: d.enumList || ((_f = this.enumData[d.enumKey]) == null ? void 0 : _f.enumList) || [],
                 value: this.form[d.formKey]
               },
               on: {
@@ -6607,7 +6659,7 @@ var FormImpl = {
                   }
                 }
               },
-              (d.enumList || ((_h = this.enumData[d.enumKey]) == null ? void 0 : _h.enumList) || []).map((d2) => {
+              (d.enumList || ((_g = this.enumData[d.enumKey]) == null ? void 0 : _g.enumList) || []).map((d2) => {
                 return h(
                   "Radio",
                   {
@@ -6627,7 +6679,7 @@ var FormImpl = {
               ref: d.formKey,
               props: {
                 value: this.form[d.formKey],
-                type: ((_i = d.props) == null ? void 0 : _i.type) || "date"
+                type: ((_h = d.props) == null ? void 0 : _h.type) || "date"
               },
               attrs: {
                 ...d.props,
@@ -6655,6 +6707,7 @@ var FormImpl = {
             itemInner = h("IndMInputSelect", {
               ref: d.formKey,
               props: {
+                title: d.title,
                 ...d.props || {},
                 value: this.form[d.formKey],
                 disabled
@@ -6719,15 +6772,18 @@ var FormImpl = {
           default: {
             let text = this.form[d.formKey];
             if (d.enumKey) {
-              text = (_k = (_j = this.enumData[d.enumKey]) == null ? void 0 : _j.enumData) == null ? void 0 : _k[text];
+              text = (_j = (_i = this.enumData[d.enumKey]) == null ? void 0 : _i.enumData) == null ? void 0 : _j[text];
             } else if (d.enumList && d.enumList.length) {
-              text = (_m = (_l = d.enumList) == null ? void 0 : _l.find(({ K }) => K === text)) == null ? void 0 : _m.V;
+              text = (_l = (_k = d.enumList) == null ? void 0 : _k.find(({ K }) => K === text)) == null ? void 0 : _l.V;
             } else if (d.enumData) {
-              text = (_n = d.enumData) == null ? void 0 : _n[text];
+              text = (_m = d.enumData) == null ? void 0 : _m[text];
             }
             if (d.dateFormat) {
               text = formatDate(text);
             }
+            if (d.scale !== void 0) {
+              text = isNaN(text) ? text : parseFloat(text).toFixed(d.scale);
+            }
             itemInner = h("span", {}, [
               h(
                 "span",
@@ -6744,6 +6800,28 @@ var FormImpl = {
       let conditionFlag = d.condition instanceof Function ? d.condition(this.form) : d.condition !== false;
       let showMoreFlag = this.formType == "search" ? this.showMore ? true : idx < showMorePosition : true;
       if (conditionFlag && showMoreFlag) {
+        if (d.split === "true") {
+          formItems.push(
+            h(
+              "Col",
+              {
+                props: {
+                  span: 24
+                }
+              },
+              [
+                h("hr", {
+                  style: {
+                    margin: "10px 0 5px 0",
+                    backgroundColor: "#EEEEEE",
+                    height: "1px",
+                    border: "none"
+                  }
+                })
+              ]
+            )
+          );
+        }
         if (["selectbtn", "radio", "checkbox"].includes(d.type)) {
           formItems.push(
             h(
@@ -6882,12 +6960,11 @@ var FormImpl = {
           props: {
             model: this.form,
             rules: this.rules,
-            labelWidth: this.labelWidth || (this.formType == "search" ? this.$config.labelStyle.labelWidthSmall : this.$config.labelStyle.labelWidthLarge),
+            labelWidth: this.formType == "searchMobile" ? 100 : this.labelWidth,
             labelColon: false
           },
           nativeOn: {
             submit: (event) => {
-              console.log("submit trigger");
               event.preventDefault();
               return false;
             }
@@ -42915,18 +42992,7 @@ function renderTable(table) {
       type: d.searchType || "input"
     };
   });
-  let editFormFieldList = columnSrc.filter((d) => {
-    return d.frontHide != "true";
-  }).map((d) => {
-    return {
-      ...d,
-      formKey: d.id,
-      title: d.name,
-      type: d.inputType || null,
-      required: d.required == "true"
-    };
-  });
-  let detailFormFieldList = columnSrc.filter((d) => {
+  let formFieldList = columnSrc.filter((d) => {
     return d.frontHide != "true";
   }).map((d) => {
     return {
@@ -42951,8 +43017,7 @@ function renderTable(table) {
     ...table._attributes,
     columns: columns2,
     searchFormFields,
-    editFormFieldList,
-    detailFormFieldList,
+    formFieldList,
     subTable
   };
 }
@@ -43140,6 +43205,29 @@ function doChangeTheme(theme) {
     body.className = classnames(theme, { ...nowCls, ...removeCls });
   }
 }
+function Debug() {
+  let debuge = "";
+  if (location.search) {
+    let rlt = /debug=([^&]*)/.exec(location.search);
+    if (rlt && rlt.length > 1) {
+      debuge = rlt[1];
+    }
+  }
+  if (debuge == "vConsole") {
+    const script = document.createElement("script");
+    script.src = "vconsole.min.js";
+    script.async = true;
+    document.getElementsByTagName("head")[0].appendChild(script);
+    script.onload = function() {
+      window.vConsole = new VConsole();
+    };
+  } else if (debuge == "chii") {
+    const script = document.createElement("script");
+    script.src = "//chii.liriliri.io/target.js";
+    script.async = true;
+    document.getElementsByTagName("head")[0].appendChild(script);
+  }
+}
 /*!
  * vuex v3.6.2
  * (c) 2021 Evan You
@@ -44080,26 +44168,34 @@ var render$h = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "ind-page-view ind-flex-column" }, [_c("div", { staticClass: "height100 ind-flex-column ind-detail-view-panel", style: { overflow: _vm.hasList ? "hidden" : "auto" } }, [_vm._l(_vm.normalTables, function(table, idx) {
-    return [table.type == "form" ? _c("IndMForm", { key: "table" + idx, attrs: { "fieldList": table.detailFormFieldList, "value": table.dataField ? _vm.form[table.dataField] : _vm.form }, on: { "input": function($event) {
-      return _vm.setForm(table, $event);
-    } } }) : _vm._e(), table.type == "list" ? _c("div", { key: "table" + idx, staticClass: "ind-page" }, [_c("IndMLoadMore", { attrs: { "pageLen": 9999, "datas": table.dataField ? _vm.form[table.dataField] : _vm.form }, scopedSlots: _vm._u([{ key: "item", fn: function(ref) {
-      var item2 = ref.item;
-      return [_c("IndMForm", { attrs: { "fieldList": table.detailFormFieldList, "value": item2 }, on: { "input": function($event) {
+  return _c("div", { staticClass: "ind-page-view ind-flex-column" }, [_c("div", { staticClass: "height100 ind-flex-column ind-detail-view-panel", class: [_vm.hasList ? "" : "ind-page"], style: { overflow: _vm.hasList ? "hidden" : "auto" } }, [_vm._l(_vm.normalTables, function(table, idx) {
+    return [table.type == "form" ? [_vm._t(table.id, function() {
+      return [_c("IndMForm", { key: "table" + idx, class: [_vm.hasList ? "ind-border-none" : ""], attrs: { "formType": table.formType, "fieldList": table.formFieldList, "value": table.dataField ? _vm.form[table.dataField] : _vm.form }, on: { "input": function($event) {
         return _vm.setForm(table, $event);
-      }, "itemClick": _vm.itemClick } })];
-    } }], null, true) })], 1) : _vm._e()];
+      } } })];
+    }, { "table": table })] : _vm._e(), table.type == "list" ? [_vm._t(table.id, function() {
+      return [_c("div", { key: "table" + idx, staticClass: "ind-page", staticStyle: { "padding-top": "0", "padding-bottom": "0" } }, [_c("IndMLoadMore", { attrs: { "pageLen": 9999, "datas": table.dataField ? _vm.form[table.dataField] : _vm.form }, scopedSlots: _vm._u([{ key: "item", fn: function(ref) {
+        var item2 = ref.item;
+        return [_c("IndMForm", { attrs: { "fieldList": table.formFieldList, "value": item2 }, on: { "input": function($event) {
+          return _vm.setForm(table, $event);
+        }, "itemClick": _vm.itemClick } })];
+      } }], null, true) })], 1)];
+    }, { "table": table })] : _vm._e()];
   }), _c("van-collapse", { model: { value: _vm.activeNames, callback: function($$v) {
     _vm.activeNames = $$v;
   }, expression: "activeNames" } }, _vm._l(_vm.collapseTables, function(cTable, idx) {
-    return _c("van-collapse-item", { key: "cTable" + idx, attrs: { "title": cTable.name, "name": idx + "" } }, [cTable.type == "form" ? _c("IndMForm", { attrs: { "fieldList": cTable.detailFormFieldList, "value": cTable.dataField ? _vm.form[cTable.dataField] : _vm.form }, on: { "input": function($event) {
-      return _vm.setForm(cTable, $event);
-    } } }) : _vm._e(), cTable.type == "list" ? _c("div", { staticClass: "ind-page" }, [_c("IndMLoadMore", { attrs: { "pageLen": 9999, "datas": cTable.dataField ? _vm.form[cTable.dataField] : _vm.form }, scopedSlots: _vm._u([{ key: "item", fn: function(ref) {
-      var item2 = ref.item;
-      return [_c("IndMForm", { attrs: { "fieldList": cTable.detailFormFieldList, "value": item2 }, on: { "input": function($event) {
+    return _c("van-collapse-item", { key: "cTable" + idx, attrs: { "title": cTable.name, "name": idx + "" } }, [cTable.type == "form" ? [_vm._t(cTable.id, function() {
+      return [_c("IndMForm", { class: [_vm.hasList ? "ind-border-none" : ""], attrs: { "formType": cTable.formType, "fieldList": cTable.formFieldList, "value": cTable.dataField ? _vm.form[cTable.dataField] : _vm.form }, on: { "input": function($event) {
         return _vm.setForm(cTable, $event);
-      }, "itemClick": _vm.itemClick } })];
-    } }], null, true) })], 1) : _vm._e()], 1);
+      } } })];
+    }, { "table": cTable })] : _vm._e(), cTable.type == "list" ? [_vm._t(cTable.id, function() {
+      return [_c("div", { staticClass: "ind-page", staticStyle: { "padding-top": "0", "padding-bottom": "0" } }, [_c("IndMLoadMore", { attrs: { "pageLen": 9999, "datas": cTable.dataField ? _vm.form[cTable.dataField] : _vm.form }, scopedSlots: _vm._u([{ key: "item", fn: function(ref) {
+        var item2 = ref.item;
+        return [_c("IndMForm", { attrs: { "fieldList": cTable.formFieldList, "value": item2 }, on: { "input": function($event) {
+          return _vm.setForm(cTable, $event);
+        }, "itemClick": _vm.itemClick } })];
+      } }], null, true) })], 1)];
+    }, { "table": cTable })] : _vm._e()], 2);
   }), 1)], 2), _vm._t("bottom", function() {
     return [_vm.bottom || _vm.$slots.bottom ? _c("div", { staticClass: "ind-bottom-btn ind-flex ind-flex-no-shrink ind-space-between" }, [_c("IndButtonGroup", { attrs: { "split": "", "right": "" } }, [_c("IndButton", { attrs: { "bizType": "primary" }, on: { "click": _vm.save } }, [_vm._v(" \u4FDD\u5B58 ")]), _c("IndButton", { attrs: { "bizType": "primary" }, on: { "click": _vm.submit } }, [_vm._v(" \u63D0\u4EA4 ")])], 1)], 1) : _vm._e()];
   }), _c("IndMLoadingPanel", { attrs: { "loading": _vm.loadingComp || _vm.loading } }), _vm._t("default")], 2);
@@ -44108,6 +44204,7 @@ var staticRenderFns$h = [];
 const __vue2_script$h = {
   name: "IndMPageView",
   props: {
+    readonly: Boolean,
     formValue: Object,
     dataApi: Function,
     params: {
@@ -44139,10 +44236,12 @@ const __vue2_script$h = {
       loadingComp: false,
       form: {},
       subTable: [],
-      activeNames: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"]
+      activeNames: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"],
+      updating: false
     };
   },
   created() {
+    this.form = this.formValue;
     this.initConfig();
     this.initData();
   },
@@ -44161,7 +44260,21 @@ const __vue2_script$h = {
     },
     form: {
       handler: function() {
+        this.updating = true;
+        console.log("form change", this.form);
         this.$emit("update:formValue", this.form);
+        this.$nextTick(() => {
+          this.updating = false;
+        });
+      },
+      deep: true
+    },
+    formValue: {
+      handler: function() {
+        if (!this.updating) {
+          console.log("formValue change", this.formValue);
+          this.form = this.formValue;
+        }
       },
       deep: true
     }
@@ -44175,18 +44288,20 @@ const __vue2_script$h = {
         this.subTable = this.configList;
       }
     },
-    async initData() {
+    initData: _.debounce(async function() {
       this.loadingComp = true;
       try {
         if (this.dataApi) {
-          const { data: data49 } = await this.dataApi(this.params);
-          this.form = data49;
+          const resp = await this.dataApi(this.params);
+          if (resp == null ? void 0 : resp.data) {
+            this.form = resp == null ? void 0 : resp.data;
+          }
         }
       } catch (e) {
         console.log("initData e", e);
       }
       this.loadingComp = false;
-    },
+    }, 2),
     setForm(table, data49) {
       let field = table.dataField;
       if (table.type == "form") {
@@ -44239,10 +44354,12 @@ var render$g = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "ind-page-view ind-flex-column" }, [_c("IndMSearch", { attrs: { "value": _vm.searchForm, "showFilter": _vm.searchFormFields && _vm.searchFormFields.length > 0, "fieldList": _vm.searchFormFields }, on: { "doSearch": _vm.doSearch } }), _c("div", { staticClass: "ind-page" }, [_c("IndMLoadMore", { attrs: { "datas": _vm.rows }, scopedSlots: _vm._u([{ key: "item", fn: function(ref) {
+  return _c("div", { staticClass: "ind-page-view ind-flex-column" }, [_c("IndMSearch", { attrs: { "value": _vm.searchForm, "showFilter": _vm.searchFormFields && _vm.searchFormFields.length > 0, "fieldList": _vm.searchFormFields }, on: { "doSearch": _vm.doSearch } }), _c("div", { staticClass: "ind-page" }, [_c("IndMLoadMore", { attrs: { "datas": _vm.rows, "dataUrl": _vm.dataUrl, "params": _vm.searchForm }, scopedSlots: _vm._u([{ key: "item", fn: function(ref) {
     var item2 = ref.item;
-    return [_c("IndMForm", { attrs: { "fieldList": _vm.detailFormFieldList, "cardBtns": _vm.cardBtns, "value": item2, "formType": "card" } })];
-  } }]) })], 1), _vm._t("bottom", function() {
+    return [_vm._t("item", function() {
+      return [_c("IndMForm", { attrs: { "fieldList": _vm.formFieldList, "cardBtns": _vm.cardBtns, "value": item2, "formType": "card" } })];
+    }, { "item": item2 })];
+  } }], null, true) })], 1), _vm._t("bottom", function() {
     return [_vm.bottom || _vm.pageBtnText || _vm.btnText ? _c("div", { staticClass: "ind-bottom-btn ind-flex ind-flex-no-shrink ind-space-between" }, [_c("IndButton", { attrs: { "bizType": "primary" }, on: { "click": function($event) {
       return _vm.$emit("bottomClick");
     } } }, [_vm._v(" " + _vm._s(_vm.pageBtnText || _vm.btnText || "\u65B0\u589E") + " ")])], 1) : _vm._e()];
@@ -44264,20 +44381,15 @@ const __vue2_script$g = {
     searchForm: Object,
     cardFields: Array
   },
-  computed: {
-    title() {
-      return this.$route.meta.title;
-    }
-  },
   data() {
     return {
+      dataUrl: null,
       loadingComp: false,
       rows: [],
       pageBtnText: "",
       columns: [],
       searchFormFields: [],
-      editFormFieldList: [],
-      detailFormFieldList: [],
+      formFieldList: [],
       subTable: []
     };
   },
@@ -44297,16 +44409,10 @@ const __vue2_script$g = {
     initConfig() {
       var _a, _b;
       if (this.xmlInfo) {
-        const {
-          pageBtnText,
-          columns: columns2,
-          searchFormFields,
-          editFormFieldList,
-          detailFormFieldList,
-          subTable
-        } = generateConfigByXml(this.xmlInfo);
+        const { dataUrl, pageBtnText, columns: columns2, searchFormFields, formFieldList, subTable } = generateConfigByXml(this.xmlInfo);
         this.pageBtnText = pageBtnText;
         this.columns = columns2;
+        this.dataUrl = dataUrl;
         if ((_a = this.searchFormFieldsExt) == null ? void 0 : _a.length) {
           _.forEach(this.searchFormFieldsExt, (d) => {
             let srcInfo = _.find(searchFormFields, { formKey: d.formKey });
@@ -44316,19 +44422,18 @@ const __vue2_script$g = {
         this.searchFormFields = searchFormFields;
         if ((_b = this.cardFieldsExt) == null ? void 0 : _b.length) {
           _.forEach(this.cardFieldsExt, (d) => {
-            let srcInfo = _.find(detailFormFieldList, { formKey: d.formKey });
+            let srcInfo = _.find(formFieldList, { formKey: d.formKey });
             _.merge(srcInfo, d);
           });
         }
-        this.detailFormFieldList = detailFormFieldList;
-        this.editFormFieldList = editFormFieldList;
+        this.formFieldList = formFieldList;
         this.subTable = subTable;
       } else {
         this.searchFormFields = this.searchFields;
-        this.detailFormFieldList = this.cardFields;
+        this.formFieldList = this.cardFields;
       }
     },
-    async initData() {
+    initData: _.debounce(async function() {
       this.loadingComp = true;
       try {
         if (this.dataApi) {
@@ -44339,9 +44444,10 @@ const __vue2_script$g = {
         console.log("init data e", e);
       }
       this.loadingComp = false;
-    },
-    doSearch(searchParams) {
+    }, 5),
+    async doSearch(searchParams) {
       this.$emit("update:searchForm", searchParams);
+      await this.$nextTick();
       this.initData();
     }
   }
@@ -44371,14 +44477,15 @@ var render$f = function() {
   var _c = _vm._self._c || _h;
   return _c("van-popup", { style: { width: "100%", height: "100vh" }, attrs: { "value": _vm.value, "position": "right", "get-container": "body" }, on: { "input": function($event) {
     return _vm.$emit("input", $event);
-  } } }, [_c("div", { staticClass: "height100 ind-basic-layout ind-flex-column" }, [_c("van-nav-bar", { staticClass: "ind-flex-no-shrink", attrs: { "title": _vm.$route.meta.title, "left-text": "\u8FD4\u56DE", "left-arrow": "" }, on: { "click-left": function($event) {
+  } } }, [_c("div", { staticClass: "height100 ind-basic-layout ind-flex-column" }, [_c("van-nav-bar", { staticClass: "ind-flex-no-shrink", attrs: { "title": _vm.title || _vm.$route.meta.title, "left-text": "\u8FD4\u56DE", "left-arrow": "" }, on: { "click-left": function($event) {
     return _vm.$emit("input", false);
   } } }), _c("div", { staticClass: "ind-main-content-wrapper ind-flex-grow" }, [_vm._t("default")], 2)], 1)]);
 };
 var staticRenderFns$f = [];
 const __vue2_script$f = {
   props: {
-    value: Boolean
+    value: Boolean,
+    title: String
   },
   data() {
     return {};
@@ -62461,7 +62568,7 @@ var render$d = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "ind-login app-page" }, [_c("div", { staticClass: "ind-login-con" }, [_c("div", { staticClass: "ind-panel" }, [_c("div", { staticClass: "ind-panel-title" }, [_vm._v("\u6B22\u8FCE\u767B\u5F55")]), _c("LoginForm", { ref: "login", attrs: { "msg": _vm.msg, "loading": _vm.loading }, on: { "on-success-valid": _vm.handleSubmit } })], 1)])]);
+  return _c("div", { staticClass: "ind-login" }, [_c("div", { staticClass: "ind-login-con" }, [_c("div", { staticClass: "ind-panel" }, [_c("div", { staticClass: "ind-panel-title" }, [_vm._v("\u6B22\u8FCE\u767B\u5F55")]), _c("LoginForm", { ref: "login", attrs: { "msg": _vm.msg, "loading": _vm.loading }, on: { "on-success-valid": _vm.handleSubmit } })], 1)])]);
 };
 var staticRenderFns$d = [];
 const __vue2_script$d = {
@@ -62609,6 +62716,17 @@ const __vue2_script$b = {
       searchForm: {}
     };
   },
+  created() {
+    this.searchForm = this.value;
+  },
+  watch: {
+    value: {
+      handler: function() {
+        this.searchForm = this.value;
+      },
+      deep: true
+    }
+  },
   methods: {
     showCondition() {
       this.displayCondition = true;
@@ -62646,22 +62764,23 @@ var render$a = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("van-popup", { style: { width: "100%", height: "100%" }, attrs: { "value": _vm.show, "position": "right", "lazy-render": false, "get-container": "body" }, on: { "input": function($event) {
-    return _vm.$emit("update:show", $event);
-  } } }, [_c("div", { staticClass: "ind-vcenter", staticStyle: { "width": "100%", "height": "100vh" } }, [_c("van-search", { staticClass: "ind-flex-no-shrink", attrs: { "placeholder": "\u8BF7\u8F93\u5165\u641C\u7D22\u5173\u952E\u8BCD" }, on: { "search": _vm.doSearch }, model: { value: _vm.searchVal, callback: function($$v) {
+  return _c("van-popup", { style: { width: "100%", height: "100%" }, attrs: { "value": _vm.show, "position": "right", "lazy-render": true, "get-container": "body" }, on: { "opened": _vm.getTableData } }, [_c("div", { staticClass: "ind-select-panel ind-vcenter", staticStyle: { "width": "100%", "height": "100vh" } }, [_c("van-nav-bar", { staticClass: "ind-flex-no-shrink", attrs: { "title": "\u8BF7\u9009\u62E9" + _vm.title, "left-text": "\u8FD4\u56DE", "left-arrow": "" }, on: { "click-left": _vm.cancel } }), _c("div", { staticClass: "ind-main-content-wrapper ind-flex-grow ind-vcenter" }, [_c("van-search", { staticClass: "ind-flex-no-shrink", staticStyle: { "position": "relative", "z-index": "3" }, attrs: { "placeholder": "\u8BF7\u8F93\u5165\u641C\u7D22\u5173\u952E\u8BCD" }, on: { "search": _vm.doSearch }, model: { value: _vm.searchVal, callback: function($$v) {
     _vm.searchVal = $$v;
-  }, expression: "searchVal" } }), _c("IndTable", { ref: "table", attrs: { "dataApi": _vm.selectDataApi, "columns": _vm.columnsData, "rowKey": _vm.selectRowKey, "showTableOption": false, "groupDefaultExpanded": 3, "disablePage": "" } }), _c("div", { staticClass: "ind-flex-no-shrink" }, [_c("IndButtonGroup", { attrs: { "split": "", "right": "" } }, [_c("IndButton", { attrs: { "bizType": "cancel" }, on: { "click": _vm.cancel } }, [_vm._v("\u53D6\u6D88")]), _c("IndButton", { attrs: { "bizType": "primary" }, on: { "click": _vm.confirm } }, [_vm._v("\u786E\u8BA4")])], 1)], 1)], 1)]);
+  }, expression: "searchVal" } }), _c("IndTable", { ref: "table", attrs: { "rowClick": "", "rowMultiSelectWithClick": _vm.multiple, "isRowSelectable": _vm.isRowSelectable, "groupSelectsChildren": _vm.multiple, "showBottom": false, "dataApi": _vm.selectDataApi, "columns": _vm.columnsData, "rowKey": _vm.selectRowKey, "showTableOption": false, "groupDefaultExpanded": 3, "disablePage": "" } }), _c("div", { staticClass: "ind-bottom-btn ind-flex ind-flex-no-shrink ind-space-between", staticStyle: { "position": "absolute", "bottom": "0" } }, [_c("IndButton", { attrs: { "bizType": "cancel" }, on: { "click": _vm.cancel } }, [_vm._v("\u53D6\u6D88")]), _c("IndButton", { attrs: { "bizType": "primary" }, on: { "click": _vm.confirm } }, [_vm._v("\u786E\u8BA4")])], 1)], 1)], 1)]);
 };
 var staticRenderFns$a = [];
 const __vue2_script$a = {
   props: {
+    title: String,
     show: Boolean,
     value: Array,
     type: String,
     multiple: Boolean,
+    options: Array,
     dataApi: Function,
     columns: Array,
-    rowKey: String
+    rowKey: String,
+    defaultVisible: Boolean
   },
   data() {
     return {
@@ -62670,7 +62789,8 @@ const __vue2_script$a = {
       rows: [],
       selectRowKey: "",
       selectDataApi: null,
-      columnsData: []
+      columnsData: [],
+      dataInited: false
     };
   },
   created() {
@@ -62682,15 +62802,27 @@ const __vue2_script$a = {
     },
     multiple() {
       this.initConfig();
+    },
+    searchVal() {
+      this.doSearch();
+    },
+    dataApi() {
+      this.initConfig();
     }
   },
   methods: {
+    isRowSelectable(params) {
+      return this.multiple || !this.multiple && !(params.data.children && params.data.children.length);
+    },
     async initConfig() {
+      this.dataInited = false;
       if (!this.type) {
         this.selectDataApi = this.dataApi;
         this.columnsData = this.columns;
         this.selectRowKey = this.rowKey;
-        console.log("this.type", this.type);
+        if (this.defaultVisible) {
+          this.getTableData();
+        }
         return;
       }
       const apiEnum = {
@@ -62706,6 +62838,8 @@ const __vue2_script$a = {
             field: "title",
             align: "left",
             tree: true,
+            showDisabledCheckboxes: true,
+            cellClass: this.multiple ? "" : "ind-radio",
             cellRendererParams: {
               checkbox: true
             }
@@ -62717,24 +62851,30 @@ const __vue2_script$a = {
         comTree: "id"
       };
       this.selectRowKey = rowKeyEnum[this.type];
-      setTimeout(() => {
-        var _a;
-        (_a = this.$refs.table) == null ? void 0 : _a.tableRefresh();
-      }, 1);
-    },
-    doSearch() {
-      console.log("doSearch");
+      if (this.defaultVisible) {
+        this.getTableData();
+      }
     },
+    doSearch: _.debounce(function() {
+      this.$refs.table.gridApi.setQuickFilter(this.searchVal);
+    }, 5),
     cancel() {
-      console.log("cancel");
       this.$emit("update:show", false);
     },
     confirm() {
       var _a;
-      console.log("confirm");
       let selectedRows = (_a = this.$refs.table) == null ? void 0 : _a.getSelection();
       this.$emit("input", selectedRows);
       this.$emit("update:show", false);
+    },
+    getTableData() {
+      if (this.dataInited)
+        return;
+      setTimeout(() => {
+        var _a, _b;
+        this.dataInited = true;
+        (_b = (_a = this.$refs) == null ? void 0 : _a.table) == null ? void 0 : _b.tableRefresh();
+      }, 2);
     }
   }
 };
@@ -62763,21 +62903,23 @@ var render$9 = function() {
   var _c = _vm._self._c || _h;
   return _c("div", { staticClass: "ind-input-select" }, [_c("Input", { staticClass: "selected-input", class: { readonly: _vm.readonly }, attrs: { "value": _vm.selectedTitles, "title": _vm.selectedTitles, "icon": _vm.readonly ? "" : _vm.inputIcon, "placeholder": "\u8BF7\u9009\u62E9", "readonly": "" }, nativeOn: { "click": function($event) {
     _vm.visible = true;
-  } } }), _c("IndMSelectPanel", { attrs: { "multiple": _vm.showCheckbox, "show": _vm.visible, "value": _vm.value, "type": _vm.type }, on: { "update:show": function($event) {
+  } } }), _c("IndMSelectPanel", _vm._b({ attrs: { "defaultVisible": _vm.defaultVisible, "title": _vm.title, "multiple": _vm.showCheckbox || _vm.multiple, "show": _vm.visible, "value": _vm.value, "type": _vm.type, "dataApi": _vm.dataApiComp, "columns": _vm.columnsComp, "rowKey": _vm.rowKeyComp }, on: { "update:show": function($event) {
     _vm.visible = $event;
   }, "input": function($event) {
     return _vm.$emit("input", $event);
-  } } })], 1);
+  } } }, "IndMSelectPanel", Object.assign({}, _vm.$attrs), false))], 1);
 };
 var staticRenderFns$9 = [];
 const __vue2_script$9 = {
   inheritAttrs: false,
   props: {
+    title: String,
     type: {
       type: String,
-      default: "comTree"
+      default: ""
     },
     multiple: Boolean,
+    options: Array,
     value: Array,
     defaultValue: Array,
     defaultVisible: Boolean,
@@ -62786,7 +62928,10 @@ const __vue2_script$9 = {
     readonly: Boolean,
     showCheckbox: Boolean,
     expandAll: Boolean,
-    defaultExpandLevel: Number
+    defaultExpandLevel: Number,
+    dataApi: Function,
+    columns: Array,
+    rowKey: String
   },
   data() {
     return {
@@ -62798,6 +62943,58 @@ const __vue2_script$9 = {
       inputIcon: "ios-arrow-forward"
     };
   },
+  computed: {
+    dataApiComp: function() {
+      var _a;
+      if (this.dataApi) {
+        return this.dataApi;
+      } else if ((_a = this.options) == null ? void 0 : _a.length) {
+        return () => {
+          return Promise.resolve({
+            data: this.options
+          });
+        };
+      } else {
+        return null;
+      }
+    },
+    columnsComp: function() {
+      var _a;
+      if (this.columns) {
+        return this.columns;
+      } else if ((_a = this.options) == null ? void 0 : _a.length) {
+        return [
+          {
+            headerName: "\u9009\u62E9",
+            minWidth: 40,
+            width: 50,
+            showDisabledCheckboxes: true,
+            type: this.multiple ? "checkbox" : "radio"
+          },
+          {
+            headerName: "\u9009\u9879",
+            minWidth: 100,
+            flex: 1,
+            field: "V",
+            align: "left",
+            showDisabledCheckboxes: true
+          }
+        ];
+      } else {
+        return null;
+      }
+    },
+    rowKeyComp: function() {
+      var _a;
+      if (this.rowKey) {
+        return this.rowKey;
+      } else if ((_a = this.options) == null ? void 0 : _a.length) {
+        return "K";
+      } else {
+        return null;
+      }
+    }
+  },
   created() {
     this.visible = this.defaultVisible;
   },
@@ -62827,10 +63024,15 @@ const __vue2_script$9 = {
       this.searchNum = data49;
     },
     updateSelectedTitles() {
+      var _a;
       let tempNodes = _.filter(this.value, (d) => {
         return !d.children || d.children.length == 0;
       });
-      this.selectedTitles = _.join(_.map(tempNodes, "title"), ",");
+      let textField = "title";
+      if (((_a = this.columnsComp) == null ? void 0 : _a.length) > 1) {
+        textField = this.columnsComp[1].field;
+      }
+      this.selectedTitles = (tempNodes == null ? void 0 : tempNodes.length) ? (tempNodes == null ? void 0 : tempNodes.length) == 1 ? tempNodes[0][textField] : "\u5171\u9009\u62E9" + ((tempNodes == null ? void 0 : tempNodes.length) || 0) + "\u4E2A" + this.title : "";
     },
     setSelectedTitles(title4) {
       this.selectedTitles = title4;
@@ -62863,7 +63065,7 @@ var render$8 = function() {
   return _c("div", { staticClass: "item-select-btn-panel" }, [_vm.multiple ? _c("div", { class: ["ind-item-btn", _vm.allChecked ? "checked" : ""], on: { "click": _vm.toggleAll } }, [_vm._v(" \u5168\u9009 ")]) : _vm._e(), _vm._l(_vm.options, function(item2, idx) {
     return _c("div", { key: "item" + idx, class: [
       "ind-item-btn",
-      !_vm.multiple && _vm.value == item2.K || _vm.multiple && _vm.value.includes(item2.K) ? "checked" : ""
+      !_vm.multiple && _vm.value == item2.K || _vm.multiple && _vm.value && _vm.value.includes(item2.K) ? "checked" : ""
     ], on: { "click": function($event) {
       return _vm.toggle(item2);
     } } }, [_vm._v(" " + _vm._s(item2.V) + " ")]);
@@ -62881,7 +63083,8 @@ const __vue2_script$8 = {
   },
   computed: {
     allChecked: function() {
-      return this.multiple && this.options.length == this.value.length;
+      var _a, _b;
+      return this.multiple && ((_a = this.options) == null ? void 0 : _a.length) == ((_b = this.value) == null ? void 0 : _b.length);
     }
   },
   methods: {
@@ -67977,7 +68180,7 @@ const __vue2_script = {
     vconsoleChecked: function() {
       if (this.vconsoleChecked) {
         const script = document.createElement("script");
-        script.src = "https://cdn.bootcdn.net/ajax/libs/vConsole/3.3.4/vconsole.min.js";
+        script.src = "vconsole.min.js";
         script.async = true;
         document.getElementsByTagName("head")[0].appendChild(script);
         script.onload = function() {
@@ -68169,7 +68372,15 @@ function createMacroBasicRoutes({ homeComponent, rootChildren } = {}) {
   if (rootChildren && rootChildren.length) {
     rootRouteTemp.children.push(...rootChildren);
   }
-  return [rootRouteTemp, loginRoute, userRoute, settingRoute, appsRoute, appsEditRoute, notFoundRoute];
+  return [
+    rootRouteTemp,
+    loginRoute,
+    userRoute,
+    settingRoute,
+    appsRoute,
+    appsEditRoute,
+    notFoundRoute
+  ];
 }
 function createMicroBasicRoutes({ rootChildren } = {}) {
   const rootRouteTemp = _.cloneDeep(rootRoute);
@@ -68360,6 +68571,7 @@ async function renderRoutes({ router, store: store2, microType, allowPermissionL
   }
 }
 function addRouterGuards({ router, store: store2, microType, allowPermissionList }) {
+  Debug();
   const LOGIN_PAGE_NAME = config.loginRouteName;
   const routerOptionsBak = _.cloneDeep(router.options);
   window.sessionNotValidHandler = function() {
@@ -68749,7 +68961,6 @@ const install = function(Vue2, opts = { theme: "" }) {
   Object.keys(directives).forEach((key) => {
     Vue2.directive(key, directives[key]);
   });
-  Vue2.prototype.$Modal = void 0;
 };
 if (typeof window !== "undefined" && window.Vue) {
   install(window.Vue);