@jetlinks-web/components 2.0.37 → 2.1.0

package/es/EditTable/hooks/useValidate.js

@@ -0,0 +1,87 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import Schema from "async-validator";
+import { handlePureRecord, collectValidateRules } from "../utils";
+import { ref } from 'vue';
+export var useValidate = function useValidate(dataSource, columns, rowKey) {
+  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var errorMap = ref({});
+  var schemaInstance;
+  var rules = ref({});
+  var _options = _extends({
+    validateRowKey: false
+  }, options);
+  var validateItem = function validateItem(data) {
+    var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    return new Promise(function (resolve, reject) {
+      schemaInstance.validate(data, {
+        firstFields: true,
+        index: index
+      }, function (err) {
+        if (err === null || err === void 0 ? void 0 : err.length) {
+          reject(err.map(function (item) {
+            return _objectSpread(_objectSpread({}, item), {}, {
+              __serial: data.__serial,
+              __dataIndex: index
+            });
+          }));
+        } else {
+          resolve(data);
+        }
+      });
+    });
+  };
+  var validate = function validate() {
+    return new Promise(function (resolve, reject) {
+      var filterDataSource = dataSource.value;
+      var len = filterDataSource.length;
+      var error = [];
+      var success = [];
+      var validateLen = 0;
+      var end = function end() {
+        validateLen += 1;
+        if (validateLen === len) {
+          var isSuccess = !Object.keys(error).length;
+          if (isSuccess) {
+            var _options$onSuccess;
+            resolve(success);
+            (_options$onSuccess = _options.onSuccess) === null || _options$onSuccess === void 0 ? void 0 : _options$onSuccess.call(_options);
+          } else {
+            var _options$onError;
+            (_options$onError = _options.onError) === null || _options$onError === void 0 ? void 0 : _options$onError.call(_options, error);
+            reject(error);
+          }
+        }
+      };
+      var validateRowKey = _options.validateRowKey;
+      if (filterDataSource.length) {
+        filterDataSource.forEach(function (record, index) {
+          if (validateRowKey || record[rowKey]) {
+            validateItem(record, index).then(function (res) {
+              success.push(handlePureRecord(res));
+              end();
+            }).catch(function (err) {
+              error.push(err);
+              end();
+            });
+          } else {
+            end();
+          }
+        });
+      } else {
+        resolve(filterDataSource);
+      }
+    });
+  };
+  var createValidate = function createValidate() {
+    rules.value = collectValidateRules(columns);
+    schemaInstance = new Schema(rules.value);
+  };
+  createValidate();
+  return {
+    validate: validate,
+    validateItem: validateItem,
+    errorMap: errorMap,
+    rules: rules
+  };
+};

package/es/EditTable/index.js

@@ -0,0 +1,9 @@
+import EditTable from './EditTable.js';
+import EditTableBody from './Body.js';
+import EditTableHeader from './Header.js';
+EditTable.install = function (app) {
+  app.component(EditTable.name, EditTable);
+  app.component(EditTableBody.name, EditTableBody);
+  app.component(EditTableHeader.name, EditTableHeader);
+};
+export default EditTable;

package/es/EditTable/props.js

@@ -0,0 +1,50 @@
+export var defaultProps = function defaultProps() {
+  return {
+    rowKey: {
+      type: String,
+      default: 'id'
+    },
+    columns: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    }
+  };
+};
+export var bodyProps = function bodyProps() {
+  return {
+    dataSource: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    cellHeight: {
+      type: Number,
+      default: 50
+    },
+    height: {
+      type: Number,
+      default: 300
+    },
+    style: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    disableMenu: {
+      type: Boolean,
+      default: true
+    },
+    rowSelection: {
+      type: Object,
+      default: undefined
+    },
+    scroll: {
+      type: Object,
+      default: undefined
+    }
+  };
+};

package/es/EditTable/style/body.less

@@ -0,0 +1,76 @@
+.jetlinks-edit-table-body-viewport {
+  max-height: 100%;
+  width: 100%;
+  overflow: hidden auto;
+  position: relative;
+
+  .jetlinks-edit-scrollbar {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    z-index: -1;
+  }
+
+  .jetlinks-edit-table-body-container {
+    display: flex;
+  }
+
+  .jetlinks-edit-table-center, & .jetlinks-edit-table-left,& .jetlinks-edit-table-right {
+    position: relative;
+    min-width: 0;
+    height: 100%;
+    z-index: 5;
+    flex-shrink: 0;
+    flex-grow: 0;
+
+    .jetlinks-edit-table-row {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      transition: top .2s, height .2s, background-color .1s;
+      border-bottom: 1px solid #ebebeb;
+      background-color: #fff;
+
+      &.jetlinks-edit-table-row-hover {
+        background-color: rgb(248, 248, 248);
+      }
+
+      &.jetlinks-edit-table-row-selected {
+        background-color: var(--ant-primary-1);
+      }
+
+      .jetlinks-edit-table-cell {
+        min-width: 0;
+      }
+
+      .body-cell-box {
+        padding: 0 12px;
+        position: relative;
+      }
+    }
+  }
+
+  .jetlinks-edit-table-left {
+    position: sticky;
+    left: 0;
+  }
+
+  .jetlinks-edit-table-right {
+    position: sticky;
+    right: 0;
+  }
+
+  .jetlinks-edit-table-center {
+    z-index: 1;
+    > div {
+      position: relative;
+    }
+  }
+}
+.jetlinks-edit-table-body-empty {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+  padding-top: 24px;
+}

package/es/EditTable/style/header.less

@@ -0,0 +1,77 @@
+.jetlinks-edit-table-header-container {
+  height: 100%;
+  position: relative;
+  display: flex;
+  width: 100%;
+
+  .jetlinks-header-left,& .jetlinks-header-center,& .jetlinks-header-right {
+    position: relative;
+    z-index: 5;
+    min-width: 0;
+    height: 100%;
+    width: 100%;
+    background: #fafafa;
+  }
+
+  .jetlinks-header-center {
+    z-index: 2;
+    > div {
+      position: relative;
+      height: 100%;
+    }
+  }
+
+  .jetlinks-edit-table-header-cell {
+    height: 100%;
+    display: inline-flex;
+    align-items: center;
+    float: left;
+    overflow: visible;
+    background: #fafafa;
+
+    .jetlinks-edit-table-header-cell-box {
+      padding: 0 12px;
+      width: 100%;
+      position: relative;
+
+      &.header-cell-box-tool {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+
+      .table-header-cell-title {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        font-weight: 600;
+      }
+
+      .header-cell-required {
+        color: @error-color;
+        padding-left: 8px;
+        transform: translateY(3px);
+        font-weight: 500;
+      }
+
+      &::before {
+        position: absolute;
+        top: 50%;
+        right: 1px;
+        width: 1px;
+        height: 1.6em;
+        pointer-events: none;
+        background-color: rgba(0,0,0,.06);
+        transform: translateY(-50%);
+        transition: background-color .3s;
+        content: "";
+      }
+
+      &:not(:last-child) {
+        &::before {
+          background-color: transparent;
+        }
+      }
+    }
+  }
+}

package/es/EditTable/style/index.css

@@ -0,0 +1,214 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.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;
+  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;
+  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 {
+  height: 100%;
+  overflow-x: hidden;
+}

package/es/EditTable/style/index.js

@@ -0,0 +1 @@
+import "./index.less";

package/es/EditTable/style/index.less

@@ -0,0 +1,38 @@
+@import "ant-design-vue/es/style/themes/index.less";
+@import "./table.less";
+@import "./body.less";
+@import "./header.less";
+
+.edit-table-search-header {
+  display: flex;
+  justify-content: space-between;
+}
+
+.edit-table-search-result-total {
+  color: @primary-color;
+}
+
+.jetlinks-edit-table-horizontal-scroll {
+  height: 17px;
+  width: 100%;
+  display: flex;
+  position: relative;
+  z-index: 4;
+
+  .jetlinks-edit-table-horizontal-scroll-viewport {
+    overflow-y: hidden;
+    overflow-x: scroll;
+    position: relative;
+    flex: 1 1 0;
+    height: 17px;
+    width: 100%;
+
+    > div {
+      height: 17px;
+    }
+  }
+
+  .jetlinks-edit-table-horizontal-scroll-hidden {
+    height: 100%; overflow-x: hidden;
+  }
+}

package/es/EditTable/style/table.less

@@ -0,0 +1,42 @@
+.jetlinks-edit-table-wrapper {
+  background: #fff;
+  height: 100%;
+  position: relative;
+
+  &.table-full-screen {
+    padding: 24px;
+  }
+
+  .jetlinks-edit-table {
+    display: flex;
+    flex-direction: column;
+    flex-grow: 0;
+    flex-shrink: 0;
+
+    .jetlinks-edit-table-header {
+      overflow: hidden;
+      width: 100%;
+      position: relative;
+
+      .jetlinks-edit-table-header-scroll-hidden {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        z-index: 5;
+        background: #fafafa;
+      }
+    }
+
+
+    .jetlinks-edit-table-body {
+      background-color: #fff;
+      overflow-y: hidden;
+      position: relative;
+      height: 100%;
+      width: 100%;
+      flex: 1 1 auto;
+      flex-direction: row;
+    }
+  }
+}

package/es/EditTable/utils.js

@@ -0,0 +1,97 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { omit } from "lodash-es";
+/**
+ * 规则收集器，收集columns中的rules和watch
+ * @param columns
+ */
+export var 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
+ */
+export var handlePureRecord = function handlePureRecord(record) {
+  if (!record) return {};
+  return omit(record, ['__serial', '__index', '__top', '__selected', '__key', '__dataIndex', '__oldSerial']);
+};
+/**
+ * 计算每个column的宽度和位置
+ * @param columns
+ * @param warpWidth
+ * @param scrollX
+ */
+export var handleColumnsWidth = function handleColumnsWidth(columns, warpWidth, scrollX) {
+  var newColumns = _toConsumableArray(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;
+  }, []);
+};
+export var handleColumnFixed = function handleColumnFixed(columns) {
+  var left = {
+    keys: [],
+    width: 0
+  };
+  var center = {
+    keys: [],
+    width: 0
+  };
+  var right = {
+    keys: [],
+    width: 0
+  };
+  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/es/Ellipsis/style/index.js

@@ -0,0 +1 @@
+import './index.less';

package/es/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-1720601917260"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1722997806474"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "full-page-warp-content" };
 import { ref } from 'vue';
 import { useElementBounding } from '@vueuse/core';