@jetlinks-web/components 2.0.2-5 → 2.0.2-7

package/lib/ProTable/index.js

@@ -1,12 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _vue = require("vue");
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
@@ -15,6 +15,10 @@ var _antDesignVue = require("ant-design-vue");
 var _table = require("ant-design-vue/es/table");
 var _proTableTypes = require("./proTableTypes");
 var _lodashEs = require("lodash");
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0, _vue.isVNode)(s);
+}
 var tableProps = function tableProps() {
   return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _table.tableProps)()), {}, {
     loading: {
@@ -140,21 +144,21 @@ var ProTable = (0, _vue.defineComponent)({
       if (window.innerWidth <= 1440) {
         var _props$gridColumns;
         var _column = props.gridColumn && props.gridColumn < 2 ? props.gridColumn : 2;
-        column.value = (_props$gridColumns = props.gridColumns) !== null && _props$gridColumns !== void 0 && _props$gridColumns[0] ? props.gridColumns[0] : _column;
+        column.value = ((_props$gridColumns = props.gridColumns) === null || _props$gridColumns === void 0 ? void 0 : _props$gridColumns[0]) ? props.gridColumns[0] : _column;
       } else if (window.innerWidth > 1440 && window.innerWidth <= 1600) {
         var _props$gridColumns2;
         var _column2 = props.gridColumn && props.gridColumn < 3 ? props.gridColumn : 3;
-        column.value = (_props$gridColumns2 = props.gridColumns) !== null && _props$gridColumns2 !== void 0 && _props$gridColumns2[1] ? props.gridColumns[1] : _column2;
+        column.value = ((_props$gridColumns2 = props.gridColumns) === null || _props$gridColumns2 === void 0 ? void 0 : _props$gridColumns2[1]) ? props.gridColumns[1] : _column2;
       } else if (window.innerWidth > 1600) {
         var _props$gridColumns3;
         var _column3 = props.gridColumn && props.gridColumn < 4 ? props.gridColumn : 4;
-        column.value = (_props$gridColumns3 = props.gridColumns) !== null && _props$gridColumns3 !== void 0 && _props$gridColumns3[2] ? props.gridColumns[2] : _column3;
+        column.value = ((_props$gridColumns3 = props.gridColumns) === null || _props$gridColumns3 === void 0 ? void 0 : _props$gridColumns3[2]) ? props.gridColumns[2] : _column3;
       }
     };
     var handleSearch = /*#__PURE__*/function () {
-      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_params) {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_params) {
         var _props$defaultParams, resp, _resp$result, _resp$result2, _resp$result3, _resp$result4, _resp$result4$data, _resp$result5, _resp$result6, _resp$result7, _resp$result8;
-        return _regenerator.default.wrap(function _callee$(_context) {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _loading.value = props.loading !== undefined ? props.loading : true;
@@ -177,7 +181,7 @@ var ProTable = (0, _vue.defineComponent)({
               if (resp.status === 200) {
                 if (props.type === 'PAGE') {
                   // 判断如果是最后一页且最后一页为空，就跳转到前一页
-                  if (resp !== null && resp !== void 0 && (_resp$result = resp.result) !== null && _resp$result !== void 0 && _resp$result.total && resp !== null && resp !== void 0 && (_resp$result2 = resp.result) !== null && _resp$result2 !== void 0 && _resp$result2.pageSize && resp !== null && resp !== void 0 && (_resp$result3 = resp.result) !== null && _resp$result3 !== void 0 && _resp$result3.pageIndex && (resp === null || resp === void 0 ? void 0 : (_resp$result4 = resp.result) === null || _resp$result4 === void 0 ? void 0 : (_resp$result4$data = _resp$result4.data) === null || _resp$result4$data === void 0 ? void 0 : _resp$result4$data.length) === 0) {
+                  if ((resp === null || resp === void 0 ? void 0 : (_resp$result = resp.result) === null || _resp$result === void 0 ? void 0 : _resp$result.total) && (resp === null || resp === void 0 ? void 0 : (_resp$result2 = resp.result) === null || _resp$result2 === void 0 ? void 0 : _resp$result2.pageSize) && (resp === null || resp === void 0 ? void 0 : (_resp$result3 = resp.result) === null || _resp$result3 === void 0 ? void 0 : _resp$result3.pageIndex) && (resp === null || resp === void 0 ? void 0 : (_resp$result4 = resp.result) === null || _resp$result4 === void 0 ? void 0 : (_resp$result4$data = _resp$result4.data) === null || _resp$result4$data === void 0 ? void 0 : _resp$result4$data.length) === 0) {
                     pageIndex.value = pageIndex.value > 0 ? pageIndex.value - 1 : 0;
                     handleSearch((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _params), {}, {
                       pageSize: pageSize.value,
@@ -267,143 +271,144 @@ var ProTable = (0, _vue.defineComponent)({
     });
     return function () {
       var _props$rowSelection, _props$rowSelection$s, _props$rowSelection2, _props$rowSelection2$;
+      var _slot, _slot2, _slot3;
       return (0, _vue.createVNode)("div", {
         "class": "jtable-body-spin",
         "style": (0, _objectSpread2.default)({}, props.bodyStyle)
       }, [(0, _vue.createVNode)(_antDesignVue.Spin, {
         "spinning": _loading.value
+      }, _isSlot(_slot3 = (0, _vue.createVNode)("div", {
+        "class": 'jtable-body'
+      }, [(0, _vue.createVNode)("div", {
+        "class": 'jtable-body-header'
+      }, [(0, _vue.createVNode)("div", {
+        "class": 'jtable-body-header-left'
+      }, [slots.headerTitle && slots.headerTitle()]), (0, _vue.createVNode)("div", {
+        "class": 'jtable-body-header-right'
+      }, [slots.rightExtraRender && slots.rightExtraRender(), !props.model && (0, _vue.createVNode)("div", {
+        "class": 'jtable-body-header-right-button'
+      }, [(0, _vue.createVNode)(_antDesignVue.RadioGroup, {
+        "class": "jtable-body-header-right-button",
+        "value": _model.value,
+        "onChange": function onChange(e) {
+          _model.value = e.target.value;
+          emit('update:modelValue', e.target.value);
+          emit('modelChange', e.target.value);
+        }
       }, {
         default: function _default() {
-          return [(0, _vue.createVNode)("div", {
-            "class": 'jtable-body'
-          }, [(0, _vue.createVNode)("div", {
-            "class": 'jtable-body-header'
-          }, [(0, _vue.createVNode)("div", {
-            "class": 'jtable-body-header-left'
-          }, [slots.headerTitle && slots.headerTitle()]), (0, _vue.createVNode)("div", {
-            "class": 'jtable-body-header-right'
-          }, [slots.rightExtraRender && slots.rightExtraRender(), !props.model && (0, _vue.createVNode)("div", {
-            "class": 'jtable-body-header-right-button'
-          }, [(0, _vue.createVNode)(_antDesignVue.RadioGroup, {
-            "class": "jtable-body-header-right-button",
-            "value": _model.value,
-            "onChange": function onChange(e) {
-              _model.value = e.target.value;
-              emit('update:modelValue', e.target.value);
-              emit('modelChange', e.target.value);
-            }
-          }, {
+          return [(0, _vue.createVNode)(_antDesignVue.RadioButton, {
+            "value": _proTableTypes.ModelEnum.TABLE
+          }, _isSlot(_slot = (0, _vue.createVNode)(_index.AIcon, {
+            "class": 'right-button-icon',
+            "type": "UnorderedListOutlined"
+          }, null)) ? _slot : {
             default: function _default() {
-              return [(0, _vue.createVNode)(_antDesignVue.RadioButton, {
-                "value": _proTableTypes.ModelEnum.TABLE
-              }, {
-                default: function _default() {
-                  return [(0, _vue.createVNode)(_index.AIcon, {
-                    "class": 'right-button-icon',
-                    "type": "UnorderedListOutlined"
-                  }, null)];
-                }
-              }), (0, _vue.createVNode)(_antDesignVue.RadioButton, {
-                "value": _proTableTypes.ModelEnum.CARD
-              }, {
-                default: function _default() {
-                  return [(0, _vue.createVNode)(_index.AIcon, {
-                    "class": 'right-button-icon',
-                    "type": "AppstoreOutlined"
-                  }, null)];
-                }
-              })];
-            }
-          })])])]), (0, _vue.createVNode)("div", {
-            "class": 'jtable-content'
-          }, [props.alertRender && props !== null && props !== void 0 && props.rowSelection && props !== null && props !== void 0 && (_props$rowSelection = props.rowSelection) !== null && _props$rowSelection !== void 0 && _props$rowSelection.selectedRowKeys && (_props$rowSelection$s = props.rowSelection.selectedRowKeys) !== null && _props$rowSelection$s !== void 0 && _props$rowSelection$s.length ? (0, _vue.createVNode)("div", {
-            "class": 'jtable-alert'
-          }, [(0, _vue.createVNode)(_antDesignVue.Alert, {
-            "message": '已选择' + (props === null || props === void 0 ? void 0 : (_props$rowSelection2 = props.rowSelection) === null || _props$rowSelection2 === void 0 ? void 0 : (_props$rowSelection2$ = _props$rowSelection2.selectedRowKeys) === null || _props$rowSelection2$ === void 0 ? void 0 : _props$rowSelection2$.length) + '项',
-            "type": "info",
-            "onClose": function onClose() {
-              var _props$rowSelection3, _props$rowSelection3$, _props$rowSelection4, _props$rowSelection4$;
-              // if (props.rowSelection?.onSelectNone) {
-              //     // 取消选择清空被选数据
-              // }
-              (_props$rowSelection3 = props.rowSelection) === null || _props$rowSelection3 === void 0 ? void 0 : (_props$rowSelection3$ = _props$rowSelection3.onChange) === null || _props$rowSelection3$ === void 0 ? void 0 : _props$rowSelection3$.call(_props$rowSelection3, [], []);
-              (_props$rowSelection4 = props.rowSelection) === null || _props$rowSelection4 === void 0 ? void 0 : (_props$rowSelection4$ = _props$rowSelection4.onSelectNone) === null || _props$rowSelection4$ === void 0 ? void 0 : _props$rowSelection4$.call(_props$rowSelection4);
-            },
-            "closeText": (0, _vue.createVNode)(_antDesignVue.Button, {
-              "type": "link"
-            }, {
-              default: function _default() {
-                return [(0, _vue.createTextVNode)("\u53D6\u6D88\u9009\u62E9")];
-              }
-            })
-          }, null)]) : null, _model.value === _proTableTypes.ModelEnum.CARD ? (0, _vue.createVNode)("div", {
-            "class": 'jtable-card',
-            "style": props.scroll && props.scroll.y ? {
-              maxHeight: props.scroll.y + 'px',
-              overflow: 'auto'
-            } : undefined
-          }, [_dataSource.value.length ? (0, _vue.createVNode)("div", {
-            "class": 'jtable-card-items',
-            "style": {
-              gridTemplateColumns: "repeat(".concat(column.value, ", 1fr)")
-            }
-          }, [_dataSource.value.map(function (item) {
-            return slots.card ? (0, _vue.createVNode)("div", {
-              "class": ['jtable-card-item', props.cardBodyClass]
-            }, [slots.card(item)]) : null;
-          })]) : (0, _vue.createVNode)("div", {
-            "class": "j-table-empty"
-          }, [(0, _vue.createVNode)(_index.Empty, null, null)])]) : (0, _vue.createVNode)("div", null, [(0, _vue.createVNode)(_antDesignVue.Table, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-            "dataSource": _dataSource.value,
-            "columns": props.columns.filter(function (i) {
-              return !(i !== null && i !== void 0 && i.hideInTable);
-            }),
-            "pagination": false,
-            "rowSelection": props.rowSelection,
-            "scroll": props.scroll
-          }), {
-            headerCell: function headerCell(dt) {
-              var column = dt.column,
-                title = dt.title;
-              if (column !== null && column !== void 0 && column.headerCell) {
-                return slots === null || slots === void 0 ? void 0 : slots[column === null || column === void 0 ? void 0 : column.headerCell](column.title);
-              } else {
-                return title || '';
-              }
-            },
-            bodyCell: function bodyCell(dt) {
-              var column = dt.column,
-                record = dt.record;
-              if ((column !== null && column !== void 0 && column.key || column !== null && column !== void 0 && column.dataIndex) && column !== null && column !== void 0 && column.scopedSlots && (slots !== null && slots !== void 0 && slots[column === null || column === void 0 ? void 0 : column.dataIndex] || slots !== null && slots !== void 0 && slots[column === null || column === void 0 ? void 0 : column.key])) {
-                var _key = (column === null || column === void 0 ? void 0 : column.key) || (column === null || column === void 0 ? void 0 : column.dataIndex);
-                return slots === null || slots === void 0 ? void 0 : slots[_key](record);
-              } else {
-                var _value = (0, _lodashEs.get)(record, column === null || column === void 0 ? void 0 : column.dataIndex);
-                // 获取数据
-                return _value;
-              }
-            },
-            emptyText: function emptyText() {
-              return (0, _vue.createVNode)(_index.Empty, null, null);
+              return [_slot];
             }
-          })])]), !!_dataSource.value.length && !props.noPagination && props.type === 'PAGE' && (0, _vue.createVNode)("div", {
-            "class": 'jtable-pagination'
-          }, [slots !== null && slots !== void 0 && slots.paginationRender ? slots.paginationRender() : (0, _vue.createVNode)(_antDesignVue.Pagination, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props.pagination), {}, {
-            "total": total.value,
-            "current": pageIndex.value + 1,
-            "pageSize": pageSize.value,
-            "showTotal": function showTotal(num) {
-              var minSize = pageIndex.value * pageSize.value + 1;
-              var MaxSize = (pageIndex.value + 1) * pageSize.value;
-              return "\u7B2C ".concat(minSize, " - ").concat(MaxSize > num ? num : MaxSize, " \u6761/\u603B\u5171 ").concat(num, " \u6761");
-            },
-            "onChange": function onChange(page, size) {
-              handleSearch((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props.params), {}, {
-                pageSize: size,
-                pageIndex: pageSize.value === size ? page ? page - 1 : 0 : 0
-              }));
+          }), (0, _vue.createVNode)(_antDesignVue.RadioButton, {
+            "value": _proTableTypes.ModelEnum.CARD
+          }, _isSlot(_slot2 = (0, _vue.createVNode)(_index.AIcon, {
+            "class": 'right-button-icon',
+            "type": "AppstoreOutlined"
+          }, null)) ? _slot2 : {
+            default: function _default() {
+              return [_slot2];
             }
-          }), null)])])];
+          })];
+        }
+      })])])]), (0, _vue.createVNode)("div", {
+        "class": 'jtable-content'
+      }, [props.alertRender && (props === null || props === void 0 ? void 0 : props.rowSelection) && (props === null || props === void 0 ? void 0 : (_props$rowSelection = props.rowSelection) === null || _props$rowSelection === void 0 ? void 0 : _props$rowSelection.selectedRowKeys) && ((_props$rowSelection$s = props.rowSelection.selectedRowKeys) === null || _props$rowSelection$s === void 0 ? void 0 : _props$rowSelection$s.length) ? (0, _vue.createVNode)("div", {
+        "class": 'jtable-alert'
+      }, [(0, _vue.createVNode)(_antDesignVue.Alert, {
+        "message": '已选择' + (props === null || props === void 0 ? void 0 : (_props$rowSelection2 = props.rowSelection) === null || _props$rowSelection2 === void 0 ? void 0 : (_props$rowSelection2$ = _props$rowSelection2.selectedRowKeys) === null || _props$rowSelection2$ === void 0 ? void 0 : _props$rowSelection2$.length) + '项',
+        "type": "info",
+        "onClose": function onClose() {
+          var _props$rowSelection3, _props$rowSelection3$, _props$rowSelection4, _props$rowSelection4$;
+          // if (props.rowSelection?.onSelectNone) {
+          //     // 取消选择清空被选数据
+          // }
+          (_props$rowSelection3 = props.rowSelection) === null || _props$rowSelection3 === void 0 ? void 0 : (_props$rowSelection3$ = _props$rowSelection3.onChange) === null || _props$rowSelection3$ === void 0 ? void 0 : _props$rowSelection3$.call(_props$rowSelection3, [], []);
+          (_props$rowSelection4 = props.rowSelection) === null || _props$rowSelection4 === void 0 ? void 0 : (_props$rowSelection4$ = _props$rowSelection4.onSelectNone) === null || _props$rowSelection4$ === void 0 ? void 0 : _props$rowSelection4$.call(_props$rowSelection4);
+        },
+        "closeText": (0, _vue.createVNode)(_antDesignVue.Button, {
+          "type": "link"
+        }, {
+          default: function _default() {
+            return [(0, _vue.createTextVNode)("\u53D6\u6D88\u9009\u62E9")];
+          }
+        })
+      }, null)]) : null, _model.value === _proTableTypes.ModelEnum.CARD ? (0, _vue.createVNode)("div", {
+        "class": 'jtable-card',
+        "style": props.scroll && props.scroll.y ? {
+          maxHeight: props.scroll.y + 'px',
+          overflow: 'auto'
+        } : undefined
+      }, [_dataSource.value.length ? (0, _vue.createVNode)("div", {
+        "class": 'jtable-card-items',
+        "style": {
+          gridTemplateColumns: "repeat(".concat(column.value, ", 1fr)")
+        }
+      }, [_dataSource.value.map(function (item) {
+        return slots.card ? (0, _vue.createVNode)("div", {
+          "class": ['jtable-card-item', props.cardBodyClass]
+        }, [slots.card(item)]) : null;
+      })]) : (0, _vue.createVNode)("div", {
+        "class": "j-table-empty"
+      }, [(0, _vue.createVNode)(_index.Empty, null, null)])]) : (0, _vue.createVNode)("div", null, [(0, _vue.createVNode)(_antDesignVue.Table, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        "dataSource": _dataSource.value,
+        "columns": props.columns.filter(function (i) {
+          return !(i === null || i === void 0 ? void 0 : i.hideInTable);
+        }),
+        "pagination": false,
+        "rowSelection": props.rowSelection,
+        "scroll": props.scroll
+      }), {
+        headerCell: function headerCell(dt) {
+          var column = dt.column,
+            title = dt.title;
+          if (column === null || column === void 0 ? void 0 : column.headerCell) {
+            return slots === null || slots === void 0 ? void 0 : slots[column === null || column === void 0 ? void 0 : column.headerCell](column.title);
+          } else {
+            return title || '';
+          }
+        },
+        bodyCell: function bodyCell(dt) {
+          var column = dt.column,
+            record = dt.record;
+          if (((column === null || column === void 0 ? void 0 : column.key) || (column === null || column === void 0 ? void 0 : column.dataIndex)) && (column === null || column === void 0 ? void 0 : column.scopedSlots) && ((slots === null || slots === void 0 ? void 0 : slots[column === null || column === void 0 ? void 0 : column.dataIndex]) || (slots === null || slots === void 0 ? void 0 : slots[column === null || column === void 0 ? void 0 : column.key]))) {
+            var _key = (column === null || column === void 0 ? void 0 : column.key) || (column === null || column === void 0 ? void 0 : column.dataIndex);
+            return slots === null || slots === void 0 ? void 0 : slots[_key](record);
+          } else {
+            var _value = (0, _lodashEs.get)(record, column === null || column === void 0 ? void 0 : column.dataIndex);
+            // 获取数据
+            return _value;
+          }
+        },
+        emptyText: function emptyText() {
+          return (0, _vue.createVNode)(_index.Empty, null, null);
+        }
+      })])]), !!_dataSource.value.length && !props.noPagination && props.type === 'PAGE' && (0, _vue.createVNode)("div", {
+        "class": 'jtable-pagination'
+      }, [(slots === null || slots === void 0 ? void 0 : slots.paginationRender) ? slots.paginationRender() : (0, _vue.createVNode)(_antDesignVue.Pagination, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props.pagination), {}, {
+        "total": total.value,
+        "current": pageIndex.value + 1,
+        "pageSize": pageSize.value,
+        "showTotal": function showTotal(num) {
+          var minSize = pageIndex.value * pageSize.value + 1;
+          var MaxSize = (pageIndex.value + 1) * pageSize.value;
+          return "\u7B2C ".concat(minSize, " - ").concat(MaxSize > num ? num : MaxSize, " \u6761/\u603B\u5171 ").concat(num, " \u6761");
+        },
+        "onChange": function onChange(page, size) {
+          handleSearch((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props.params), {}, {
+            pageSize: size,
+            pageIndex: pageSize.value === size ? page ? page - 1 : 0 : 0
+          }));
+        }
+      }), null)])])) ? _slot3 : {
+        default: function _default() {
+          return [_slot3];
         }
       })]);
     };

package/lib/Scrollbar/Scrollbar.js

@@ -57,7 +57,7 @@ import { useEventListener, useResizeObserver } from '@vueuse/core';
 import { isNumber, isObject } from '@jetlinks-web/utils';
 import Bar from './Bar.js';
 import { scrollbarContextKey } from './constants';
-import { scrollbarEmits, scrollbarProps, } from './scrollbar';
+import { scrollbarEmits, scrollbarProps, } from './scrollbarProps';
 const COMPONENT_NAME = 'JScrollbar';
 const __sfc_main__ = _defineComponent({
     ...{

package/lib/Scrollbar/Thumb.js

@@ -1,16 +1,189 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) {
+    const op = ops[i];
+    const fn = ops[i + 1];
+    i += 2;
+    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
+        return undefined;
+    }
+    if (op === 'access' || op === 'optionalAccess') {
+        lastAccessLHS = value;
+        value = fn(value);
+    }
+    else if (op === 'call' || op === 'optionalCall') {
+        value = fn((...args) => value.call(lastAccessLHS, ...args));
+        lastAccessLHS = undefined;
+    }
+} return value; }
+/* Analyzed bindings: {
+  "computed": "setup-const",
+  "inject": "setup-const",
+  "onBeforeUnmount": "setup-const",
+  "ref": "setup-const",
+  "toRef": "setup-const",
+  "useEventListener": "setup-maybe-ref",
+  "isClient": "setup-maybe-ref",
+  "scrollbarContextKey": "setup-maybe-ref",
+  "BAR_MAP": "setup-maybe-ref",
+  "renderThumbStyle": "setup-maybe-ref",
+  "thumbProps": "setup-maybe-ref",
+  "props": "setup-reactive-const",
+  "scrollbar": "setup-maybe-ref",
+  "instance": "setup-ref",
+  "thumb": "setup-ref",
+  "thumbState": "setup-ref",
+  "visible": "setup-ref",
+  "cursorDown": "setup-let",
+  "cursorLeave": "setup-let",
+  "originalOnSelectStart": "setup-let",
+  "bar": "setup-ref",
+  "thumbStyle": "setup-ref",
+  "offsetRatio": "setup-ref",
+  "clickThumbHandler": "setup-const",
+  "clickTrackHandler": "setup-const",
+  "startDrag": "setup-const",
+  "mouseMoveDocumentHandler": "setup-const",
+  "mouseUpDocumentHandler": "setup-const",
+  "mouseMoveScrollbarHandler": "setup-const",
+  "mouseLeaveScrollbarHandler": "setup-const",
+  "restoreOnselectstart": "setup-const"
+} */
+import { defineComponent as _defineComponent } from 'vue';
+import { normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, vShow as _vShow, normalizeClass as _normalizeClass, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { computed, inject, onBeforeUnmount, ref, toRef } from 'vue';
+import { useEventListener } from '@vueuse/core';
+import { isClient } from '@jetlinks-web/utils';
+import { scrollbarContextKey } from './constants';
+import { BAR_MAP, renderThumbStyle } from './util';
+import { thumbProps } from './thumbProps';
+const __sfc_main__ = _defineComponent({
+    props: thumbProps,
+    setup(__props) {
+        const props = __props;
+        const scrollbar = inject(scrollbarContextKey);
+        if (!scrollbar)
+            throw new Error('can not inject scrollbar context');
+        const instance = ref();
+        const thumb = ref();
+        const thumbState = ref({});
+        const visible = ref(false);
+        let cursorDown = false;
+        let cursorLeave = false;
+        let originalOnSelectStart = isClient ? document.onselectstart : null;
+        const bar = computed(() => BAR_MAP[props.vertical ? 'vertical' : 'horizontal']);
+        const thumbStyle = computed(() => renderThumbStyle({
+            size: props.size,
+            move: props.move,
+            bar: bar.value,
+        }));
+        const offsetRatio = computed(() => instance.value[bar.value.offset] ** 2 /
+            scrollbar.wrapElement[bar.value.scrollSize] /
+            props.ratio /
+            Thumb.value[bar.value.offset]);
+        const clickThumbHandler = (e) => {
+            // prevent click event of middle and right button
+            e.stopPropagation();
+            if (e.ctrlKey || [1, 2].includes(e.button))
+                return;
+            _optionalChain([window, 'access', _2 => _2.getSelection, 'call', _3 => _3(), 'optionalAccess', _4 => _4.removeAllRanges, 'call', _5 => _5()]);
+            startDrag(e);
+            const el = e.currentTarget;
+            if (!el)
+                return;
+            thumbState.value[bar.value.axis] =
+                el[bar.value.offset] -
+                    (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction]);
+        };
+        const clickTrackHandler = (e) => {
+            if (!Thumb.value || !instance.value || !scrollbar.wrapElement)
+                return;
+            const offset = Math.abs((e.target).getBoundingClientRect()[bar.value.direction] -
+                e[bar.value.client]);
+            const thumbHalf = Thumb.value[bar.value.offset] / 2;
+            const thumbPositionPercentage = ((offset - thumbHalf) * 100 * offsetRatio.value) /
+                instance.value[bar.value.offset];
+            scrollbar.wrapElement[bar.value.scroll] =
+                (thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize]) /
+                    100;
+        };
+        const startDrag = (e) => {
+            e.stopImmediatePropagation();
+            cursorDown = true;
+            document.addEventListener('mousemove', mouseMoveDocumentHandler);
+            document.addEventListener('mouseup', mouseUpDocumentHandler);
+            originalOnSelectStart = document.onselectstart;
+            document.onselectstart = () => false;
+        };
+        const mouseMoveDocumentHandler = (e) => {
+            if (!instance.value || !Thumb.value)
+                return;
+            if (cursorDown === false)
+                return;
+            const prevPage = thumbState.value[bar.value.axis];
+            if (!prevPage)
+                return;
+            const offset = (instance.value.getBoundingClientRect()[bar.value.direction] -
+                e[bar.value.client]) *
+                -1;
+            const thumbClickPosition = Thumb.value[bar.value.offset] - prevPage;
+            const thumbPositionPercentage = ((offset - thumbClickPosition) * 100 * offsetRatio.value) /
+                instance.value[bar.value.offset];
+            scrollbar.wrapElement[bar.value.scroll] =
+                (thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize]) /
+                    100;
+        };
+        const mouseUpDocumentHandler = () => {
+            cursorDown = false;
+            thumbState.value[bar.value.axis] = 0;
+            document.removeEventListener('mousemove', mouseMoveDocumentHandler);
+            document.removeEventListener('mouseup', mouseUpDocumentHandler);
+            restoreOnselectstart();
+            if (cursorLeave)
+                visible.value = false;
+        };
+        const mouseMoveScrollbarHandler = () => {
+            cursorLeave = false;
+            visible.value = !!props.size;
+        };
+        const mouseLeaveScrollbarHandler = () => {
+            cursorLeave = true;
+            visible.value = cursorDown;
+        };
+        onBeforeUnmount(() => {
+            restoreOnselectstart();
+            document.removeEventListener('mouseup', mouseUpDocumentHandler);
+        });
+        const restoreOnselectstart = () => {
+            if (document.onselectstart !== originalOnSelectStart)
+                document.onselectstart = originalOnSelectStart;
+        };
+        useEventListener(toRef(scrollbar, 'scrollbarElement'), 'mousemove', mouseMoveScrollbarHandler);
+        useEventListener(toRef(scrollbar, 'scrollbarElement'), 'mouseleave', mouseLeaveScrollbarHandler);
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createBlock(_Transition, {
+                name: "j-scrollbar-fade",
+                persisted: ""
+            }, {
+                default: _withCtx(() => [
+                    _withDirectives(_createElementVNode("div", {
+                        ref_key: "instance",
+                        ref: instance,
+                        class: _normalizeClass(['j-scrollbar__bar', props.vertical ? 'is-vertical' : 'is-horizontal']),
+                        onMousedown: clickTrackHandler
+                    }, [
+                        _createElementVNode("div", {
+                            ref_key: "thumb",
+                            ref: thumb,
+                            class: "j-scrollbar__thumb",
+                            style: _normalizeStyle(thumbStyle.value),
+                            onMousedown: clickThumbHandler
+                        }, null, 36 /* STYLE, NEED_HYDRATION */)
+                    ], 34 /* CLASS, NEED_HYDRATION */), [
+                        [_vShow, _ctx.always || visible.value]
+                    ])
+                ]),
+                _: 1 /* STABLE */
+            }));
+        };
+    }
 });
-exports.thumbProps = void 0;
-var thumbProps = exports.thumbProps = {
-  vertical: Boolean,
-  size: String,
-  move: Number,
-  ratio: {
-    type: Number,
-    required: true
-  },
-  always: Boolean
-};
+export default __sfc_main__;

package/lib/Scrollbar/thumbProps.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.thumbProps = void 0;
+var thumbProps = exports.thumbProps = {
+  vertical: Boolean,
+  size: String,
+  move: Number,
+  ratio: {
+    type: Number,
+    required: true
+  },
+  always: Boolean
+};

package/lib/Search/Advanced/SaveHistory.js

@@ -21,7 +21,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712541387551"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1712544824082"), n = n(), _popScopeId(), n);
 const _hoisted_1 = {
     key: 0,
     style: { "width": "240px" }

package/lib/Search/Item.js

@@ -78,7 +78,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712541387063"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1712544823351"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-item" };
 const _hoisted_2 = {
     key: 0,

package/lib/Search/Search.js

@@ -36,7 +36,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1712541387211"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1712544823579"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-content simple" };
 const _hoisted_2 = { class: "JSearch-items" };
 import { Button, Row, Col, Form, FormItemRest, } from 'ant-design-vue';

package/lib/style.js

@@ -0,0 +1,18 @@
+"use strict";
+
+require("./AMap/style");
+require("./BadgeStatus/style");
+require("./CardSelect/style");
+require("./CheckButton/style");
+require("./Echarts/style");
+require("./Ellipsis/style");
+require("./Empty/style");
+require("./FullPage/style");
+require("./Icon/style");
+require("./MonacoEditor/style");
+require("./PermissionButton/style");
+require("./ProLayout/style");
+require("./ProTable/style");
+require("./Scrollbar/style");
+require("./Search/style");
+require("./ValueItem/style");