@panpanzhao/component-ui 0.0.53 → 1.0.1

package/lib/components/table-search.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 75);
+/******/ 	return __webpack_require__(__webpack_require__.s = 76);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -199,28 +199,28 @@ module.exports = require("element-ui/lib/button");
 
 /***/ }),
 
-/***/ 59:
+/***/ 60:
 /***/ (function(module, exports) {
 
 module.exports = require("@panpanzhao/component-ui/lib/components/form-query");
 
 /***/ }),
 
-/***/ 60:
+/***/ 61:
 /***/ (function(module, exports) {
 
 module.exports = require("@panpanzhao/component-ui/lib/components/table");
 
 /***/ }),
 
-/***/ 75:
+/***/ 76:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table-search/src/index.vue?vue&type=template&id=5b97226c&
+// CONCATENATED MODULE: ./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/table-search/src/index.vue?vue&type=template&id=1e4d345a
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c
@@ -352,25 +352,25 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/table-search/src/index.vue?vue&type=template&id=5b97226c&
+// CONCATENATED MODULE: ./src/components/table-search/src/index.vue?vue&type=template&id=1e4d345a
 
 // EXTERNAL MODULE: external "element-ui/lib/button"
 var button_ = __webpack_require__(5);
 var button_default = /*#__PURE__*/__webpack_require__.n(button_);
 
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/components/form-query"
-var form_query_ = __webpack_require__(59);
+var form_query_ = __webpack_require__(60);
 var form_query_default = /*#__PURE__*/__webpack_require__.n(form_query_);
 
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/components/table"
-var table_ = __webpack_require__(60);
+var table_ = __webpack_require__(61);
 var table_default = /*#__PURE__*/__webpack_require__.n(table_);
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table-search/src/index.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.9_webpack@4.47.0/node_modules/babel-loader/lib!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/table-search/src/index.vue?vue&type=script&lang=js
 
 
 
-/* harmony default export */ var srcvue_type_script_lang_js_ = ({
+/* harmony default export */ var srcvue_type_script_lang_js = ({
   name: "TableSearch",
   componentName: "TableSearch",
   components: {
@@ -380,15 +380,21 @@ var table_default = /*#__PURE__*/__webpack_require__.n(table_);
   },
   props: {
     request: Function,
-    search: Object,
+    search: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
     table: Object
   },
   computed: {
     formProps: function formProps() {
       return Object.assign({
         formModel: this.searchData,
-        showHiddenNum: true
-      }, this.search.form);
+        showHiddenNum: true,
+        on: this.search.on
+      }, this.search && this.search.form);
     },
     tableProps: function tableProps() {
       var table = Object.assign({
@@ -441,9 +447,9 @@ var table_default = /*#__PURE__*/__webpack_require__.n(table_);
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/table-search/src/index.vue?vue&type=script&lang=js&
- /* harmony default export */ var table_search_srcvue_type_script_lang_js_ = (srcvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+// CONCATENATED MODULE: ./src/components/table-search/src/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var table_search_srcvue_type_script_lang_js = (srcvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1);
 
 // CONCATENATED MODULE: ./src/components/table-search/src/index.vue
@@ -455,7 +461,7 @@ var componentNormalizer = __webpack_require__(1);
 /* normalize component */
 
 var component = Object(componentNormalizer["a" /* default */])(
-  table_search_srcvue_type_script_lang_js_,
+  table_search_srcvue_type_script_lang_js,
   render,
   staticRenderFns,
   false,

package/lib/components/table.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 74);
+/******/ 	return __webpack_require__(__webpack_require__.s = 75);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -199,7 +199,7 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 17:
+/***/ 18:
 /***/ (function(module, exports) {
 
 module.exports = require("@panpanzhao/component-ui/lib/utils/index");
@@ -220,7 +220,7 @@ module.exports = require("element-ui/lib/table-column");
 
 /***/ }),
 
-/***/ 28:
+/***/ 29:
 /***/ (function(module, exports) {
 
 module.exports = require("@panpanzhao/component-ui/lib/components/table-column");
@@ -234,7 +234,7 @@ module.exports = require("@panpanzhao/component-ui/lib/utils/formula");
 
 /***/ }),
 
-/***/ 31:
+/***/ 32:
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/table");
@@ -248,22 +248,22 @@ module.exports = require("element-ui/lib/button");
 
 /***/ }),
 
-/***/ 55:
+/***/ 56:
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/pagination");
 
 /***/ }),
 
-/***/ 74:
+/***/ 75:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table/src/table.vue?vue&type=template&id=148cbb91&
-var tablevue_type_template_id_148cbb91_render = function render() {
+// CONCATENATED MODULE: ./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/table/src/table.vue?vue&type=template&id=1a5269fa
+var tablevue_type_template_id_1a5269fa_render = function render() {
   var _vm = this,
     _c = _vm._self._c
   return _c("div", { staticClass: "table" }, [
@@ -342,10 +342,10 @@ var tablevue_type_template_id_148cbb91_render = function render() {
   ])
 }
 var staticRenderFns = []
-tablevue_type_template_id_148cbb91_render._withStripped = true
+tablevue_type_template_id_1a5269fa_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/table/src/table.vue?vue&type=template&id=148cbb91&
+// CONCATENATED MODULE: ./src/components/table/src/table.vue?vue&type=template&id=1a5269fa
 
 // EXTERNAL MODULE: external "@vue/babel-helper-vue-jsx-merge-props"
 var babel_helper_vue_jsx_merge_props_ = __webpack_require__(0);
@@ -356,7 +356,7 @@ var button_ = __webpack_require__(5);
 var button_default = /*#__PURE__*/__webpack_require__.n(button_);
 
 // EXTERNAL MODULE: external "element-ui/lib/table"
-var table_ = __webpack_require__(31);
+var table_ = __webpack_require__(32);
 var table_default = /*#__PURE__*/__webpack_require__.n(table_);
 
 // EXTERNAL MODULE: external "element-ui/lib/table-column"
@@ -364,23 +364,23 @@ var table_column_ = __webpack_require__(20);
 var table_column_default = /*#__PURE__*/__webpack_require__.n(table_column_);
 
 // EXTERNAL MODULE: external "element-ui/lib/pagination"
-var pagination_ = __webpack_require__(55);
+var pagination_ = __webpack_require__(56);
 var pagination_default = /*#__PURE__*/__webpack_require__.n(pagination_);
 
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/components/table-column"
-var components_table_column_ = __webpack_require__(28);
+var components_table_column_ = __webpack_require__(29);
 var components_table_column_default = /*#__PURE__*/__webpack_require__.n(components_table_column_);
 
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/utils/formula"
 var formula_ = __webpack_require__(3);
 
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/utils/index"
-var index_ = __webpack_require__(17);
+var index_ = __webpack_require__(18);
 
 // EXTERNAL MODULE: external "lodash"
 var external_lodash_ = __webpack_require__(2);
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table/src/table.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.9_webpack@4.47.0/node_modules/babel-loader/lib!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib??vue-loader-options!./src/components/table/src/table.vue?vue&type=script&lang=js
 
 
 
@@ -390,7 +390,7 @@ var external_lodash_ = __webpack_require__(2);
 
 
 
-/* harmony default export */ var tablevue_type_script_lang_js_ = ({
+/* harmony default export */ var tablevue_type_script_lang_js = ({
   name: "Table",
   componentName: "Table",
   components: {
@@ -598,7 +598,6 @@ var external_lodash_ = __webpack_require__(2);
               _this3.$refs.table.toggleRowSelection(row); // 点击选中
             }
           }
-
           _this3.$emit("row-click", row);
           if (typeof _this3.on["row-click"] === "function") {
             _this3.on["row-click"].call(_this3, row);
@@ -608,7 +607,7 @@ var external_lodash_ = __webpack_require__(2);
           _this3.selection = selection;
           _this3.$emit("selection-change", selection);
           if (typeof _this3.on["selection-change"] === "function") {
-            _this3.on["selection-change"].call(_this3, row);
+            _this3.on["selection-change"].call(_this3, selection);
           }
         }
       });
@@ -708,9 +707,9 @@ var external_lodash_ = __webpack_require__(2);
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/table/src/table.vue?vue&type=script&lang=js&
- /* harmony default export */ var src_tablevue_type_script_lang_js_ = (tablevue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+// CONCATENATED MODULE: ./src/components/table/src/table.vue?vue&type=script&lang=js
+ /* harmony default export */ var src_tablevue_type_script_lang_js = (tablevue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/.pnpm/vue-loader@15.11.1_css-loader@2.1.1_lodash@4.17.21_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1);
 
 // CONCATENATED MODULE: ./src/components/table/src/table.vue
@@ -722,8 +721,8 @@ var componentNormalizer = __webpack_require__(1);
 /* normalize component */
 
 var component = Object(componentNormalizer["a" /* default */])(
-  src_tablevue_type_script_lang_js_,
-  tablevue_type_template_id_148cbb91_render,
+  src_tablevue_type_script_lang_js,
+  tablevue_type_template_id_1a5269fa_render,
   staticRenderFns,
   false,
   null,

package/lib/components/tree-line.js

@@ -0,0 +1,272 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/dist/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 84);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 84:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./src/components/tree-line/src/index.js
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function getComConfig(h) {
+  return {
+    name: 'TreeLine',
+    props: {
+      node: {
+        type: Object,
+        required: true
+      },
+      data: {
+        type: Object
+      },
+      treeData: {
+        type: Array
+      },
+      indent: {
+        type: Number,
+        default: function _default() {
+          return 14;
+        }
+      },
+      showLabelLine: {
+        type: Boolean,
+        default: false
+      }
+    },
+    render: function render(createElement) {
+      debugger;
+      var $createElement = h || createElement;
+      // 自定义整行节点label区域
+      var scopeSlotDefault = this.getScopedSlot('default');
+      // 显示横线时自定义节点label区域
+      var labelSlot = this.getScopedSlot('node-label');
+      // 显示横线时追加在横线右边的内容
+      var afterLabelSlot = this.getScopedSlot('after-node-label');
+      var labelNodes = scopeSlotDefault ? this.getScopedSlotValue(scopeSlotDefault, {
+        node: this.node,
+        data: this.data
+      }) : [labelSlot ? this.getScopedSlotValue(labelSlot, {
+        node: this.node,
+        data: this.data
+      }) : $createElement('span', {
+        class: 'element-tree-node-label'
+      }, this.node.label), this.showLabelLine ? $createElement('span', {
+        class: 'element-tree-node-label-line'
+      }) : null, this.getScopedSlotValue(afterLabelSlot, {
+        node: this.node,
+        data: this.data
+      })];
+      // 取得每一层的当前节点是不是在当前层级列表的最后一个
+      var lastnodeArr = [];
+      var currentNode = this.node;
+      while (currentNode) {
+        var parentNode = currentNode.parent;
+        // 兼容element-plus的 el-tree-v2 (Virtualized Tree 虚拟树)
+        if (currentNode.level === 1 && !currentNode.parent) {
+          // el-tree-v2的第一层node是没有parent的，必需 treeData 创建一个parent
+          if (!this.treeData || !Array.isArray(this.treeData)) {
+            throw Error('if you using el-tree-v2 (Virtualized Tree) of element-plus,element-tree-line required data.');
+          }
+          parentNode = {
+            children: Array.isArray(this.treeData) ? this.treeData.map(function (item) {
+              return _extends({}, item, {
+                key: item.id
+              });
+            }) : [],
+            level: 0,
+            key: 'node-0',
+            parent: null
+          };
+        }
+        if (parentNode) {
+          // element-plus的 el-tree-v2 使用的是children和key， 其他使用的是 childNodes和id
+          var index = (parentNode.children || parentNode.childNodes).findIndex(function (item) {
+            return (item.key || item.id) === (currentNode.key || currentNode.id);
+          });
+          lastnodeArr.unshift(index === (parentNode.children || parentNode.childNodes).length - 1);
+        }
+        currentNode = parentNode;
+      }
+      var lineNodes = [];
+      for (var i = 0; i < this.node.level; i++) {
+        if (lastnodeArr[i] && this.node.level - 1 !== i) {
+          continue;
+        }
+        lineNodes.push($createElement('span', {
+          class: {
+            'element-tree-node-line-ver': true,
+            'last-node-isLeaf-line': lastnodeArr[i] && this.node.level - 1 === i
+          },
+          style: {
+            left: this.indent * i + 'px'
+          }
+        }));
+      }
+      return $createElement('span', {
+        class: 'element-tree-node-label-wrapper'
+      }, [labelNodes].concat(lineNodes).concat([$createElement('span', {
+        class: 'element-tree-node-line-hor',
+        style: {
+          width: (this.node.isLeaf ? 24 : 8) + 'px',
+          left: (this.node.level - 1) * this.indent + 'px'
+        }
+      })]));
+    },
+    methods: {
+      getScopedSlot: function getScopedSlot(slotName) {
+        if (!slotName) {
+          return null;
+        }
+        var slotNameSplits = slotName.split('||');
+        var scopeSlot = null;
+        for (var index = 0; index < slotNameSplits.length; index++) {
+          var name = slotNameSplits[index];
+          var slot = (this.$slots || {})[name];
+          if (slot) {
+            scopeSlot = slot;
+            break;
+          }
+          scopeSlot = (this.$scopedSlots || {})[name];
+          if (scopeSlot) {
+            break;
+          }
+        }
+        return scopeSlot;
+      },
+      getScopedSlotValue: function getScopedSlotValue(scopeSlot, scopedData, defaultNode) {
+        if (defaultNode === void 0) {
+          defaultNode = null;
+        }
+        if (typeof scopeSlot === 'function') {
+          return scopeSlot(scopedData) || defaultNode;
+        }
+        return scopeSlot || defaultNode;
+      }
+    }
+  };
+}
+function getElementLabelLine(h) {
+  debugger;
+  var conf = getComConfig(h);
+  if (h) {
+    conf.methods.getScopedSlot = function getScopedSlot(slotName) {
+      if (!slotName) {
+        return null;
+      }
+      var slotNameSplits = slotName.split('||');
+      var scopeSlot = null;
+      for (var index = 0; index < slotNameSplits.length; index++) {
+        var name = slotNameSplits[index];
+        var slot = (this.$slots || {})[name];
+        if (slot) {
+          scopeSlot = slot;
+          break;
+        }
+      }
+      return scopeSlot;
+    };
+  }
+  return conf;
+}
+var ElementLabelLine = getElementLabelLine();
+/* harmony default export */ var src = (ElementLabelLine);
+// CONCATENATED MODULE: ./src/components/tree-line/index.js
+
+
+/* istanbul ignore next */
+src.install = function (Vue) {
+  Vue.component(src.name, src);
+};
+/* harmony default export */ var tree_line = __webpack_exports__["default"] = (src);
+
+/***/ })
+
+/******/ });