@indfnd/common-mobile 0.0.6 → 0.0.7

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.0.7](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/compare/v0.0.6...v0.0.7) (2024-03-14)
+
+
+### Features
+
+* 组件初始化 ([93e740c](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/commit/93e740c7b974271dc1974594ef07f407ce087b81))
+* 组件init ([c68d3d4](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/commit/c68d3d4d409fd872cd8e7375d49d49ed95d35206))
+* init ([3e792d2](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/commit/3e792d29194f0a13530ef148d49eae342384d7bd))
+* init ([f4d7452](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/commit/f4d745296b2d3ab9f4e2aa465c3f9ba4b93594a6))
+* init ([d32064f](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/commit/d32064f9020c93b1fffb591b7344b289469f00db))
+
 ### [0.0.6](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/compare/v0.0.5...v0.0.6) (2024-03-11)
 
 

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.5";
+const version$1 = "0.0.6";
 const author = "huxuetong";
 const publishConfig = {
   registry: "https://registry.npmjs.org/"
@@ -6308,6 +6308,7 @@ var FormImpl = {
     }
   },
   render(h) {
+    var _a, _b, _c, _d, _e, _f;
     let formItems = [];
     let spanList;
     if (this.formType == "search") {
@@ -6337,10 +6338,19 @@ var FormImpl = {
       let statusField = _.remove(renderFieldList, (d) => {
         return d.isStatus === "true" || d.isStatus === true;
       })[0];
+      let statusText = this.form[statusField == null ? void 0 : statusField.formKey];
+      if (statusField.enumKey) {
+        statusText = (_b = (_a = this.enumData[statusField == null ? void 0 : statusField.enumKey]) == null ? void 0 : _a.enumData) == null ? void 0 : _b[statusText];
+      } else if ((statusField == null ? void 0 : statusField.enumList) && ((_c = statusField == null ? void 0 : statusField.enumList) == null ? void 0 : _c.length)) {
+        statusText = (_e = (_d = statusField.enumList) == null ? void 0 : _d.find(({ K }) => K === statusText)) == null ? void 0 : _e.V;
+      } else if (statusField.enumData) {
+        statusText = (_f = statusField.enumData) == null ? void 0 : _f[statusText];
+      }
       formItems.push(
         h(
           "Col",
           {
+            class: "ind-card-title",
             props: {
               span: 24
             }
@@ -6363,9 +6373,6 @@ var FormImpl = {
                     }
                   },
                   [
-                    h("div", {
-                      class: "ind-page-icon need-icon ind-flex-no-shrink"
-                    }),
                     h(
                       "div",
                       {
@@ -6384,16 +6391,18 @@ var FormImpl = {
                           {
                             class: "ind-page-sub-title"
                           },
-                          [this.form[subTitleField == null ? void 0 : subTitleField.formKey]]
+                          [
+                            (subTitleField == null ? void 0 : subTitleField.dateFormat) ? formatDate(this.form[subTitleField == null ? void 0 : subTitleField.formKey]) : this.form[subTitleField == null ? void 0 : subTitleField.formKey]
+                          ]
                         )
                       ]
                     ),
                     h(
                       "div",
                       {
-                        class: "ind-status ind-flex-no-shrink " + (statusField.class instanceof Function ? statusField.class(this.form) : statusField.class)
+                        class: "ind-status ind-flex-no-shrink " + ((statusField == null ? void 0 : statusField.class) instanceof Function ? statusField == null ? void 0 : statusField.class(this.form) : statusField == null ? void 0 : statusField.class)
                       },
-                      [this.form[statusField == null ? void 0 : statusField.formKey]]
+                      [statusText]
                     )
                   ]
                 )
@@ -6413,6 +6422,7 @@ var FormImpl = {
         h(
           "Col",
           {
+            class: "ind-card-title",
             props: {
               span: 24
             }
@@ -6435,9 +6445,6 @@ var FormImpl = {
                     }
                   },
                   [
-                    h("div", {
-                      class: "ind-page-icon need-icon ind-flex-no-shrink"
-                    }),
                     h(
                       "div",
                       {
@@ -6456,7 +6463,9 @@ var FormImpl = {
                           {
                             class: "ind-page-sub-title"
                           },
-                          [this.form[subTitleField == null ? void 0 : subTitleField.formKey]]
+                          [
+                            (subTitleField == null ? void 0 : subTitleField.formatDate) ? formatDate(this.form[subTitleField == null ? void 0 : subTitleField.formKey]) : this.form[subTitleField == null ? void 0 : subTitleField.formKey]
+                          ]
                         )
                       ]
                     )
@@ -6470,7 +6479,7 @@ var FormImpl = {
     }
     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;
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i, _j, _k, _l, _m;
       let itemInner;
       if (d.render) {
         itemInner = d.render(h, d, this.form);
@@ -6514,11 +6523,11 @@ var FormImpl = {
               },
               on: {
                 "on-blur": (event) => {
-                  var _a2;
+                  var _a3;
                   let v = event.target.value;
                   let formatRlt = /(-?)(\d{1,10})(\d{0,999})(\.\d{1,6})?/.exec(v);
                   if (formatRlt && formatRlt.length) {
-                    v = (((_a2 = d == null ? void 0 : d.props) == null ? void 0 : _a2.enableNegative) ? formatRlt[1] : "") + formatRlt[2] + (formatRlt[4] || "");
+                    v = (((_a3 = d == null ? void 0 : d.props) == null ? void 0 : _a3.enableNegative) ? formatRlt[1] : "") + formatRlt[2] + (formatRlt[4] || "");
                   }
                   this.form[d.formKey] = parseFloat(v);
                   this.$refs[d.formKey] && this.$refs[d.formKey].setCurrentValue(v);
@@ -6537,9 +6546,9 @@ var FormImpl = {
                 value: this.form[d.formKey],
                 disabled,
                 type: "textarea",
-                rows: ((_a = d.props) == null ? void 0 : _a.rows) || 3,
-                maxlength: ((_b = d.props) == null ? void 0 : _b.maxlength) || 1024,
-                showWordLimit: ((_c = d.props) == null ? void 0 : _c.showWordLimit) || true
+                rows: ((_a2 = d.props) == null ? void 0 : _a2.rows) || 3,
+                maxlength: ((_b2 = d.props) == null ? void 0 : _b2.maxlength) || 1024,
+                showWordLimit: ((_c2 = d.props) == null ? void 0 : _c2.showWordLimit) || true
               },
               on: {
                 input: (val) => {
@@ -6555,7 +6564,7 @@ var FormImpl = {
               ref: d.formKey,
               props: {
                 title: d.title,
-                options: d.enumList || ((_d = this.enumData[d.enumKey]) == null ? void 0 : _d.enumList) || [],
+                options: d.enumList || ((_d2 = this.enumData[d.enumKey]) == null ? void 0 : _d2.enumList) || [],
                 ...d.props || {},
                 value: this.form[d.formKey],
                 disabled
@@ -6599,7 +6608,7 @@ var FormImpl = {
                   }
                 }
               },
-              (d.enumList || ((_e = this.enumData[d.enumKey]) == null ? void 0 : _e.enumList) || []).map((d2) => {
+              (d.enumList || ((_e2 = this.enumData[d.enumKey]) == null ? void 0 : _e2.enumList) || []).map((d2) => {
                 return h(
                   "Checkbox",
                   {
@@ -6619,7 +6628,7 @@ var FormImpl = {
               ref: d.formKey,
               props: {
                 ...d.props,
-                options: d.enumList || ((_f = this.enumData[d.enumKey]) == null ? void 0 : _f.enumList) || [],
+                options: d.enumList || ((_f2 = this.enumData[d.enumKey]) == null ? void 0 : _f2.enumList) || [],
                 value: this.form[d.formKey]
               },
               on: {
@@ -6792,6 +6801,11 @@ var FormImpl = {
                 },
                 [text || ""]
               ),
+              h("span", {
+                domProps: {
+                  innerHTML: d.unit ? " " : ""
+                }
+              }),
               h("span", {}, [d.unit || ""])
             ]);
           }
@@ -6930,6 +6944,7 @@ var FormImpl = {
                         "IndButton",
                         {
                           props: {
+                            size: "default",
                             bizType: d.bizType
                           },
                           on: {
@@ -6960,7 +6975,7 @@ var FormImpl = {
           props: {
             model: this.form,
             rules: this.rules,
-            labelWidth: this.formType == "searchMobile" ? 100 : this.labelWidth,
+            labelWidth: this.formType == "searchMobile" ? 110 : this.labelWidth,
             labelColon: false
           },
           nativeOn: {
@@ -44354,7 +44369,11 @@ 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, "dataUrl": _vm.dataUrl, "params": _vm.searchForm }, 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, "searchVal": _vm.searchVal }, on: { "update:searchVal": function($event) {
+    _vm.searchVal = $event;
+  }, "update:search-val": function($event) {
+    _vm.searchVal = $event;
+  }, "doSearch": _vm.doSearch, "doSearchFilter": _vm.doSearchFilter } }), _c("div", { staticClass: "ind-page" }, [_c("IndMLoadMore", { attrs: { "datas": _vm.displayRows, "dataUrl": _vm.dataUrl, "params": _vm.searchForm }, scopedSlots: _vm._u([{ key: "item", fn: function(ref) {
     var item2 = ref.item;
     return [_vm._t("item", function() {
       return [_c("IndMForm", { attrs: { "fieldList": _vm.formFieldList, "cardBtns": _vm.cardBtns, "value": item2, "formType": "card" } })];
@@ -44379,6 +44398,7 @@ const __vue2_script$g = {
     cardFieldsExt: Array,
     searchFields: Array,
     searchForm: Object,
+    apiParams: Object,
     cardFields: Array
   },
   data() {
@@ -44390,7 +44410,8 @@ const __vue2_script$g = {
       columns: [],
       searchFormFields: [],
       formFieldList: [],
-      subTable: []
+      subTable: [],
+      searchVal: ""
     };
   },
   created() {
@@ -44403,6 +44424,26 @@ const __vue2_script$g = {
     },
     dataApi: function() {
       this.initData();
+    },
+    apiParams: {
+      handler: function() {
+        console.log("apiParams \u53D8\u5316\u89E6\u53D1\u8BF7\u6C42\u6570\u636E");
+        this.initData();
+      },
+      deep: true
+    }
+  },
+  computed: {
+    displayRows() {
+      if (this.searchVal) {
+        return _.filter(this.rows, (d) => {
+          return _.some(this.formFieldList, (dd) => {
+            return _.includes(d[dd.formKey], this.searchVal);
+          });
+        });
+      } else {
+        return this.rows;
+      }
     }
   },
   methods: {
@@ -44437,7 +44478,7 @@ const __vue2_script$g = {
       this.loadingComp = true;
       try {
         if (this.dataApi) {
-          const { data: data49 } = await this.dataApi(this.searchForm);
+          const { data: data49 } = await this.dataApi(this.apiParams ? this.apiParams : this.searchForm);
           this.rows = data49;
         }
       } catch (e) {
@@ -44446,9 +44487,12 @@ const __vue2_script$g = {
       this.loadingComp = false;
     }, 5),
     async doSearch(searchParams) {
+      console.log("doSearch by \u7B5B\u9009\u6309\u94AE", searchParams);
       this.$emit("update:searchForm", searchParams);
       await this.$nextTick();
       this.initData();
+    },
+    doSearchFilter(search2) {
     }
   }
 };
@@ -62645,9 +62689,9 @@ var render$c = function() {
   return _c("van-search", { attrs: { "show-action": _vm.showFilter, "placeholder": "\u8BF7\u8F93\u5165\u641C\u7D22\u5173\u952E\u8BCD" }, on: { "search": function($event) {
     return _vm.$emit("doSearch");
   } }, scopedSlots: _vm._u([{ key: "action", fn: function() {
-    return [_c("div", { staticClass: "toggle-condition", on: { "click": function($event) {
+    return [_c("div", { class: ["toggle-condition", _vm.isFiltering ? "active" : ""], on: { "click": function($event) {
       return _vm.$emit("showCondition");
-    } } }, [_vm._v("\u7B5B\u9009")])];
+    } } })];
   }, proxy: true }]), model: { value: _vm.searchVal, callback: function($$v) {
     _vm.searchVal = $$v;
   }, expression: "searchVal" } });
@@ -62656,7 +62700,8 @@ var staticRenderFns$c = [];
 const __vue2_script$c = {
   props: {
     value: String,
-    showFilter: Boolean
+    showFilter: Boolean,
+    isFiltering: Boolean
   },
   data() {
     return {
@@ -62696,7 +62741,9 @@ var render$b = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "ind-mobile-search ind-flex-no-shrink" }, [_c("SearchTop", { attrs: { "showFilter": _vm.showFilter }, on: { "showCondition": _vm.showCondition } }), _vm.showFilter ? _c("van-popup", { style: { width: "80%" }, attrs: { "position": "right" }, model: { value: _vm.displayCondition, callback: function($$v) {
+  return _c("div", { staticClass: "ind-mobile-search ind-flex-no-shrink" }, [_c("SearchTop", { attrs: { "value": _vm.searchVal, "isFiltering": _vm.isFiltering, "showFilter": _vm.showFilter }, on: { "input": function($event) {
+    return _vm.$emit("update:searchVal", $event);
+  }, "showCondition": _vm.showCondition } }), _vm.showFilter ? _c("van-popup", { style: { width: "80%" }, attrs: { "position": "right" }, model: { value: _vm.displayCondition, callback: function($$v) {
     _vm.displayCondition = $$v;
   }, expression: "displayCondition" } }, [_c("div", { staticClass: "ind-page-view ind-flex-column", staticStyle: { "height": "100vh" } }, [_c("IndMForm", { staticClass: "height100", staticStyle: { "background": "var(--ind-white)" }, attrs: { "formType": "searchMobile", "fieldList": _vm.fieldList }, model: { value: _vm.searchForm, callback: function($$v) {
     _vm.searchForm = $$v;
@@ -62708,6 +62755,7 @@ const __vue2_script$b = {
   props: {
     showFilter: Boolean,
     value: Object,
+    searchVal: String,
     fieldList: Array
   },
   data() {
@@ -62719,6 +62767,11 @@ const __vue2_script$b = {
   created() {
     this.searchForm = this.value;
   },
+  computed: {
+    isFiltering() {
+      return !_.isEmpty(this.searchForm);
+    }
+  },
   watch: {
     value: {
       handler: function() {
@@ -62766,7 +62819,7 @@ var render$a = function() {
   var _c = _vm._self._c || _h;
   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: { "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)]);
+  }, expression: "searchVal" } }), _c("IndTable", { ref: "table", attrs: { "rowClick": "", "headerHeight": 49, "rowMultiSelectWithClick": _vm.multiple, "isRowSelectable": _vm.isRowSelectable, "groupSelectsChildren": _vm.multiple, "showBottom": false, "dataApi": _vm.selectDataApi, "searchParams": _vm.searchParams, "columns": _vm.columnsData, "rowKey": _vm.selectRowKey, "showTableOption": false, "groupDefaultExpanded": 3, "disablePage": "" }, on: { "on-select-change": _vm.onSelectChange } }), _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 = {
@@ -62778,6 +62831,7 @@ const __vue2_script$a = {
     multiple: Boolean,
     options: Array,
     dataApi: Function,
+    searchParams: Object,
     columns: Array,
     rowKey: String,
     defaultVisible: Boolean
@@ -62790,7 +62844,8 @@ const __vue2_script$a = {
       selectRowKey: "",
       selectDataApi: null,
       columnsData: [],
-      dataInited: false
+      dataInited: false,
+      selectedRows: []
     };
   },
   created() {
@@ -62808,6 +62863,12 @@ const __vue2_script$a = {
     },
     dataApi() {
       this.initConfig();
+    },
+    value: {
+      handler: function() {
+        this.setSelected();
+      },
+      deep: true
     }
   },
   methods: {
@@ -62874,7 +62935,34 @@ const __vue2_script$a = {
         var _a, _b;
         this.dataInited = true;
         (_b = (_a = this.$refs) == null ? void 0 : _a.table) == null ? void 0 : _b.tableRefresh();
+        this.setSelected();
       }, 2);
+    },
+    onSelectChange(selectedRows) {
+      var _a, _b, _c, _d;
+      if (!this.multiple) {
+        let preLen = this.selectedRows.length;
+        let curLen = selectedRows.length;
+        if (preLen === 1 && curLen === 0) {
+          (_b = (_a = this.$refs) == null ? void 0 : _a.table) == null ? void 0 : _b.setSelection(this.selectedRows, true);
+          return;
+        } else if (preLen === 1 && curLen === 2) {
+          let selectedRowsClone = _.cloneDeep(selectedRows);
+          _.remove(selectedRowsClone, (d) => {
+            return _.some(this.selectedRows, (dd) => {
+              return dd[this.rowKey || "id"] == d[this.rowKey || "id"];
+            });
+          });
+          (_d = (_c = this.$refs) == null ? void 0 : _c.table) == null ? void 0 : _d.setSelection(selectedRowsClone, true);
+          return;
+        }
+      }
+      this.selectedRows = selectedRows;
+    },
+    async setSelected() {
+      var _a, _b;
+      await this.$nextTick();
+      (_b = (_a = this.$refs) == null ? void 0 : _a.table) == null ? void 0 : _b.setSelection(this.value, !this.multiple);
     }
   }
 };