olp-table 5.3.1 → 5.3.4

package/src/views/table/add-or-edit/config/data/column.js

@@ -0,0 +1,218 @@
+export default [
+    {
+        "t1": "label",
+        "t2": "列标题",
+        "t3": "string",
+        $cellEdit: true, "t5": "—"
+    },
+    {
+        "t1": "prop",
+        "t2": "列标题的内容属性名称",
+        "t3": "string",
+        $cellEdit: true, "t5": "-"
+    },
+    {
+        "t1": "width",
+        "t2": "对应列的宽度",
+        "t3": "string",
+        $cellEdit: true, "t5": "-"
+    },
+    {
+        "t1": "bind",
+        "t2": "深结构数据绑定值",
+        "t3": "string",
+        $cellEdit: true, "t5": "-"
+    },
+    {
+        "t1": "minWidth",
+        "t2": "对应列的最小宽度，与 width 的区别是 width 是固定的，minWidth 会把剩余宽度按比例分配给设置了 minWidth 的列",
+        "t3": "string",
+        $cellEdit: true, "t5": "-"
+    },
+    {
+        "t1": "fixed",
+        "t2": "列是否固定在左侧或者右侧，true 表示固定在左侧",
+        "t3": "string",
+        $cellEdit: true, "t5": "-"
+    },
+    {
+        "t1": "className",
+        "t2": "列的单元格自定义类名",
+        "t3": "String",
+        $cellEdit: true, "t5": "-"
+    },
+    {
+        "t1": "labelClassName",
+        "t2": "列标题的自定义类名",
+        "t3": "String",
+        $cellEdit: true, "t5": "-"
+    },
+    {
+        "t1": "sortable",
+        "t2": "对应列是否可以排序，如果设置为 'custom'，则代表用户希望远程排序，需要监听 Table 的 sort-change 事件",
+        "t3": "string",
+        $cellEdit: true, "t5": "-"
+    },
+    {
+        "t1": "formatter",
+        "t2": "用来格式化列内容",
+        "t3": "function",
+        $cellEdit: true, "t5": "(row, value, row, column)"
+    },
+    {
+        "t1": "overHidden",
+        "t2": "当内容过长被隐藏时显示 tooltip",
+        "t3": "boolean",
+        $cellEdit: true, "t5": "false"
+    },
+    {
+        "t1": "align",
+        "t2": "对齐方式",
+        "t3": "string",
+        $cellEdit: true, "t5": "left"
+    },
+    {
+        "t1": "headerAlign",
+        "t2": "表头对齐方式，若不设置该项，则使用表格的对齐方式",
+        "t3": "string",
+        $cellEdit: true, "t5": "left"
+    },
+    {
+        "t1": "filters",
+        "t2": "数据过滤的选项。",
+        "t3": "boolean",
+        $cellEdit: true, "t5": "false"
+    },
+    {
+        "t1": "search",
+        "t2": "是否为搜索项",
+        "t3": "boolean",
+        $cellEdit: true, "t5": "false"
+    },
+    {
+        "t1": "searchValue",
+        "t2": "搜索项初始化值",
+        "t3": "string",
+        $cellEdit: true, "t5": "-"
+    },
+    {
+        "t1": "searchPlaceholder",
+        "t2": "搜索项辅助文字",
+        "t3": "string",
+        $cellEdit: true, "t5": "-"
+    },
+    {
+        "t1": "searchSpan",
+        "t2": "搜索项框栅列",
+        "t3": "number",
+        $cellEdit: true, "t5": "8"
+    },
+    {
+        "t1": "searchOrder",
+        "t2": "搜索项位置排序，序号越大越靠前",
+        "t3": "number",
+        $cellEdit: true, "t5": "-"
+    },
+    {
+        "t1": "searchGutter",
+        "t2": "搜索项框间距",
+        "t3": "number",
+        $cellEdit: true, "t5": "-"
+    },
+    {
+        "t1": "searchRange",
+        "t2": "搜索项为范围搜索",
+        "t3": "boolean",
+        $cellEdit: true, "t5": "false"
+    },
+    {
+        "t1": "searchType",
+        "t2": "搜索项的类型",
+        "t3": "string",
+        $cellEdit: true, "t5": "-"
+    },
+    {
+        "t1": "searchLabelWidth",
+        "t2": "搜索项标题宽度",
+        "t3": "number",
+        $cellEdit: true, "t5": "80"
+    },
+    {
+        "t1": "searchClearable",
+        "t2": "搜索项清除",
+        "t3": "boolean",
+        $cellEdit: true, "t5": "false"
+    },
+    {
+        "t1": "searchMultiple",
+        "t2": "搜索项是否多选",
+        "t3": "boolean",
+        $cellEdit: true, "t5": "false"
+    },
+    {
+        "t1": "searchTags",
+        "t2": "搜索项将选中值按文字的形式展示",
+        "t3": "boolean",
+        $cellEdit: true, "t5": "false"
+    },
+    {
+        "t1": "searchLabelPosition",
+        "t2": "搜索项标题位置",
+        "t3": "string",
+        $cellEdit: true, "t5": "left"
+    },
+    {
+        "t1": "display",
+        "t2": "弹出表单是否显示",
+        "t3": "boolean",
+        $cellEdit: true, "t5": "true"
+    },
+    {
+        "t1": "disabled",
+        "t2": "弹出表单是否禁止",
+        "t3": "boolean",
+        $cellEdit: true, "t5": "false"
+    },
+    {
+        "t1": "addDisabled",
+        "t2": "表单新增时项是否禁止",
+        "t3": "boolean",
+        $cellEdit: true, "t5": "false"
+    },
+    {
+        "t1": "editDisabled",
+        "t2": "表单编辑时项是否禁止",
+        "t3": "boolean",
+        $cellEdit: true, "t5": "false"
+    },
+    {
+        "t1": "viewDisabled",
+        "t2": "表单查看时项是否禁止",
+        "t3": "boolean",
+        $cellEdit: true, "t5": "false"
+    },
+    {
+        "t1": "addDisplay",
+        "t2": "表单新增时项是否显示",
+        "t3": "boolean",
+        $cellEdit: true, "t5": "true"
+    },
+    {
+        "t1": "editDisplay",
+        "t2": "表单编辑时项是否显示",
+        "t3": "boolean",
+        $cellEdit: true, "t5": "true"
+    },
+    {
+        "t1": "viewDisplay",
+        "t2": "表单查看时项是否显示",
+        "t3": "boolean",
+        $cellEdit: true, "t5": "true"
+    },
+    {
+        "t1": "resizable",
+        "t2": "对应列是否可以通过拖动改变宽度（需要在option中border属性为真）",
+        "t3": "boolean",
+        $cellEdit: true, "t5": "true"
+    }
+]

package/src/views/table/add-or-edit/config/data/crud.js

@@ -0,0 +1,122 @@
+export default [
+    {
+        "t1": "modelValue",
+        "t2": "绑定值",
+        "t3": "object",
+        $cellEdit: true,"t5": "-"
+    },
+    {
+        "t1": "data",
+        "t2": "显示的数据",
+        "t3": "array",
+        $cellEdit: true,"t5": "-"
+    },
+    {
+        "t1": "option",
+        "t2": "表单配置项参考Option配置",
+        "t3": "object",
+        $cellEdit: true,"t5": "-"
+    },
+    {
+        "t1": "before-open",
+        "t2": "打开前的回调，会暂停Dialog的打开，done用于关闭Dialog,type为当前窗口的类型",
+        "t3": "function",
+        $cellEdit: true,"t5": "(done,type)=>{}"
+    },
+    {
+        "t1": "before-close",
+        "t2": "关闭前的回调，会暂停Dialog的关闭，done用于关闭Dialog,type为当前窗口的类型",
+        "t3": "function",
+        $cellEdit: true,"t5": "(done,type)=>{}"
+    },
+    {
+        "t1": "permission",
+        "t2": "表格多个按钮权限控制，采用函数方式可以精确到行控制",
+        "t3": "-",
+        $cellEdit: true,"t5": "-"
+    },
+    {
+        "t1": "v-model:search",
+        "t2": "搜索变量",
+        "t3": "object",
+        $cellEdit: true,"t5": "-"
+    },
+    {
+        "t1": "v-model:page",
+        "t2": "分页变量参考Page参数",
+        "t3": "object",
+        $cellEdit: true,"t5": "-"
+    },
+    {
+        "t1": "cell-class-name",
+        "t2": "单元格的className的回调方法，也可以使用字符串为所有单元格设置一个固定的className",
+        "t3": "function",
+        $cellEdit: true,"t5": "({row,column,rowIndex,columnIndex})=>{}"
+    },
+    {
+        "t1": "header-cell-class-name",
+        "t2": "表头单元格的className的回调方法，也可以使用字符串为所有表头单元格设置一个固定的className",
+        "t3": "function",
+        $cellEdit: true,"t5": "({row,column,rowIndex,columnIndex})=>{}"
+    },
+    {
+        "t1": "row-class-name",
+        "t2": "行的className的回调方法，也可以使用字符串为所有行设置一个固定的className",
+        "t3": "function",
+        $cellEdit: true,"t5": "({row,rowIndex})=>{}"
+    },
+  /*  {
+        "t1": "span-method",
+        "t2": "合并行或列的计算方法",
+        "t3": "function",
+        $cellEdit: true,"t5": "({row,column,rowIndex,columnIndex})=>{}"
+    },*/
+    {
+        "t1": "summary-method",
+        "t2": "自定义的合计计算方法",
+        "t3": "function",
+        $cellEdit: true,"t5": "({columns,data})=>{}"
+    },
+    {
+        "t1": "table-loading",
+        "t2": "表格等待框的控制",
+        "t3": "boolean",
+        $cellEdit: true,"t5": "-"
+    },
+    {
+        "t1": "upload-before",
+        "t2": "upload组件上传前的回调,done用于继续图片上传，loading用于中断操作",
+        "t3": "function",
+        $cellEdit: true,"t5": "(file,done,loading)=>{}"
+    },
+    {
+        "t1": "upload-after",
+        "t2": "upload组件上传后的回调,done用于结束操作，loading用于中断操作",
+        "t3": "function",
+        $cellEdit: true,"t5": "(res,done)=>{}"
+    },
+    {
+        "t1": "upload-delete",
+        "t2": "upload组件删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除",
+        "t3": "function",
+        $cellEdit: true,"t5": "(file,column)=>{}"
+    },
+    {
+        "t1": "upload-preview",
+        "t2": "upload组件查看回调",
+        "t3": "function",
+        $cellEdit: true,"t5": "(file,column,done)=>{}"
+    },
+    {
+        "t1": "upload-error",
+        "t2": "upload组件上传失败错误回调",
+        "t3": "function",
+        $cellEdit: true,"t5": "(error,column)=>{}"
+    },
+    {
+        "t1": "upload-exceed",
+        "t2": "upload组件上传超过长度限制回调",
+        "t3": "function",
+        $cellEdit: true,"t5": "(limit,files,fileList,column)=>{}"
+    }
+]

package/src/views/table/add-or-edit/config/data/events.js

@@ -0,0 +1,109 @@
+export default [
+    {
+        "t1": "queryBefore",
+        "t2": "查询前调用",
+        "noParams": true,
+        $cellEdit: true, "t3": "function", "t5": "console.log(params)"
+    },
+    {
+        "t1": "tableInitOk",
+        "t2": "table初始化完成后调用函数",
+        "noParams": true,
+        $cellEdit: true, "t3": "function", "t5": "console.log(this.tableAll)"
+    },
+    {
+        "t1": "selectRowChange",
+        "t2": "选择改变时候会触发，如果是单选，params是对象，如果是多选，params是数组。允许使用this.xxx进行赋值",
+        "noParams": true,
+        $cellEdit: true, "t3": "function", "t5": "console.log(params)"
+    }, {
+        "t1": "current-change",
+        "t2": "只对 row-config.isCurrent 有效，当手动选中行并且值发生改变时触发的事件",
+        $cellEdit: true,
+        "t3": "function",
+        "t5": "{ newValue, oldValue, row, rowIndex, $rowIndex, column, columnIndex, $columnIndex, $event }"
+    },
+    {
+        "t1": "radio-change",
+        "t2": "只对 type=radio 有效，当手动勾选并且值发生改变时触发的事件",
+        $cellEdit: true,
+        "t3": "function",
+        "t5": "{ newValue, oldValue, row, rowIndex, $rowIndex, column, columnIndex, $columnIndex, $event }"
+    },
+    {
+        "t1": "checkbox-change",
+        "t2": "只对 type=checkbox 有效，当手动勾选并且值发生改变时触发的事件",
+        $cellEdit: true,
+        "t3": "function",
+        "t5": "{ checked, row, rowIndex, $rowIndex, column, columnIndex, $columnIndex, $event }"
+    },
+    {
+        "t1": "checkbox-all",
+        "t2": "只对 type=checkbox 有效，当手动勾选全选时触发的事件",
+        $cellEdit: true, "t3": "function", "t5": "{ checked, $event }"
+    },
+    {
+        "t1": "cell-click",
+        "t2": "单元格被点击时会触发该事件",
+        $cellEdit: true,
+        "t3": "function",
+        "t5": "{ row, rowIndex, $rowIndex, column, columnIndex, $columnIndex, triggerRadio, triggerCheckbox, triggerTreeNode, triggerExpandNode, $event }"
+    },
+    {
+        "t1": "cell-dblclick",
+        "t2": "单元格被双击时会触发该事件",
+        $cellEdit: true,
+        "t3": "function",
+        "t5": "{ row, rowIndex, $rowIndex, column, columnIndex, $columnIndex, $event }"
+    },
+    {
+        "t1": "scroll",
+        "t2": "表格滚动时会触发该事件",
+        $cellEdit: true,
+        "t3": "function",
+        "t5": "{ type, scrollTop, scrollLeft, scrollHeight, scrollWidth, bodyWidth, bodyHeight, isX, isY, $event }"
+    },
+    {
+        "t1": "page-change",
+        "t2": "只对 pager-config 配置时有效，分页发生改变时会触发该事件",
+        $cellEdit: true, "t3": "function", "t5": "{ type, currentPage, pageSize, $event }"
+    },
+    {
+        "t1": "zoom",
+        "t2": "当最大化或还原操作被手动点击时会后触发该事件",
+        $cellEdit: true, "t3": "function", "t5": "{ type, $event }"
+    },
+    {
+        "t1": "cell-menu",
+        "t2": "只对 menu-config 配置时有效，单元格被鼠标右键时触发该事件",
+        $cellEdit: true,
+        "t3": "function",
+        "t5": "{ type, row, rowIndex, $rowIndex, column, columnIndex, $columnIndex, $event }"
+    },
+    {
+        "t1": "header-cell-click",
+        "t2": "表头单元格被点击时会触发该事件",
+        $cellEdit: true,
+        "t3": "function",
+        "t5": "{ $rowIndex, column, columnIndex, $columnIndex, triggerResizable, triggerSort, triggerFilter, $event }"
+    },
+    {
+        "t1": "edit-activated",
+        "t2": "只对 edit-config 配置时有效，单元格被激活编辑时会触发该事件",
+        $cellEdit: true, "t3": "function", "t5": "{ row, rowIndex, $rowIndex, column, columnIndex, $columnIndex }"
+    },
+    {
+        "t1": "cell-mouseenter",
+        "t2": "只对 tooltip-config 配置时有效，当鼠标移动到单元格时会触发该事件",
+        $cellEdit: true,
+        "t3": "function",
+        "t5": "{ row, rowIndex, $rowIndex, column, columnIndex, $columnIndex, $event }"
+    },
+    {
+        "t1": "cell-mouseleave",
+        "t2": "只对 tooltip-config 配置时有效，当鼠标移开单元格时会触发该事件",
+        $cellEdit: true,
+        "t3": "function",
+        "t5": "{ row, rowIndex, $rowIndex, column, columnIndex, $columnIndex, $event }"
+    },
+]

package/src/views/table/add-or-edit/config/data/method.js

@@ -0,0 +1,127 @@
+export default [
+    {
+        "t1": "row-save",
+        "t2": "新增数据后点击确定触发该事件",
+        $cellEdit: true,"t3":"function","t5": "row,done,loading"
+    },
+    {
+        "t1": "row-update",
+        "t2": "更新数据后确定触发该事件",
+        $cellEdit: true,"t3":"function","t5": "row,index,done,loading"
+    },
+    {
+        "t1": "row-del",
+        "t2": "行数据删除时触发该事件",
+        $cellEdit: true,"t3":"function","t5": "row,index"
+    },
+    {
+        "t1": "refresh-change",
+        "t2": "点击刷新按钮触发该事件(由于page分页信息和search搜索信息，可以直接通过this.page和this.search拿到)",
+        $cellEdit: true,"t3":"function","t5": "-"
+    },
+    {
+        "t1": "search-change",
+        "t2": "点击搜索后触发该事件(由于page分页信息和search搜索信息，可以直接通过this.page和this.search拿到)",
+        $cellEdit: true,"t3":"function","t5": "form,done"
+    },
+    {
+        "t1": "search-reset",
+        "t2": "清空搜索回调方法",
+        $cellEdit: true,"t3":"function","t5": "-"
+    },
+    {
+        "t1": "dateChange",
+        "t2": "dateBtn为true时的选择日期回调方法",
+        $cellEdit: true,"t3":"function","t5": "date"
+    },
+    {
+        "t1": "tree-load",
+        "t2": "加载子节点数据的函数，lazy 为 true 时生效，函数第二个参数包含了节点的层级信息",
+        $cellEdit: true,"t3":"function","t5": "row, treeNode, resolve)"
+    },
+    {
+        "t1": "select",
+        "t2": "当用户手动勾选数据行的 Checkbox 时触发的事件",
+        $cellEdit: true,"t3":"function","t5": "selection, row"
+    },
+    {
+        "t1": "select-all",
+        "t2": "当用户手动勾选全选 Checkbox 时触发的事件",
+        $cellEdit: true,"t3":"function","t5": "selection"
+    },
+    {
+        "t1": "selection-change",
+        "t2": "当选择项发生变化时会触发该事件",
+        $cellEdit: true,"t3":"function","t5": "selection"
+    },
+    {
+        "t1": "cell-mouse-enter",
+        "t2": "当单元格 hover 进入时会触发该事件",
+        $cellEdit: true,"t3":"function","t5": "row, column, cell, event"
+    },
+    {
+        "t1": "cell-mouse-leave",
+        "t2": "当单元格 hover 退出时会触发该事件",
+        $cellEdit: true,"t3":"function","t5": "ow, column, cell, event"
+    },
+    {
+        "t1": "cell-click",
+        "t2": "当某个单元格被点击时会触发该事件",
+        $cellEdit: true,"t3":"function","t5": "row, column, cell, event"
+    },
+    {
+        "t1": "cell-dblclick",
+        "t2": "当某个单元格被双击击时会触发该事件",
+        $cellEdit: true,"t3":"function","t5": "row, column, cell, event"
+    },
+    {
+        "t1": "row-click",
+        "t2": "当某一行被点击时会触发该事件",
+        $cellEdit: true,"t3":"function","t5": "row, column, event"
+    },
+    {
+        "t1": "row-contextmenu",
+        "t2": "当某一行被鼠标右键点击时会触发该事件",
+        $cellEdit: true,"t3":"function","t5": "row, column, event"
+    },
+    {
+        "t1": "row-dblclick",
+        "t2": "当某一行被双击时会触发该事件",
+        $cellEdit: true,"t3":"function","t5": "row, column, event"
+    },
+    {
+        "t1": "header-click",
+        "t2": "当某一列的表头被点击时会触发该事件",
+        $cellEdit: true,"t3":"function","t5": "column, event"
+    },
+    {
+        "t1": "header-contextmenu",
+        "t2": "当某一列的表头被鼠标右键点击时触发该事件",
+        $cellEdit: true,"t3":"function","t5": "column, event"
+    },
+    {
+        "t1": "sort-change",
+        "t2": "当表格的排序条件发生变化的时候会触发该事件",
+        $cellEdit: true,"t3":"function","t5": "{ column, prop, order }"
+    },
+    {
+        "t1": "filter-change",
+        "t2": "当表格的筛选条件发生变化的时候会触发该事件，参数的值是一个对象，对象的 key 是 column 的 columnKey，对应的 value 为用户选择的筛选条件的数组。",
+        $cellEdit: true,"t3":"function","t5": "filters"
+    },
+    {
+        "t1": "current-row-change",
+        "t2": "当表格的当前行发生变化的时候会触发该事件，如果要高亮当前行，请打开表格的 highlightCurrentRow 属性",
+        $cellEdit: true,"t3":"function","t5": "currentRow, oldCurrentRow"
+    },
+    {
+        "t1": "header-dragend",
+        "t2": "当拖动表头改变了列的宽度的时候会触发该事件",
+        $cellEdit: true,"t3":"function","t5": "newWidth, oldWidth, column, event"
+    },
+    {
+        "t1": "expand-change",
+        "t2": "当用户对某一行展开或者关闭的时候会触发该事件（展开行时，回调的第二个参数为 expandedRows；树形表格时第二参数为 expanded）",
+        $cellEdit: true,"t3":"function","t5": "row, (expandedRows"
+    }
+]