ylwl-cpscoms 1.0.0

package/es/SlTable/index.vue2.js

@@ -0,0 +1,390 @@
+import { typeof as _typeof, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator, defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { typeOf, hasKey, isMobileDevice, getValueByPath } from '../utils/index.js';
+
+var script = {
+  props: {
+    tableApi: {
+      type: Function,
+      default: function _default() {
+        return {};
+      }
+    },
+    columns: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    params: {
+      type: Object,
+      default: function _default() {}
+    },
+    filterForm: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    otherConfig: {
+      type: Object,
+      default: function _default() {}
+    },
+    projectFrom: {
+      type: String,
+      default: ''
+    },
+    autoRequest: {
+      type: Boolean,
+      default: false
+    },
+    defaultSeachParams: {
+      type: Object,
+      default: function _default() {}
+    },
+    // 是否需要分页
+    showPagination: {
+      type: Boolean,
+      default: true
+    }
+
+    // itemWidth: { type: String, default: '' },
+    // data: { type: Array, default: () => [] },
+    // showlabel: { type: Boolean, default: true },
+    // drawer: { type: Boolean, default: false }, // 开启抽屉模式
+    // formProps: { type: Object, default: () => ({ inline: true }) },
+    // formItemProps: { type: Object, default: () => ({}) },
+  },
+  data: function data() {
+    return {
+      loading: false,
+      currentPage: 1,
+      pageSize: 10,
+      total: 0,
+      draggingIndex: null,
+      realColumns: this.columns,
+      // tableData: [],
+      tableData: [],
+      dragState: {
+        start: -3,
+        // 起始元素的 index 防止初始化cellStyle时序号、展开等默认样式改变，最好小于-3
+        end: -3,
+        // 移动鼠标时所覆盖的元素 index
+        dragging: false,
+        // 是否正在拖动
+        direction: undefined // 拖动方向
+      },
+      headKey: 'dragHead',
+      // 表头数组变换位置时，重绘table（不更新该值，表头数组变化时，页面不会改变）
+      scrollX: 0,
+      // 初始x轴scroll位置（用于定位X轴滚动条）
+      hrender: this.$createElement,
+      selectedListIds: [],
+      selectedList: [],
+      defaultParams: {}
+    };
+  },
+  created: function created() {
+    // console.log(this, "xzchizcjzxioj")
+    // console.log(this.$parent.$slots, "xzchizcjzxioj")
+    // console.log(this.$attrs, "asdasdasdasd")
+    this.defaultParams = this.defaultSeachParams;
+    this.autoRequest && this.getTableData();
+  },
+  watch: {
+    defaultSeachParams: {
+      handler: function handler(newVal) {
+        if (newVal && _typeof(newVal) === 'object') {
+          this.defaultParams = _objectSpread2(_objectSpread2({}, this.defaultParams), newVal);
+        }
+      },
+      immediate: true,
+      deep: true
+    },
+    columns: {
+      deep: true,
+      immediate: true,
+      handler: function handler(val) {
+        var _this = this;
+        this.realColumns = Array.isArray(val) ? _toConsumableArray(val) : [];
+        this.$nextTick(function () {
+          _this.$refs.elTable.doLayout();
+        });
+      }
+    }
+  },
+  computed: {
+    processedParams: function processedParams() {
+      var processedParams = _objectSpread2(_objectSpread2({}, this.params), this.defaultParams);
+      // 如果有多选的筛选选项 就要配置这个projectFrom
+      if (this.projectFrom === 'ares') {
+        this.filterForm.forEach(function (item) {
+          if (item.type === 'select' && item.props && item.props.multiple) {
+            // console.log(processedParams[item.model] && processedParams[item.model].length === 0,"||||")
+            if (!processedParams[item.model] || processedParams[item.model].length === 0) {
+              processedParams[item.model] = [];
+            }
+          } else if (item.type === 'datePicker' && item.privateProps && item.privateProps.type === 'daterange') {
+            if (processedParams[item.model] && processedParams[item.model].length > 0 && item.callback) {
+              var setValueObj = item.callback(processedParams[item.model]);
+              Object.keys(setValueObj).forEach(function (key) {
+                processedParams[key] = setValueObj[key];
+              });
+              delete processedParams[item.model];
+            }
+          } else if (item.type === 'datePicker' || item.type === 'rangeInput') {
+            delete processedParams[item.model];
+          }
+        });
+        return processedParams;
+      } else {
+        this.filterForm.forEach(function (item) {
+          if (item.type === 'select' && item.props && item.props.multiple) {
+            if (processedParams[item.model]) {
+              processedParams[item.model] = processedParams[item.model].join(',');
+            } else {
+              processedParams[item.model] = '';
+            }
+          } else if (item.type === 'datePicker' && item.privateProps && item.privateProps.type === 'daterange') {
+            if (processedParams[item.model] && processedParams[item.model].length > 0 && item.callback) {
+              var setValueObj = item.callback(processedParams[item.model]);
+              Object.keys(setValueObj).forEach(function (key) {
+                processedParams[key] = setValueObj[key];
+              });
+              delete processedParams[item.model];
+            }
+          } else if (item.type === 'datePicker') {
+            delete processedParams[item.model];
+          }
+        });
+        // console.log(processedParams, "processedParamsBycps")
+        return processedParams;
+      }
+    } // columns() {
+    //   return this.columns
+    // }
+  },
+  methods: {
+    typeOf: typeOf,
+    hasKey: hasKey,
+    isMobileDevice: isMobileDevice,
+    isShowTableColumn: function isShowTableColumn(item) {
+      if (hasKey(item, 'isAlwaysShow') && typeof item.isAlwaysShow === 'function') {
+        return item.isAlwaysShow({
+          item: item
+        });
+      } else if (hasKey(item, 'isAlwaysShow') && typeof item.isAlwaysShow === 'string') {
+        return item.isAlwaysShow;
+      } else {
+        return true;
+      }
+    },
+    getTableData: function getTableData() {
+      var _this2 = this;
+      return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+        var pageSize, currentPage, params, res, listPath, totalPath, statusCodePath, statusCode, _t;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.p = _context.n) {
+            case 0:
+              _context.p = 0;
+              // console.log(this.otherConfig.requestBodyCof, "this.tableApi")
+              _this2.loading = true;
+              pageSize = _this2.otherConfig.requestBodyCof && _this2.otherConfig.requestBodyCof.pageSize ? _this2.otherConfig.requestBodyCof.pageSize : 'pageSize';
+              currentPage = _this2.otherConfig.requestBodyCof && _this2.otherConfig.requestBodyCof.currentPage ? _this2.otherConfig.requestBodyCof.currentPage : 'currentPage';
+              params = _objectSpread2(_defineProperty(_defineProperty({}, currentPage, _this2.currentPage), pageSize, _this2.pageSize), _this2.processedParams);
+              if (!_this2.showPagination) {
+                delete params[pageSize];
+                delete params[currentPage];
+              }
+              _context.n = 1;
+              return _this2.tableApi(params);
+            case 1:
+              res = _context.v;
+              // 默认路径
+              listPath = ['data', 'list'];
+              totalPath = ['data', 'total'];
+              statusCodePath = 'code'; // 检查 otherConfig 是否包含 responderCof
+              if (_this2.otherConfig.responderCof) {
+                statusCodePath = _this2.otherConfig.responderCof.statusCode || statusCodePath;
+                listPath = _this2.otherConfig.responderCof.list || listPath;
+                totalPath = _this2.otherConfig.responderCof.total || totalPath;
+              }
+              statusCode = getValueByPath(res, statusCodePath);
+              if (statusCode === 1) {
+                console.log(getValueByPath(res, listPath), "res", getValueByPath(res, totalPath));
+                if (getValueByPath(res, listPath) && getValueByPath(res, totalPath) > 0 || getValueByPath(res, listPath) && !_this2.showPagination) {
+                  _this2.tableData = getValueByPath(res, listPath).map(function (res) {
+                    var newData = _objectSpread2({}, res);
+                    _this2.realColumns.forEach(function (column) {
+                      if (column.isSwitchNumber && newData.hasOwnProperty(column.prop)) {
+                        newData[column.prop] = Number(newData[column.prop]);
+                      }
+                    });
+                    return newData;
+                  });
+                } else {
+                  _this2.tableData = [];
+                }
+                // this.tableData = getValueByPath(res, listPath) || []
+                _this2.total = (typeof getValueByPath(res, totalPath) === 'string' ? Number(getValueByPath(res, totalPath)) : getValueByPath(res, totalPath)) || 0;
+                _this2.$listeners.callback && _this2.$listeners.callback({
+                  apiInfo: res,
+                  allRequestParams: _objectSpread2(_defineProperty(_defineProperty({}, currentPage, _this2.currentPage), pageSize, _this2.pageSize), _this2.processedParams)
+                });
+                _this2.loading = false;
+              }
+              _context.n = 3;
+              break;
+            case 2:
+              _context.p = 2;
+              _t = _context.v;
+              console.log(_t, "error");
+              _this2.tableData = [];
+              _this2.loading = false;
+            case 3:
+              _context.p = 3;
+              _this2.loading = false;
+              return _context.f(3);
+            case 4:
+              return _context.a(2);
+          }
+        }, _callee, null, [[0, 2, 3, 4]]);
+      }))();
+    },
+    handleSizeChange: function handleSizeChange(val) {
+      console.log("\u6BCF\u9875 ".concat(val, " \u6761"), this.columns);
+      this.pageSize = val;
+      this.getTableData();
+    },
+    handleCurrentChange: function handleCurrentChange(val) {
+      console.log(this.params, "this.paramsthis.params");
+      console.log("\u5F53\u524D\u9875: ".concat(val));
+      this.currentPage = val;
+      this.getTableData();
+    },
+    // 不更换页数量
+    getCurrentPageList: function getCurrentPageList() {
+      this.getTableData();
+    },
+    /** 鼠标摁下触发 */handleMounseDown: function handleMounseDown(e, column, $index) {
+      this.dragState.dragging = true;
+      this.dragState.start = parseInt($index - 0);
+      // 添加鼠标抬起事件  消除鼠标摁下立刻松开问题
+      document.addEventListener('mouseup', this.handleMouseUp);
+      // 添加拖拽结束事件
+      document.addEventListener('dragend', this.handleMouseUp);
+
+      // 对选中的表头允许其拖拽
+      var dragclass = '.el-table__header-wrapper .' + column.id;
+      var dragDom = document.querySelectorAll(dragclass);
+      dragDom.forEach(function (dom) {
+        // 允许表头块可以被拖拽 draggable 属性 不允许拖拽dragover等相关拖拽事件无法触发
+        dom.setAttribute('draggable', true);
+      });
+    },
+    /** 鼠标在拖拽移动时触发 */handleDragover: function handleDragover(e, column, $index) {
+      if (this.dragState.dragging) {
+        // 获取当前滚动条的位置
+        var scrollDom = this.$refs.elTable.bodyWrapper;
+        this.scrollX = scrollDom.scrollLeft;
+        var index = parseInt($index - 0); // 记录起始列
+        /** 实时更改鼠标处于表头的位置 */
+        if (index - this.dragState.start !== 0) {
+          this.dragState.direction = index - this.dragState.start < 0 ? 'left' : 'right'; // 判断拖动方向
+          this.dragState.end = parseInt($index - 0);
+        } else {
+          this.dragState.end = this.dragState.start;
+          this.dragState.direction = null;
+        }
+      }
+    },
+    /** 鼠标抬起或拖拽结束触发 */handleMouseUp: function handleMouseUp() {
+      var _this3 = this;
+      // 更新拖拽后的表头
+      this.headDraged(this.dragState);
+      var end = this.dragState.end;
+      // 初始化拖动状态
+      this.dragState = {
+        start: end,
+        end: -9,
+        dragging: false,
+        direction: undefined
+      };
+      document.removeEventListener('mouseup', this.handleMouseUp);
+      document.removeEventListener('dragend', this.handleMouseUp);
+      setTimeout(function () {
+        // 重置拖拽状态
+        _this3.dragState.start = -9;
+      }, 200);
+    },
+    // 更新拖拽后的表头
+    headDraged: function headDraged(_ref) {
+      var _this4 = this;
+      var start = _ref.start,
+        end = _ref.end,
+        direction = _ref.direction;
+      console.log(direction, 'direction');
+      if (direction) {
+        var originColumn = this.realColumns[start];
+        // 有位置交换时，原先位置的元素删除，再在目标处插入
+        this.realColumns.splice(start, 1);
+        this.realColumns.splice(end, 0, originColumn);
+        this.headKey = new Date().getTime() + ''; // 更新table key值
+        this.$nextTick(function () {
+          // 因为表头重绘后滚动条会移到最左端初始位置，因此如果是在中间部分拖拽，还需要把滚动条在定位到该位置
+          _this4.$refs.elTable.bodyWrapper.scrollLeft = _this4.scrollX;
+        });
+        console.log('handleDrop', this.realColumns);
+        this.$emit('setStorageCustomCol', this.realColumns);
+      }
+    },
+    // 拖动虚线样式设置
+    cellClassName: function cellClassName(_ref2) {
+      var columnIndex = _ref2.columnIndex;
+      var _this$dragState = this.dragState,
+        start = _this$dragState.start,
+        end = _this$dragState.end,
+        direction = _this$dragState.direction;
+      var target = columnIndex - 0;
+      if (target === start) {
+        return 'drag_start';
+      } else if (target === end) {
+        return "drag_end_".concat(direction);
+      }
+      return '';
+    },
+    // 重新设置表头
+    resetColumns: function resetColumns(columns) {
+      console.log(columns, "columns");
+      this.realColumns = columns;
+      this.headKey = new Date().getTime() + '';
+    },
+    handleSelectionChange: function handleSelectionChange(val) {
+      var _this5 = this;
+      // console.log(val, '123')
+      this.selectedListIds = val.map(function (item) {
+        return item[_this5.otherConfig.rowKey || 'id'];
+      });
+      this.selectedList = val;
+    },
+    showOverflowTooltip: function showOverflowTooltip(item) {
+      if (isMobileDevice()) return false;
+      if (item.prop === 'operate') return false;
+      if (item.overflowTooltip) return true;
+      if (this.otherConfig && !this.otherConfig.donShowOverflowTooltip) return true;
+      if (this.otherConfig && this.otherConfig.donShowOverflowTooltip) return false;
+    },
+    handleSortChange: function handleSortChange(_ref3) {
+      var column = _ref3.column,
+        prop = _ref3.prop,
+        order = _ref3.order;
+      // console.log(column, prop, order, 'column, prop, order');
+      this.$emit('sortChangeByApi', {
+        column: column,
+        prop: prop,
+        order: order
+      });
+    }
+  }
+};
+
+export { script as default };

package/es/SlTable/index.vue3.js

@@ -0,0 +1,6 @@
+import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = "@media (max-width:768px){.sl-table[data-v-29020ed9]{display:flex;flex-direction:column}}@media (min-width:769px){.sl-table[data-v-29020ed9]{display:flex;flex:1 1 0;flex-direction:column}}.el-table[data-v-29020ed9]{display:flex;flex-direction:column}[data-v-29020ed9] .el-table__header-wrapper{flex:1 0 1}@media (max-width:768px){[data-v-29020ed9] .el-table__body-wrapper{height:100%!important;overflow-y:auto}}@media (min-width:769px){[data-v-29020ed9] .el-table__body-wrapper{flex:1 1 0}}[data-v-29020ed9] .el-pagination{display:flex;justify-content:end;margin-top:20px}@media (max-width:768px){[data-v-29020ed9] .el-pagination{flex-wrap:wrap}}[data-v-29020ed9] .el-table .drag_start{color:#f3e8e8fd;opacity:.8;transition:all .3s cubic-bezier(.23,1,.32,1);-webkit-transition:all .3s cubic-bezier(.23,1,.32,1);-moz-transition:all .3s cubic-bezier(.23,1,.32,1);-ms-transition:all .3s cubic-bezier(.23,1,.32,1);-o-transition:all .3s cubic-bezier(.23,1,.32,1)}[data-v-29020ed9] .el-table .drag_end_left{border-left:2px dotted rgba(0,0,0,.938)}[data-v-29020ed9] .el-table .drag_end_right{border-right:2px dotted rgba(0,0,0,.938)}[data-v-29020ed9] .el-icon-info{vertical-align:middle}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/es/SlTitle/index.vue.js

@@ -0,0 +1,41 @@
+import script from './index.vue2.js';
+import './index.vue3.js';
+import normalizeComponent from '../node_modules/vue-runtime-helpers/dist/normalize-component.js';
+
+/* script */
+var __vue_script__ = script;
+/* template */
+var __vue_render__ = function __vue_render__() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "sl_title"
+  }, [_c("div", {
+    staticClass: "title_name"
+  }, [_vm._v("\n    " + _vm._s(_vm.title) + "\n  ")]), _vm._v(" "), _c("div", [_vm._t("default")], 2)]);
+};
+var __vue_staticRenderFns__ = [];
+__vue_render__._withStripped = true;
+
+/* style */
+var __vue_inject_styles__ = undefined;
+/* scoped */
+var __vue_scope_id__ = "data-v-1dd333e6";
+/* module identifier */
+var __vue_module_identifier__ = undefined;
+/* functional template */
+var __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+var SlTitle = __vue_component__;
+
+export { SlTitle as default };

package/es/SlTitle/index.vue2.js

@@ -0,0 +1,26 @@
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var script = {
+  name: 'SlTitle',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    }
+  },
+  data: function data() {
+    return {};
+  },
+  methods: {}
+};
+
+export { script as default };

package/es/SlTitle/index.vue3.js

@@ -0,0 +1,6 @@
+import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".sl_title[data-v-1dd333e6]{display:flex;justify-content:space-between;margin:10px 0}.title_name[data-v-1dd333e6]{color:#000;font-size:12px;font-weight:700}.title_name[data-v-1dd333e6]:before{border:2px solid #409eff;content:\" \";margin-left:2px;margin-right:10px}";
+styleInject(css_248z);
+
+export { css_248z as default };