@jetlinks-web/components 2.0.37 → 2.0.38

package/lib/EditTable/utils.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handlePureRecord = exports.handleColumnsWidth = exports.handleColumnFixed = exports.collectValidateRules = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _lodashEs = require("lodash");
+/**
+ * 规则收集器，收集columns中的rules和watch
+ * @param columns
+ */
+var collectValidateRules = exports.collectValidateRules = function collectValidateRules(columns) {
+  var rules = {};
+  columns.forEach(function (item) {
+    if (item.form) {
+      if (item.form.rules) {
+        rules[item.dataIndex] = item.form.rules;
+      }
+    }
+  });
+  return rules;
+};
+/**
+ * 清除内部属性
+ * @param record
+ */
+var handlePureRecord = exports.handlePureRecord = function handlePureRecord(record) {
+  if (!record) return {};
+  return (0, _lodashEs.omit)(record, ['__serial', '__index', '__top', '__selected', '__key', '__dataIndex', '__oldSerial']);
+};
+/**
+ * 计算每个column的宽度和位置
+ * @param columns
+ * @param warpWidth
+ * @param scrollX
+ */
+var handleColumnsWidth = exports.handleColumnsWidth = function handleColumnsWidth(columns, warpWidth, scrollX) {
+  var newColumns = (0, _toConsumableArray2.default)(columns);
+  var noWidthLen = 0; // 没有width属性的长度
+  var hasWidthCount = 0; // 有width属性的合计
+  var average = 0; // 每个column宽度
+  var parseAverage = 0; // 取整宽度
+  var decimalCount = 0; // 收集每个取整后的小数
+  var lastNoWidthIndex = undefined; // 最后一个没有width属性的位置
+  newColumns.forEach(function (item, index) {
+    if (item.width) {
+      // 是否有设置width属性
+      hasWidthCount += item.width;
+    } else {
+      noWidthLen += 1;
+      lastNoWidthIndex = index;
+    }
+  });
+  if (noWidthLen) {
+    average = ((scrollX !== null && scrollX !== void 0 ? scrollX : warpWidth) - hasWidthCount) / noWidthLen; // 剩余平分分配宽度
+    parseAverage = scrollX ? 150 : Math.trunc(average);
+    decimalCount = (average - parseAverage) * noWidthLen;
+  }
+  return newColumns.map(function (item, index) {
+    var _width = item.width;
+    if (!item.width) {
+      _width = parseAverage;
+    }
+    if (index === lastNoWidthIndex) {
+      _width = decimalCount < 0 ? parseAverage : Math.trunc(decimalCount) + parseAverage;
+    }
+    item._width = _width;
+    // item.left = left
+    return item;
+  }, []);
+};
+var handleColumnFixed = exports.handleColumnFixed = function handleColumnFixed(columns) {
+  var left = {
+    keys: [],
+    width: 0
+  };
+  var center = {
+    keys: [],
+    width: 0
+  };
+  var right = {
+    keys: [],
+    width: 0
+  };
+  console.log('columns', columns);
+  columns.forEach(function (item) {
+    if (item.fixed === 'left') {
+      left.keys.push(item);
+      left.width += item._width;
+    } else if (item.fixed === 'right') {
+      right.keys.push(item);
+      right.width += item._width;
+    } else {
+      center.keys.push(item);
+      center.width += item._width;
+    }
+  });
+  return {
+    left: left,
+    center: center,
+    right: right
+  };
+};

package/lib/Ellipsis/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.less");

package/lib/FullPage/FullPage.js

@@ -6,7 +6,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1720601917237"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1722910928600"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "full-page-warp-content" };
 import { ref } from 'vue';
 import { useElementBounding } from '@vueuse/core';

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-1720601920293"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1722910930530"), 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-1720601919613"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1722910929513"), 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-1720601919781"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1722910929773"), 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/components.js

@@ -41,12 +41,24 @@ Object.defineProperty(exports, "ConfigProvider", {
     return _ConfigProvider.default;
   }
 });
+Object.defineProperty(exports, "DragModal", {
+  enumerable: true,
+  get: function get() {
+    return _DragModal.default;
+  }
+});
 Object.defineProperty(exports, "Echarts", {
   enumerable: true,
   get: function get() {
     return _Echarts.default;
   }
 });
+Object.defineProperty(exports, "EditTable", {
+  enumerable: true,
+  get: function get() {
+    return _EditTable.default;
+  }
+});
 Object.defineProperty(exports, "Ellipsis", {
   enumerable: true,
   get: function get() {
@@ -137,5 +149,7 @@ var _Scrollbar = _interopRequireDefault(require("./Scrollbar"));
 var _Search = _interopRequireWildcard(require("./Search"));
 var _ValueItem = _interopRequireDefault(require("./ValueItem"));
 var _TimeFormat = _interopRequireDefault(require("./TimeFormat"));
+var _DragModal = _interopRequireDefault(require("./DragModal"));
+var _EditTable = _interopRequireDefault(require("./EditTable"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/lib/style/components.less

@@ -1,3 +1,5 @@
 @import "../CardSelect/style/index-pure.less";
 @import "../CheckButton/style/index-pure.less";
+@import "../DragModal/style/index-pure.less";
+@import "../EditTable/style/index-pure.less";
 @import "../Ellipsis/style/index-pure.less";

package/lib/style/index.css

@@ -1319,3 +1319,295 @@ textarea.ant-pagination-options-quick-jumper input {
 .j-card-select .j-card-select-item .j-card-select-describe {
   color: #263237;
 }
+.dialog-enter-active,
+.dialog-leave-active {
+  transition: opacity 0.5s;
+}
+.dialog-enter,
+.dialog-leave-to {
+  opacity: 0;
+}
+.jetlinks-drag-modal {
+  position: fixed;
+  z-index: 1000;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-sprite {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  z-index: 23456765435;
+  background-color: #ffffff;
+  border-radius: 4px;
+  border: 1px solid #91CAFF;
+  box-shadow: 0 3px 8px 0 rgba(22, 119, 255, 0.24);
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-sprite .header {
+  padding: 5px 15px;
+  font-size: 18px;
+  font-weight: 700;
+  color: #333;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid #f0f0f0;
+  cursor: move;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-sprite .jetlinks-drag-modal-body {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  padding: 24px 20px;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-sprite .jetlinks-drag-modal-footer {
+  border-top: 1px solid #f0f0f0;
+  padding: 5px 15px;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range {
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  border-radius: 100%;
+  z-index: 23456765436;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-bottom-right:hover,
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-top-left:hover {
+  cursor: nwse-resize;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-bottom-left:hover,
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-top-right:hover {
+  cursor: nesw-resize;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-top-right {
+  top: -6px;
+  right: -6px;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-top-left {
+  top: -6px;
+  left: -6px;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-bottom-right {
+  bottom: -6px;
+  right: -6px;
+}
+.jetlinks-drag-modal .jetlinks-drag-modal-range .drag-bottom-left {
+  bottom: -6px;
+  left: -6px;
+}
+.jetlinks-edit-table-wrapper {
+  background: #fff;
+  height: 100%;
+  position: relative;
+}
+.jetlinks-edit-table-wrapper.table-full-screen {
+  padding: 24px;
+}
+.jetlinks-edit-table-wrapper .jetlinks-edit-table {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+.jetlinks-edit-table-wrapper .jetlinks-edit-table .jetlinks-edit-table-header {
+  overflow: hidden;
+  width: 100%;
+  position: relative;
+}
+.jetlinks-edit-table-wrapper .jetlinks-edit-table .jetlinks-edit-table-header .jetlinks-edit-table-header-scroll-hidden {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 5;
+  background: #fafafa;
+}
+.jetlinks-edit-table-wrapper .jetlinks-edit-table .jetlinks-edit-table-body {
+  background-color: #fff;
+  overflow-y: hidden;
+  position: relative;
+  height: 100%;
+  width: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+}
+.jetlinks-edit-table-body-viewport {
+  max-height: 100%;
+  width: 100%;
+  overflow: hidden auto;
+  position: relative;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-scrollbar {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  z-index: -1;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-body-container {
+  display: flex;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right {
+  position: relative;
+  min-width: 0;
+  height: 100%;
+  z-index: 5;
+  flex-shrink: 0;
+  flex-grow: 0;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left .jetlinks-edit-table-row,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right .jetlinks-edit-table-row {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  transition: top 0.2s, height 0.2s, background-color 0.1s;
+  border-bottom: 1px solid #ebebeb;
+  background-color: #fff;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row.jetlinks-edit-table-row-hover,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left .jetlinks-edit-table-row.jetlinks-edit-table-row-hover,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right .jetlinks-edit-table-row.jetlinks-edit-table-row-hover {
+  background-color: #f8f8f8;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row.jetlinks-edit-table-row-selected,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left .jetlinks-edit-table-row.jetlinks-edit-table-row-selected,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right .jetlinks-edit-table-row.jetlinks-edit-table-row-selected {
+  background-color: var(--ant-primary-1);
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row .jetlinks-edit-table-cell,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left .jetlinks-edit-table-row .jetlinks-edit-table-cell,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right .jetlinks-edit-table-row .jetlinks-edit-table-cell {
+  min-width: 0;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row .body-cell-box,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left .jetlinks-edit-table-row .body-cell-box,
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right .jetlinks-edit-table-row .body-cell-box {
+  padding: 0 12px;
+  position: relative;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-left {
+  position: sticky;
+  left: 0;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-right {
+  position: sticky;
+  right: 0;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center {
+  z-index: 1;
+}
+.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center > div {
+  position: relative;
+}
+.jetlinks-edit-table-body-empty {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+  padding-top: 24px;
+}
+.jetlinks-edit-table-header-container {
+  height: 100%;
+  position: relative;
+  display: flex;
+  width: 100%;
+}
+.jetlinks-edit-table-header-container .jetlinks-header-left,
+.jetlinks-edit-table-header-container .jetlinks-header-center,
+.jetlinks-edit-table-header-container .jetlinks-header-right {
+  position: relative;
+  z-index: 5;
+  min-width: 0;
+  height: 100%;
+  width: 100%;
+  background: #fafafa;
+}
+.jetlinks-edit-table-header-container .jetlinks-header-center {
+  z-index: 2;
+}
+.jetlinks-edit-table-header-container .jetlinks-header-center > div {
+  position: relative;
+  height: 100%;
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell {
+  height: 100%;
+  display: inline-flex;
+  align-items: center;
+  float: left;
+  overflow: visible;
+  background: #fafafa;
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box {
+  padding: 0 12px;
+  width: 100%;
+  position: relative;
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box.header-cell-box-tool {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box .table-header-cell-title {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  font-weight: 600;
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box .header-cell-required {
+  color: #ff4d4f;
+  padding-left: 8px;
+  transform: translateY(3px);
+  font-weight: 500;
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box::before {
+  position: absolute;
+  top: 50%;
+  right: 1px;
+  width: 1px;
+  height: 1.6em;
+  pointer-events: none;
+  background-color: rgba(0, 0, 0, 0.06);
+  transform: translateY(-50%);
+  transition: background-color 0.3s;
+  content: "";
+}
+.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box:not(:last-child)::before {
+  background-color: transparent;
+}
+.edit-table-search-header {
+  display: flex;
+  justify-content: space-between;
+}
+.edit-table-search-result-total {
+  color: #1890ff;
+}
+.jetlinks-edit-table-horizontal-scroll {
+  height: 17px;
+  min-height: 17px;
+  max-height: 17px;
+  width: 100%;
+  display: flex;
+  position: relative;
+  z-index: 4;
+}
+.jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-viewport {
+  overflow-y: hidden;
+  overflow-x: scroll;
+  position: relative;
+  flex: 1 1 0;
+  height: 17px;
+  min-height: 17px;
+  max-height: 17px;
+  width: 100%;
+}
+.jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-viewport > div {
+  height: 17px;
+}
+.jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-hidden {
+  width: 17px;
+  height: 100%;
+  overflow-x: hidden;
+}

package/lib/style/index.less

@@ -1,7 +1,9 @@
-@import '../Ellipsis/style/index.less';
-@import '../CheckButton/style/index.less';
-@import '../ProLayout/style/style.less';
-@import '../ProTable/style/ProTable.less';
-@import '../Search/style/Search.less';
-@import '../Search/style/Item.less';
-@import '../CardSelect/style/index.less';
+@import '../Ellipsis/style/index.less';
+@import '../CheckButton/style/index.less';
+@import '../ProLayout/style/style.less';
+@import '../ProTable/style/ProTable.less';
+@import '../Search/style/Search.less';
+@import '../Search/style/Item.less';
+@import '../CardSelect/style/index.less';
+@import '../DragModal/style/index.less';
+@import "../EditTable/style/index.less";

package/lib/style.js

@@ -5,4 +5,6 @@ require("./CheckButton/style");
 require("./ProLayout/style");
 require("./ProTable/style");
 require("./Search/style");
-require("./CardSelect/style");
+require("./CardSelect/style");
+require("./DragModal/style");
+require("./EditTable/style");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetlinks-web/components",
-  "version": "2.0.37",
+  "version": "2.0.38",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -17,8 +17,10 @@
     "@vuemap/vue-amap": "^2.0.17",
     "@vueuse/core": "^10.2.1",
     "@vueuse/router": "^10.9.0",
+    "async-validator": "^4.2.5",
     "echarts": "^5.4.3",
     "monaco-editor": "^0.40.0",
+    "resize-observer-polyfill": "^1.5.1",
     "sortablejs": "^1.15.2"
   },
   "devDependencies": {