gyyg-components 0.2.2 → 0.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -191,7 +191,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
|
|
|
191
191
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
192
192
|
|
|
193
193
|
"use strict";
|
|
194
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecInput',\n props: {\n // 输入框的占位符\n placeholder: {\n type: String,\n default: ''\n },\n // 输入类型限制，可选值为 'number'（数字）、'chinese'（汉字）、'english'
|
|
194
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecInput',\n props: {\n // 输入框的占位符\n placeholder: {\n type: String,\n default: ''\n },\n // 输入类型限制，可选值为 'number'（数字）、'chinese'（汉字）、'english'（英文字母）\n inputType: {\n type: String,\n default: 'text'\n },\n // 输入框类型（对应原生input类型），如 'text'、'password'等\n type: {\n type: String,\n default: 'text'\n },\n // 是否禁用\n disabled: {\n type: Boolean,\n default: false\n },\n // 是否只读\n readonly: {\n type: Boolean,\n default: false\n },\n // 尺寸大小，可选值'medium'、'small'、'mini'\n size: {\n type: String,\n default: 'medium'\n },\n // 最大长度\n maxlength: {\n type: [Number, String],\n default: -1\n },\n // 是否显示字数限制提示\n showWordLimit: {\n type: Boolean,\n default: false\n },\n // 是否可清空\n clearable: {\n type: Boolean,\n default: false\n },\n // 前缀图标名称\n prefixIcon: {\n type: String,\n default: ''\n },\n // 后缀图标名称\n suffixIcon: {\n type: String,\n default: ''\n },\n // 文本域行数（当type为'textarea'时有效）\n rows: {\n default: 1\n },\n // 文本域是否自适应大小（当type为'textarea'时有效）\n autosize: {\n default: false\n }\n },\n data() {\n return {\n inputValue: ''\n };\n },\n computed: {\n inputTypeValue() {\n return this.inputType === 'textarea' ? 'textarea' : this.type;\n }\n },\n methods: {\n handleInput(val) {\n let value = val;\n if (this.inputType === 'number') {\n // 只允许输入数字\n value = value.replace(/[^0-9]/g, '');\n } else if (this.inputType === 'chinese') {\n // 只允许输入汉字\n value = value.replace(/[^\\u4e00-\\u9fa5]/g, '');\n } else if (this.inputType === 'english') {\n // 只允许输入英文\n value = value.replace(/[^a-zA-Z]/g, '');\n }\n this.inputValue = value;\n this.$emit('input', value);\n },\n clear() {\n this.$emit('clear');\n }\n },\n watch: {\n value(newValue) {\n this.inputValue = newValue;\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecInput/MecInput.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
195
195
|
|
|
196
196
|
/***/ }),
|
|
197
197
|
|
|
@@ -227,7 +227,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
|
|
|
227
227
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
228
228
|
|
|
229
229
|
"use strict";
|
|
230
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/esnext.iterator.map.js */ \"./node_modules/core-js/modules/esnext.iterator.map.js\");\n/* harmony import */ var core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/otherComponents/styleText.vue */ \"./src/otherComponents/styleText.vue\");\n/* harmony import */ var _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/otherComponents/btnClick.vue */ \"./src/otherComponents/btnClick.vue\");\n/* harmony import */ var _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/otherComponents/iconButton.vue */ \"./src/otherComponents/iconButton.vue\");\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecTable',\n components: {\n styleText: _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n btnClick: _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n iconButton: _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n },\n props: {\n // 表格数据\n tableData: {\n reauried: true\n },\n // 表格列\n columns: {\n required: true\n },\n // 表格高度\n height: {\n required: false\n },\n // 表格最大高度\n maxHeight: {\n required: false\n },\n // 是否显示多选框\n selection: {\n required: false\n },\n // 是否保留多选框\n reserveSelection: {\n type: Boolean,\n default: false\n },\n // 分页\n page: {\n // 分页\n required: false\n },\n // 是否高亮当前行\n highlightCurrentRow: {\n required: false\n },\n // 表头样式\n headerCellStyle: {\n required: false,\n default: () => {\n return {\n backgroundColor: \"#fff\",\n textAlign: \"center\"\n };\n }\n },\n // 行数据的key\n rowKey: {\n type: [String, Number],\n default: 'id'\n },\n // 行className回调\n tableRowClassName: {\n type: [Function, String],\n required: false\n },\n // 展开行的key\n expandRowKeys: {\n type: Array,\n required: false\n },\n // 嵌套数据的配置选项\n treeProps: {\n type: Object,\n default: () => {\n return {};\n }\n },\n // 是否默认展开所有行\n defaultExpandAll: {\n default: false\n }\n },\n data() {\n return {\n multipleSelection: []\n };\n },\n methods: {\n // 列表选中当前行字体加粗\n selectedRowStyle({\n row\n }) {\n const idArr = this.multipleSelection.map(row => row[this.rowKey]);\n if (idArr.includes(row[this.rowKey])) {\n return {\n 'font-weight': '700'\n };\n }\n },\n // pageSize 改变时会触发\n handleSizeChange(val) {\n this.$emit('page-size-change', val);\n },\n // // currentPage 改变时会触发\n handleCurrentChange(val) {\n this.$emit('page-change', val);\n },\n // 表格属性回调\n currentChange(val) {\n this.$emit('current-change', val);\n },\n // 排序规则发生变化时会触发\n sortChange(column, prop, order) {\n this.$emit('sort-change', column, prop, order);\n },\n // 手动勾选数据行的checkbox时触发的事件\n select(column, row) {\n let refs = this.$refs.table;\n this.$emit('select', column, row, refs);\n },\n // 选择项发生变化时会触发\n selectionChange(column) {\n this.multipleSelection = column;\n this.$emit('selection-change', column);\n },\n // 行点击触发的事件\n rowClickHandel(column) {\n this.$emit('row-click', column);\n }\n },\n watch: {\n columns: {\n handler: function (val) {\n this.column = val;\n },\n immediate: true,\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
230
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/esnext.iterator.map.js */ \"./node_modules/core-js/modules/esnext.iterator.map.js\");\n/* harmony import */ var core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/otherComponents/styleText.vue */ \"./src/otherComponents/styleText.vue\");\n/* harmony import */ var _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/otherComponents/btnClick.vue */ \"./src/otherComponents/btnClick.vue\");\n/* harmony import */ var _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/otherComponents/iconButton.vue */ \"./src/otherComponents/iconButton.vue\");\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecTable',\n components: {\n styleText: _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n btnClick: _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n iconButton: _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n },\n props: {\n // 表格数据\n tableData: {\n reauried: true\n },\n // 表格列\n columns: {\n required: true\n },\n // 表格高度\n height: {\n required: false\n },\n // 表格最大高度\n maxHeight: {\n required: false\n },\n // 是否显示多选框\n selection: {\n required: false\n },\n // 是否保留多选框\n reserveSelection: {\n type: Boolean,\n default: false\n },\n // 分页\n page: {\n // 分页\n required: false\n },\n // 是否高亮当前行\n highlightCurrentRow: {\n required: false\n },\n // 表头样式\n headerCellStyle: {\n required: false,\n default: () => {\n return {\n backgroundColor: \"#fff\",\n textAlign: \"center\"\n };\n }\n },\n // 行数据的key\n rowKey: {\n type: [String, Number],\n default: 'id'\n },\n // 行className回调\n tableRowClassName: {\n type: [Function, String],\n required: false\n },\n // 展开行的key\n expandRowKeys: {\n type: Array,\n required: false\n },\n // 嵌套数据的配置选项\n treeProps: {\n type: Object,\n default: () => {\n return {};\n }\n },\n // 是否默认展开所有行\n defaultExpandAll: {\n default: false\n },\n // 是否只选中当前行\n toggleRow: {\n default: false\n }\n },\n data() {\n return {\n multipleSelection: []\n };\n },\n methods: {\n // 列表选中当前行字体加粗\n selectedRowStyle({\n row\n }) {\n const idArr = this.multipleSelection.map(row => row[this.rowKey]);\n if (idArr.includes(row[this.rowKey])) {\n return {\n 'font-weight': '700'\n };\n }\n },\n // pageSize 改变时会触发\n handleSizeChange(val) {\n this.$emit('page-size-change', val);\n },\n // // currentPage 改变时会触发\n handleCurrentChange(val) {\n this.$emit('page-change', val);\n },\n // 表格属性回调\n currentChange(val) {\n this.$emit('current-change', val);\n },\n // 排序规则发生变化时会触发\n sortChange(column, prop, order) {\n this.$emit('sort-change', column, prop, order);\n },\n // 手动勾选数据行的checkbox时触发的事件\n select(column, row) {\n let refs = this.$refs.table;\n this.$emit('select', column, row, refs);\n },\n // 选择项发生变化时会触发\n selectionChange(column) {\n this.multipleSelection = column;\n this.$emit('selection-change', column);\n },\n // 行点击触发的事件\n rowClickHandel(column) {\n if (this.toggleRow) {\n this.$refs.table.clearSelection();\n this.$refs.table.toggleRowSelection(column);\n }\n this.$emit('row-click', column);\n }\n },\n watch: {\n columns: {\n handler: function (val) {\n this.column = val;\n },\n immediate: true,\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
231
231
|
|
|
232
232
|
/***/ }),
|
|
233
233
|
|
|
@@ -200,7 +200,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
|
|
|
200
200
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
201
201
|
|
|
202
202
|
"use strict";
|
|
203
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecInput',\n props: {\n // 输入框的占位符\n placeholder: {\n type: String,\n default: ''\n },\n // 输入类型限制，可选值为 'number'（数字）、'chinese'（汉字）、'english'
|
|
203
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecInput',\n props: {\n // 输入框的占位符\n placeholder: {\n type: String,\n default: ''\n },\n // 输入类型限制，可选值为 'number'（数字）、'chinese'（汉字）、'english'（英文字母）\n inputType: {\n type: String,\n default: 'text'\n },\n // 输入框类型（对应原生input类型），如 'text'、'password'等\n type: {\n type: String,\n default: 'text'\n },\n // 是否禁用\n disabled: {\n type: Boolean,\n default: false\n },\n // 是否只读\n readonly: {\n type: Boolean,\n default: false\n },\n // 尺寸大小，可选值'medium'、'small'、'mini'\n size: {\n type: String,\n default: 'medium'\n },\n // 最大长度\n maxlength: {\n type: [Number, String],\n default: -1\n },\n // 是否显示字数限制提示\n showWordLimit: {\n type: Boolean,\n default: false\n },\n // 是否可清空\n clearable: {\n type: Boolean,\n default: false\n },\n // 前缀图标名称\n prefixIcon: {\n type: String,\n default: ''\n },\n // 后缀图标名称\n suffixIcon: {\n type: String,\n default: ''\n },\n // 文本域行数（当type为'textarea'时有效）\n rows: {\n default: 1\n },\n // 文本域是否自适应大小（当type为'textarea'时有效）\n autosize: {\n default: false\n }\n },\n data() {\n return {\n inputValue: ''\n };\n },\n computed: {\n inputTypeValue() {\n return this.inputType === 'textarea' ? 'textarea' : this.type;\n }\n },\n methods: {\n handleInput(val) {\n let value = val;\n if (this.inputType === 'number') {\n // 只允许输入数字\n value = value.replace(/[^0-9]/g, '');\n } else if (this.inputType === 'chinese') {\n // 只允许输入汉字\n value = value.replace(/[^\\u4e00-\\u9fa5]/g, '');\n } else if (this.inputType === 'english') {\n // 只允许输入英文\n value = value.replace(/[^a-zA-Z]/g, '');\n }\n this.inputValue = value;\n this.$emit('input', value);\n },\n clear() {\n this.$emit('clear');\n }\n },\n watch: {\n value(newValue) {\n this.inputValue = newValue;\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecInput/MecInput.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
204
204
|
|
|
205
205
|
/***/ }),
|
|
206
206
|
|
|
@@ -236,7 +236,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
|
|
|
236
236
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
237
237
|
|
|
238
238
|
"use strict";
|
|
239
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/esnext.iterator.map.js */ \"./node_modules/core-js/modules/esnext.iterator.map.js\");\n/* harmony import */ var core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/otherComponents/styleText.vue */ \"./src/otherComponents/styleText.vue\");\n/* harmony import */ var _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/otherComponents/btnClick.vue */ \"./src/otherComponents/btnClick.vue\");\n/* harmony import */ var _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/otherComponents/iconButton.vue */ \"./src/otherComponents/iconButton.vue\");\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecTable',\n components: {\n styleText: _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n btnClick: _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n iconButton: _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n },\n props: {\n // 表格数据\n tableData: {\n reauried: true\n },\n // 表格列\n columns: {\n required: true\n },\n // 表格高度\n height: {\n required: false\n },\n // 表格最大高度\n maxHeight: {\n required: false\n },\n // 是否显示多选框\n selection: {\n required: false\n },\n // 是否保留多选框\n reserveSelection: {\n type: Boolean,\n default: false\n },\n // 分页\n page: {\n // 分页\n required: false\n },\n // 是否高亮当前行\n highlightCurrentRow: {\n required: false\n },\n // 表头样式\n headerCellStyle: {\n required: false,\n default: () => {\n return {\n backgroundColor: \"#fff\",\n textAlign: \"center\"\n };\n }\n },\n // 行数据的key\n rowKey: {\n type: [String, Number],\n default: 'id'\n },\n // 行className回调\n tableRowClassName: {\n type: [Function, String],\n required: false\n },\n // 展开行的key\n expandRowKeys: {\n type: Array,\n required: false\n },\n // 嵌套数据的配置选项\n treeProps: {\n type: Object,\n default: () => {\n return {};\n }\n },\n // 是否默认展开所有行\n defaultExpandAll: {\n default: false\n }\n },\n data() {\n return {\n multipleSelection: []\n };\n },\n methods: {\n // 列表选中当前行字体加粗\n selectedRowStyle({\n row\n }) {\n const idArr = this.multipleSelection.map(row => row[this.rowKey]);\n if (idArr.includes(row[this.rowKey])) {\n return {\n 'font-weight': '700'\n };\n }\n },\n // pageSize 改变时会触发\n handleSizeChange(val) {\n this.$emit('page-size-change', val);\n },\n // // currentPage 改变时会触发\n handleCurrentChange(val) {\n this.$emit('page-change', val);\n },\n // 表格属性回调\n currentChange(val) {\n this.$emit('current-change', val);\n },\n // 排序规则发生变化时会触发\n sortChange(column, prop, order) {\n this.$emit('sort-change', column, prop, order);\n },\n // 手动勾选数据行的checkbox时触发的事件\n select(column, row) {\n let refs = this.$refs.table;\n this.$emit('select', column, row, refs);\n },\n // 选择项发生变化时会触发\n selectionChange(column) {\n this.multipleSelection = column;\n this.$emit('selection-change', column);\n },\n // 行点击触发的事件\n rowClickHandel(column) {\n this.$emit('row-click', column);\n }\n },\n watch: {\n columns: {\n handler: function (val) {\n this.column = val;\n },\n immediate: true,\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
239
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/esnext.iterator.map.js */ \"./node_modules/core-js/modules/esnext.iterator.map.js\");\n/* harmony import */ var core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/otherComponents/styleText.vue */ \"./src/otherComponents/styleText.vue\");\n/* harmony import */ var _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/otherComponents/btnClick.vue */ \"./src/otherComponents/btnClick.vue\");\n/* harmony import */ var _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/otherComponents/iconButton.vue */ \"./src/otherComponents/iconButton.vue\");\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecTable',\n components: {\n styleText: _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n btnClick: _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n iconButton: _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n },\n props: {\n // 表格数据\n tableData: {\n reauried: true\n },\n // 表格列\n columns: {\n required: true\n },\n // 表格高度\n height: {\n required: false\n },\n // 表格最大高度\n maxHeight: {\n required: false\n },\n // 是否显示多选框\n selection: {\n required: false\n },\n // 是否保留多选框\n reserveSelection: {\n type: Boolean,\n default: false\n },\n // 分页\n page: {\n // 分页\n required: false\n },\n // 是否高亮当前行\n highlightCurrentRow: {\n required: false\n },\n // 表头样式\n headerCellStyle: {\n required: false,\n default: () => {\n return {\n backgroundColor: \"#fff\",\n textAlign: \"center\"\n };\n }\n },\n // 行数据的key\n rowKey: {\n type: [String, Number],\n default: 'id'\n },\n // 行className回调\n tableRowClassName: {\n type: [Function, String],\n required: false\n },\n // 展开行的key\n expandRowKeys: {\n type: Array,\n required: false\n },\n // 嵌套数据的配置选项\n treeProps: {\n type: Object,\n default: () => {\n return {};\n }\n },\n // 是否默认展开所有行\n defaultExpandAll: {\n default: false\n },\n // 是否只选中当前行\n toggleRow: {\n default: false\n }\n },\n data() {\n return {\n multipleSelection: []\n };\n },\n methods: {\n // 列表选中当前行字体加粗\n selectedRowStyle({\n row\n }) {\n const idArr = this.multipleSelection.map(row => row[this.rowKey]);\n if (idArr.includes(row[this.rowKey])) {\n return {\n 'font-weight': '700'\n };\n }\n },\n // pageSize 改变时会触发\n handleSizeChange(val) {\n this.$emit('page-size-change', val);\n },\n // // currentPage 改变时会触发\n handleCurrentChange(val) {\n this.$emit('page-change', val);\n },\n // 表格属性回调\n currentChange(val) {\n this.$emit('current-change', val);\n },\n // 排序规则发生变化时会触发\n sortChange(column, prop, order) {\n this.$emit('sort-change', column, prop, order);\n },\n // 手动勾选数据行的checkbox时触发的事件\n select(column, row) {\n let refs = this.$refs.table;\n this.$emit('select', column, row, refs);\n },\n // 选择项发生变化时会触发\n selectionChange(column) {\n this.multipleSelection = column;\n this.$emit('selection-change', column);\n },\n // 行点击触发的事件\n rowClickHandel(column) {\n if (this.toggleRow) {\n this.$refs.table.clearSelection();\n this.$refs.table.toggleRowSelection(column);\n }\n this.$emit('row-click', column);\n }\n },\n watch: {\n columns: {\n handler: function (val) {\n this.column = val;\n },\n immediate: true,\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
240
240
|
|
|
241
241
|
/***/ }),
|
|
242
242
|
|
|
@@ -200,7 +200,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
|
|
|
200
200
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
201
201
|
|
|
202
202
|
"use strict";
|
|
203
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecInput',\n props: {\n // 输入框的占位符\n placeholder: {\n type: String,\n default: ''\n },\n // 输入类型限制，可选值为 'number'（数字）、'chinese'（汉字）、'english'
|
|
203
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecInput',\n props: {\n // 输入框的占位符\n placeholder: {\n type: String,\n default: ''\n },\n // 输入类型限制，可选值为 'number'（数字）、'chinese'（汉字）、'english'（英文字母）\n inputType: {\n type: String,\n default: 'text'\n },\n // 输入框类型（对应原生input类型），如 'text'、'password'等\n type: {\n type: String,\n default: 'text'\n },\n // 是否禁用\n disabled: {\n type: Boolean,\n default: false\n },\n // 是否只读\n readonly: {\n type: Boolean,\n default: false\n },\n // 尺寸大小，可选值'medium'、'small'、'mini'\n size: {\n type: String,\n default: 'medium'\n },\n // 最大长度\n maxlength: {\n type: [Number, String],\n default: -1\n },\n // 是否显示字数限制提示\n showWordLimit: {\n type: Boolean,\n default: false\n },\n // 是否可清空\n clearable: {\n type: Boolean,\n default: false\n },\n // 前缀图标名称\n prefixIcon: {\n type: String,\n default: ''\n },\n // 后缀图标名称\n suffixIcon: {\n type: String,\n default: ''\n },\n // 文本域行数（当type为'textarea'时有效）\n rows: {\n default: 1\n },\n // 文本域是否自适应大小（当type为'textarea'时有效）\n autosize: {\n default: false\n }\n },\n data() {\n return {\n inputValue: ''\n };\n },\n computed: {\n inputTypeValue() {\n return this.inputType === 'textarea' ? 'textarea' : this.type;\n }\n },\n methods: {\n handleInput(val) {\n let value = val;\n if (this.inputType === 'number') {\n // 只允许输入数字\n value = value.replace(/[^0-9]/g, '');\n } else if (this.inputType === 'chinese') {\n // 只允许输入汉字\n value = value.replace(/[^\\u4e00-\\u9fa5]/g, '');\n } else if (this.inputType === 'english') {\n // 只允许输入英文\n value = value.replace(/[^a-zA-Z]/g, '');\n }\n this.inputValue = value;\n this.$emit('input', value);\n },\n clear() {\n this.$emit('clear');\n }\n },\n watch: {\n value(newValue) {\n this.inputValue = newValue;\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecInput/MecInput.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
204
204
|
|
|
205
205
|
/***/ }),
|
|
206
206
|
|
|
@@ -236,7 +236,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
|
|
|
236
236
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
237
237
|
|
|
238
238
|
"use strict";
|
|
239
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/esnext.iterator.map.js */ \"./node_modules/core-js/modules/esnext.iterator.map.js\");\n/* harmony import */ var core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/otherComponents/styleText.vue */ \"./src/otherComponents/styleText.vue\");\n/* harmony import */ var _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/otherComponents/btnClick.vue */ \"./src/otherComponents/btnClick.vue\");\n/* harmony import */ var _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/otherComponents/iconButton.vue */ \"./src/otherComponents/iconButton.vue\");\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecTable',\n components: {\n styleText: _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n btnClick: _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n iconButton: _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n },\n props: {\n // 表格数据\n tableData: {\n reauried: true\n },\n // 表格列\n columns: {\n required: true\n },\n // 表格高度\n height: {\n required: false\n },\n // 表格最大高度\n maxHeight: {\n required: false\n },\n // 是否显示多选框\n selection: {\n required: false\n },\n // 是否保留多选框\n reserveSelection: {\n type: Boolean,\n default: false\n },\n // 分页\n page: {\n // 分页\n required: false\n },\n // 是否高亮当前行\n highlightCurrentRow: {\n required: false\n },\n // 表头样式\n headerCellStyle: {\n required: false,\n default: () => {\n return {\n backgroundColor: \"#fff\",\n textAlign: \"center\"\n };\n }\n },\n // 行数据的key\n rowKey: {\n type: [String, Number],\n default: 'id'\n },\n // 行className回调\n tableRowClassName: {\n type: [Function, String],\n required: false\n },\n // 展开行的key\n expandRowKeys: {\n type: Array,\n required: false\n },\n // 嵌套数据的配置选项\n treeProps: {\n type: Object,\n default: () => {\n return {};\n }\n },\n // 是否默认展开所有行\n defaultExpandAll: {\n default: false\n }\n },\n data() {\n return {\n multipleSelection: []\n };\n },\n methods: {\n // 列表选中当前行字体加粗\n selectedRowStyle({\n row\n }) {\n const idArr = this.multipleSelection.map(row => row[this.rowKey]);\n if (idArr.includes(row[this.rowKey])) {\n return {\n 'font-weight': '700'\n };\n }\n },\n // pageSize 改变时会触发\n handleSizeChange(val) {\n this.$emit('page-size-change', val);\n },\n // // currentPage 改变时会触发\n handleCurrentChange(val) {\n this.$emit('page-change', val);\n },\n // 表格属性回调\n currentChange(val) {\n this.$emit('current-change', val);\n },\n // 排序规则发生变化时会触发\n sortChange(column, prop, order) {\n this.$emit('sort-change', column, prop, order);\n },\n // 手动勾选数据行的checkbox时触发的事件\n select(column, row) {\n let refs = this.$refs.table;\n this.$emit('select', column, row, refs);\n },\n // 选择项发生变化时会触发\n selectionChange(column) {\n this.multipleSelection = column;\n this.$emit('selection-change', column);\n },\n // 行点击触发的事件\n rowClickHandel(column) {\n this.$emit('row-click', column);\n }\n },\n watch: {\n columns: {\n handler: function (val) {\n this.column = val;\n },\n immediate: true,\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
239
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/esnext.iterator.map.js */ \"./node_modules/core-js/modules/esnext.iterator.map.js\");\n/* harmony import */ var core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/otherComponents/styleText.vue */ \"./src/otherComponents/styleText.vue\");\n/* harmony import */ var _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/otherComponents/btnClick.vue */ \"./src/otherComponents/btnClick.vue\");\n/* harmony import */ var _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/otherComponents/iconButton.vue */ \"./src/otherComponents/iconButton.vue\");\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecTable',\n components: {\n styleText: _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n btnClick: _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n iconButton: _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n },\n props: {\n // 表格数据\n tableData: {\n reauried: true\n },\n // 表格列\n columns: {\n required: true\n },\n // 表格高度\n height: {\n required: false\n },\n // 表格最大高度\n maxHeight: {\n required: false\n },\n // 是否显示多选框\n selection: {\n required: false\n },\n // 是否保留多选框\n reserveSelection: {\n type: Boolean,\n default: false\n },\n // 分页\n page: {\n // 分页\n required: false\n },\n // 是否高亮当前行\n highlightCurrentRow: {\n required: false\n },\n // 表头样式\n headerCellStyle: {\n required: false,\n default: () => {\n return {\n backgroundColor: \"#fff\",\n textAlign: \"center\"\n };\n }\n },\n // 行数据的key\n rowKey: {\n type: [String, Number],\n default: 'id'\n },\n // 行className回调\n tableRowClassName: {\n type: [Function, String],\n required: false\n },\n // 展开行的key\n expandRowKeys: {\n type: Array,\n required: false\n },\n // 嵌套数据的配置选项\n treeProps: {\n type: Object,\n default: () => {\n return {};\n }\n },\n // 是否默认展开所有行\n defaultExpandAll: {\n default: false\n },\n // 是否只选中当前行\n toggleRow: {\n default: false\n }\n },\n data() {\n return {\n multipleSelection: []\n };\n },\n methods: {\n // 列表选中当前行字体加粗\n selectedRowStyle({\n row\n }) {\n const idArr = this.multipleSelection.map(row => row[this.rowKey]);\n if (idArr.includes(row[this.rowKey])) {\n return {\n 'font-weight': '700'\n };\n }\n },\n // pageSize 改变时会触发\n handleSizeChange(val) {\n this.$emit('page-size-change', val);\n },\n // // currentPage 改变时会触发\n handleCurrentChange(val) {\n this.$emit('page-change', val);\n },\n // 表格属性回调\n currentChange(val) {\n this.$emit('current-change', val);\n },\n // 排序规则发生变化时会触发\n sortChange(column, prop, order) {\n this.$emit('sort-change', column, prop, order);\n },\n // 手动勾选数据行的checkbox时触发的事件\n select(column, row) {\n let refs = this.$refs.table;\n this.$emit('select', column, row, refs);\n },\n // 选择项发生变化时会触发\n selectionChange(column) {\n this.multipleSelection = column;\n this.$emit('selection-change', column);\n },\n // 行点击触发的事件\n rowClickHandel(column) {\n if (this.toggleRow) {\n this.$refs.table.clearSelection();\n this.$refs.table.toggleRowSelection(column);\n }\n this.$emit('row-click', column);\n }\n },\n watch: {\n columns: {\n handler: function (val) {\n this.column = val;\n },\n immediate: true,\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
240
240
|
|
|
241
241
|
/***/ }),
|
|
242
242
|
|
package/package.json
CHANGED
package/src/App.vue
CHANGED
|
@@ -33,6 +33,14 @@
|
|
|
33
33
|
</el-form-item>
|
|
34
34
|
<el-button @click="submitForm">提交</el-button>
|
|
35
35
|
</el-form>
|
|
36
|
+
<mec-table
|
|
37
|
+
:tableData="tableData"
|
|
38
|
+
:columns="columns"
|
|
39
|
+
:selection="true"
|
|
40
|
+
@selection-change="selectionChange"
|
|
41
|
+
@row-click="rowClick"
|
|
42
|
+
:highlightSelectionRow="true"
|
|
43
|
+
></mec-table>
|
|
36
44
|
</div>
|
|
37
45
|
</template>
|
|
38
46
|
|
|
@@ -45,6 +53,35 @@ export default {
|
|
|
45
53
|
return {
|
|
46
54
|
btnList: [
|
|
47
55
|
// 按钮列表配置
|
|
56
|
+
{
|
|
57
|
+
text: '转资审租',
|
|
58
|
+
componentType: 'mec-popover-button',
|
|
59
|
+
size: 'medium',
|
|
60
|
+
type: 'primary',
|
|
61
|
+
disabled: false,
|
|
62
|
+
id: 'popover',
|
|
63
|
+
options: [
|
|
64
|
+
{
|
|
65
|
+
label: '转谈判组',
|
|
66
|
+
value: '1',
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
label: '转呈批组',
|
|
70
|
+
value: '1',
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
label: '转签约组',
|
|
74
|
+
value: '1',
|
|
75
|
+
},
|
|
76
|
+
],
|
|
77
|
+
trigger() {
|
|
78
|
+
console.log('按钮点击');
|
|
79
|
+
},
|
|
80
|
+
callback(row) {
|
|
81
|
+
console.log(row);
|
|
82
|
+
|
|
83
|
+
}
|
|
84
|
+
}
|
|
48
85
|
],
|
|
49
86
|
formData: {
|
|
50
87
|
numberInput: '',
|
|
@@ -142,6 +179,9 @@ export default {
|
|
|
142
179
|
rowClick(row) {
|
|
143
180
|
console.log(row);
|
|
144
181
|
this.inputInfo.inputValue = row.name // 赋值操作
|
|
182
|
+
},
|
|
183
|
+
selectionChange(val) {
|
|
184
|
+
console.log(val, 123);
|
|
145
185
|
}
|
|
146
186
|
|
|
147
187
|
}
|
|
@@ -27,16 +27,11 @@
|
|
|
27
27
|
type: String,
|
|
28
28
|
default: ''
|
|
29
29
|
},
|
|
30
|
-
// 输入类型限制，可选值为 'number'（数字）、'chinese'（汉字）、'english'
|
|
30
|
+
// 输入类型限制，可选值为 'number'（数字）、'chinese'（汉字）、'english'（英文字母）
|
|
31
31
|
inputType: {
|
|
32
32
|
type: String,
|
|
33
33
|
default: 'text'
|
|
34
34
|
},
|
|
35
|
-
// 当inputType为'regex'时，传入的正则表达式字符串
|
|
36
|
-
regex: {
|
|
37
|
-
type: String,
|
|
38
|
-
default: ''
|
|
39
|
-
},
|
|
40
35
|
// 输入框类型（对应原生input类型），如 'text'、'password'等
|
|
41
36
|
type: {
|
|
42
37
|
type: String,
|
|
@@ -179,6 +179,10 @@ export default {
|
|
|
179
179
|
// 是否默认展开所有行
|
|
180
180
|
defaultExpandAll: {
|
|
181
181
|
default: false,
|
|
182
|
+
},
|
|
183
|
+
// 是否只选中当前行
|
|
184
|
+
toggleRow: {
|
|
185
|
+
default: false
|
|
182
186
|
}
|
|
183
187
|
},
|
|
184
188
|
data() {
|
|
@@ -222,6 +226,10 @@ export default {
|
|
|
222
226
|
},
|
|
223
227
|
// 行点击触发的事件
|
|
224
228
|
rowClickHandel(column) {
|
|
229
|
+
if(this.toggleRow) {
|
|
230
|
+
this.$refs.table.clearSelection()
|
|
231
|
+
this.$refs.table.toggleRowSelection(column)
|
|
232
|
+
}
|
|
225
233
|
this.$emit('row-click', column)
|
|
226
234
|
}
|
|
227
235
|
|