@ajaxjs/ui 1.3.1 → 1.3.2

package/dist/@ajaxjs/widgets.common.js

@@ -450,6 +450,462 @@ var component = (0,componentNormalizer/* default */.A)(
 
 /***/ }),
 
+/***/ 6537:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ fast_iview_table; }
+});
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/iview-ext/fast-iview-table.vue?vue&type=template&id=75ca7672&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c,
+    _setup = _vm._self._setupProxy;
+  return _c('div', [_c('Card', {
+    staticClass: "common-search-panel",
+    staticStyle: {
+      "text-align": "left"
+    },
+    attrs: {
+      "bordered": false,
+      "dis-hover": ""
+    }
+  }, [_c('span', {
+    staticStyle: {
+      "float": "right"
+    }
+  }, [_c('Button', {
+    attrs: {
+      "type": "primary",
+      "icon": "ios-search"
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.$parent.getData();
+      }
+    }
+  }, [_vm._v("查询")]), _c('Button', {
+    staticStyle: {
+      "margin-left": "10px"
+    },
+    on: {
+      "click": _vm.reset
+    }
+  }, [_vm._v("重置")])], 1), _c('Input', {
+    attrs: {
+      "suffix": "ios-search",
+      "clearable": "",
+      "placeholder": '请输入' + _vm.widgetName_ + '名称'
+    },
+    on: {
+      "on-enter": _vm.getData
+    },
+    model: {
+      value: _vm.list.search.name,
+      callback: function ($$v) {
+        _vm.$set(_vm.list.search, "name", $$v);
+      },
+      expression: "list.search.name"
+    }
+  })], 1), _c('div', [_c('Card', {
+    attrs: {
+      "bordered": false,
+      "dis-hover": ""
+    }
+  }, [_c('div', {
+    staticClass: "toolbar"
+  }, [_c('Tooltip', {
+    staticClass: "ivu-ml",
+    attrs: {
+      "content": "刷新",
+      "placement": "top"
+    }
+  }, [_c('Icon', {
+    staticStyle: {
+      "cursor": "pointer"
+    },
+    attrs: {
+      "size": "20",
+      "type": "ios-refresh"
+    },
+    on: {
+      "click": _vm.getData
+    }
+  })], 1), _vm._t("toolbar"), !!_vm.createRoute || !!_vm.$parent.onCreate ? _c('Button', {
+    attrs: {
+      "type": "primary",
+      "icon": "md-add"
+    },
+    on: {
+      "click": _vm.onCreate
+    }
+  }, [_vm._v("新建" + _vm._s(_vm.widgetName_))]) : _vm._e()], 2), _c('Table', {
+    attrs: {
+      "columns": _vm.list.columns,
+      "data": _vm.list.data,
+      "loading": _vm.list.loading,
+      "height": "500"
+    },
+    scopedSlots: _vm._u([{
+      key: "action",
+      fn: function ({
+        row,
+        index
+      }) {
+        return [_vm._t("list_action", null, {
+          "item": row
+        }), _vm.pickup ? _c('a', {
+          staticStyle: {
+            "color": "green"
+          },
+          on: {
+            "click": function ($event) {
+              return _vm.doPickup(row);
+            }
+          }
+        }, [_vm._v("选择")]) : _vm._e(), !_vm.pickup ? _c('span', [_c('a', {
+          staticStyle: {
+            "color": "green"
+          },
+          on: {
+            "click": function ($event) {
+              return _vm.onEdit(row.id);
+            }
+          }
+        }, [_vm._v("编辑")]), _c('Divider', {
+          attrs: {
+            "type": "vertical"
+          }
+        }), _c('Poptip', {
+          attrs: {
+            "confirm": "",
+            "transfer": "",
+            "title": "是否要删除此行？"
+          },
+          on: {
+            "on-ok": function ($event) {
+              return _vm.deleteInfo(row.id, index);
+            }
+          }
+        }, [_c('a', {
+          staticStyle: {
+            "color": "red"
+          }
+        }, [_vm._v("删除")])])], 1) : _vm._e()];
+      }
+    }], null, true)
+  }), _c('Page', {
+    staticClass: "ivu-mt ivu-text-right",
+    attrs: {
+      "total": _vm.list.total,
+      "current": _vm.list.pageNo,
+      "show-total": "",
+      "show-sizer": "",
+      "page-size": _vm.list.limit
+    },
+    on: {
+      "update:current": function ($event) {
+        return _vm.$set(_vm.list, "pageNo", $event);
+      },
+      "on-page-size-change": _vm.handleChangePageSize
+    }
+  })], 1)], 1)], 1);
+};
+var staticRenderFns = [];
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
+var es_array_push = __webpack_require__(4114);
+// EXTERNAL MODULE: ./node_modules/@ajaxjs/util/dist/index.esm.js
+var index_esm = __webpack_require__(2957);
+;// CONCATENATED MODULE: ./src/iview-ext/list.ts
+
+/* harmony default export */ var list = ({
+  afterDelete(cb) {
+    return function (j) {
+      if (j.status) {
+        cb && cb(j);
+        this.$Message.success('删除成功');
+      } else this.$Message.info('删除失败。' + j.message);
+    };
+  },
+  delInfo(index) {
+    index_esm/* Xhr */.TF.xhr_del(`${this.API}/${this.list.data[index].id}`, j => {
+      if (j.status) {
+        this.list.data.splice(index, 1);
+        this.list.total--;
+        this.$Message.success('删除成功');
+      } else this.$Message.info('删除失败。' + j.message);
+    });
+  },
+  /**
+   * id 列
+   */
+  id: {
+    title: '#',
+    width: 60,
+    key: 'id',
+    align: 'center'
+  },
+  /**
+   * 创建日期
+   */
+  createDate: {
+    title: '创建日期',
+    /*  key: 'createDate', */width: 160,
+    align: 'center',
+    render(h, params) {
+      return h('div', index_esm/* Utils */.Aq.dateFormat.call(new Date(params.row.createDate), 'yyyy-MM-dd hh:mm'));
+    }
+  },
+  /**
+   * 分类标签
+   */
+  tags: {
+    title: '分类标签',
+    minWidth: 100,
+    key: 'tagsNames',
+    align: 'center',
+    ellipsis: true
+  },
+  status: {
+    title: '状态',
+    width: 80,
+    render(h, params) {
+      let str = '',
+        color = '';
+      switch (params.row.stat) {
+        case -1:
+          str = '草稿';
+          color = 'gray';
+          break;
+        case 2:
+          color = 'red';
+          str = '禁用';
+          break;
+        case 1:
+          color = 'red';
+          str = '已删除';
+          break;
+        case null:
+        case 0:
+        default:
+          color = 'green';
+          str = "启用";
+      }
+      return h('div', {
+        style: {
+          color: color
+        }
+      }, str);
+    }
+  },
+  getPageList(self, listArray, callback) {
+    return j => {
+      if (j.status) {
+        listArray.total = j.data.total;
+        listArray.data = j.data.rows;
+        callback && callback();
+      } else self.$Message.warning(j.message || '获取数据失败');
+    };
+  },
+  copyBeanClean(bean) {
+    const deepCopy = JSON.parse(JSON.stringify(bean));
+    delete deepCopy.createDate;
+    delete deepCopy.updateDate;
+    delete deepCopy.updateDate;
+    delete deepCopy.creatorId;
+    delete deepCopy.updaterId;
+    delete deepCopy.creator;
+    delete deepCopy.updater;
+    delete deepCopy.extend;
+    return deepCopy;
+  }
+});
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./src/iview-ext/fast-iview-table.ts?vue&type=script&lang=ts&external
+
+
+
+/* harmony default export */ var fast_iview_tablevue_type_script_lang_ts_external = ({
+  props: {
+    widgetName: {
+      type: String,
+      required: false
+    },
+    apiUrl: {
+      type: String,
+      required: false
+    },
+    columnsDef: {
+      type: Array,
+      required: false
+    },
+    listApiUrl: {
+      type: String,
+      required: true
+    },
+    createRoute: {
+      type: String,
+      required: false
+    },
+    editRoute: {
+      type: String,
+      required: false
+    },
+    pickup: {
+      type: Boolean,
+      required: false
+    } // 编辑事件触发时候，进入的路由地址
+  },
+  data() {
+    return {
+      widgetName_: this.widgetName,
+      listApiUrl_: this.listApiUrl,
+      colDefId: 0,
+      list: {
+        columns: this.columnsDef || [],
+        data: [],
+        total: 0,
+        start: 0,
+        limit: 9,
+        pageNo: 1,
+        pageSize: 9,
+        loading: false,
+        search: {
+          name: ''
+        }
+      }
+    };
+  },
+  mounted() {
+    this.getData();
+  },
+  methods: {
+    getData() {
+      this.list.loading = true;
+      const params = {
+        pageNo: this.list.pageNo,
+        pageSize: this.list.pageSize
+      };
+      // if (this.list.search.name)
+      //     params.where = `name LIKE '%${this.list.search.name}%'`;
+      this.listApiUrl_ && index_esm/* Xhr */.TF.xhr_get(this.listApiUrl_, j => {
+        this.list.loading = false;
+        if (j.status) {
+          this.list.data = j.data.rows;
+          this.list.total = j.data.total;
+        } else this.$Message.warning(j.message || '获取列表失败');
+      }, params);
+    },
+    /**
+     * 分页记录数
+     */
+    handleChangePageSize(pageSize) {
+      this.list.limit = pageSize;
+      this.getData();
+    },
+    reset() {
+      for (const i in this.search) this.search[i] = "";
+      this.getData();
+    },
+    /**
+     * 新建
+     */
+    onCreate() {
+      if (this.createRoute) this.$router.push({
+        path: this.createRoute
+      }); // 进入详情页，采用相对路径
+      else {
+        if (!this.$parent.onCreate) throw '请设置父组件的 onCreate 事件处理器';
+        this.$parent.onCreate();
+      }
+    },
+    /**
+     * 编辑
+     */
+    onEdit(id) {
+      if (this.editRoute) this.$router.push({
+        path: this.editRoute,
+        query: {
+          id
+        }
+      }); // 进入详情页，采用相对路径
+      else {
+        if (!this.$parent.onEdit) throw '请设置父组件的 onEdit 事件处理器';
+        this.$parent.onEdit(id);
+      }
+    },
+    doPickup(data) {
+      this.$emit("on-select", data);
+    },
+    deleteInfo(id, index) {
+      this.list.loading = true;
+      index_esm/* Xhr */.TF.xhr_del(`${this.apiUrl}/${id}`, list.afterDelete(() => {
+        this.list.data.splice(index, 1);
+        this.list.total--;
+        this.list.loading = false;
+      }).bind(this));
+    }
+  },
+  watch: {
+    listApiUrl(v) {
+      // debugger
+      this.listApiUrl_ = v;
+      this.getData();
+    },
+    /**
+     * 分页
+     *
+     * @param v
+     */
+    current(v) {
+      this.start = (v - 1) * this.list.limit;
+      this.getData();
+    },
+    'list.pageNo'(v) {
+      this.list.start = (v - 1) * this.list.limit;
+      this.getData();
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/iview-ext/fast-iview-table.ts?vue&type=script&lang=ts&external
+ /* harmony default export */ var iview_ext_fast_iview_tablevue_type_script_lang_ts_external = (fast_iview_tablevue_type_script_lang_ts_external); 
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/iview-ext/fast-iview-table.vue?vue&type=style&index=0&id=75ca7672&prod&scoped=true&lang=css
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./src/iview-ext/fast-iview-table.vue?vue&type=style&index=0&id=75ca7672&prod&scoped=true&lang=css
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// CONCATENATED MODULE: ./src/iview-ext/fast-iview-table.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  iview_ext_fast_iview_tablevue_type_script_lang_ts_external,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "75ca7672",
+  null
+  
+)
+
+/* harmony default export */ var fast_iview_table = (component.exports);
+
+/***/ }),
+
 /***/ 2122:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -932,6 +1388,7 @@ function normalizeComponent(
 var map = {
 	"./data-source/data-source.vue": 4043,
 	"./iam/user.vue": 2551,
+	"./iview-ext/fast-iview-table.vue": 6537,
 	"./iview-ext/table-selector.vue": 2122,
 	"./iview-ext/tips.vue": 3761
 };